:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f3;--surface:#fff;--surface-soft:#f7f9f7;--ink:#14211a;--ink-soft:#3d4c43;--muted:#6b7a70;--line:#e3eae4;--line-strong:#d2ded4;--wechat:#07c160;--wechat-deep:#067a3d;--alipay:#1677ff;--alipay-deep:#0f5bd8;--amber:#b45309;--amber-soft:#fdf1e7;--danger:#b91c1c;--shadow-card:0 28px 70px #14211a1a, 0 3px 10px #14211a0a;--font-sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.5}#app{min-height:100vh}button{font:inherit;color:inherit}button:not(:disabled){cursor:pointer}img,svg{display:block}p,h1,h2{margin:0}::selection{color:var(--ink);background:#cdebd9}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.page-shell{isolation:isolate;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) clamp(16px, 4vw, 32px) max(24px, env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow-x:clip}.bg-pattern{z-index:-3;pointer-events:none;opacity:.62;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26'%3E%3Ccircle cx='1.4' cy='1.4' r='1.15' fill='%23d9e4db'/%3E%3C/svg%3E");background-size:26px 26px;position:fixed;inset:0}.decor{z-index:-2;pointer-events:none;position:fixed}.decor-ring{border:1px solid #07c16033;border-radius:50%}.decor-ring--one{aspect-ratio:1;width:clamp(240px,30vw,420px);animation:26s linear infinite orbit;top:-110px;left:-130px}.decor-ring--one:after{content:"";border:1px dashed #07c16029;border-radius:50%;position:absolute;inset:12%}.decor-ring--two{aspect-ratio:1;border-color:#1677ff2e;width:clamp(220px,26vw,360px);animation:16s ease-in-out infinite float-slow;bottom:-100px;right:-120px}.decor-ring--two:after{content:"";border:1px solid #1677ff1f;border-radius:50%;position:absolute;inset:18%}.decor-dot{background:var(--wechat);opacity:.75;border-radius:50%;width:10px;height:10px;animation:11s ease-in-out infinite float-slow;top:22%;right:12%}.decor-square{border:1.5px solid var(--alipay);opacity:.45;border-radius:4px;width:16px;height:16px;animation:14s ease-in-out infinite square-drift;bottom:18%;left:10%;transform:rotate(18deg)}.topbar{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1040px;margin:0 auto;padding:2px 2px 20px;animation:.55s cubic-bezier(.22,1,.36,1) both rise-in;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 18px #14211a2e}.brand-name{letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.secure-badge{border:1px solid var(--line);color:var(--muted);letter-spacing:.02em;background:#ffffffb8;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 11px;font-size:11.5px;display:inline-flex}.secure-badge svg{color:var(--wechat-deep)}.checkout{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:460px;margin:0 auto;padding:6px 0 18px;display:flex}.checkout-card{background:var(--surface);box-shadow:var(--shadow-card);border:1px solid #14211a0f;border-radius:28px;padding:clamp(22px,5vw,34px);animation:.65s cubic-bezier(.22,1,.36,1) both rise-in;position:relative}.checkout-card:before{content:"";background:var(--ink);border-radius:0 0 3px 3px;width:54px;height:3px;position:absolute;top:0;left:clamp(22px,5vw,34px)}.card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.2em;margin-bottom:6px;font-size:9.5px;font-weight:700}.card-title{letter-spacing:-.02em;font-size:clamp(20px,4.8vw,24px);font-weight:700;line-height:1.2}.status-pill{color:#08703a;white-space:nowrap;background:#eef7ef;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.status-dot{background:var(--wechat);border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite pulse-dot}.status-pill.is-expired{background:var(--amber-soft);color:var(--amber)}.status-pill.is-expired .status-dot{background:var(--amber);animation:none}.meta-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:16px;margin-top:24px;padding:4px 14px;animation:.55s cubic-bezier(.22,1,.36,1) .14s both rise-in}.meta-row{justify-content:space-between;align-items:center;gap:16px;min-height:43px;display:flex}.meta-row+.meta-row{border-top:1px dashed var(--line-strong)}.meta-label{color:var(--muted);flex:none;font-size:12.5px}.copy-btn{max-width:72%;color:var(--ink-soft);background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:5px 2px;transition:color .2s;display:inline-flex}.copy-btn:hover{color:var(--wechat-deep)}.copy-btn svg{opacity:.55;flex:none}.meta-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.countdown{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.countdown-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.countdown.is-urgent{color:var(--amber);animation:1.5s ease-in-out infinite blink-soft}.countdown.is-expired{color:var(--danger);animation:none}.method-section{padding-top:24px}.section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.section-title{letter-spacing:-.01em;font-size:15px;font-weight:600}.section-hint{color:var(--muted);margin-top:4px;font-size:12px}.section-count{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);white-space:nowrap;border-radius:999px;flex:none;padding:5px 9px;font-size:10.5px;font-weight:600}.method-list{flex-direction:column;gap:10px;display:flex}.method-item{animation:.5s cubic-bezier(.22,1,.36,1) both rise-in}.method-item:first-child{animation-delay:.2s}.method-item:nth-child(2){animation-delay:.27s}.method-card{--accent:var(--wechat-deep);--tint:#eef9f2;border:1.5px solid var(--line);background:var(--surface);text-align:left;border-radius:16px;align-items:center;gap:13px;width:100%;padding:12px 14px;transition:border-color .22s,background-color .22s,box-shadow .22s,transform .22s;display:flex;position:relative}.method-card:hover{border-color:var(--line-strong);box-shadow:0 10px 22px #14211a0f}.method-card.is-active{border-color:var(--accent);background:var(--tint);box-shadow:0 8px 20px #14211a0f}.method-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.method-logo{border:1px solid var(--line);background:#fff;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;transition:border-color .22s,transform .22s;display:grid}.method-card.is-active .method-logo{border-color:#14211a0f;transform:scale(1.04)}.method-logo img{border-radius:7px;width:27px;height:27px}.method-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.method-title-row{align-items:center;gap:8px;min-width:0;display:flex}.method-name{letter-spacing:.01em;font-size:14.5px;font-weight:600}.method-tag{color:var(--accent);background:#fff;border:1px solid #14211a0f;border-radius:999px;flex:none;padding:2px 6px;font-size:9.5px;font-weight:700;line-height:1.4}.method-desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;line-height:1.45;overflow:hidden}.method-check{border:1.5px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;transition:background-color .2s,border-color .2s,transform .2s;display:grid}.method-card.is-active .method-check{border-color:var(--accent);background:var(--accent);transform:scale(1.04)}.method-check svg{width:13px;height:13px;overflow:visible}.method-check path{fill:none;stroke:#fff;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .28s 50ms}.method-card.is-active .method-check path{stroke-dashoffset:0}.pay-button{--pay-accent:var(--wechat-deep);--pay-accent-dark:#056432;--pay-shadow:#067a3d38;--pay-shadow-hover:#067a3d4d;isolation:isolate;background:var(--pay-accent);color:#fff;letter-spacing:.01em;width:100%;min-height:56px;box-shadow:0 14px 28px var(--pay-shadow);border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;margin-top:20px;padding:0 20px;font-size:16px;font-weight:700;transition:background-color .25s,transform .2s,box-shadow .25s,opacity .2s;animation:.5s .32s both fade-in;display:flex;position:relative;overflow:hidden}.pay-button:hover:not(:disabled){background:var(--pay-accent-dark);box-shadow:0 18px 34px var(--pay-shadow-hover)}.pay-button:active:not(:disabled){transform:translateY(0)scale(.99)}.pay-button:disabled{color:#5f6c63;cursor:not-allowed;opacity:1;box-shadow:none;background:#e8ece9}.pay-button:focus-visible{outline-offset:3px;outline:3px solid #14211a40}.pay-button-content{z-index:1;align-items:center;gap:8px;display:inline-flex;position:relative}.pay-arrow{z-index:1;transition:transform .22s;position:relative}.pay-ripple{z-index:0;pointer-events:none;background:#ffffff4d;border-radius:50%;animation:.65s ease-out forwards ripple;position:absolute;transform:scale(0)}.refresh-btn{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;border-radius:8px;margin:12px auto 0;padding:6px 10px;font-size:12.5px;text-decoration:underline;display:block}.refresh-btn:hover{color:var(--ink)}.security-note{color:var(--muted);text-align:left;justify-content:center;align-items:flex-start;gap:7px;margin-top:16px;font-size:11.5px;line-height:1.6;display:flex}.security-note svg{color:var(--wechat-deep);flex:none;margin-top:2px}.page-footnote{color:var(--muted);letter-spacing:.02em;text-align:center;margin-top:18px;font-size:11px;animation:.6s cubic-bezier(.22,1,.36,1) .4s both rise-in}.toast{bottom:calc(26px + env(safe-area-inset-bottom));z-index:300;background:var(--ink);color:#fff;border-radius:14px;align-items:center;gap:9px;width:max-content;max-width:min(92vw,440px);padding:12px 16px;font-size:13px;line-height:1.45;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #14211a47}.toast-icon{flex:none;place-items:center;display:grid}.toast--success .toast-icon{color:#6ee7a0}.toast--error .toast-icon{color:#fbbf24}.toast--info .toast-icon{color:#93c5fd}.toast-message{overflow-wrap:anywhere;min-width:0}.redirect-overlay{z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4f7f3eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.redirect-panel{border:1px solid var(--line);background:var(--surface);width:min(320px,100%);box-shadow:var(--shadow-card);text-align:center;border-radius:24px;padding:34px 28px 30px;animation:.3s cubic-bezier(.22,1,.36,1) both pop-in}.spinner{border:3px solid var(--line);border-top-color:var(--spinner-color,var(--wechat-deep));border-radius:50%;width:42px;height:42px;margin:0 auto 18px;animation:.8s linear infinite spin}.redirect-title{color:var(--ink);font-size:16px;font-weight:700}.redirect-sub{color:var(--muted);margin-top:6px;font-size:12.5px}.toast-enter-active,.toast-leave-active{transition:opacity .24s,transform .24s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}.overlay-enter-active,.overlay-leave-active{transition:opacity .22s}.overlay-enter-from,.overlay-leave-to{opacity:0}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes ripple{to{opacity:0;transform:scale(2.2)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes square-drift{0%,to{transform:rotate(18deg)translateY(0)}50%{transform:rotate(28deg)translateY(-10px)}}@keyframes blink-soft{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.6)}}@media (hover:hover){.method-card:hover,.pay-button:hover:not(:disabled){transform:translateY(-2px)}.pay-button:hover:not(:disabled) .pay-arrow{transform:translate(3px)}}@media (width<=420px){.page-shell{padding-left:14px;padding-right:14px}.checkout-card{border-radius:24px;padding:24px 20px}.checkout-card:before{left:20px}.secure-badge{padding:6px 9px;font-size:11px}.section-count{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}