*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:#eef1f6;color:#1f1f1f;-webkit-font-smoothing:antialiased}.pay-page{max-width:420px;margin:0 auto;min-height:100vh;padding-bottom:24px}.pay-page--alipay{--theme: #1677ff;--theme-dark: #0958d9;--theme-soft: #e6f4ff;--theme-glow: rgba(22, 119, 255, .15);--page-bg: linear-gradient(180deg, #dbeafe 0%, #eef1f6 28%)}.pay-page--wechat{--theme: #07c160;--theme-dark: #059669;--theme-soft: #e8f8ef;--theme-glow: rgba(7, 193, 96, .15);--page-bg: linear-gradient(180deg, #d1fae5 0%, #eef1f6 28%)}.pay-page{background:var(--page-bg)}.pay-header{padding:14px 20px;display:flex;justify-content:center}.pay-header--alipay,.pay-header--wechat{background:#fff;border-bottom:1px solid #f0f0f0}.pay-header__logo{display:block;object-fit:contain;object-position:center;max-width:min(100%,280px)}.pay-header--wechat .pay-header__logo{height:48px;width:auto}.pay-header--alipay .pay-header__logo{width:min(100%,210px);height:48px}.pay-countdown{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin:12px 16px 0;background:var(--theme);color:#fff;border-radius:12px;font-size:14px;box-shadow:0 4px 14px var(--theme-glow)}.pay-countdown__time{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px}.pay-countdown__sep{opacity:.7}.pay-countdown__text{opacity:.95}.pay-main{padding:12px 16px 0;display:flex;flex-direction:column;gap:12px}.pay-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 12px #0000000f;border:1px solid rgba(0,0,0,.04)}.pay-card--meta{padding:12px 16px}.pay-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.pay-meta__label{color:#8c8c8c;flex-shrink:0}.pay-meta__value{color:#595959;font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;text-align:right}.pay-card--highlight{border:none;background:linear-gradient(135deg,#fff 0%,var(--theme-soft) 100%);box-shadow:0 4px 20px var(--theme-glow)}.pay-card--amount .pay-highlight__value{color:#cf1322}.pay-card--name .pay-highlight__value{color:#1d39c4}.pay-page--wechat .pay-card--name .pay-highlight__value,.pay-page--wechat .pay-card--code .pay-highlight__value{color:#135200}.pay-card--code{background:linear-gradient(135deg,#fff,#f6ffed);box-shadow:0 4px 20px #52c41a1f}.pay-highlight{display:flex;gap:14px;align-items:flex-start}.pay-highlight__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.pay-highlight__icon--alipay,.pay-highlight__icon--wechat{background:linear-gradient(145deg,var(--theme) 0%,var(--theme-dark) 100%)}.pay-highlight__label{font-size:13px;color:#8c8c8c;margin-bottom:4px}.pay-highlight__value--amount{font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-.5px}.pay-highlight__value--amount .pay-currency{font-size:22px;font-weight:600;margin-right:2px}.pay-highlight__value--name{font-size:26px;font-weight:700;letter-spacing:2px}.pay-highlight__value--code{font-size:34px;font-weight:800;letter-spacing:10px;font-variant-numeric:tabular-nums;color:#389e0d}.pay-highlight__sub{margin-top:6px;font-size:12px;color:#8c8c8c}.pay-highlight__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px dashed rgba(0,0,0,.08)}.pay-card--compact.pay-card--highlight{padding:10px 12px;border-radius:12px;box-shadow:0 2px 10px var(--theme-glow)}.pay-card--compact .pay-highlight{gap:10px;align-items:center}.pay-card--compact .pay-highlight__icon{width:32px;height:32px;border-radius:8px}.pay-card--compact .pay-highlight__icon svg{width:16px;height:16px}.pay-card--compact .pay-highlight__label{font-size:11px;margin-bottom:2px}.pay-card--compact .pay-highlight__value--amount{font-size:24px;letter-spacing:-.3px}.pay-card--compact .pay-highlight__value--amount .pay-currency{font-size:14px}.pay-card--compact .pay-highlight__value--name{font-size:18px;letter-spacing:1px}.pay-card--compact .pay-highlight__value--code{font-size:22px;letter-spacing:6px}.pay-card--compact .pay-highlight__sub{margin-top:2px;font-size:11px;line-height:1.35}.pay-card--compact .pay-highlight__actions{gap:6px;margin-top:8px;padding-top:8px}.pay-card--compact .copy-btn{padding:4px 10px;font-size:12px;border-radius:14px}.pay-page--alipay .pay-main,.pay-page--wechat .pay-main{gap:8px}.pay-shot-block{display:flex;flex-direction:column;gap:8px}.copy-btn{padding:6px 14px;border:1px solid var(--theme);border-radius:20px;background:#fff;color:var(--theme);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s}.copy-btn--wechat{border-color:#07c160;color:#07c160}.copy-btn:disabled{opacity:.45;cursor:not-allowed}.copy-btn:active:not(:disabled){background:var(--theme-soft);transform:scale(.98)}.copy-btn--wechat:active:not(:disabled){background:#e8f8ef}.pay-card--tips{background:#fffbeb;border:1px solid #ffe58f;box-shadow:none}.pay-tips__title{font-size:14px;font-weight:600;color:#ad6800;margin-bottom:10px;display:flex;align-items:center;gap:6px}.pay-tips__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pay-tips__item{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.55;color:#595959}.pay-tips__icon{flex-shrink:0;margin-top:1px;color:#d48806}.pay-tips__item--warn .pay-tips__icon{color:#cf1322}.pay-tips__item--warn{color:#434343;font-weight:500}.pay-tips__item--safe .pay-tips__icon{color:#389e0d}.copyable-amount{display:inline;margin:0 2px;padding:0 4px;border:none;border-radius:4px;background:#fff2f0;color:#cf1322;font:inherit;font-weight:700;font-size:1.05em;line-height:1.4;cursor:pointer;vertical-align:baseline;-webkit-tap-highlight-color:transparent}.copyable-amount:disabled{opacity:.6;cursor:not-allowed}.copyable-amount:active:not(:disabled){background:#ffccc7}.copyable-amount--copied{color:#389e0d;background:#f6ffed}.copyable-amount__hint{font-weight:500;font-size:.92em;color:#389e0d}.pay-card--qr{text-align:center}.pay-qr__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}.pay-qr__title{font-size:15px;font-weight:600;color:#262626}.pay-qr__badge{font-size:12px;padding:4px 10px;border-radius:20px;background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.pay-qr__frame{padding:12px;background:#fafafa;border-radius:12px;border:2px dashed #d9d9d9;display:inline-block;max-width:100%}.pay-qr__img{display:block;width:100%;max-width:280px;height:auto;margin:0 auto;border-radius:8px}.pay-qr__img--live{display:block;width:100%;max-width:280px;height:auto;margin:0 auto;border-radius:4px;-webkit-touch-callout:default;-webkit-user-select:none;user-select:none;cursor:pointer}.pay-qr__img--native{-webkit-touch-callout:default!important;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:pointer}.pay-qr__img-btn{display:block;width:100%;padding:0;margin:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.pay-qr__hint{margin:10px 0 0;font-size:12px;line-height:1.4;color:#8c8c8c;text-align:center}.pay-qr__svg-wrap{position:relative;display:inline-block;width:100%;max-width:280px;margin:0 auto}.pay-qr__svg-inner svg{display:block;width:100%;height:auto;border-radius:4px}.pay-qr__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.pay-qr__center span{background:#fff;padding:5px 10px;border-radius:6px;font-size:13px;font-weight:600;color:#262626;line-height:1.25;text-align:center;box-shadow:0 0 0 5px #fff;max-width:46%;word-break:keep-all}.pay-qr__center--live .pay-qr__center-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;width:34%;aspect-ratio:1;max-width:96px;padding:6px 4px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff;box-sizing:border-box}.pay-qr__center--live .pay-qr__center-badge span{background:transparent;box-shadow:none;padding:0;margin:0;max-width:none;border-radius:0;font-size:11px;font-weight:600;line-height:1.25;color:#5b9bd5;white-space:nowrap}.pay-qr__center--live .pay-qr__center-badge span:first-child{font-size:10px;font-weight:500;margin-bottom:1px}.pay-wx-live-bar{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;background:#07c160;color:#fff;font-size:14px;font-weight:600;text-align:center}.pay-wx-live-bar--btn{width:100%;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.pay-card--wx-live-qr{padding:0;overflow:hidden}.pay-card--wx-live-qr .pay-qr__frame{padding:16px 12px;background:#fff}.pay-alert{margin:12px 0 0;font-size:13px;text-align:center}.pay-alert--error{color:#cf1322}.pay-status-msg{margin:0;padding:10px 14px;border-radius:10px;font-size:13px;text-align:center}.pay-status-msg--info{background:var(--theme-soft);color:var(--theme-dark)}.pay-status-msg--warn{background:#fff7e6;color:#ad6800}.pay-status-msg--error{background:#fff2f0;color:#cf1322}.pay-status-msg--success{background:#f6ffed;color:#389e0d}.pay-btn{display:block;width:100%;padding:15px;border:none;border-radius:12px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .15s,transform .1s;margin-top:4px}.pay-btn--alipay.pay-btn--primary{background:linear-gradient(135deg,var(--theme) 0%,var(--theme-dark) 100%);box-shadow:0 4px 14px var(--theme-glow)}.pay-btn--wechat.pay-btn--primary{background:linear-gradient(135deg,#07c160,#059669);box-shadow:0 4px 14px #07c16040}.pay-btn--secondary{background:#fff;color:var(--theme);border:1px solid var(--theme);box-shadow:none}.pay-btn--wechat.pay-btn--secondary{color:#07c160;border-color:#07c160}.pay-btn:disabled{opacity:.55;cursor:not-allowed}.pay-btn:active:not(:disabled){transform:scale(.99)}.pay-footer-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.pay-footer-actions>a.pay-btn{display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.pay-card--wx-join{text-align:center;padding:20px 16px}.pay-wx-join__label{font-size:13px;color:#8c8c8c;margin-bottom:12px}.pay-wx-join__link{display:inline-flex;align-items:center;justify-content:center;min-width:200px;padding:14px 28px;border-radius:10px;background:#07c160;color:#fff!important;font-size:17px;font-weight:600;text-decoration:none;line-height:1.2}.pay-wx-join__link:active{opacity:.92}.pay-wx-join__sub{margin:12px 0 0;font-size:12px;color:#8c8c8c}.page{max-width:420px;margin:0 auto}