*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f4f1e9;--ink:#16211c;--muted:#6b7a70;--muted-2:#8a968d;--muted-3:#9aa69e;--green:#16a15f;--green-grad:linear-gradient(135deg, #16a15f, #0b6b41);--amber:#e8913a;--amber-grad:linear-gradient(135deg, #f6b24e, #e8913a);--red:#d2513f;--err:#c0392b;--line:#e7e4da;--card:#fff;--seg-bg:#ebe7dc;--shadow-btn:0 14px 26px -10px #0b6b4199;--shadow-amber:0 18px 34px -14px #e8913abf;--shadow-card:0 1px 2px #16211c0a}body{background:radial-gradient(120% 90% at 50% 0%, #f7f4ec, #ede7da) fixed var(--paper);color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Noto Sans SC,-apple-system,PingFang SC,sans-serif}.num{font-family:Space Grotesk,sans-serif}.page{max-width:560px;margin:0 auto;padding:20px 20px 48px}.center-page{background:radial-gradient(130% 60% at 50% 8%,#e6f1e9,#f4f1e9 62%);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.topbar{justify-content:space-between;align-items:center;margin-bottom:14px;animation:.3s both floatUp;display:flex}.greet{font-size:18px;font-weight:700}.admin-title{font-size:19px;font-weight:800}.btn{border:1.5px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:16px;padding:13px 18px;font-family:inherit;font-size:16px;font-weight:500}.btn.primary{background:var(--green-grad);color:#fff;box-shadow:var(--shadow-btn);border:none;font-weight:700}.btn.ghost{background:var(--seg-bg);color:var(--muted);border:none;border-radius:12px;padding:8px 14px;font-size:14px}.btn.small{border-radius:12px;padding:8px 13px;font-size:14px}.btn.small.primary{box-shadow:none}.btn.text{color:var(--muted);background:0 0;border:none}.btn:disabled{opacity:.55;cursor:not-allowed}.row{gap:10px;margin-top:12px;display:flex}.row .btn{flex:1}input,select{border:1.5px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:16px;padding:13px 14px;font-family:inherit;font-size:16px}input:focus,select:focus{outline:2px solid var(--green);border-color:#0000}.select{margin:8px 0 12px}.card{background:var(--card);box-shadow:var(--shadow-card);border-radius:24px;margin:12px 0;padding:18px}.hint{color:var(--muted);margin:8px 0;font-size:14px}.notice{color:var(--green)}.error{color:var(--err);margin:8px 0;font-size:15px}.login-card{width:100%;max-width:340px;box-shadow:none;background:0 0;flex-direction:column;align-items:stretch;gap:13px;animation:.4s both floatUp;display:flex}.logo-block{background:var(--green-grad);width:80px;height:80px;box-shadow:var(--shadow-btn);border-radius:24px;justify-content:center;align-items:center;margin:0 auto;font-size:40px;display:flex}.login-title{text-align:center;margin-top:4px;font-size:28px;font-weight:900}.login-sub{text-align:center;color:var(--muted);margin-bottom:8px;font-size:14px}.input-wrap{position:relative}.input-wrap .prefix{font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-wrap input{padding-left:42px}.login-hint{text-align:center;color:var(--muted-3);margin-top:6px;font-size:13px}.balance-card{color:#fff;border-radius:26px;margin:4px 0 16px;padding:22px;animation:.4s both floatUp;position:relative;overflow:hidden}.balance-card.tier-ok{background:linear-gradient(140deg,#17a362,#0b6b41);box-shadow:0 22px 40px -18px #0b6b41b3}.balance-card.tier-low{background:linear-gradient(140deg,#f0a93c,#d07a1e);box-shadow:0 22px 40px -18px #d07a1e8c}.balance-card.tier-over{background:linear-gradient(140deg,#e05c4a,#b23524);box-shadow:0 22px 40px -18px #b2352499}.balance-card:before,.balance-card:after{content:"";pointer-events:none;background:#ffffff1f;border-radius:50%;position:absolute}.balance-card:before{width:150px;height:150px;top:-60px;right:-30px}.balance-card:after{background:#ffffff17;width:90px;height:90px;top:30px;right:40px}.bc-top{justify-content:space-between;align-items:center;display:flex}.bc-label{opacity:.85;font-size:13px}.bc-badge{background:#ffffff40;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.bc-amount{margin:10px 0 14px;line-height:1}.bc-amount .cur{vertical-align:baseline;font-size:24px;font-weight:600}.bc-amount .int{font-size:46px;font-weight:700}.bc-amount .dec{font-size:24px;font-weight:600}.bc-pills{gap:8px;display:flex;position:relative}.pill{background:#ffffff2e;border-radius:20px;padding:5px 11px;font-size:12.5px}.scan-hero{cursor:pointer;background:var(--amber-grad);width:100%;box-shadow:var(--shadow-amber);color:#fff;text-align:left;border:none;border-radius:24px;align-items:center;gap:14px;padding:18px;font-family:inherit;animation:.45s both floatUp;display:flex}.scan-hero .icon-block{background:#ffffff38;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.scan-hero .t{font-size:21px;font-weight:800}.scan-hero .s{opacity:.9;margin-top:2px;font-size:13px}.scan-hero.blocked{box-shadow:none;cursor:not-allowed;background:#c4c0b2}.overdraft-warn{color:var(--err);background:#fbe7e3;border-radius:16px;margin-top:10px;padding:12px 14px;font-size:14px;animation:.3s both floatUp}.txlist{margin-top:26px}.txlist-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.txlist-head h3{font-size:16px;font-weight:700}.tx{background:var(--card);box-shadow:var(--shadow-card);border-radius:18px;align-items:center;gap:12px;margin:8px 0;padding:12px 14px;display:flex}.tx-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.tx-icon.recharge{background:#e4f2e9}.tx-icon.purchase{background:#fbeedd}.tx-mid{flex:1;min-width:0}.tx-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;overflow:hidden}.tx-time{color:var(--muted-2);margin-top:2px;font-size:12.5px}.tx-right{text-align:right}.tx-amount{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700}.tx-amount.recharge{color:var(--green)}.tx-amount.purchase{color:var(--red)}.tx-bal{color:var(--muted-2);margin-top:2px;font-size:12px}.seg{background:var(--seg-bg);border-radius:16px;margin-bottom:16px;padding:4px;display:flex}.seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:13px;flex:1;padding:9px 0;font-family:inherit;font-size:14.5px;font-weight:500}.seg-btn.active{background:var(--card);color:var(--ink);font-weight:700;box-shadow:0 2px 6px #16211c14}.item{border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.item.inactive{opacity:.55}.item-main{flex:1;min-width:0}.item-main b{font-size:15.5px}.item-main .hint{margin:3px 0 0;font-size:13px}.item-actions{gap:6px;display:flex}.thumb-block{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;overflow:hidden}.thumb-block img{object-fit:cover;width:100%;height:100%}.avatar{background:var(--green-grad);color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.badge{color:#fff;background:#999;border-radius:20px;margin-left:6px;padding:2px 8px;font-size:12px}.form{flex-direction:column;gap:11px;display:flex}.form h3{font-size:17px;font-weight:800}.form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13.5px;display:flex}.setting-card{flex-direction:column;gap:10px;display:flex}.setting-head{align-items:center;gap:10px;display:flex}.setting-head .tx-icon{width:40px;height:40px}.setting-head b{font-size:15.5px}.setting-head .hint{margin:2px 0 0;font-size:12.5px}.stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper .step-btn{border:1.5px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:14px;font-size:22px}.stepper .step-btn:disabled{opacity:.35}.stepper .val{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700}.stepper .val.amber{color:var(--amber)}.stepper .val.red{color:var(--red)}.preview-strip{background:var(--card);color:var(--muted);box-shadow:var(--shadow-card);border-radius:16px;margin-top:4px;padding:13px 15px;font-size:14px}.preview-strip .st-ok{color:var(--green);font-weight:700}.preview-strip .st-low{color:var(--amber);font-weight:700}.preview-strip .st-over{color:var(--red);font-weight:700}.scan-overlay{z-index:50;color:#fff;background:#0b0f0c radial-gradient(80% 50% at 50% 42%,#14291d,#0b0f0c 70%);flex-direction:column;align-items:center;padding:20px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.scan-close{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;position:absolute;top:18px;left:18px}.scan-title{margin-top:14px;font-size:17px;font-weight:700}.viewport{background:#000;border-radius:18px;width:250px;height:250px;margin-top:11dvh;position:relative;overflow:hidden}.viewport video{object-fit:cover;width:100%!important;height:100%!important}.viewport .corner{z-index:3;border:3.5px solid #2fd182;width:34px;height:34px;position:absolute}.viewport .c-tl{border-bottom:none;border-right:none;border-top-left-radius:16px;top:0;left:0}.viewport .c-tr{border-bottom:none;border-left:none;border-top-right-radius:16px;top:0;right:0}.viewport .c-bl{border-top:none;border-right:none;border-bottom-left-radius:16px;bottom:0;left:0}.viewport .c-br{border-top:none;border-left:none;border-bottom-right-radius:16px;bottom:0;right:0}.viewport .laser{z-index:3;background:linear-gradient(90deg,#0000,#2fd182,#0000);border-radius:3px;height:3px;animation:1.6s ease-in-out infinite alternate scanline;position:absolute;left:10px;right:10px;box-shadow:0 0 12px #2fd182cc}.scan-tip{color:#ffffffbf;margin-top:26px;font-size:14px}.scan-err{color:#ffb3a6;background:#d2513f33;border-radius:14px;margin-top:14px;padding:10px 16px;font-size:14px}.sheet-mask{z-index:60;background:#0b0f0c8c;animation:.3s both fadeIn;position:fixed;inset:0}.sheet{z-index:61;background:var(--paper);text-align:center;border-radius:30px 30px 0 0;max-width:560px;margin:0 auto;padding:26px 22px 30px;animation:.34s cubic-bezier(.22,1,.36,1) both sheetUp;position:fixed;bottom:0;left:0;right:0}.sheet .thumb-block{background:#fbeedd;border-radius:20px;width:76px;height:76px;margin:0 auto;font-size:38px}.sheet h2{margin:12px 0 4px;font-size:22px;font-weight:800}.sheet .meta{color:var(--muted);font-size:13.5px}.sheet .price{color:var(--amber);margin:12px 0}.sheet .price .cur{font-size:22px;font-weight:600}.sheet .price .n{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700}.sheet .after-strip{background:var(--seg-bg);color:var(--muted);border-radius:14px;margin-bottom:14px;padding:10px;font-size:14px}.sheet .btn.primary{border-radius:18px;width:100%;padding:16px;font-size:17px}.sheet .btn.text{width:100%;margin-top:6px}.done-overlay{z-index:70;color:#fff;text-align:center;background:linear-gradient(160deg,#17a362,#0b6b41);flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.25s both fadeIn;display:flex;position:fixed;inset:0}.check-circle{width:92px;height:92px;color:var(--green);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:46px;font-weight:900;animation:.5s cubic-bezier(.22,1.4,.36,1) both checkPop;display:flex}.done-overlay h2{margin:18px 0 6px;font-size:24px;font-weight:900}.done-overlay .what{opacity:.92;font-size:16px}.done-overlay .bal-pill{background:#fff3;border-radius:22px;margin:16px 0 26px;padding:8px 18px;font-size:15px}.done-overlay .row{width:100%;max-width:340px}.done-overlay .btn{border:none}.done-overlay .btn.white{color:var(--green);background:#fff;font-weight:800}.done-overlay .btn.dim{color:#fff;background:#ffffff2e}@keyframes floatUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scanline{0%{top:12px}to{top:235px}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes checkPop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}