*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#142139;font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #dce3ed;border-radius:10px;background:white;color:#253a57;padding:10px 16px}button:hover{border-color:#2a6df4}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:236px;background:#0b1931;color:#c6d2e5;padding:32px 22px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;color:white;font-weight:700;flex-wrap:wrap}.brand img{width:35px}.brand span{font-size:10px;letter-spacing:3px;color:#7e9dbf;margin-left:44px;margin-top:-13px}.caption{font-size:11px;color:#6e87a9;margin:44px 12px 16px}nav a{display:block;padding:13px 15px;margin:7px 0;border-radius:10px}nav a.active{background:#203b60;color:#fff}nav a b{display:inline-block;width:27px;color:#79a6e6}.sidefoot{position:absolute;bottom:35px;left:34px;color:#a6bbd5;font-size:13px}.sidefoot small{display:block;color:#546f92;font-size:11px;margin-top:6px}.shell{margin-left:236px}header{height:84px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5eaf2}header>div{display:flex;gap:20px;align-items:center}.network{font-size:12px;color:#78906a}.demo{padding:9px 40px;background:#edf3ff;color:#647594;font-size:12px;display:flex;justify-content:space-between;gap:10px}.demo button{padding:0;border:0;background:none;font-size:12px;color:#326bcb}main{max-width:1300px;margin:auto;padding:32px 40px 50px}h1{font-size:30px;letter-spacing:-1px;margin:4px 0 8px}h2{font-size:20px;margin:0 0 14px}h3{font-size:16px;margin:0 0 10px}p{color:#78869a;margin:8px 0 20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#3476cb;font-weight:600}.hero{display:grid;grid-template-columns:1.3fr 1fr;border-radius:22px;background:#102443;color:white;padding:38px 40px;overflow:hidden;min-height:310px;align-items:center}.hero h1{font-size:40px;line-height:1.35;letter-spacing:-1px}.hero p{color:#9bb3d2;max-width:460px}.hero img{height:260px;max-width:100%;object-fit:contain;justify-self:center}.primary{background:#2469ed;color:white;border-color:#2469ed}.muted{color:#8491a3;font-size:13px}.row{display:flex;justify-content:space-between;align-items:center;gap:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.card,.panel{background:white;border:1px solid #e2e8f1;border-radius:16px;padding:24px}.card strong,.stat{display:block;font-size:30px;font-weight:650;letter-spacing:-.6px;color:#142b4a}.card small{color:#8290a4}.section{margin-top:30px}.grid{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.tag{display:inline-block;background:#eaf2ff;color:#306fc2;font-size:11px;padding:4px 9px;border-radius:6px}.good{background:#e8f5ee;color:#248361}.warn{background:#fff2da;color:#9b711d}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps b{display:block;color:#3e7aca;font-size:13px;margin-bottom:12px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.plan{text-align:left;padding:24px 18px;border-radius:14px}.plan strong{display:block;font-size:28px}.plan small{display:block;margin-top:8px;color:#7d8aa0}.plan.selected{border:2px solid #3478ee;background:#eff5ff;padding:23px 17px}.line{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #edf0f5}.line span:first-child{color:#7d8ba0}.line b{font-weight:550;text-align:right;overflow-wrap:anywhere}.total{font-size:26px}.buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}label{display:block;font-size:13px;color:#60738d;margin:14px 0 6px}input,select{width:100%;padding:12px;border:1px solid #dbe3ef;background:#fff;color:#1f334f;border-radius:9px;min-width:0}input[type=checkbox]{width:auto;margin-right:8px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{text-align:left;color:#8b97a7;font-weight:500}td,th{padding:15px 12px;border-bottom:1px solid #edf0f5}.table{overflow:auto}.empty{padding:28px;text-align:center;color:#8b97ac}.notice{padding:14px 18px;border-radius:10px;background:#f0f5fc;color:#6b7d96;font-size:13px;margin:16px 0}.linkbox{overflow-wrap:anywhere;padding:14px;background:#f4f7fc;border-radius:9px;font-size:13px;color:#366aaf}.tabs{display:flex;gap:10px;margin:16px 0}.tabs .selected{background:#eaf2ff;border-color:#8cb5fa;color:#2364c4}footer{margin:0 40px;padding:20px 0;border-top:1px solid #dfe6f0;color:#8c9aac;font-size:12px;display:flex;justify-content:space-between}dialog{border:0;border-radius:20px;padding:30px;width:460px;max-width:calc(100% - 28px);box-shadow:0 25px 90px #0a20344d}dialog::backdrop{background:#0a19366b;backdrop-filter:blur(4px)}dialog .primary{width:100%;margin-top:20px}#toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#112b4b;color:white;padding:12px 22px;border-radius:10px;display:none;z-index:10;max-width:90vw}.mono{font-variant-numeric:tabular-nums}.adminbar{display:flex;gap:10px;flex-wrap:wrap}.check{display:flex;align-items:flex-start;gap:4px}.check input{margin-top:6px}:focus-visible{outline:3px solid #78b8fc;outline-offset:3px}@media(min-width:1500px){main{padding-top:45px}.hero{min-height:355px}.hero img{height:295px}}@media(max-width:1050px){aside{width:190px;padding:28px 15px}.shell{margin-left:190px}main{padding:25px}.hero{padding:28px}.hero h1{font-size:32px}.grid{grid-template-columns:1fr}}@media(max-width:700px){aside{inset:auto 0 0;width:100%;height:65px;padding:0;z-index:5;background:#fff;border-top:1px solid #dbe3ef}.brand,.caption,.sidefoot{display:none}nav{display:flex;height:65px;justify-content:space-around;align-items:center}nav a{font-size:10px;margin:0;padding:5px 4px;text-align:center;color:#7d8ba0;border-radius:6px}nav a b{display:block;width:auto;font-size:16px}nav a.active{background:#eef4ff;color:#2469ed}.shell{margin-left:0;padding-bottom:65px}header{padding:0 18px;height:65px}header>div{gap:8px}.network{display:none}header button{padding:7px 10px;font-size:12px}.demo{padding:8px 18px;font-size:10px}main{padding:22px 16px 30px}h1{font-size:26px}.hero{padding:26px 23px;grid-template-columns:1fr;position:relative;min-height:310px}.hero>div{position:relative;z-index:1}.hero h1{font-size:29px;max-width:220px}.hero p{max-width:200px;font-size:12px}.hero img{position:absolute;right:-6px;bottom:8px;height:180px;max-width:45%}.hero .buttons{max-width:210px}.cards{gap:8px}.card{padding:14px 10px;border-radius:12px}.card strong{font-size:23px}.card small{font-size:10px}.card h3{font-size:11px}.panel{padding:19px}.plans{gap:8px}.plan{padding:17px 10px}.plan.selected{padding:16px 9px}.plan strong{font-size:23px}.plan small{font-size:10px}.plan .tag{padding:2px 4px;font-size:10px}.steps{gap:15px}.steps h3{font-size:13px}.steps p{font-size:11px}.row{align-items:flex-start}footer{margin:0 17px}.total{font-size:21px}}
/* Refined navy identity */
body{background:#091423;color:#e7edf5}p,.muted{color:#8e9db1}button{background:#17263b;color:#dfe8f4;border-color:#2a3b51}button:hover{background:#21344c;border-color:#6086b2}.primary{background:#427dff;color:white;border-color:#427dff}.primary:hover{background:#5590ff}aside.topbar{position:relative;inset:auto;width:100%;height:91px;background:#091423;border-bottom:1px solid #203045;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.topbar .brand{display:flex;flex-wrap:nowrap;font-size:25px;gap:10px}.topbar .brand span{margin:4px 0 0 5px;font-size:9px;letter-spacing:2px}.topbar nav{display:flex;gap:26px}.topbar nav a{margin:0;padding:8px 0;border-radius:0;font-size:13px;color:#8b9aaf}.topbar nav a b{display:none}.topbar nav a.active{background:none;color:white;border-bottom:2px solid #74aaff}.shell{margin:0}.shell header{background:#0b1727;height:56px;border-bottom:1px solid #1b2a3d;padding:0 5%;font-size:11px;color:#63758e}.demo{background:#0d1b2d;color:#607998;padding:7px 5%;font-size:10px}.demo button{color:#8aa8cf}main{max-width:1300px;padding:42px 5% 70px}h1,h2,h3{color:#edf3fa}.eyebrow{color:#89afd9;font-size:10px;letter-spacing:2px}.hero{background:none;border:0;border-radius:0;padding:20px 0 50px;min-height:490px;grid-template-columns:1.2fr 1fr;gap:20px;overflow:visible}.hero h1{font-size:clamp(35px,3.8vw,56px);line-height:1.4;font-weight:600;letter-spacing:-1.7px;margin:24px 0}.hero em{font-style:normal;color:#9fbedc}.hero p{color:#8fa3bc;line-height:1.9;font-size:15px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 22px;border-radius:7px;font-size:13px}.secondary{border:1px solid #34465c;color:#d5e0ed}.hero-note{color:#627b97;font-size:10px;margin-top:27px;display:flex;align-items:center;gap:12px}.hero-note i{width:3px;height:3px;border-radius:50%;background:#526d8c}.art-scene{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 52%,#203c58 0,transparent 65%)}.hero .art-scene img{position:relative;height:350px;width:90%;max-width:100%;object-fit:contain;filter:drop-shadow(0 26px 23px #0006);z-index:1}.orbit{position:absolute;width:85%;height:85%;border:1px solid #293c52;border-radius:50%;transform:rotate(-24deg) scaleY(.8)}.scene-label{position:absolute;top:6px;left:15px;letter-spacing:3px;color:#49647f;font-size:9px}.scene-caption{position:absolute;bottom:0;left:12%;right:12%;background:#112238dc;border:1px solid #2a4059;backdrop-filter:blur(14px);padding:15px 20px;z-index:2;border-radius:8px}.scene-caption span{display:block;color:#69829f;font-size:9px;letter-spacing:1px}.scene-caption b{font-size:13px;color:#cbd9e9;font-weight:500}.intro{display:grid;grid-template-columns:1fr 1.35fr;gap:65px;border-top:1px solid #243247;border-bottom:1px solid #243247;padding:38px 0;margin-top:0}.intro h2{font-size:25px;line-height:1.6;margin:14px 0 0;font-weight:500}.intro p{font-size:13px;line-height:1.9;margin:0 0 14px}.intro .muted{font-size:11px;color:#62768d}.section-heading h2,.home-plans h2{font-size:24px;font-weight:500;margin-top:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:30px}.feature-grid article{border-top:1px solid #35455b;padding:20px 0}.feature-grid span{font-size:10px;color:#6593be;letter-spacing:1px}.feature-grid h3{margin-top:20px;font-weight:500}.feature-grid p{font-size:12px;line-height:1.9}.panel,.card{background:#101f32;border:1px solid #25364b;box-shadow:none}.card strong,.stat{color:#f0f5fb}.card{position:relative}.home-plans .card{padding:26px}.home-plans .card strong{font-size:36px;margin:14px 0}.home-plans .card strong small{font-size:12px}.home-plans .card h3{font-size:13px;font-weight:500}.plan-arrow{position:absolute;right:25px;top:25px;color:#7e9dbd}.payment-note{display:flex;align-items:center;gap:12px;color:#6a819d;font-size:11px;flex-wrap:wrap}.payment-note b{border:1px solid #32445a;padding:4px 12px;border-radius:5px;color:#9bb0c7;font-weight:500}.home-plans .row>a{font-size:12px;color:#9dbbe0}.tag{background:#203952;color:#9abbe2}.good{background:#153c38;color:#8ed1b8}.notice,.linkbox{background:#0b192a;color:#8da4bd}.line,td,th{border-color:#24364b}.line span:first-child{color:#7e92aa}.line b{color:#dce7f4}.plan.selected{background:#1d3655;border-color:#689eff}.plan strong{color:#f0f5fc}.plan small{color:#8a9fb7}.tabs .selected{background:#244670;border-color:#669ef2;color:#e4efff}input,select{background:#0a1728;color:#e1eaf5;border-color:#32445b}dialog{background:#112136;color:#dfe8f4;border:1px solid #344b65}label{color:#a2b4c9}footer{max-width:1170px;margin:0 auto;border-color:#243348;color:#5c748f}.section{margin-top:42px}.network{color:#7d9b90}aside:not(.topbar){display:none}.topbar~.shell{margin:0}
@media(max-width:1000px){.topbar nav{gap:16px}.hero h1{font-size:36px}.hero .art-scene img{height:290px}.intro{gap:30px}.hero{min-height:420px}.art-scene{min-height:340px}}
@media(max-width:700px){aside.topbar{height:67px;padding:0 20px;position:relative;z-index:5}.topbar .brand{font-size:21px}.topbar .brand img{width:29px}.topbar nav{position:fixed;bottom:0;left:0;right:0;height:67px;display:flex;justify-content:space-around;background:#0e1c2f;border-top:1px solid #2c3b50;gap:0;padding:0 8px}.topbar nav a{font-size:10px;text-align:center;border:0!important;padding:7px 4px}.topbar nav a b{display:block;font-size:17px;width:auto}.topbar nav a.active{color:#9dc3ff}.shell header{padding:0 18px;height:49px}.shell{padding-bottom:67px}.demo{padding:7px 18px;font-size:9px}main{padding:25px 20px 40px}.hero{display:flex;flex-direction:column;gap:0;align-items:stretch;padding:10px 0 25px;min-height:0}.hero h1{font-size:34px;max-width:none;margin:19px 0;letter-spacing:-1.2px}.hero p{font-size:13px;max-width:none}.hero .buttons{max-width:none;gap:8px}.cta{padding:11px 14px;gap:12px;font-size:12px}.hero-note{font-size:8px;gap:8px;margin-top:23px}.art-scene{min-height:300px;margin-top:25px}.hero .art-scene img{position:relative;right:auto;bottom:auto;height:270px;max-width:100%;width:85%}.scene-caption{padding:10px 16px}.intro{grid-template-columns:1fr;gap:20px;padding:27px 0}.intro h2{font-size:22px}.feature-grid{grid-template-columns:1fr;gap:6px}.feature-grid article{padding:17px 0}.feature-grid h3{margin-top:10px}.feature-grid p{margin-bottom:6px}.section-heading h2,.home-plans h2{font-size:21px}.home-plans .cards{grid-template-columns:1fr;gap:12px}.home-plans .card{padding:20px}.home-plans .card strong{margin:8px 0;font-size:32px}.home-plans .row{display:block}.payment-note{font-size:10px}.plans .plan strong{font-size:23px}.plans .plan strong small{display:block!important;font-size:10px}.cards .card strong{font-size:23px}footer{margin:0 20px}.panel{border-radius:12px}.topbar .brand span{display:inline;font-size:8px}}
.language-wrap{display:flex;align-items:center;gap:4px}.language-wrap button{padding:8px;display:flex}.language-wrap select{font-size:11px;padding:6px;width:94px}.progress-steps{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}.progress-steps span{padding:9px 14px;border:1px solid #314660;border-radius:7px;color:#607994}.progress-steps .done{background:#193e52;color:#9bdccf;border-color:#2d6967}.qr{text-align:center;background:white;border-radius:12px;padding:15px;margin:18px auto;max-width:270px}.qr svg{width:100%;height:auto}.admin-login{max-width:470px;margin:35px auto}.admin-login .primary{width:100%}form>.primary{margin-top:18px}details summary{cursor:pointer;color:#a5bdd9}#supportButton{font-size:11px;padding:4px 12px}.panel form{margin-bottom:20px}@media(max-width:700px){.shell header{height:auto;min-height:63px;flex-wrap:wrap;gap:8px;padding-top:8px;padding-bottom:8px}.shell header>div{margin-left:auto}.language-wrap select{width:79px}.language-wrap button{padding:6px}.progress-steps{gap:5px}.progress-steps span{font-size:11px;padding:7px}.admin-login{margin:15px auto}}
/* Payment selection and local preview shell */
.preview-label{font-size:12px;color:#8294ab;text-align:right;margin:0 0 22px;letter-spacing:.03em}
.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.payment-options button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px;min-width:0}
.payment-options img{width:34px;height:34px;border-radius:50%;flex:none}
.payment-options button span small{display:block;font-size:11px;color:#8fa9c6;margin-top:4px;font-weight:400}
.payment-check{margin-left:auto;width:19px;height:19px;border:1px solid #4c6480;border-radius:50%;font-size:12px;text-align:center;flex:none}
.selected .payment-check{background:#73a9ff;color:#0c1b31;border-color:#73a9ff}
.pay-quote{background:#0a192b;border:1px solid #2a4260;border-radius:16px;padding:24px;margin:20px 0;color:#99afc9}
.pay-number{font-size:clamp(27px,3vw,40px);font-weight:650;letter-spacing:-.04em;color:#eef5ff;margin:7px 0 13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.pay-number small{font-size:18px;color:#9bb9dc;letter-spacing:0}
.quote-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;margin-bottom:8px}
.quote-meta button{background:transparent;padding:3px 0;color:#8ab8fb;border:0;font-size:12px}
.order-credit{padding:24px 0;border-bottom:1px solid #293a50;display:grid;gap:7px;color:#95a8bf}
.order-credit strong{font-size:30px;color:#ecf3ff}.order-credit strong small{font-size:15px;font-weight:400}
.purchase-submit{width:100%;margin-top:26px}button:disabled{opacity:.45;cursor:not-allowed}
.reward-rules{margin-top:22px;color:#8fa4be;font-size:13px}.reward-rules summary{cursor:pointer}
.purchase-grid{align-items:start}.order-panel>p{font-size:13px;line-height:1.8}
@media(max-width:600px){.payment-options button{padding:12px 10px;gap:8px;font-size:14px}.payment-options img{width:28px;height:28px}.payment-options button span small{font-size:9px}.payment-check{width:16px;height:16px}.pay-quote{padding:18px}.preview-label{text-align:left;margin-bottom:18px}}
/* Mobile typography: native Chinese fonts, quieter surfaces and clear spacing. */
@media(max-width:700px){
 body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65;-webkit-text-size-adjust:100%}
 main{padding:24px 20px 36px}h1{font-size:25px;font-weight:500;line-height:1.4;letter-spacing:0;margin:6px 0 12px}h2{font-size:17px;font-weight:500;line-height:1.5;margin:0 0 18px}h3{font-size:14px;font-weight:500}p{font-size:14px;line-height:1.8;margin:8px 0 24px;color:#91a1b5}.muted{font-size:12px;line-height:1.8}.eyebrow{font-size:9px;font-weight:400;letter-spacing:1.4px;margin-bottom:10px}
 .hero h1{font-size:29px;line-height:1.5;font-weight:500;letter-spacing:0}.hero p{font-size:14px}.hero-note{font-size:10px;flex-wrap:wrap}.feature-grid p,.intro p{font-size:13px}.intro h2,.section-heading h2,.home-plans h2{font-size:22px;font-weight:500}
 .preview-label{margin:0;padding:9px 20px 0;font-size:10px;letter-spacing:0;color:#6e8099}.shell header{background:transparent;border-bottom:0;padding:10px 20px;gap:10px}#breadcrumb{font-size:10px;color:#6f829a}.topbar .brand{font-weight:600;font-size:20px}.topbar .brand span{letter-spacing:1.5px}.topbar nav{background:#0d1929;padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}.shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar nav a{font-weight:400;font-size:11px}.topbar nav a b{font-weight:400;font-size:18px;margin-bottom:2px}
 .panel{padding:22px 18px;border:1px solid #1c2c40;background:#0e1b2c;border-radius:14px}.grid{gap:20px}.section{margin-top:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.cards>.card:first-child{grid-column:1/-1}.card{padding:18px 16px;border-color:#1c2c40;background:#0e1b2c}.cards .card h3{font-size:12px;font-weight:400;color:#91a1b5;margin-bottom:12px;line-height:1.5}.cards .card strong{font-size:27px;font-weight:500;letter-spacing:0;line-height:1.3;font-variant-numeric:tabular-nums}.cards>.card:first-child strong{font-size:34px}.cards .card small{display:block;font-size:11px;line-height:1.6;margin-top:7px;color:#7489a3}.panel .cards{margin-top:18px}.home-plans .cards{grid-template-columns:1fr}.home-plans .card strong small{display:inline}
 .line{padding:14px 0;gap:14px;font-size:13px}.line b{font-weight:400}.buttons{gap:10px;margin-top:20px}button{font-weight:400;border-radius:9px;padding:11px 14px;font-size:13px}.primary{background:#376ed3;border-color:#376ed3}.tabs .selected{background:#14253b;border-color:#6994ce;color:#dfebfa}.linkbox{padding:14px;font-size:12px;line-height:1.8;background:#0a1625;color:#a3b6ce}.notice{background:#0a1625;font-size:12px;line-height:1.8;padding:14px}.tag{background:#182b40;font-size:10px;font-weight:400;border-radius:4px;color:#9bb2ce}.empty{padding:30px 8px;font-size:12px;color:#74859c}
 .plans{gap:8px;margin:20px 0 28px}.plans .plan,.plans .plan.selected{padding:15px 8px;border-width:1px;border-radius:10px;background:#101e30}.plans .plan.selected{background:#12243a;border-color:#82a7dc}.plans .plan strong{font-size:24px;font-weight:500;letter-spacing:0;margin-top:13px;line-height:1.2}.plans .plan strong small{font-size:10px;font-weight:400;margin-top:7px}.plans .plan>small{font-size:10px;line-height:1.6;margin-top:14px}.plans .plan .tag{font-size:9px;padding:3px 4px;background:transparent;color:#90a8c7}
 .payment-options{gap:10px;margin:14px 0 20px}.payment-options button{padding:14px 10px;background:#101e30;border-color:#28394d;font-size:13px}.payment-options button.selected{background:#12243a;border-color:#82a7dc}.payment-options img{width:26px;height:26px}.payment-options button span small{font-size:9px;color:#7f94ad}.payment-check{width:14px;height:14px;font-size:10px;line-height:13px}.pay-quote{padding:20px 0;border:0;border-top:1px solid #243247;border-bottom:1px solid #243247;border-radius:0;background:transparent;margin:22px 0}.pay-number{font-size:30px;font-weight:500;letter-spacing:0;margin:10px 0 16px;line-height:1.3}.pay-number small{font-size:15px}.quote-meta{font-size:11px;gap:8px 14px}.pay-quote>.muted{font-size:11px}.order-credit strong{font-size:29px;font-weight:500}.order-panel>p{font-size:12px}.purchase-submit{padding:13px;font-size:14px}
 .progress-steps span{font-size:11px;font-weight:400}th,td{font-size:12px;padding:14px 10px}dialog{padding:24px 20px}dialog h2{font-size:17px}input,select{font-size:16px}.language-wrap select{font-size:11px}footer{font-size:10px;gap:12px;flex-wrap:wrap;padding:20px 0}#toast{bottom:90px;font-size:13px}
}
.page-back-row{margin:0 0 22px}.page-back-row button{display:inline-flex;align-items:center;gap:4px;border:0;padding:6px 8px 6px 0;background:transparent;color:#9bafc8;font-size:13px}.page-back-row svg{width:20px;height:20px}.plan-credit-number,.plan-credit-label{display:block}.plan-credit-number{font-variant-numeric:tabular-nums}.plan-credit-label{margin-top:3px}
@media(max-width:700px){
 .topbar nav{z-index:50;align-items:stretch;height:calc(70px + env(safe-area-inset-bottom));padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #07111e22}
 .topbar nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;line-height:1.2;font-size:10px;padding:3px 0;color:#8193aa;letter-spacing:.02em}
 .topbar nav a b{display:flex;align-items:center;justify-content:center;width:44px;height:29px;border-radius:10px;margin:0;transition:background .15s}.topbar nav a b svg{width:22px;height:22px}.topbar nav a.active{color:#a9caff}.topbar nav a.active b{background:#1b304b}
 .shell{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.page-back-row{margin:-5px 0 18px}.page-back-row button{min-height:40px;font-size:12px}
 h1{font-size:24px;line-height:1.45;font-weight:500}h2{font-size:16px;font-weight:500}.plans .plan>small{margin-top:15px}.plan-credit-number{font-size:12px;color:#adbed2;white-space:nowrap}.plan-credit-label{font-size:10px;color:#7e94af;white-space:nowrap}.payment-options button span small{font-size:10px;white-space:nowrap;letter-spacing:0}.payment-options button{gap:8px}.payment-options img{width:25px;height:25px}.payment-check{margin-left:auto}
}
/* Unified graphite identity, compact utility header. */
body{background:#101114;color:#eeeef0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}
h1,h2,h3{color:#f2f2f4}p,.muted{color:#a6a7af}.eyebrow{color:#aaaab6;letter-spacing:1px;font-weight:400}.hero em{color:#eeeef2}.hero p{color:#b1b1bb}.hero-note{color:#85858f}.hero-note i{background:#646470}
aside.topbar{background:#101114;border-color:#27272e;height:76px;gap:24px}.topbar .brand{font-weight:600;letter-spacing:-.4px}.topbar .brand span{color:#82828e}.topbar nav{margin-left:auto;gap:22px}.topbar nav a{color:#a1a1ad}.topbar nav a.active{color:#f4f4f6;border-color:#9b9afa}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-actions .network{display:none}.header-actions #wallet{padding:8px 12px;font-size:12px;line-height:20px;background:#1d1e24;border:1px solid #33343d;border-radius:20px;color:#e4e4ea;font-weight:400}.language-wrap{position:relative;width:34px;height:34px}.language-wrap button{width:34px;height:34px;padding:7px;border:0;background:transparent;color:#c6c6cf}.language-wrap select{position:absolute;inset:0;width:34px;height:34px;opacity:0;cursor:pointer;padding:0}.language-wrap:focus-within{outline:2px solid #aaa8ff;border-radius:50%}
.shell header{display:none}.preview-label{max-width:1170px;margin:0 auto;padding:10px 0 0;color:#72727f;font-size:10px}main{padding-top:28px}.hero{min-height:420px;padding:15px 0 36px}.hero h1{font-weight:500;letter-spacing:-.6px;line-height:1.4;margin:20px 0}.art-scene{background:radial-gradient(ellipse at 50% 60%,#665fa526,transparent 65%)}.scene-caption{background:transparent;border:0;backdrop-filter:none;text-align:center;bottom:-8px}.scene-caption b{font-size:12px;font-weight:400;color:#96939f}.intro{border-color:#2b2b32}.intro p{color:#afafb8}.intro .muted{color:#85858e}.feature-grid article{border-color:#33333d}.feature-grid span{color:#9694b7}
.panel,.card{background:#18191e;border-color:#2c2d35}.card strong,.stat,.plan strong{color:#f0f0f4}.card small,.plan small{color:#999aa6}.line,td,th{border-color:#2e2f37}.line span:first-child{color:#a0a0ac}.line b{color:#e7e7ec}button{background:#202128;border-color:#373842;color:#dedee6}button:hover{background:#292a34;border-color:#747387}.primary{background:#6664dc;border-color:#6664dc;color:#fff}.primary:hover{background:#7573e7;border-color:#7573e7}.secondary{border-color:#494952;color:#d6d6e0}.tag{background:#292933;color:#b5b3ce}.good{background:#243c35;color:#a2ceba}.notice,.linkbox{background:#131419;color:#a9a9b8}.plan.selected,.tabs .selected{background:#242330;border-color:#9290d7;color:#eeeef5}.pay-quote{background:#15161b;border-color:#353440;color:#ababba}.pay-number{color:#f1f1f6;font-weight:500}.pay-number small{color:#b8b7c8}.order-credit{border-color:#303039;color:#9e9eab}.order-credit strong{color:#efeff5}.quote-meta button{color:#b4b0ed}.plan-credit-number{color:#c6c6d0}.plan-credit-label{color:#9494a4}.page-back-row button{color:#aaa9ba}.reward-rules{color:#9c9caa}.empty{color:#83838e}input,select{background:#14151b;color:#e8e8ed;border-color:#3d3d49}label{color:#acacb9}dialog{background:#1b1c23;border-color:#42424e}footer{border-color:#2d2d36;color:#8c8c98}.payment-note{color:#92929d}.payment-note b{border-color:#383841;color:#b6b6c4}
@media(max-width:1050px) and (min-width:701px){.topbar .brand span{display:none}.topbar nav{gap:12px}.topbar nav a{font-size:12px}aside.topbar{padding:0 24px;gap:16px}}
@media(max-width:700px){
 aside.topbar{height:62px;padding:0 20px;gap:10px}.topbar .brand{font-size:20px;gap:7px}.topbar .brand img{width:27px}.topbar .brand span{display:none}.header-actions{margin-left:auto;gap:6px}.header-actions #wallet{font-size:11px;padding:5px 10px;line-height:20px}.language-wrap,.language-wrap button,.language-wrap select{width:32px;height:32px}.language-wrap button svg{width:18px;height:18px}
 .preview-label{padding:8px 20px 0;font-size:9px;color:#74747e}main{padding:23px 20px 35px}.hero{padding:5px 0 26px;gap:0;min-height:0}.hero .eyebrow{font-size:11px;letter-spacing:.6px;color:#b0adca}.hero h1{font-size:30px;font-weight:500;line-height:1.5;letter-spacing:0;margin:12px 0 16px}.hero p{font-size:14px;line-height:1.8;margin-bottom:20px;color:#b1b1bd}.hero .buttons{margin-top:0;gap:10px}.cta{font-size:12px;padding:11px 14px;border-radius:9px}.hero-note{font-size:10px;margin-top:17px;gap:8px}.art-scene{min-height:254px;margin-top:16px}.hero .art-scene img{height:244px;width:86%}.scene-caption{bottom:-3px;padding:3px}.scene-caption b{font-size:11px}
 h1{font-size:24px;font-weight:500}h2{font-weight:500}.intro h2{font-size:21px}.panel,.card{background:#18191e;border-color:#2b2c34}.cards .card h3{color:#a4a4b0}.cards .card small{color:#92929e}.cards .card strong{font-weight:500;color:#eeeef3}.plans .plan,.payment-options button{background:#1b1c23;border-color:#373741}.plans .plan.selected,.payment-options button.selected{background:#24232f;border-color:#9996d9}.plans .plan .tag{color:#b4b1ce}.payment-options button span small{color:#a09dad}.selected .payment-check{background:#aaa6f2;border-color:#aaa6f2;color:#171622}.payment-check{border-color:#62606f}.pay-quote{background:transparent;border-color:#34333e}.pay-number{color:#f0eff6}.pay-number small{color:#b5b3c7}.notice,.linkbox{background:#121318;color:#aaaab9}.topbar nav{background:#17181e;border-color:#303039;box-shadow:0 -4px 20px #0002}.topbar nav a{color:#9595a3}.topbar nav a.active{color:#c4c0ff}.topbar nav a.active b{background:#2e2b43}
}
/* Reference-led refinement: charcoal canvas, diffuse color, restrained surfaces. */
body{background:#202122;background-image:radial-gradient(ellipse 80% 540px at 8% 8%,#31588224,transparent 75%),radial-gradient(ellipse 65% 550px at 100% 0%,#255e5120,transparent 75%);background-repeat:no-repeat;color:#ededee;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7}
aside.topbar{background:transparent;border-bottom:1px solid #ffffff06;height:72px}.topbar .brand{font-size:22px}.topbar nav a{color:#b5b6b9}.topbar nav a.active{color:#fff;border-color:#6a9de0}.header-actions #wallet{background:#ffffff06;border-color:#ffffff1c;color:#e2e3e6}.language-wrap button{color:#c5c8ce}.preview-label{color:#92969d}.eyebrow{color:#87a9da;letter-spacing:1px}.hero{min-height:480px;gap:48px;padding:34px 0 46px}.hero h1{font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.25;letter-spacing:-.7px;margin:22px 0}.hero em{color:#9b9af8;background:linear-gradient(105deg,#82adff,#af7aee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:15px;color:#b2b5ba;line-height:1.85;max-width:450px}.hero .eyebrow{display:inline-block;padding:4px 11px;border:1px solid #679cde2b;border-radius:20px;background:#4275b00c;font-size:11px;letter-spacing:.4px}.hero-note{color:#92969f;font-size:11px}.hero .buttons{margin-top:26px}.cta{border-radius:12px;padding:12px 20px;font-size:14px}.primary{background:#327ac4;border-color:#327ac4;color:white}.primary:hover{background:#3e88d4;border-color:#3e88d4}.secondary{background:#ffffff04;border-color:#ffffff20;color:#dddddf}.art-scene{min-height:340px;background:radial-gradient(ellipse at center,#5b68a01f,transparent 67%)}.hero .art-scene img{height:330px}.scene-caption b{color:#999da6}.intro{border-color:#ffffff12}.intro h2{font-weight:500}.intro p,.feature-grid p,p,.muted{color:#afb2b8}.intro .muted{color:#92969d}.feature-grid article{border-color:#ffffff1b}.feature-grid span{color:#85a4cd}.section-heading h2,.home-plans h2{font-weight:500}.panel,.card{background:#252628;border-color:#ffffff12;border-radius:16px}.card strong,.stat{color:#f0f0f1}.card small,.plan small{color:#a1a5ad}.line,td,th{border-color:#ffffff13}.line span:first-child{color:#a4a8b0}.line b{color:#e5e6e8}.tag{background:#ffffff08;color:#a8bbd7}.good{background:#29433a;color:#a2ceba}.notice,.linkbox{background:#1e2023;color:#adb5c1}.plan.selected,.tabs .selected{background:#2a3543;border-color:#7399c6;color:#f1f4f8}.pay-quote{background:#202327;border-color:#ffffff17}.pay-number{color:#f0f2f6}.pay-number small{color:#aebbcf}.order-credit{border-color:#ffffff13}.order-credit strong{color:#eef0f3}.quote-meta button{color:#8db3e3}.page-back-row button{color:#aab6c7}.empty{color:#92969f}button{background:#ffffff05;border-color:#ffffff22;color:#dfe3e8}button:hover{background:#ffffff0a;border-color:#ffffff3c}input,select{background:#202226;border-color:#ffffff23;color:#e8ebf0}dialog{background:#26282d;border-color:#ffffff25}label{color:#acb4c0}footer{border-color:#ffffff13;color:#9098a5}.payment-note{color:#99a0ab}.payment-note b{border-color:#ffffff1c;color:#b4becd}
@media(max-width:700px){
 body{font-size:14px;background-image:radial-gradient(ellipse 130% 470px at 0% 0%,#31588224,transparent 80%),radial-gradient(ellipse 90% 460px at 100% 13%,#305e5320,transparent 80%)}aside.topbar{height:62px;padding:0 20px}.topbar .brand{font-size:20px}.header-actions #wallet{font-size:11px}.preview-label{color:#91969e;font-size:9px}.hero{gap:0;min-height:0;padding:13px 0 25px}.hero h1{font-size:32px;line-height:1.4;font-weight:600;letter-spacing:0;margin:19px 0 17px}.hero p{font-size:14px;line-height:1.85;margin-bottom:22px}.hero .buttons{margin-top:0;gap:10px}.cta{padding:12px 15px;font-size:13px;border-radius:11px}.hero-note{font-size:10px;line-height:1.8;margin-top:21px;color:#979da6}.art-scene{margin-top:18px;min-height:255px}.hero .art-scene img{height:246px}.hero .eyebrow{font-size:10px}.scene-caption b{font-size:11px;color:#a3a7af}
 h1{font-size:25px;line-height:1.45;font-weight:500}h2{font-size:17px}.panel,.card{background:#252628;border-color:#ffffff13}.cards .card h3{color:#b0b3ba}.cards .card small{color:#9ca1aa}.cards .card strong{color:#f0f1f4}.plans .plan,.payment-options button{background:#222528;border-color:#ffffff1b}.plans .plan.selected,.payment-options button.selected{background:#293544;border-color:#769cc9}.plans .plan .tag{color:#aebfda}.payment-options button span small{color:#a4afc0}.selected .payment-check{background:#87b2ea;border-color:#87b2ea;color:#192638}.payment-check{border-color:#647287}.pay-quote{background:transparent;border-color:#ffffff19}.pay-number small{color:#afbed3}.notice,.linkbox{background:#1e2023;color:#b3bbc6}.topbar nav{background:#242629;border-color:#ffffff17;box-shadow:0 -4px 20px #0001}.topbar nav a{color:#a0a8b4}.topbar nav a.active{color:#9fc3f1}.topbar nav a.active b{background:#314258}
}
.store-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;padding:38px 0 42px}.store-hero h1{font-size:clamp(32px,4vw,50px);line-height:1.3;font-weight:600;letter-spacing:-.5px;margin:18px 0}.store-hero em{font-style:normal;background:linear-gradient(105deg,#82adff,#af7aee);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.store-intro>p{font-size:15px;line-height:1.9}.store-benefits{display:flex;gap:18px;flex-wrap:wrap;color:#a0a7b1;font-size:11px;margin-top:23px}.store-art{display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse,#5969971f,transparent 70%)}.store-art img{height:280px;max-width:100%;object-fit:contain}.store-art>span{font-size:11px;color:#9b9fa9}.store-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:23px}.store-section-heading h2{font-size:26px;font-weight:500;margin:8px 0 0}.store-section-heading p{margin:0;font-size:13px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.package-card{padding:25px;background:#25272a;border:1px solid #ffffff17;border-radius:16px}.package-card.featured{border-color:#6082ae;background:linear-gradient(145deg,#29323e,#25272a)}.package-card h3{font-size:16px;font-weight:500;margin:0}.package-price{font-size:39px;font-weight:500;line-height:1.3;margin:24px 0 20px;color:#f4f5f8}.package-price>span{font-size:13px;font-weight:400;color:#aab3c2}.package-amount{display:flex;flex-direction:column;gap:4px}.package-amount strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.package-amount>span{font-size:12px;color:#a0aabb}.package-card>p{font-size:11px;margin:14px 0 24px}.package-card>button{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px}.store-payment{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;font-size:12px;color:#b3bac4}.store-payment img{width:20px;height:20px;border-radius:50%;margin-left:6px}.store-payment small{margin-left:auto;color:#999fab;font-size:11px}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:26px}.workflow-grid article{border-top:1px solid #ffffff24;padding-top:20px}.workflow-grid article>span{color:#89a9d1;font-size:12px}.workflow-grid h3{font-size:16px;font-weight:500;margin:14px 0 8px}.workflow-grid p{font-size:13px}.service-rate{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;padding:18px 20px;border-radius:12px;background:#ffffff04;border:1px solid #ffffff12;font-size:13px}.service-rate strong{font-weight:500;color:#d2dfef}.service-rate small{color:#969faa}.comic-introduction{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;border-top:1px solid #ffffff15;padding-top:32px;scroll-margin-top:24px}.comic-introduction h2{font-size:25px;font-weight:500;line-height:1.6}.comic-introduction p{font-size:14px}.comic-introduction a{font-size:13px;color:#99bce6}.store-faq h2{font-size:25px;font-weight:500}.store-faq details{border-bottom:1px solid #ffffff18;padding:18px 0}.store-faq summary{font-size:14px;color:#d5d9e0;cursor:pointer}.store-faq details p{font-size:13px;line-height:1.8;margin:14px 0 4px;max-width:800px}
@media(max-width:700px){.store-hero{display:block;padding:18px 0 28px}.store-hero h1{font-size:30px;line-height:1.4;letter-spacing:0;margin:15px 0}.store-intro>p{font-size:13px;margin-bottom:20px}.store-intro .buttons{margin-top:0}.store-benefits{gap:8px 14px;font-size:10px;margin-top:18px}.store-art{display:none}.store-section-heading{display:block;margin-bottom:18px}.store-section-heading h2{font-size:22px}.store-section-heading p{font-size:12px;margin-top:7px}.package-grid{grid-template-columns:1fr;gap:12px}.package-card{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.package-card>.row{grid-column:1/-1;align-items:center}.package-price{font-size:32px;margin:18px 0 10px}.package-amount{justify-content:center;text-align:right}.package-amount strong{font-size:23px}.package-amount>span{font-size:11px}.package-card>p{grid-column:1/-1;margin:0 0 16px;font-size:11px}.package-card>button{grid-column:1/-1;padding:11px 14px}.store-payment small{width:100%;margin:2px 0 0;line-height:1.7}.workflow-grid{grid-template-columns:1fr 1fr;gap:8px 20px}.workflow-grid h3{font-size:14px}.workflow-grid p{font-size:12px}.service-rate{padding:16px;font-size:12px;gap:8px 16px}.service-rate small{width:100%;font-size:11px}.comic-introduction{grid-template-columns:1fr;gap:8px;padding-top:24px}.comic-introduction h2{font-size:22px}.comic-introduction p{font-size:13px}.comic-introduction:before{content:'';display:block;height:180px;background:url('assets/comic-ip.png') center/contain no-repeat}.store-faq h2{font-size:22px}.store-faq summary{font-size:13px}.store-faq details p{font-size:12px}}
.region-picker{display:grid;grid-template-columns:1fr;gap:10px}.region-picker select{width:100%;min-height:44px;font-size:14px}.region-picker select:disabled{opacity:.5}.region-picker [hidden]{display:none}.region-picker small{line-height:1.6}dialog{max-height:calc(100dvh - 32px);overflow-y:auto}