*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#24003f;color:#fff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:#25dff5;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}.masthead{position:sticky;top:0;z-index:9999;background:rgba(22,0,43,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(191,255,255,.12)}.mast-inner{width:min(1160px,calc(100% - 32px));height:70px;margin:auto;display:grid;grid-template-columns:170px 1fr 106px;align-items:center;gap:18px}.logo-link{display:flex;align-items:center;min-width:0;color:#bfffff;font-weight:900}.logo-link img{display:block;height:40px;width:auto;max-width:160px;object-fit:contain}.mast-nav{display:flex;justify-content:center;gap:6px}.mast-nav a{padding:7px 12px;color:#ded2f0;font-weight:700;white-space:nowrap;border-radius:10px}.mast-nav a.on,.mast-nav a:hover{background:#3b006b;color:#bfffff;text-decoration:none}.entry-btn{height:42px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:linear-gradient(90deg,#21dff5 0%,#8f7bff 52%,#f06bea 100%);color:#fff;font-weight:800;box-shadow:0 12px 26px rgba(240,107,234,.2)}.drawer-trigger{display:none}.channel-strip{background:#2d0052}.channel-inner{width:min(1160px,calc(100% - 32px));margin:auto;display:flex;gap:2px;overflow:auto;scrollbar-width:thin}.channel-inner a{flex:0 0 auto;padding:9px 11px;color:#d8c7ff;font-size:14px}.site-main{min-height:65vh}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}.read{width:min(820px,calc(100% - 36px));margin:auto}.crumb{padding-top:18px;color:#b99ee8;font-size:14px}.crumb a{color:#d8c7ff}.hero-copy{padding:38px 0 18px}.kicker{display:inline-block;padding:4px 10px;border:1px solid rgba(240,107,234,.35);border-radius:999px;color:#f59cec;background:rgba(240,107,234,.08);font-size:13px;font-weight:800}.hero-copy h1{margin:12px 0 10px;color:#bfffff;font-size:clamp(31px,4.4vw,48px);line-height:1.12}.hero-copy p{margin:0;max-width:820px;color:#d8c7ff;font-size:18px}.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.section-head h2{margin:0;color:#bfffff;font-size:clamp(22px,3vw,30px)}.section-head p{margin:0;color:#b99ee8;font-size:14px}.panel{background:#2d0052;border:1px solid rgba(191,255,255,.14);border-radius:16px;box-shadow:0 14px 36px rgba(0,0,0,.26)}.pad{padding:24px}.visual{position:relative;margin:0;aspect-ratio:16/9;background:#2d0052;border:1px solid rgba(191,255,255,.14);border-radius:16px;overflow:hidden}.visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.visual-empty{position:absolute;inset:0;background:linear-gradient(135deg,#2d0052,#3b006b)}.hero-poster{max-width:1080px;margin:0 auto;aspect-ratio:auto;height:220px}.hero-poster img{object-fit:contain}.split-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}.split-hero .visual{height:100%;min-height:300px}.queen-focus{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center}.queen-focus .visual{min-height:310px}.stack{display:grid;gap:14px}.mini-panel{padding:20px;border-radius:14px;background:#3b006b;border:1px solid rgba(191,255,255,.1)}.mini-panel h2,.mini-panel h3{margin:0 0 8px;color:#bfffff}.mini-panel p{margin:0;color:#d8c7ff}.feature-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.feature-rail a{display:block;min-height:120px;padding:18px;border-radius:14px;background:#2d0052;border:1px solid rgba(191,255,255,.12);color:#fff}.feature-rail strong{display:block;color:#bfffff;margin-bottom:6px}.feature-rail span{display:block;color:#b99ee8;font-size:14px}.feature-rail em{display:block;margin-top:12px;color:#25dff5;font-style:normal}.ribbon{padding:22px 0;background:#16002b;border-top:1px solid rgba(191,255,255,.1);border-bottom:1px solid rgba(191,255,255,.1)}.ribbon p{margin:0;color:#d8c7ff}.app-band{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}.app-band .visual{height:230px}.topic-map{display:grid;grid-template-columns:260px 1fr;gap:22px}.topic-map nav{position:sticky;top:118px;align-self:start}.topic-map nav a{display:block;padding:12px 14px;border-bottom:1px solid rgba(191,255,255,.1);color:#d8c7ff}.topic-map nav a:hover{color:#bfffff}.content-flow{display:grid;gap:18px}.flow-block{padding:24px;border-radius:16px;background:#2d0052;border:1px solid rgba(191,255,255,.12)}.flow-block h2{margin:0 0 10px;color:#bfffff}.flow-block p{margin:0;color:#e7def3}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-list{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;counter-reset:item}.step-list article{position:relative;padding:48px 18px 20px;border-radius:16px;background:#2d0052;border:1px solid rgba(191,255,255,.12)}.step-list article:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;top:14px;left:18px;color:#f06bea;font-weight:900}.step-list h2{margin:0 0 8px;color:#bfffff;font-size:20px}.step-list p{margin:0;color:#d8c7ff}.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare>section{padding:24px;border-radius:16px;background:#2d0052;border:1px solid rgba(191,255,255,.12)}.compare h2{margin-top:0;color:#bfffff}.timeline{display:grid;gap:0}.timeline article{position:relative;padding:0 0 28px 32px;border-left:1px solid rgba(37,223,245,.35)}.timeline article:before{content:"";position:absolute;left:-6px;top:7px;width:11px;height:11px;border-radius:50%;background:#25dff5;box-shadow:0 0 0 5px #24003f}.timeline h2{margin:0 0 8px;color:#bfffff;font-size:21px}.timeline p{margin:0;color:#e2d7ef}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.link-grid a{padding:16px 18px;border-radius:14px;background:#2d0052;border:1px solid rgba(191,255,255,.12);color:#fff}.link-grid strong{display:block;color:#bfffff}.link-grid span{display:block;color:#b99ee8;font-size:14px}.note{padding:18px 20px;border-radius:14px;border:1px solid rgba(191,255,255,.16);background:#16002b;color:#d8c7ff}.pill-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.pill-links a{padding:7px 11px;border-radius:999px;background:#3b006b;border:1px solid rgba(191,255,255,.12)}.article h2{color:#bfffff;margin:30px 0 10px}.article p{color:#eee6f7}.faq-list{display:grid;gap:14px}.faq-item{padding:22px;border-radius:14px;background:#2d0052;border:1px solid rgba(191,255,255,.12)}.faq-item h2{margin:0 0 8px;color:#bfffff;font-size:19px}.faq-item p{margin:0;color:#e3d8ef}.footer{background:#140024;margin-top:34px}.footer-grid{width:min(1120px,calc(100% - 36px));margin:auto;padding:42px 0 28px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.footer section h2{margin:0 0 12px;color:#bfffff;font-size:17px}.footer section>a{display:block;padding:4px 0;color:#d8c7ff}.footer-brand p{color:#b99ee8;max-width:320px}.footer-bottom{border-top:1px solid rgba(191,255,255,.1);padding:16px 18px;text-align:center;color:#a997c8;font-size:13px}.bottom-tabs{display:none}.drawer,.drawer-shade{display:none}
@media(max-width:980px){.mast-inner{grid-template-columns:72px 1fr 92px;height:66px;gap:8px}.drawer-trigger{display:block;border:0;background:#3b006b;color:#fff;border-radius:10px;height:38px;font-weight:800}.mast-nav,.channel-strip{display:none}.logo-link{justify-content:center}.logo-link img{height:34px;max-width:138px}.entry-btn{height:38px;padding:0 10px;font-size:14px}.drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#2d0052;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;overflow:auto;box-shadow:18px 0 40px rgba(0,0,0,.36)}.drawer.is-open{transform:translateX(0)}.drawer-shade{display:none;position:fixed;inset:0;background:rgba(20,0,36,.52);z-index:11000;opacity:0;pointer-events:none;transition:opacity .18s ease}.drawer-shade.is-visible{display:block;opacity:1;pointer-events:auto}.drawer-top{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(191,255,255,.1)}.drawer-top .logo-link{justify-content:flex-start}.drawer-close{border:0;background:#16002b;color:#fff;border-radius:8px;padding:8px 10px}.drawer-group{padding:14px;border-bottom:1px solid rgba(191,255,255,.08)}.drawer-group strong{display:block;color:#f06bea;margin-bottom:7px}.drawer-group a{display:block;padding:8px 2px;color:#e4daf2}.hero-copy{padding-top:28px}.split-hero,.queen-focus,.app-band,.topic-map{grid-template-columns:1fr}.topic-map nav{position:static;display:grid;grid-template-columns:1fr 1fr}.feature-rail{grid-template-columns:repeat(3,1fr)}.three-col{grid-template-columns:1fr 1fr}.step-list{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.bottom-tabs{position:fixed;z-index:8000;left:0;right:0;bottom:0;height:58px;display:grid;grid-template-columns:repeat(4,1fr);background:#16002b;border-top:1px solid rgba(191,255,255,.12)}.bottom-tabs a{display:flex;align-items:center;justify-content:center;color:#d8c7ff;font-size:13px}body{padding-bottom:58px}}
@media(max-width:640px){.wrap,.read{width:min(100% - 24px,1120px)}.hero-copy h1{font-size:29px}.hero-copy p{font-size:16px}.hero-poster{height:145px}.feature-rail{grid-template-columns:1fr 1fr}.two-col,.compare,.three-col,.step-list,.link-grid{grid-template-columns:1fr}.queen-focus .visual,.split-hero .visual{min-height:210px}.app-band .visual{height:180px}.topic-map nav{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:26px 0}.section-head{align-items:flex-start;flex-direction:column;gap:4px}}