:root{--bg:#090d14;--panel:#121925;--line:#354050;--gold:#f5ba37;--gold2:#ffe17d;--text:#f5f2e9;--muted:#9ca8b8;--green:#30d394}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -10%,#202b3e,#090d14 50%);color:var(--text);font-family:"Microsoft YaHei",Arial,sans-serif;min-height:100vh}.pay-shell{max-width:980px;margin:0 auto;padding:38px 18px}.pay-card{background:linear-gradient(180deg,#151d2a,#101720);border:1px solid #394454;border-radius:20px;padding:30px;box-shadow:0 22px 70px #0007}.pay-brand{display:flex;align-items:center;gap:14px;border-bottom:1px solid #2c3543;padding-bottom:22px;margin-bottom:24px}.pay-brand>span{color:var(--gold2);font-size:38px}.pay-brand h1{margin:0;font-size:30px}.pay-brand p{margin:7px 0 0;color:var(--muted)}h3{margin:24px 0 13px;font-size:17px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.method,.amount{position:relative;border:1px solid var(--line);border-radius:12px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#111925}.method input,.amount input{position:absolute;opacity:0}.method b{font-size:21px}.method span{margin-top:8px;color:var(--muted);font-size:12px}.method.selected,.amount.selected{border-color:#ffd15e;background:linear-gradient(135deg,#d89f25,#ffd24f);color:#19130a}.method.selected span{color:#574314}.account-row,.custom-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px;margin:16px 0;color:#cdd5df}.account-row input,.custom-row input{background:#0a111a;border:1px solid #3c4858;border-radius:10px;color:#fff;padding:14px}.amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.amount{min-height:92px}.amount b{font-size:25px}.pay-btn{width:100%;margin-top:25px;padding:15px;border:0;border-radius:11px;background:linear-gradient(135deg,#f5b735,#ffd55f);font-size:18px;font-weight:800;color:#201708;cursor:pointer}.safe-tip{color:#d0b66c;text-align:center;font-size:13px}.order-card{text-align:center;max-width:650px;margin:0 auto;position:relative}.status-pill{display:inline-block;background:#2b3442;color:#e7edf5;border-radius:99px;padding:7px 15px;font-size:13px}.status-pill.paid{background:#16452f;color:#80efbd}.order-card h1{margin-bottom:4px}.order-no{color:var(--muted);font-size:13px}.money-box{margin:22px auto;background:#0b121c;border:1px solid #3a4657;border-radius:15px;padding:20px;max-width:390px}.money-box span,.money-box small{display:block;color:var(--muted)}.money-box strong{display:block;font-size:46px;color:#ffd160;margin:8px 0}.qr-box{background:#fff;border-radius:18px;padding:14px;display:inline-block}.qr-box img{display:block;width:260px;height:260px;object-fit:contain}.qr-missing{border:1px dashed #7e6540;padding:28px;border-radius:12px;color:#e4c07a}.pay-note{max-width:470px;margin:18px auto;color:#bdc6d2;line-height:1.7}.countdown{font-size:17px;margin:15px}.countdown b{color:#ffd160}.account-info{color:#aeb8c6}.result-box{margin:22px 0 8px;background:#151d29;border:1px solid #364151;padding:16px;border-radius:11px;color:#b8c2d0}.result-box.success{background:#123526;border-color:#267553;color:#91f0c4}.back-link{color:#ffd160}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-grid input,.pay-config input,.pay-config textarea{width:100%;background:#0c1119;border:1px solid #3a4555;color:#f4f6f8;border-radius:9px;padding:12px}.inline-checks{display:flex;gap:22px;flex-wrap:wrap}.checkline{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px}.checkline input{width:auto!important}.pay-config{border:1px solid #303949;border-radius:12px;padding:16px}.pay-config-head{display:flex;justify-content:space-between;align-items:center}.qr-thumb{width:76px;height:76px;object-fit:contain;background:#fff;padding:4px;border-radius:8px}@media(max-width:760px){.method-grid{grid-template-columns:1fr 1fr}.amount-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.account-row,.custom-row{grid-template-columns:1fr}.qr-box img{width:220px;height:220px}.pay-card{padding:20px}}@media(max-width:420px){.method-grid,.amount-grid{grid-template-columns:1fr 1fr}.method{min-height:76px}.method b{font-size:17px}.money-box strong{font-size:38px}}
/* V7 payment UX */
.v6-money{max-width:430px}.v6-money strong{font-size:54px;letter-spacing:.5px}.copy-amount{margin:4px 0 12px;border:0;border-radius:10px;padding:12px 20px;background:linear-gradient(135deg,#f2b22f,#ffd76b);color:#201708;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 8px 24px #0004}.collision-note b{color:#ffd160}.qr-mode{max-width:480px;margin:14px auto;padding:13px 15px;border-radius:12px;text-align:left;line-height:1.6}.qr-mode b,.qr-mode span{display:block}.qr-mode span{margin-top:3px;font-size:13px}.qr-mode em{font-style:normal;font-weight:800}.qr-mode.exact{background:#123526;border:1px solid #267553;color:#91f0c4}.qr-mode.static{background:#2a2112;border:1px solid #7a6032;color:#f0d28b}.qr-actions{margin:9px 0 2px}.save-qr{display:inline-block;border:1px solid #465366;border-radius:9px;padding:8px 14px;color:#d5deea;text-decoration:none;font-size:13px}.pay-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:540px;margin:20px auto}.pay-steps>div{background:#0d141e;border:1px solid #303b4a;border-radius:12px;padding:13px 9px}.pay-steps i{display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:#ffd160;color:#211707;font-style:normal;font-weight:900;margin:0 auto 7px}.pay-steps b,.pay-steps span{display:block}.pay-steps span{font-size:12px;color:#9ca8b8;margin-top:5px;line-height:1.5}.exact-note{color:#90e8bd}.copy-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#1c2633;border:1px solid #526175;color:#fff;padding:11px 17px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;z-index:20;box-shadow:0 12px 30px #0008}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:560px){.v6-money strong{font-size:45px}.pay-steps{grid-template-columns:1fr}.pay-steps>div{display:grid;grid-template-columns:34px 90px 1fr;align-items:center;text-align:left}.pay-steps i{margin:0}.pay-steps span{margin-top:0}.copy-amount{width:100%}}