:root{--blue:#315ff4;--blue-dark:#244bd5;--blue-soft:#eef3ff;--ink:#1d2538;--muted:#7b8498;--line:#e6eaf1;--page:#f5f7fb;--green:#16a66a}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--page);color:var(--ink);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh;padding-top:36px}.sidebar{position:fixed;inset:36px auto 0 0;z-index:20;width:240px;display:flex;flex-direction:column;border-right:1px solid #e9ecf2;background:#fff}.logo{height:72px;display:flex;align-items:center;gap:11px;padding:0 22px;border-bottom:1px solid #eff1f5}.logo-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:9px 9px 9px 3px;background:linear-gradient(145deg,#4e7aff,#315ff4);color:#fff;box-shadow:0 7px 16px #315ff43a;font-size:18px;font-weight:900}.logo>div{display:flex;flex-direction:column}.logo b{font-size:19px;letter-spacing:-.03em}.logo small{margin-top:2px;color:#9aa2b2;font:600 7px/1 monospace;letter-spacing:.12em}.side-nav{flex:1 1;overflow-y:auto;padding:18px 12px}.nav-caption{display:block;padding:0 11px 9px;color:#b0b7c4;font-size:10px;font-weight:700;letter-spacing:.08em}.nav-caption.space-top{margin-top:19px}.nav-item{width:100%;height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:7px;background:transparent;color:#5d6679;font-size:13px;text-align:left;text-decoration:none}.nav-item:hover{background:#f5f7fc;color:#26324d}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:700}.nav-icon{width:20px;display:inline-grid;place-items:center;color:#8a94a8;font-weight:700}.nav-item.active .nav-icon{color:var(--blue)}.support-card{position:relative;overflow:hidden;margin:0 14px 14px;padding:17px;border:1px solid #dce5ff;border-radius:11px;background:linear-gradient(145deg,#f4f7ff,#eef3ff)}.support-orbit{position:absolute;right:-13px;top:-21px;color:#dbe5ff;font-size:80px}.support-card b{position:relative;display:block;font-size:12px}.support-card p{position:relative;margin:7px 0 12px;color:#7c89a3;font-size:10px;line-height:1.55}.support-card button{position:relative;padding:7px 10px;border:0;border-radius:5px;background:#fff;color:var(--blue);box-shadow:0 3px 10px #6c88d817;font-size:10px;font-weight:700}.side-user{height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 16px;border-top:1px solid #eef0f4}.avatar,.user-button>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e9efff;color:var(--blue);font-size:12px;font-weight:800}.side-user>div{display:flex;flex-direction:column;gap:3px}.side-user b{font-size:11px}.side-user small{color:#9aa2b1;font-size:9px}.side-user>button{border:0;background:transparent;color:#aab1bf;font-size:18px}.main-area{min-height:100vh;padding-left:240px}.topbar{position:sticky;top:36px;z-index:15;height:72px;justify-content:space-between;padding:0 28px;border-bottom:1px solid #e7eaf0;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-left,.topbar{display:flex;align-items:center}.top-left{gap:10px;color:#9aa2b1;font-size:12px}.top-left b{color:#3f485b}.top-left i{color:#c5cad4;font-style:normal}.menu-toggle{display:none;border:0;background:transparent;font-size:19px}.top-actions{display:flex;align-items:center;gap:11px}.icon-button{position:relative;width:34px;height:34px;display:grid;place-items:center;border:1px solid #eaedf2;border-radius:8px;background:#fff;color:#657087}.icon-button span{position:absolute;right:7px;top:7px;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#ff5c69}.service-link{height:34px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#697386;font-size:11px;text-decoration:none}.balance,.service-link{display:flex;align-items:center}.balance{height:36px;gap:9px;padding:0 4px 0 12px;border:1px solid #e6e9f0;border-radius:8px;background:#fafbfc}.balance span{color:#9aa2b2;font-size:9px}.balance strong{color:#283146;font-size:11px}.balance button{height:27px;padding:0 10px;border:0;border-radius:6px;background:var(--blue);color:white;font-size:10px;font-weight:700}.account-menu-wrap{position:relative}.user-button{height:38px;display:flex;align-items:center;gap:8px;padding:0 8px 0 4px;border:0;border-radius:8px;background:transparent}.user-button:hover,.user-button[aria-expanded=true]{background:#f4f7ff}.user-button:disabled{cursor:wait;opacity:.65}.user-button>span{width:30px;height:30px}.user-button b{max-width:130px;overflow:hidden;color:#4b5569;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.user-button i{color:#9ea6b4;font-size:10px;font-style:normal}.account-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:245px;padding:9px;border:1px solid #e2e7ef;border-radius:13px;background:#fff;box-shadow:0 18px 48px #23305524;animation:pop .16s ease-out}.account-dropdown-user{padding:11px 12px 13px;border-radius:9px;background:#f7f9fd}.account-dropdown-user>small{display:block;margin-bottom:9px;color:#9aa3b3;font-size:10px;font-weight:700}.account-dropdown-user>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.account-dropdown-user>div>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e7edff;color:var(--blue);font-size:12px;font-weight:800}.account-dropdown-user p{min-width:0;margin:0}.account-dropdown-user p b,.account-dropdown-user p small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown-user p b{color:#303a50;font-size:12px}.account-dropdown-user p small{margin-top:4px;color:#8f98a9;font-size:9px}.logout-button{width:100%;height:42px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;margin-top:7px;padding:0 10px;border:0;border-radius:8px;background:#fff;color:#566176;text-align:left}.logout-button:hover{background:#fff3f2;color:#d75247}.logout-button>span{font-size:16px}.logout-button>b{font-size:11px}.logout-button>small{color:#9aa3b2;font-size:9px}.logout-button:disabled{cursor:wait;opacity:.55}.logout-error{margin:5px 7px 2px;color:#c85047;font-size:9px;line-height:1.45}.content{width:min(1420px,100%);margin:0 auto;padding:27px 30px 48px}.page-title{justify-content:space-between;margin-bottom:21px}.page-title,.title-line{display:flex;align-items:center}.title-line{gap:12px}.page-title h1{margin:0;color:#20293c;font-size:24px;letter-spacing:-.03em}.page-title p{margin:7px 0 0;color:#8b94a6;font-size:11px}.status-pill{display:flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;background:#eaf8f2;color:#1b9b67;font-size:9px;font-weight:700}.live-label i,.status-pill i{width:6px;height:6px;border-radius:50%;background:#18ad70;box-shadow:0 0 0 3px #c9f0e0}.title-actions{display:flex;gap:9px}.title-actions a{height:34px;display:flex;align-items:center;padding:0 14px;border:1px solid #e1e5ec;border-radius:7px;background:#fff;color:#687286;font-size:10px;text-decoration:none}.title-actions a.outline-blue{border-color:#cbd8ff;color:var(--blue);font-weight:700}.outline-blue span{margin-left:10px}.notice-bar{min-height:44px;display:flex;align-items:center;gap:10px;margin-bottom:17px;padding:9px 13px;border:1px solid #dae4ff;border-radius:8px;background:#f1f5ff;color:#62708c}.notice-icon{width:21px;height:21px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#dce6ff;color:var(--blue);font:800 11px/1 serif}.notice-bar p{flex:1 1;margin:0;font-size:10px;line-height:1.5}.notice-bar b{color:#405174}.notice-bar button{border:0;background:transparent;color:var(--blue);font-size:10px;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px}.summary-grid article{display:flex;align-items:center;gap:13px;min-height:86px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 3px 10px #2b355408}.summary-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;font-size:16px;font-weight:800}.summary-icon.blue{background:#edf2ff;color:#4a6ef2}.summary-icon.violet{background:#f2edff;color:#7c5ee7}.summary-icon.green{background:#eaf8f2;color:#20a976}.summary-grid article>div:last-child{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:11px}.summary-grid span{grid-column:1/-1;color:#8b94a5;font-size:9px}.summary-grid strong{margin-top:3px;font-size:20px;letter-spacing:-.03em}.summary-grid strong i{font-size:9px;font-style:normal}.summary-grid small{color:#a4abb8;font-size:8px}.purchase-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.panel{border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 4px 16px #28344e08}.panel-head{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #edf0f4}.panel-head h2{margin:0 0 5px;font-size:14px}.panel-head p{margin:0;color:#9aa2b1;font-size:9px}.live-label{display:flex;align-items:center;gap:7px;color:#8a94a5;font-size:9px}.secure-badge{padding:5px 8px;border-radius:5px;background:#eef8f4;color:#21a473;font-size:8px;font-weight:700}.filters{display:flex;gap:10px;padding:13px 18px;border-bottom:1px solid #edf0f4}.search-input{flex:1 1;max-width:330px;height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #e1e5ec;border-radius:7px;background:#fbfcfd}.search-input span{color:#a2a9b6;font-size:17px}.search-input input{width:100%;border:0;outline:0;background:transparent;color:#434c60;font-size:10px}.search-input input::placeholder{color:#acb3bf}.region-select{height:36px;display:flex;align-items:center;border:1px solid #e1e5ec;border-radius:7px;overflow:hidden;background:#fff}.region-select span{padding:0 10px;border-right:1px solid #edf0f4;color:#99a1af;font-size:9px}.region-select select{min-width:100px;height:100%;padding:0 25px 0 10px;border:0;outline:0;background:#fff;color:#596378;font-size:10px}.product-row,.table-head{display:grid;grid-template-columns:1.4fr 1.3fr .62fr .7fr 28px;align-items:center;column-gap:12px}.table-head{min-height:35px;padding:0 18px;background:#fafbfc;color:#99a1b0;font-size:8px;font-weight:700}.product-row{width:100%;min-height:67px;padding:9px 18px;border:0;border-top:1px solid #f0f2f5;background:#fff;text-align:left;transition:.15s ease}.product-row:hover{background:#fafbff}.product-row.selected{position:relative;background:#f5f7ff;box-shadow:inset 3px 0 var(--blue)}.carrier-cell,.country-cell{display:flex;align-items:center;gap:10px;min-width:0}.flag-box{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #e6e9ef;border-radius:8px;background:#fff;box-shadow:0 2px 6px #2835500c;font-size:18px;font-style:normal}.carrier-cell,.country-cell>span{display:flex;flex-direction:column;gap:4px}.carrier-cell b,.country-cell b{overflow:hidden;color:#384257;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.carrier-cell small,.country-cell small{overflow:hidden;color:#9ba3b1;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.carrier-cell{align-items:flex-start;gap:4px}.stock-cell{display:flex;align-items:center;gap:6px;color:#566176;font-size:9px}.stock-cell i{width:6px;height:6px;border-radius:50%;background:#20ae76}.price-cell{display:flex;flex-direction:column;gap:3px}.price-cell b{color:#30405f;font-size:11px}.price-cell small{color:#9da5b3;font-size:7px}.radio-dot{width:17px;height:17px;display:grid;place-items:center;border:1px solid #d6dbe4;border-radius:50%}.product-row.selected .radio-dot{border-color:var(--blue);background:var(--blue)}.product-row.selected .radio-dot i{width:5px;height:5px;border-radius:50%;background:#fff}.no-result{display:grid;place-items:center;padding:60px 20px;color:#a0a8b6;text-align:center}.no-result span{font-size:26px}.no-result b{margin-top:8px;color:#687286;font-size:11px}.no-result p{margin:5px 0 0;font-size:9px}.panel-foot{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid #edf0f4;color:#9aa2b1;font-size:8px}.panel-foot>div{display:flex;gap:4px}.panel-foot button{width:25px;height:25px;border:1px solid #e4e7ed;border-radius:5px;background:#fff;color:#9ca4b2;font-size:9px}.panel-foot button.current{border-color:var(--blue);background:var(--blue);color:#fff}.order-panel{position:sticky;top:89px}.selected-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin:14px 16px 0;padding:13px;border:1px solid #dce5ff;border-radius:8px;background:#f5f7ff}.flag-box.large{width:40px;height:40px;font-size:21px}.selected-line>div{display:flex;flex-direction:column;gap:4px}.selected-line b{font-size:11px}.selected-line small{color:#8290ac;font-size:8px}.selected-line button{border:0;background:transparent;color:var(--blue);font-size:8px;font-weight:700}.config-block{padding:15px 16px 0}.config-block>label,.quantity-block label{display:block;margin-bottom:9px;color:#5b6579;font-size:9px;font-weight:700}.protocol-card{min-height:51px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid #dce4fa;border-radius:8px}.protocol-card.active{border-color:#92aaff;background:#f8f9ff}.protocol-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:var(--blue);color:#fff;font-size:9px;font-weight:800}.protocol-card>div{display:flex;flex-direction:column;gap:3px}.protocol-card b{font-size:10px}.protocol-card small{color:#9099aa;font-size:8px}.protocol-card>i{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:white;font-size:8px;font-style:normal}.duration-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.duration-grid button{position:relative;min-height:51px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:8px 10px;border:1px solid #e1e5ec;border-radius:7px;background:#fff}.duration-grid button.active{border-color:var(--blue);background:#f5f7ff;box-shadow:inset 0 0 0 1px var(--blue)}.duration-grid button>i{position:absolute;right:-1px;top:-1px;padding:3px 6px;border-radius:0 7px 0 6px;background:#ff775c;color:#fff;font-size:7px;font-style:normal}.duration-grid b{color:#475166;font-size:9px}.duration-grid small{color:#98a0ae;font-size:7px}.duration-grid button.active b{color:var(--blue)}.quantity-block>div:first-child{display:flex;justify-content:space-between}.quantity-block>div:first-child span{color:#9aa2b1;font-size:8px}.quantity-control{display:flex;align-items:center}.quantity-control button{width:34px;height:34px;border:1px solid #e0e4eb;background:#f9fafb;color:#667084}.quantity-control button:first-child{border-radius:7px 0 0 7px}.quantity-control button:nth-of-type(2){border-radius:0 7px 7px 0}.quantity-control input{width:58px;height:34px;border:solid #e0e4eb;border-width:1px 0;outline:0;color:#3c465a;text-align:center;font-size:10px;font-weight:700}.quantity-control em{margin-left:8px;color:#828b9c;font-size:9px;font-style:normal}.order-detail{margin:17px 16px 0;padding:12px 0;border-block:1px solid #edf0f4}.order-detail>div{display:flex;justify-content:space-between;padding:5px 0}.order-detail span{color:#8d96a6;font-size:8px}.order-detail b{color:#556074;font-size:8px}.order-detail .discount-row b{color:#ff6d53}.total-line{display:flex;align-items:flex-end;justify-content:space-between;padding:15px 16px 12px}.total-line>div{display:flex;flex-direction:column;gap:4px}.total-line span{color:#4c566b;font-size:10px;font-weight:700}.total-line small{color:#9ba3b1;font-size:7px}.total-line p{margin:0;color:#f2574b;font-size:24px;font-weight:800;letter-spacing:-.03em}.total-line p i{margin-right:2px;font-size:11px;font-style:normal}.checkout{width:calc(100% - 32px);height:42px;display:flex;align-items:center;justify-content:center;gap:20px;margin:0 16px;border:0;border-radius:7px;background:linear-gradient(135deg,#416df5,#2d59eb);color:#fff;box-shadow:0 9px 18px #315ff42e;font-size:11px;font-weight:700}.checkout:hover{background:var(--blue-dark)}.agreement{margin:9px 18px 13px;color:#a0a7b4;font-size:7px;line-height:1.5;text-align:center}.trust-row{display:flex;justify-content:center;gap:14px;padding:11px 10px;border-top:1px solid #edf0f4;background:#fafbfc;color:#849080;font-size:7px}.modal-layer{position:fixed;inset:0;z-index:50;display:grid;place-items:center}.modal-mask{position:absolute;inset:0;width:100%;border:0;background:#17213a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-modal{position:relative;z-index:1;width:min(390px,calc(100% - 30px));padding:34px;border-radius:14px;background:#fff;box-shadow:0 30px 80px #101a3340;text-align:center;animation:pop .2s ease-out}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#9ba3b1;font-size:20px}.modal-logo{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 17px;border-radius:12px 12px 12px 4px;background:var(--blue);color:#fff;box-shadow:0 9px 20px #315ff43d;font-size:20px;font-weight:900}.login-modal h2{margin:0;font-size:19px}.login-modal p{margin:11px 0 22px;color:#7f8899;font-size:10px;line-height:1.7}.login-primary,.login-secondary{width:100%;height:40px;border-radius:7px;font-size:10px;font-weight:700}.login-primary{border:0;background:var(--blue);color:#fff}.login-secondary{margin-top:8px;border:1px solid #dfe4ec;background:#fff;color:#677186}.recharge-modal{position:relative;z-index:1;width:min(620px,calc(100% - 30px));max-height:min(780px,92vh);overflow-y:auto;border-radius:14px;background:#fff;box-shadow:0 30px 80px #101a3340;animation:pop .2s ease-out}.recharge-title{min-height:82px;display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #edf0f4}.recharge-title>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#edf2ff;color:var(--blue);font-size:16px;font-weight:800}.recharge-title h2{margin:0;font-size:18px}.recharge-title p{margin:5px 0 0;color:#8d96a6;font-size:9px}.recharge-loading,.recharge-login{min-height:280px;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;color:#8f98a8;font-size:10px;text-align:center}.recharge-login b{color:#4f596c;font-size:14px}.recharge-login p{margin:0}.recharge-login button{height:36px;margin-top:6px;padding:0 16px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-size:9px;font-weight:700}.account-strip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;margin:18px 22px 0;padding:14px 16px;border:1px solid #dfe6ff;border-radius:9px;background:#f5f7ff}.account-strip>div{display:flex;flex-direction:column;gap:4px}.account-strip>div:last-child{align-items:flex-end}.account-strip small,.account-strip span{color:#8b96aa;font-size:8px}.account-strip b{color:#3f4b63;font-size:11px}.account-strip strong{color:var(--blue);font-size:20px}.recharge-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px}.recharge-form label{display:flex;flex-direction:column;gap:7px}.recharge-form label:first-child{grid-column:1/-1}.recharge-form label>span{color:#5e687c;font-size:9px;font-weight:700}.recharge-form input,.recharge-form select{width:100%;height:38px;padding:0 10px;border:1px solid #dfe4eb;border-radius:7px;outline:0;background:#fff;color:#485268;font-size:10px}.recharge-form input:focus,.recharge-form select:focus{border-color:#8fa8ff;box-shadow:0 0 0 3px #315ff410}.amount-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.amount-presets button{height:34px;border:1px solid #e0e4eb;border-radius:6px;background:#fff;color:#5d677a;font-size:9px}.amount-presets button.active{border-color:var(--blue);background:#eef3ff;color:var(--blue);font-weight:700}.payment-tip{grid-column:1/-1;padding:11px 12px;border:1px solid #f2ddb7;border-radius:7px;background:#fff9ee}.payment-tip b{color:#a96f14;font-size:9px}.payment-tip p{margin:5px 0 0;color:#927b5d;font-size:8px;line-height:1.55}.recharge-notice{grid-column:1/-1;padding:9px 11px;border-radius:6px;font-size:9px;line-height:1.5}.recharge-notice.success{border:1px solid #bee8d6;background:#ecfaf4;color:#168e61}.recharge-notice.error{border:1px solid #ffd2cd;background:#fff2f0;color:#cb5549}.recharge-submit{grid-column:1/-1;height:40px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-size:10px;font-weight:700}.recharge-submit:disabled{opacity:.5;cursor:wait}.recharge-history{border-top:1px solid #edf0f4;padding:16px 22px 20px}.recharge-history>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.recharge-history h3{margin:0;font-size:11px}.recharge-history>div:first-child span{color:#9ba3b1;font-size:8px}.recharge-history article{min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border-top:1px solid #f0f2f5}.recharge-history article>span{display:flex;flex-direction:column;gap:4px}.recharge-history article>span:last-child{align-items:flex-end}.recharge-history b{font-size:10px}.recharge-history small{color:#98a1b0;font-size:8px}.recharge-history em{width:fit-content;padding:4px 7px;border-radius:5px;font-size:8px;font-style:normal;font-weight:700}.recharge-history em.pending{background:#fff3e8;color:#de8533}.recharge-history em.approved{background:#eaf8f2;color:#159c68}.recharge-history em.rejected{background:#fff1ef;color:#c75b50}.recharge-empty{margin:0;padding:22px;color:#9ba3b1;font-size:9px;text-align:center}.payment-channel{display:flex;flex-direction:column;gap:7px}.payment-channel>span{color:#5e687c;font-size:9px;font-weight:700}.payment-channel>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.payment-channel button{height:38px;border:1px solid #dfe4eb;border-radius:7px;background:#fff;color:#657084;font-size:10px;font-weight:700}.payment-channel button.alipay.active{border-color:#1677ff;background:#edf5ff;color:#1677ff;box-shadow:0 0 0 2px #1677ff14}.payment-channel button.wechat.active{border-color:#07c160;background:#edfbf4;color:#07a956;box-shadow:0 0 0 2px #07c16014}.payment-qr{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:9px;padding:12px;border:1px solid #e2e7ef;border-radius:9px;background:#f9fafc}.payment-qr b{font-size:10px}.payment-qr.alipay b{color:#1677ff}.payment-qr.wechat b{color:#07a956}.payment-qr img{display:block;width:auto;max-width:100%;height:270px;border-radius:8px;object-fit:contain}.product-row,.table-head{grid-template-columns:minmax(180px,1.7fr) .7fr .7fr 28px}.support-modal{position:relative;z-index:1;width:min(650px,calc(100% - 30px));max-height:min(790px,94vh);display:grid;grid-template-rows:auto auto minmax(250px,1fr) auto auto;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 30px 80px #101a3340;animation:pop .2s ease-out}.support-title{min-height:78px;display:flex;align-items:center;gap:12px;padding:16px 21px;border-bottom:1px solid #edf0f4}.support-title>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#edf2ff;color:var(--blue);font-size:16px}.support-title h2{margin:0;font-size:17px}.support-title p{margin:5px 0 0;color:#8d96a6;font-size:9px}.support-title>em{display:flex;align-items:center;gap:6px;margin-left:auto;padding:5px 8px;border-radius:12px;background:#eaf8f2;color:#159b68;font-size:8px;font-style:normal;font-weight:700}.support-title>em i{width:6px;height:6px;border-radius:50%;background:#18ad70}.support-account{min-height:54px;display:flex;align-items:center;gap:9px;padding:10px 21px;border-bottom:1px solid #edf0f4;background:#fbfcfd}.support-account>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eaf0ff;color:var(--blue);font-size:10px;font-weight:800}.support-account>div{display:flex;flex-direction:column;gap:3px}.support-account b{font-size:10px}.support-account small{color:#99a2b1;font-size:8px}.support-loading,.support-login{min-height:340px;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;color:#8f98a8;font-size:10px;text-align:center}.support-login b{color:#4f596c;font-size:14px}.support-login p{max-width:360px;margin:0;line-height:1.6}.support-login button{height:36px;margin-top:6px;padding:0 16px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-size:9px;font-weight:700}.support-messages{min-height:300px;max-height:430px;overflow-y:auto;padding:18px 21px;background:#f8f9fc}.support-messages article{width:fit-content;max-width:75%;margin-bottom:15px}.support-messages article.admin{margin-right:auto}.support-messages article.customer{margin-left:auto;text-align:right}.support-messages article small,.support-messages article time{display:block;color:#9aa3b2;font-size:7px}.support-messages article p{margin:5px 0;padding:10px 12px;border-radius:9px;font-size:9px;line-height:1.6;text-align:left;white-space:pre-wrap;word-break:break-word}.support-messages article.admin p{border:1px solid #e2e6ed;background:#fff;color:#48546a}.support-messages article.customer p{background:var(--blue);color:#fff}.support-welcome{min-height:250px;display:grid;place-items:center;align-content:center;gap:7px;color:#99a2b1;text-align:center}.support-welcome>span{font-size:26px}.support-welcome b{color:#5b667b;font-size:11px}.support-welcome p{margin:0;font-size:8px}.support-notice{padding:9px 21px;border-top:1px solid #ffd2cd;background:#fff2f0;color:#cb5549;font-size:8px}.support-compose{padding:13px 18px;border-top:1px solid #edf0f4;background:#fff}.support-compose textarea{width:100%;height:64px;padding:9px 10px;border:1px solid #dfe4eb;border-radius:7px;outline:0;resize:none;color:#465168;font:inherit;font-size:9px;line-height:1.5}.support-compose textarea:focus{border-color:#8fa8ff;box-shadow:0 0 0 3px #315ff410}.support-compose>div{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.support-compose span{color:#a0a8b6;font-size:7px}.support-compose button{height:32px;padding:0 14px;border:0;border-radius:6px;background:var(--blue);color:#fff;font-size:8px;font-weight:700}.support-compose button:disabled{opacity:.45}@keyframes pop{0%{opacity:0;transform:scale(.95) translateY(8px)}}.mobile-mask{display:none}@media (max-width:1120px){.purchase-layout{grid-template-columns:1fr}.order-panel{position:static;max-width:none}.config-block{max-width:720px}.duration-grid{grid-template-columns:repeat(4,1fr)}.top-actions .service-link{display:none}}@media (max-width:850px){.sidebar{transform:translateX(-100%);transition:.2s ease}.sidebar.mobile-open{transform:translateX(0)}.mobile-mask{position:fixed;inset:0;z-index:19;display:block;border:0;background:#10182f66}.main-area{padding-left:0}.menu-toggle{display:block}.balance span,.top-left>i,.top-left>span{display:none}.summary-grid{grid-template-columns:1fr}.summary-grid article{min-height:70px}.content{padding-inline:18px}}@media (max-width:620px){.app-shell{padding-top:48px}.sidebar,.topbar{top:48px}.topbar{height:62px;padding-inline:14px}.top-actions{gap:5px}.icon-button{display:none}.balance{padding-left:8px}.user-button b,.user-button i{display:none}.account-dropdown{position:fixed;top:116px;right:12px;width:min(280px,calc(100vw - 24px))}.content{padding:20px 12px 34px}.page-title{align-items:flex-start}.page-title h1{font-size:21px}.notice-bar button,.status-pill,.title-actions a:first-child{display:none}.filters{flex-direction:column}.search-input{max-width:none}.region-select select{flex:1 1}.table-head{display:none}.product-row{grid-template-columns:1fr auto 24px;gap:8px;min-height:75px}.carrier-cell{display:none}.stock-cell{grid-column:2}.price-cell{grid-column:1;grid-row:2;padding-left:44px;flex-direction:row;align-items:baseline;gap:6px}.radio-dot{grid-column:3;grid-row:1/3}.duration-grid{grid-template-columns:1fr 1fr}.selected-line{grid-template-columns:auto 1fr}.selected-line button{display:none}.trust-row{gap:8px}.recharge-modal{width:calc(100% - 18px);max-height:94vh}.recharge-title{padding-inline:16px}.account-strip{margin-inline:14px}.recharge-form{grid-template-columns:1fr;padding-inline:14px}.payment-qr,.payment-tip,.recharge-form label:first-child,.recharge-notice,.recharge-submit{grid-column:auto}.recharge-history{padding-inline:14px}.amount-presets{grid-template-columns:1fr 1fr}.payment-qr img{height:240px}.support-modal{width:calc(100% - 18px);max-height:95vh}.support-title{padding-inline:14px}.support-title>em{display:none}.support-account,.support-messages{padding-inline:14px}.support-messages article{max-width:88%}.support-compose{padding-inline:12px}}