@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{--ink:#172034;--muted:#71798b;--line:#e9e9ed;--paper:#fff;--soft:#f7f7f5;--coral:#f65d3d;--orange:#ff744e;--lime:#c9f25b;--navy:#182034;--purple:#7b62e7;--shadow:0 22px 70px #1820341a;color:var(--ink);background:var(--soft);font-synthesis:none;font-family:Manrope,Noto Sans SC,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--soft);min-width:320px;margin:0}body.admin-mode{overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}button,label,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.58;cursor:wait}.app-shell{min-height:100vh;position:relative;overflow:hidden}.page-noise{opacity:.025;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:fixed;inset:0}.wrap,.content-wrap{width:min(1180px,100% - 64px);margin-inline:auto}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:50;background:#fffffff0;border-bottom:1px solid #141c2d14;justify-content:space-between;align-items:center;height:82px;padding:0 max(32px,50vw - 620px);display:flex;position:relative}.brand{text-align:left;letter-spacing:-.4px;background:0 0;border:0;align-items:center;gap:11px;padding:0;font-size:18px;font-weight:800;display:flex}.brand>span:last-child{flex-direction:column;line-height:1.05;display:flex}.brand small{letter-spacing:3px;color:#9a9fad;margin-top:4px;font-size:7px}.brand-mark{color:#fff;background:var(--coral);border-radius:12px;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid;transform:rotate(-7deg);box-shadow:0 8px 18px #f65d3d47}.site-header nav{align-items:center;gap:8px;display:flex}.site-header nav button{color:#636b7b;background:0 0;border:0;border-radius:12px;height:42px;padding:0 18px;font-size:14px;font-weight:600;transition:all .2s}.site-header nav button:hover,.site-header nav button.active{color:var(--ink);background:#f4f4f2}.site-header nav button.active:after{content:"";background:var(--coral);border-radius:2px;width:16px;height:2px;margin:7px auto 0;display:block}.mobile-menu{background:0 0;border:0;width:42px;height:42px;display:none}.mobile-menu i{background:var(--ink);width:22px;height:2px;margin:6px auto;transition:all .2s;display:block}.hero{color:#fff;background:#171e31;grid-template-columns:1fr 1fr;min-height:650px;padding:86px max(40px,50vw - 590px);display:grid;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(20px);background:#f8624029;border-radius:50%;width:560px;height:560px;position:absolute;top:-300px;left:-300px}.hero:after{content:"";filter:blur(110px);opacity:.7;background:#762e57;border-radius:50%;width:440px;height:440px;position:absolute;top:-100px;right:-80px}.hero-copy{z-index:2;align-self:center;animation:.7s both enter;position:relative}.eyebrow{letter-spacing:2px;text-transform:uppercase;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.eyebrow i{background:currentColor;border-radius:2px;width:24px;height:2px}.eyebrow.light{color:#f9a691}.eyebrow.dark{color:var(--coral)}.hero h1{letter-spacing:-6px;margin:25px 0 28px;font-size:clamp(64px,6vw,94px);font-weight:800;line-height:.98}.hero h1 em{color:var(--lime);font-style:normal}.hero-copy>p{color:#c5c9d3;max-width:510px;font-size:16px;line-height:1.9}.hero-actions{align-items:center;gap:24px;margin-top:38px;display:flex}.primary-btn,.outline-btn,.secondary-btn{border:0;border-radius:13px;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.primary-btn{background:var(--coral);color:#fff;box-shadow:0 14px 25px #f65d3d42}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px #f65d3d57}.primary-btn.wide{width:100%}.outline-btn{color:var(--ink);background:#fff;border:1px solid #dfe0e4}.outline-btn:hover,.secondary-btn:hover{background:#f4f4f2;transform:translateY(-1px)}.secondary-btn{color:#4e5668;min-height:40px;box-shadow:none;background:#f1f2f5;padding:0 17px}.link-btn{color:#fff;background:0 0;border:0;align-items:center;gap:10px;font-weight:700;display:flex}.link-btn span{color:var(--lime)}.trust-row{color:#8f96a7;align-items:center;gap:22px;margin-top:56px;font-size:11px;display:flex}.trust-row b{color:#eff1f6;margin-right:5px;font-size:13px}.trust-row i{background:#ffffff24;width:1px;height:21px}.hero-art{z-index:2;min-height:470px;animation:.8s .15s both enter;position:relative}.orbit{border:1px solid #ffffff14;border-radius:50%;position:absolute;transform:rotate(-16deg)}.orbit.one{inset:20px -50px -90px 40px}.orbit.two{inset:70px 5px -40px 95px}.sim-card{background:linear-gradient(145deg,#ff866b,#e34c3a);border-radius:28px;width:388px;height:238px;padding:29px 33px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-46%,-53%)rotate(-9deg);box-shadow:0 55px 70px #00000059}.sim-card:before{content:"";background:linear-gradient(120deg,#0000 35%,#ffffff2e,#0000 65%);position:absolute;inset:-40%;transform:rotate(-20deg)}.sim-top,.sim-bottom{justify-content:space-between;align-items:center;display:flex;position:relative}.sim-top b{letter-spacing:1px;font-size:9px;line-height:1.1}.sim-top span{font-size:28px}.chip{background:#eac17c;border:1px solid #58241559;border-radius:10px;grid-template-columns:1fr 1fr;width:56px;height:43px;margin-top:25px;display:grid;position:relative;overflow:hidden}.chip i{border:1px solid #593a1433}.sim-card>strong{letter-spacing:2px;margin:24px 0 15px;font-size:24px;display:block;position:relative}.sim-bottom small{letter-spacing:2px;font-size:7px}.sim-bottom b{font-size:17px}.float-card{color:var(--ink);z-index:4;background:#fffffff7;border-radius:15px;align-items:center;gap:11px;padding:13px 18px;display:flex;position:absolute;box-shadow:0 20px 35px #00000038}.float-card>i{border-radius:10px;place-items:center;width:31px;height:31px;font-style:normal;font-weight:900;display:grid}.float-card span{flex-direction:column;display:flex}.float-card b{font-size:12px}.float-card small{color:#9b9fad;margin-top:3px;font-size:9px}.float-card.fast{top:84px;right:0}.float-card.fast>i{color:#35a75b;background:#e8f9ed}.float-card.save{bottom:26px;left:58px}.float-card.save>i{color:#f25c3d;background:#fff0eb}.digit{color:#ffffff4d;letter-spacing:2px;border:1px solid #ffffff1f;border-radius:11px;padding:8px 12px;font-size:11px;position:absolute;transform:rotate(-7deg)}.digit.d1{top:58px;left:40px}.digit.d2{bottom:43px;right:40px}.digit.d3{top:300px;right:0}.service-strip{z-index:5;box-shadow:var(--shadow);background:#fff;border-radius:18px;grid-template-columns:repeat(2,1fr);display:grid;position:relative;overflow:hidden;transform:translateY(-35px)}.service-strip article{cursor:pointer;align-items:center;gap:15px;padding:25px 28px;display:flex;position:relative}.service-strip article+article{border-left:1px solid var(--line)}.service-strip article>small{color:#c5c8cf;align-self:flex-start;font-size:10px}.service-strip article>i{border-radius:13px;place-items:center;width:44px;height:44px;font-style:normal;font-weight:800;display:grid}.color-0{color:#f36b4b;background:#fff0ea}.color-1{color:#7e62dd;background:#f1edff}.color-2{color:#32a459;background:#ebfaed}.service-strip article span{flex-direction:column;gap:4px;display:flex}.service-strip article b{font-size:14px}.service-strip article em{color:#9a9fad;font-size:10px;font-style:normal}.service-strip article>button{color:#9a9fad;background:0 0;border:0;margin-left:auto;font-size:20px}.section-block{padding:85px 0}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.section-head h2,.flow-section h2{letter-spacing:-2.5px;margin:17px 0 0;font-size:clamp(34px,3.5vw,50px);line-height:1.15}.number-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.number-card{background:#fff;border:1px solid #0000;border-radius:17px;padding:21px 22px 0;transition:all .25s;overflow:hidden;box-shadow:0 10px 35px #1a20320d}.number-card:hover{border-color:#ffd8cd;transform:translateY(-4px);box-shadow:0 18px 45px #1a20321a}.number-card>div{align-items:center;gap:7px;display:flex}.operator-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.operator-dot.mobile{background:#2586e9}.operator-dot.unicom{background:#ef5252}.operator-dot.telecom{background:#29a36a}.number-card>div small{color:#777e8e;font-size:10px}.number-card>div em{color:var(--coral);background:#fff2ed;border-radius:5px;margin-left:auto;padding:4px 8px;font-size:9px;font-style:normal}.number-card>strong{letter-spacing:1px;margin:26px 0 22px;font-size:clamp(22px,2.3vw,30px);display:block}.number-card footer{border-top:1px solid #f0f0f1;justify-content:space-between;align-items:center;margin:0 -22px;padding:14px 22px;display:flex}.number-card footer>span{align-items:baseline;gap:8px;display:flex}.number-card footer small{color:#a0a5af;font-size:9px}.number-card footer b{color:var(--coral)}.number-card footer button{background:0 0;border:0;font-size:11px;font-weight:700}.number-card footer button i{color:var(--coral);margin-left:9px;font-style:normal}.flow-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;display:grid}.flow-section>div:first-child>p{color:var(--muted);margin-top:25px;font-size:13px;line-height:1.8}.flow-list{position:relative}.flow-list:before{content:"";border-left:1px dashed #d8d9dd;position:absolute;top:50px;bottom:50px;left:26px}.flow-list article{background:#fff;border-radius:15px;align-items:center;gap:18px;margin:12px 0;padding:20px 24px;display:flex;position:relative;box-shadow:0 7px 25px #1920320a}.flow-list article>b{color:#bdc0c7;font-size:10px}.flow-list article>i{width:40px;height:40px;color:var(--coral);background:#fff0eb;border-radius:12px;place-items:center;font-style:normal;display:grid}.flow-list article>span{flex-direction:column;gap:4px;display:flex}.flow-list article strong{font-size:13px}.flow-list article small{color:#999faa;font-size:10px}.page-hero{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;min-height:310px;padding:65px max(40px,50vw - 590px);display:flex;position:relative;overflow:hidden}.page-hero:after{content:"";background:var(--coral);filter:blur(100px);opacity:.3;border-radius:50%;width:500px;height:500px;position:absolute;top:-300px;right:-160px}.page-hero h1{letter-spacing:-3px;z-index:2;margin:18px 0 13px;font-size:clamp(38px,4vw,56px);position:relative}.page-hero h1 span{color:var(--lime);margin-left:10px}.page-hero p{color:#aab0bf;margin:0;font-size:13px}.hero-digits{letter-spacing:14px;color:#4d5568;z-index:2;font-size:22px;position:relative;transform:rotate(-7deg)}.hero-digits em{color:var(--coral);font-style:normal}.content-wrap{padding:54px 0 90px}.filters{background:#fff;border-radius:17px;grid-template-columns:1fr auto;align-items:center;gap:18px;margin-bottom:30px;padding:20px;display:grid;box-shadow:0 12px 40px #1a20320f}.filters>label{background:#fafafa;border:1px solid #e5e5e8;border-radius:12px;align-items:center;height:49px;padding:0 15px;display:flex}.filters>label span{color:#a6aab3;margin-right:10px}.filters input{background:0 0;border:0;outline:0;width:100%;font-size:13px}.filters>div{gap:7px;display:flex}.filters>div button{background:#f7f7f6;border:1px solid #0000;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 13px;font-size:11px;display:flex}.filters>div button.active{color:var(--coral);background:#fff3ef;border-color:#ffd0c4;font-weight:700}.filters>small{color:#9ba0aa;grid-column:1/-1;padding-left:4px}.filters>small b{color:var(--coral);font-size:14px}.all-numbers{grid-template-columns:repeat(3,1fr)}.all-numbers .number-card>strong{font-size:22px}.empty-state{text-align:center;color:#a0a5af;padding:80px}.empty-state i{background:#fff;border-radius:50%;place-items:center;width:60px;height:60px;margin:auto;font-size:25px;font-style:normal;display:grid}.empty-state h3{color:var(--ink);margin:18px 0 8px}.empty-state p{font-size:12px}.page-hero.compact{min-height:280px}.id-art{z-index:2;width:250px;height:150px;position:relative}.id-art>div{background:linear-gradient(145deg,#8c78ee,#5842b8);border-radius:18px;width:210px;height:126px;padding:28px;position:absolute;transform:rotate(-7deg);box-shadow:0 25px 50px #00000040}.id-art>div i{background:#dcd5ff;border-radius:50%;width:40px;height:40px;display:block}.id-art>div span{background:#ffffff80;border-radius:4px;width:90px;height:7px;margin:8px 0 0 60px;display:block}.id-art>b{background:var(--lime);color:#304020;border-radius:17px;place-items:center;width:58px;height:58px;font-size:26px;display:grid;position:absolute;bottom:0;right:15px;box-shadow:0 12px 26px #00000040}.form-layout{grid-template-columns:.72fr 1.28fr;align-items:stretch;gap:32px;display:grid}.steps-panel,.main-form,.recharge-form,.promise-card,.support-card{background:#fff;border-radius:20px;padding:36px;box-shadow:0 12px 45px #1820340f}.steps-panel h2{letter-spacing:-1.5px;margin:14px 0 33px;font-size:30px}.vertical-steps{position:relative}.vertical-steps:before{content:"";border-left:1px dashed #d8d9de;position:absolute;top:30px;bottom:30px;left:17px}.vertical-steps article{gap:16px;margin:25px 0;display:flex;position:relative}.vertical-steps article>b{color:#9da1aa;background:#f2f2f3;border-radius:11px;flex:none;place-items:center;width:35px;height:35px;font-size:11px;display:grid}.vertical-steps article.active>b{color:#fff;background:var(--coral);box-shadow:0 8px 16px #f65d3d40}.vertical-steps article>span{flex-direction:column;gap:4px;display:flex}.vertical-steps strong{font-size:13px}.vertical-steps small{color:#9ba0ab;font-size:10px}.privacy-note{color:#5a8a45;background:#f3f7ef;border-radius:13px;gap:11px;padding:15px;font-size:15px;display:flex}.privacy-note span{flex-direction:column;gap:3px;display:flex}.privacy-note b{font-size:10px}.privacy-note small{color:#87a57a;font-size:8px}.main-form{padding:42px 46px}.form-title{border-bottom:1px solid var(--line);align-items:center;gap:15px;margin-bottom:26px;padding-bottom:28px;display:flex}.form-title>span{color:var(--coral);font-size:11px;font-weight:800}.form-title h2{letter-spacing:-1px;margin:0;font-size:25px}.form-title p{color:#a0a4ad;margin:4px 0 0;font-size:10px}.main-form>label{margin:20px 0;font-size:11px;font-weight:700;display:block}.main-form>label>div{background:#fbfbfb;border:1px solid #e2e3e6;border-radius:12px;align-items:center;height:52px;margin-top:8px;padding:0 14px;transition:all .2s;display:flex}.main-form>label>div:focus-within{background:#fff;border-color:#f99a84;box-shadow:0 0 0 3px #fff0eb}.main-form input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.main-form label div span{color:#b0b4bc;font-size:9px;font-weight:500}.main-form .checkbox{color:#8a909d;cursor:pointer;align-items:center;gap:9px;margin:25px 0;font-size:9px;font-weight:400;display:flex}.checkbox input{opacity:0;width:0;position:absolute}.checkbox i{color:#0000;border:1px solid #d9dbe0;border-radius:5px;place-items:center;width:18px;height:18px;font-style:normal;display:grid}.checkbox input:checked+i{background:var(--coral);border-color:var(--coral);color:#fff}.recharge-hero{background:linear-gradient(115deg,#182034 60%,#292044)}.coin-art{z-index:2;width:260px;height:150px;position:relative}.coin-art i{color:#8d6412;background:#ffd668;border:9px solid #e8b541;border-radius:50%;place-items:center;width:104px;height:104px;font-size:35px;font-style:normal;font-weight:800;display:grid;position:absolute;box-shadow:0 15px 30px #0000004d}.coin-art i:first-child{z-index:3;top:25px;left:60px}.coin-art i:nth-child(2){top:50px;left:0;transform:scale(.75)}.coin-art i:nth-child(3){top:5px;right:0;transform:scale(.7)}.recharge-layout{grid-template-columns:1.3fr .7fr;align-items:start;gap:26px;display:grid}.recharge-form{padding:40px 44px}.recharge-head{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.recharge-head h2{margin:12px 0 0;font-size:29px}.recharge-head>span{color:#45a562;background:#edf9f0;border-radius:20px;padding:7px 12px;font-size:9px;font-weight:700}.phone-input{font-size:11px;font-weight:700}.phone-input>div{background:#fbfbfb;border:1px solid #dfe1e4;border-radius:13px;align-items:center;height:59px;margin-top:9px;display:flex;overflow:hidden}.phone-input div span{color:#626a7a;border-right:1px solid #dedfe3;padding:0 18px}.phone-input input{letter-spacing:1px;background:0 0;border:0;outline:0;flex:1;height:100%;padding:0 18px;font-size:18px}.row-title{justify-content:space-between;align-items:center;margin:28px 0 14px;font-size:11px;font-weight:700;display:flex}.row-title small{color:#a5a9b2;font-size:9px;font-weight:400}.plan-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.plan-grid button{background:#fafafa;border:1px solid #e5e6e9;border-radius:13px;height:108px;transition:all .2s;position:relative;overflow:hidden}.plan-grid button:hover{border-color:#f8a08d}.plan-grid button.active{border:2px solid var(--coral);background:#fff3ef;box-shadow:0 8px 22px #f65d3d1f}.plan-grid button.test-plan{background:linear-gradient(145deg,#f1f7ff,#f7f3ff);border-color:#cddbf1}.plan-grid button.test-plan.active{border-color:#6d75d8;box-shadow:0 8px 22px #5862be24}.plan-grid button.test-plan em{background:#626bd0}.plan-grid button em{background:var(--coral);color:#fff;border-radius:0 10px 0 9px;padding:4px 7px;font-size:8px;font-style:normal;position:absolute;top:0;right:0}.plan-grid button strong{font-size:25px}.plan-grid button>span{margin-left:2px;font-size:10px}.plan-grid button small{color:#9499a4;margin-top:5px;font-size:9px;display:block}.payment-title{margin-top:24px}.payment-methods{grid-template-columns:1fr 1fr;gap:11px;display:grid}.payment-methods button{text-align:left;background:#fafafa;border:1px solid #e0e2e6;border-radius:13px;align-items:center;gap:11px;min-height:68px;padding:10px 13px;transition:all .2s;display:flex}.payment-methods button:hover{background:#fff;border-color:#bbc4d2}.payment-methods button.active{border:2px solid var(--coral);background:#fff5f1;box-shadow:0 7px 20px #f65d3d1a}.payment-methods button>i{color:#fff;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:15px;font-style:normal;font-weight:900;display:grid}.wechat-mark{background:#19b45b}.alipay-mark{background:#1677ff}.payment-methods button>span{flex-direction:column;gap:3px;margin-right:auto;display:flex}.payment-methods strong{font-size:11px}.payment-methods small{color:#9a9faa;font-size:8px}.payment-methods button>b{color:#0000;background:#e8e9ec;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.payment-methods button.active>b{color:#fff;background:var(--coral)}.pay-summary{background:#f5f5f4;border-radius:13px;grid-template-columns:1fr auto;align-items:center;margin:25px 0 19px;padding:17px 20px;display:grid}.pay-summary>span{font-size:11px;font-weight:700}.pay-summary strong{color:var(--coral);font-size:15px}.pay-summary strong b{font-size:28px}.pay-summary small{color:#9fa3ac;grid-column:1/-1;margin-top:-7px;font-size:9px}.security-line{color:#a5a9b1;text-align:center;margin:16px 0 0;font-size:8px}.recharge-aside{gap:18px;display:grid}.promise-card{background:var(--navy);color:#fff;padding:31px}.promise-card>span{background:var(--coral);border-radius:10px;place-items:center;width:35px;height:35px;font-weight:900;display:grid;transform:rotate(-6deg)}.promise-card h3{margin:20px 0;font-size:19px}.promise-card ul{margin:0;padding:0;list-style:none}.promise-card li{border-top:1px solid #ffffff1a;gap:13px;padding:16px 0;display:flex}.promise-card li>b{color:var(--lime);font-size:9px}.promise-card li span{flex-direction:column;gap:4px;display:flex}.promise-card li strong{font-size:11px}.promise-card li small{color:#8f96a7;font-size:8px}.support-card{box-shadow:none;background:linear-gradient(135deg,#ffe8df,#fff5d8)}.support-card p{color:#a27662;font-size:9px}.support-card h3{margin:7px 0;font-size:16px}.support-card span{color:#a18a7e;font-size:8px}.site-footer{color:#fff;background:#141b2b;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:145px;padding:40px max(32px,50vw - 590px);display:grid}.site-footer p{text-align:center;color:#808796;font-size:11px}.site-footer>small{text-align:right;color:#606878;font-size:8px}.admin-shell{background:#f4f5f7;grid-template-columns:230px 1fr;min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:#171e30;flex-direction:column;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.admin-brand{border-bottom:1px solid #ffffff17;align-items:center;gap:11px;padding:0 8px 30px;display:flex}.admin-brand>span{background:var(--coral);border-radius:11px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;transform:rotate(-6deg)}.admin-brand div{flex-direction:column;display:flex}.admin-brand b{font-size:14px}.admin-brand small{color:#7e8699;margin-top:3px;font-size:8px}.admin-sidebar nav{gap:7px;margin-top:30px;display:grid}.admin-sidebar nav button,.back-home{color:#9299a9;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;height:46px;padding:0 15px;font-size:12px;display:flex}.admin-sidebar nav button i{text-align:center;width:20px;font-size:15px;font-style:normal}.admin-sidebar nav button.active{color:#fff;box-shadow:inset 3px 0 var(--coral);background:#ffffff14}.back-home{border-top:1px solid #ffffff14;border-radius:0;height:60px;margin-top:auto;padding-top:18px}.admin-main{min-width:0}.admin-main>header{background:#fff;border-bottom:1px solid #e2e3e6;justify-content:space-between;align-items:center;height:74px;padding:0 36px;display:flex}.admin-main>header>div{flex-direction:column;display:flex}.admin-main>header div b{font-size:12px}.admin-main>header div small{color:#a0a5af;margin-top:3px;font-size:8px}.admin-main>header>span{color:#777e8c;align-items:center;gap:10px;font-size:10px;display:flex}.admin-main>header>span b{width:33px;height:33px;color:var(--coral);background:#fff0eb;border-radius:10px;place-items:center;display:grid}.admin-content{max-width:1300px;margin:auto;padding:36px}.admin-title{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.admin-title h1{letter-spacing:-1px;margin:0;font-size:26px}.admin-title p{color:#949aa7;margin:6px 0 0;font-size:10px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-grid article{background:#fff;border-radius:15px;gap:15px;padding:22px;display:flex;box-shadow:0 7px 22px #1820340a}.metric-grid article>i{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-style:normal;display:grid}.metric-grid .blue{color:#337ed6;background:#eaf4ff}.metric-grid .orange{color:#e97542;background:#fff0e8}.metric-grid .green{color:#35a366;background:#eaf8ee}.metric-grid .purple{color:#7960dc;background:#f0ecff}.metric-grid article>span{flex-direction:column;display:flex}.metric-grid small{color:#9b9faa;font-size:8px}.metric-grid strong{margin:3px 0;font-size:22px}.metric-grid em{color:#adb0b7;font-size:8px;font-style:normal}.welcome-panel{background:#fff;border-radius:18px;grid-template-columns:1fr .75fr;min-height:310px;margin-top:22px;padding:45px;display:grid;overflow:hidden;box-shadow:0 7px 22px #1820340a}.welcome-panel h2{margin:15px 0 12px;font-size:32px}.welcome-panel p{color:#888f9d;max-width:470px;font-size:11px;line-height:1.7}.welcome-panel>div:first-child>div:last-child{gap:10px;margin-top:27px;display:flex}.bars{background:repeating-linear-gradient(0deg,#0000 0 45px,#f1f1f2 46px);align-items:end;gap:12px;padding:30px 0 0 30px;display:flex}.bars i{opacity:.85;background:linear-gradient(#ff9a71,#f65d3d);border-radius:9px 9px 0 0;flex:1}.admin-panel{background:#fff;border-radius:17px;padding:30px;box-shadow:0 7px 22px #1820340a}.import-help h3{margin:0 0 13px;font-size:13px}.import-help>div{flex-wrap:wrap;gap:8px;display:flex}.import-help span{color:#818795;background:#f4f5f6;border-radius:7px;padding:7px 10px;font-size:9px}.import-help span b{color:var(--ink);margin-right:4px}.upload-zone{cursor:pointer;border:1px dashed #cfd2d8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;margin-top:24px;transition:all .2s;display:flex}.upload-zone:hover{border-color:var(--coral);background:#fffaf8}.upload-zone input{display:none}.upload-zone i{color:var(--coral);font-size:28px;font-style:normal}.upload-zone h3{margin:10px 0 5px;font-size:12px}.upload-zone p{color:#a3a7b0;margin:0;font-size:9px}.or-line{color:#aaaeb6;align-items:center;gap:15px;margin:22px 0;font-size:9px;display:flex}.or-line:before,.or-line:after{content:"";background:#ececee;flex:1;height:1px}.admin-panel textarea{resize:vertical;background:#fafafa;border:1px solid #dfe1e5;border-radius:12px;outline:0;width:100%;padding:15px;font:11px/1.7 monospace}.admin-panel textarea:focus{border-color:#f9a18d;box-shadow:0 0 0 3px #fff1ec}.panel-actions{align-items:center;gap:15px;margin-top:20px;display:flex}.panel-actions small{color:#8d94a1}.plan-admin{padding:0;overflow:hidden}.plan-row{border-top:1px solid #ededee;grid-template-columns:1fr 1fr 1fr 120px;align-items:center;min-height:77px;padding:0 28px;font-size:12px;display:grid}.plan-row:first-child{border:0}.plan-head{color:#969ca7;background:#f7f7f8;min-height:48px;font-size:9px}.plan-row>strong{color:var(--ink)}.plan-row>b{color:var(--coral)}.plan-row label{border:1px solid #dfe1e5;border-radius:9px;align-items:center;width:150px;height:38px;display:flex;overflow:hidden}.plan-row label span{color:#999faa;padding:0 10px}.plan-row label input{border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 8px}.record-tabs{gap:7px;margin-bottom:15px;display:flex}.record-tabs button{background:#fff;border:1px solid #e0e2e5;border-radius:10px;height:40px;padding:0 17px;font-size:10px}.record-tabs button.active{color:#fff;border-color:var(--coral);background:var(--coral)}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#9399a5;text-align:left;background:#f7f7f8;padding:15px 20px;font-size:9px;font-weight:600}td{color:#5f6675;border-top:1px solid #eeeef0;padding:17px 20px;font-size:10px}.status-chip{color:#32935a;background:#eaf8ef;border-radius:6px;padding:5px 8px}.table-empty{text-align:center;color:#a9adb5;padding:70px}.admin-guest-shell{background:#151d2f;display:block}.admin-auth-loading{color:#aab0bf;place-content:center;justify-items:center;gap:15px;min-height:100vh;font-size:11px;display:grid}.admin-auth-loading .brand-mark{animation:1.2s ease-in-out infinite alternate authPulse}.admin-login-page{background:#151d2f;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid;position:relative}.login-back{z-index:3;color:#abb2c0;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;height:40px;padding:0 14px;font-size:10px;position:absolute;top:30px;left:34px}.login-visual{color:#fff;flex-direction:column;justify-content:space-between;padding:100px max(50px,50vw - 600px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";filter:blur(110px);opacity:.7;background:#713650;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-240px;right:-250px}.admin-brand.large{z-index:2;border:0;padding:0;position:relative}.admin-brand.large>span{width:48px;height:48px;font-size:21px}.login-visual>div:nth-child(2){z-index:2;position:relative}.login-visual h1{letter-spacing:-4px;margin:22px 0;font-size:clamp(48px,5vw,72px);line-height:1.08}.login-visual h1 em{color:var(--lime);font-style:normal}.login-visual p{color:#9ca3b3;font-size:13px;line-height:1.8}.login-visual ul{color:#788194;z-index:2;gap:22px;margin:0;padding:0;font-size:9px;list-style:none;display:flex;position:relative}.login-card{background:#fff;border-radius:24px;flex-direction:column;justify-content:center;margin:34px;padding:clamp(45px,7vw,100px);display:flex}.login-badge{color:var(--coral);background:#fff0eb;border-radius:20px;align-self:flex-start;padding:7px 12px;font-size:9px;font-weight:800}.login-card h2{letter-spacing:-2px;margin:18px 0 4px;font-size:35px}.login-card>p{color:#979ca8;margin:0 0 30px;font-size:11px}.login-card label,.create-staff-card label,.security-form label{color:#4f5665;flex-direction:column;gap:8px;margin:10px 0;font-size:10px;font-weight:700;display:flex}.login-card input,.create-staff-card input,.security-form input{background:#fafafa;border:1px solid #dfe1e5;border-radius:11px;outline:0;height:52px;padding:0 14px;font-size:12px}.login-card input:focus,.create-staff-card input:focus,.security-form input:focus{background:#fff;border-color:#f59b86;box-shadow:0 0 0 3px #fff0eb}.login-card .primary-btn{margin-top:20px}.login-card>small{text-align:center;color:#adb1ba;margin-top:16px;font-size:8px}.admin-account{align-items:center;gap:10px;display:flex}.admin-account>span{text-align:right;flex-direction:column;display:flex}.admin-account>span small{color:#9ca2ad;font-size:8px}.admin-account>span b{font-size:10px}.admin-account>i{width:34px;height:34px;color:var(--coral);background:#fff0eb;border-radius:10px;place-items:center;font-style:normal;font-weight:800;display:grid}.admin-account>button{color:#9ba0aa;background:0 0;border:0;padding:8px;font-size:9px}.role-note{color:#7a62d8;background:#f0edff;border-radius:20px;padding:7px 12px;font-size:9px;font-weight:700}.user-management-grid{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}.create-staff-card{position:sticky;top:25px}.create-staff-card h2{margin:14px 0 18px;font-size:24px}.create-staff-card .primary-btn{margin-top:17px}.employee-list{gap:12px;display:grid}.employee-card{background:#fff;border-radius:15px;align-items:center;gap:14px;padding:18px 20px;display:flex;box-shadow:0 7px 22px #1820340a}.employee-avatar{color:#397dd0;background:#eef4ff;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.employee-avatar.admin{color:var(--coral);background:#fff0eb}.employee-info{min-width:130px;margin-right:auto}.employee-info>span{align-items:center;gap:7px;display:flex}.employee-info strong{font-size:12px}.employee-info i{border-radius:10px;padding:3px 6px;font-size:7px;font-style:normal}.employee-info i.enabled{color:#2d9656;background:#e9f8ee}.employee-info i.disabled{color:#a3a6ad;background:#eeeef0}.employee-info small{color:#9ca1ab;font-size:8px}.employee-actions{align-items:center;gap:8px;display:flex}.employee-actions label{border:1px solid #dfe1e5;border-radius:9px;height:36px;display:flex;overflow:hidden}.employee-actions input{border:0;outline:0;width:145px;padding:0 10px;font-size:9px}.employee-actions label button{background:#f4f4f5;border:0;border-left:1px solid #e0e1e4;padding:0 10px;font-size:8px;font-weight:700}.account-toggle{color:#31925a;background:#ebf8ef;border:0;border-radius:9px;height:36px;padding:0 11px;font-size:8px;font-weight:700}.account-toggle.danger{color:#d05a4a;background:#fff0ec}.admin-protected{color:#a2a6af;font-size:8px}.record-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.record-toolbar .record-tabs{margin:0}.record-search{background:#fff;border:1px solid #dfe1e5;border-radius:10px;height:40px;display:flex;overflow:hidden}.record-search>span{color:#a3a7b0;place-items:center;padding:0 10px;display:grid}.record-search input{border:0;outline:0;width:170px;font-size:10px}.record-search button{background:#f4f4f5;border:0;border-left:1px solid #e2e3e5;padding:0 14px;font-size:9px;font-weight:700}.security-form{max-width:560px;padding:40px}.security-shield{color:#6c57d0;background:#eeebff;border-radius:15px;place-items:center;width:50px;height:50px;font-size:22px;display:grid}.security-form h2{margin:18px 0 5px}.security-form>p{color:#999eaa;margin:0 0 22px;font-size:9px}.security-form .primary-btn{margin-top:17px}@keyframes authPulse{to{transform:rotate(-7deg)scale(1.08);box-shadow:0 15px 30px #f65d3d66}}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a0f1aa6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:22px;width:min(430px,100%);max-height:calc(100vh - 40px);padding:32px;position:relative;overflow-y:auto;box-shadow:0 40px 100px #00000052}.close-btn{background:#f2f2f3;border:0;border-radius:50%;width:30px;height:30px;font-size:18px;position:absolute;top:14px;right:16px}.modal-kicker{color:var(--coral);letter-spacing:2px;font-size:9px;font-weight:800}.chosen-number{background:var(--navy);color:#fff;border-radius:16px;margin:16px 0 22px;padding:24px}.chosen-number>small{color:#9097a6;font-size:9px}.chosen-number>strong{letter-spacing:1px;margin:12px 0;font-size:25px;display:block}.chosen-number div{color:#a2a8b4;justify-content:space-between;font-size:10px;display:flex}.chosen-number div b{color:var(--lime);font-size:14px}.modal-card form>label{margin:16px 0;font-size:10px;font-weight:700;display:block}.modal-card form input{border:1px solid #dfe1e5;border-radius:11px;outline:0;width:100%;height:49px;margin-top:7px;padding:0 14px;font-size:13px}.modal-card form input:focus{border-color:#f99b86;box-shadow:0 0 0 3px #fff0eb}.result-card{text-align:center}.result-card>i{color:#39a45d;background:#eaf9ee;border-radius:22px;place-items:center;width:68px;height:68px;margin:4px auto 17px;font-size:30px;font-style:normal;display:grid}.result-card h2{margin:0;font-size:24px}.result-card>p{color:#8c929e;font-size:11px;line-height:1.7}.result-card dl{background:#f6f6f5;border-radius:12px;margin:20px 0;padding:5px 16px}.result-card dl div{border-bottom:1px solid #e6e6e7;justify-content:space-between;padding:11px 0;font-size:10px;display:flex}.result-card dl div:last-child{border:0}.result-card dt{color:#999faa}.result-card dd{margin:0;font-weight:700}.payment-card{text-align:center}.payment-icon{color:#8b6510;background:linear-gradient(145deg,#ffe17b,#ffc348);border:6px solid #fff4c8;border-radius:20px;place-items:center;width:64px;height:64px;margin:0 auto 15px;font-size:27px;font-weight:900;display:grid}.payment-card h2{margin:10px 0 7px;font-size:24px}.payment-card>p{color:#8d929d;font-size:10px;line-height:1.7}.payment-card dl{text-align:left;background:#f6f6f5;border-radius:13px;margin:20px 0;padding:5px 16px}.payment-card dl div{border-bottom:1px solid #e5e5e6;justify-content:space-between;gap:15px;padding:11px 0;font-size:10px;display:flex}.payment-card dl div:last-child{border:0}.payment-card dt{color:#999faa}.payment-card dd{overflow-wrap:anywhere;text-align:right;margin:0;font-weight:700}.payment-card .payment-amount{color:var(--coral);font-size:15px}.payment-check{width:100%;margin-top:10px}.payment-tip{color:#a4a8b1;margin-top:14px;font-size:8px;line-height:1.6;display:block}.toast{color:#fff;z-index:300;background:#1d2537;border-radius:11px;padding:13px 20px;font-size:11px;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #00000040}.modal-enter-active,.modal-leave-active,.toast-enter-active,.toast-leave-active{transition:all .22s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-card,.modal-leave-to .modal-card{transform:translateY(14px)scale(.98)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,15px)}@keyframes enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=1000px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-art{min-height:470px}.service-strip{width:min(760px,100% - 50px)}.all-numbers{grid-template-columns:repeat(2,1fr)}.flow-section{gap:45px}.form-layout,.recharge-layout{grid-template-columns:1fr}.steps-panel{display:none}.recharge-aside{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.user-management-grid{grid-template-columns:1fr}.create-staff-card{position:static}}@media (width<=760px){.wrap,.content-wrap{width:min(100% - 32px,600px)}.site-header{height:68px;padding:0 18px}.site-header nav{box-shadow:var(--shadow);background:#fff;border-radius:15px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:73px;left:14px;right:14px}.site-header nav.open{display:flex}.site-header nav button{text-align:left}.site-header nav button.active:after{display:none}.mobile-menu{display:block}.mobile-menu.active i:first-child{transform:translateY(4px)rotate(45deg)}.mobile-menu.active i:last-child{transform:translateY(-4px)rotate(-45deg)}.hero{min-height:auto;padding:70px 22px 10px}.hero h1{letter-spacing:-4px;font-size:61px}.hero-copy>p{font-size:14px}.trust-row{flex-wrap:wrap;gap:10px}.hero-art{min-height:390px;margin:-20px -50px 0;transform:scale(.82)}.sim-card{width:350px;height:220px}.service-strip{grid-template-columns:1fr;margin-top:16px;transform:none}.service-strip article+article{border-left:0;border-top:1px solid var(--line)}.section-block{padding:65px 0}.section-head{align-items:start;gap:20px}.section-head h2,.flow-section h2{font-size:36px}.section-head .outline-btn{padding:0 14px;font-size:0}.section-head .outline-btn span{font-size:20px}.number-grid,.all-numbers{grid-template-columns:1fr}.number-card>strong{font-size:25px}.flow-section{grid-template-columns:1fr}.page-hero{min-height:260px;padding:50px 22px}.hero-digits,.id-art,.coin-art{display:none}.page-hero h1{font-size:40px}.page-hero h1 span{margin-left:0;display:block}.filters{grid-template-columns:1fr}.filters>div{padding-bottom:4px;overflow-x:auto}.filters>div button{white-space:nowrap}.filters>small{grid-column:1}.main-form,.recharge-form{padding:27px 20px}.plan-grid{grid-template-columns:repeat(2,1fr)}.recharge-aside{grid-template-columns:1fr}.site-footer{text-align:center;grid-template-columns:1fr;gap:20px}.site-footer .brand{margin:auto}.site-footer p,.site-footer>small{text-align:center}.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;padding:15px;position:relative}.admin-brand{padding-bottom:14px}.admin-sidebar nav{margin-top:14px;display:flex;overflow-x:auto}.admin-sidebar nav button{white-space:nowrap}.back-home{border:0;height:40px;padding:0;font-size:9px;position:absolute;top:14px;right:15px}.admin-main>header{display:none}.admin-content{padding:22px 15px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-grid article{gap:9px;padding:15px}.metric-grid article>i{width:35px;height:35px}.metric-grid strong{font-size:17px}.welcome-panel{grid-template-columns:1fr;padding:28px}.bars{display:none}.admin-panel{padding:20px}.plan-admin{padding:0;overflow-x:auto}.plan-row{width:680px}.table-wrap{width:calc(100vw - 30px)}.admin-title h1{font-size:22px}.admin-guest-shell{display:block}.admin-login-page{grid-template-columns:1fr;padding:16px}.login-visual{display:none}.login-card{min-height:calc(100vh - 32px);margin:0;padding:40px 24px}.login-back{color:#7f8592;background:#f6f6f6;border-color:#e3e4e7;top:28px;left:28px}.login-card h2{margin-top:60px}.employee-card{flex-wrap:wrap;align-items:flex-start}.employee-info{width:calc(100% - 60px)}.employee-actions{width:100%}.employee-actions label{flex:1}.employee-actions input{flex:1;width:auto;min-width:0}.record-toolbar{flex-direction:column;align-items:stretch}.record-tabs{overflow-x:auto}.record-search input{flex:1}.security-form{padding:25px}}@media (width<=430px){.hero-actions{gap:10px}.primary-btn{padding:0 17px}.hero-art{margin:-45px -90px -35px;transform:scale(.7)}.service-strip{width:calc(100% - 28px)}.metric-grid{grid-template-columns:1fr}.form-title>span,.recharge-head>span{display:none}.payment-methods{grid-template-columns:1fr}.modal-card{padding:25px 20px}.chosen-number>strong{font-size:21px}}