*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#170523;color:#f8f4ff;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.82;overflow-x:hidden}a{color:#8ef3ff;text-decoration:none}img{max-width:100%}button{font:inherit}.site-header{position:sticky;top:0;z-index:9999;width:100%;background:rgba(24,5,36,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(142,243,255,.12)}.header-inner{max-width:1180px;min-height:72px;margin:auto;padding:0 20px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:20px}.site-logo,.drawer-logo{display:flex;align-items:center}.site-logo img{height:40px;width:auto;max-width:160px;object-fit:contain}.logo-text{font-weight:900;font-size:23px;color:#fff;letter-spacing:.05em}.nav-core{display:flex;justify-content:center;gap:2px}.nav-core a{color:#d9caea;padding:9px 11px;font-weight:800;white-space:nowrap;border-radius:10px}.nav-core a:hover,.nav-core a.is-current{background:#36124d;color:#bfffff}.main-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:94px;padding:0 20px;background:linear-gradient(90deg,#21dff5 0%,#8f7bff 52%,#f06bea 100%);color:#fff;border-radius:12px;font-weight:900;box-shadow:0 10px 28px rgba(240,107,234,.22)}.menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(191,255,255,.18);border-radius:12px;background:#2a0a3e;padding:10px}.menu-toggle span{height:2px;background:#fff;display:block;margin:5px 0;border-radius:3px}.channel-bar{background:#24083a;border-bottom:1px solid rgba(191,255,255,.09)}.channel-inner{max-width:1180px;margin:auto;padding:0 20px;display:flex;overflow-x:auto;scrollbar-width:none}.channel-inner::-webkit-scrollbar{display:none}.channel-inner a{padding:11px 12px;color:#c4afd8;font-size:14px;font-weight:700;white-space:nowrap}.channel-inner a:hover,.channel-inner a.is-current{color:#25dff5}.wrap{max-width:1180px;margin:auto;padding-left:20px;padding-right:20px}.reading{max-width:820px;margin:auto;padding-left:20px;padding-right:20px}.breadcrumb{max-width:1180px;margin:auto;padding:22px 20px 0;color:#9b86ae;font-size:14px}.breadcrumb a{color:#d8c7ff}.breadcrumb span{margin-right:8px}.hero-intro{padding:58px 0 30px}.eyebrow{font-size:13px;letter-spacing:.16em;color:#ff87be;font-weight:900}.hero-title,.page-title{margin:10px 0 18px;color:#bfffff;line-height:1.08;letter-spacing:-.025em}.hero-title{font-size:clamp(34px,5.4vw,64px);max-width:950px}.page-title{font-size:clamp(30px,4.4vw,48px)}.hero-copy,.page-lead{color:#d6c9e3;font-size:18px;max-width:790px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.text-link{display:inline-flex;align-items:center;gap:8px;padding:9px 0;color:#8ef3ff;font-weight:800}.text-link.alt{color:#ff9dcc}.media-box{position:relative;width:100%;margin:0;overflow:hidden;border-radius:18px;background:#2d0052;aspect-ratio:16/9;border:1px solid rgba(191,255,255,.12);box-shadow:0 18px 42px rgba(0,0,0,.28)}.media-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;display:block}.media-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,#2d0052,#3b006b)}.poster-box{max-width:1080px;margin:auto;aspect-ratio:16/3.4}.poster-box img{object-fit:contain}.section{padding:54px 0}.section-tight{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.section-head h2{font-size:clamp(25px,3vw,36px);line-height:1.2;margin:0;color:#bfffff}.section-head p{max-width:560px;margin:0;color:#b99ee8}.focus-split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.focus-primary,.focus-secondary{border-radius:18px;padding:28px;border:1px solid rgba(191,255,255,.13);background:#2d0052}.focus-primary{background:linear-gradient(140deg,#35104c,#2d0052)}.focus-primary h2,.focus-secondary h2{font-size:28px;margin:0 0 10px;color:#fff}.focus-primary p,.focus-secondary p{color:#d8c7ff;margin:0 0 18px}.focus-secondary{display:grid;gap:14px}.mini-panel{padding:20px;border-radius:14px;background:#3b006b}.mini-panel h3{margin:0 0 8px;color:#bfffff;font-size:19px}.mini-panel p{margin:0;color:#cdbdde}.number-route{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.route-item{padding:26px;border-top:2px solid #25dff5;background:#220834;border-radius:0 0 16px 16px}.route-num{display:block;color:#f06bea;font-size:13px;font-weight:900;letter-spacing:.12em}.route-item h2{margin:7px 0 10px;color:#fff;font-size:23px}.route-item p{margin:0 0 12px;color:#cbb9d8}.topic-table{border:1px solid rgba(191,255,255,.14);border-radius:18px;overflow:hidden}.topic-row{display:grid;grid-template-columns:180px 1fr auto;gap:18px;align-items:center;padding:20px 22px;background:#260a3a;border-bottom:1px solid rgba(191,255,255,.09)}.topic-row:nth-child(even){background:#2e0b46}.topic-row:last-child{border-bottom:0}.topic-row strong{font-size:19px;color:#fff}.topic-row span{color:#c9bad9}.topic-row a{font-weight:900}.editorial-band{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding:28px;border-radius:18px;background:#2d0052;border:1px solid rgba(191,255,255,.13)}.editorial-band h2{color:#bfffff;font-size:30px;margin:0 0 12px}.editorial-band p{color:#d7cae4}.notice-line{padding:25px 28px;border-left:4px solid #f06bea;background:#220735;border-radius:0 16px 16px 0;color:#dbcce7}.page-head{padding:44px 0 26px}.page-head.center{text-align:center}.page-head.center .page-lead{margin-left:auto;margin-right:auto}.content-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}.paper{padding:28px;border-radius:18px;background:#2a0a3e;border:1px solid rgba(191,255,255,.13)}.paper h2{color:#bfffff;margin:0 0 10px;font-size:25px}.paper h2:not(:first-child){margin-top:27px}.paper p{color:#ded3e9}.side-index{display:grid;gap:12px}.index-note{padding:21px;border-radius:15px;background:#35104d}.index-note b{display:block;color:#ff9aca;margin-bottom:6px}.index-note p{margin:0;color:#d7c8e5}.checklist{display:grid;gap:14px}.check{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px;border-radius:16px;background:#2a0a3e;border:1px solid rgba(191,255,255,.1)}.check span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#3b006b;color:#25dff5;font-weight:900}.check h2{margin:0 0 6px;color:#bfffff;font-size:21px}.check p{margin:0;color:#d5c6e0}.question-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.question{padding:25px;border-radius:18px;background:#2d0052;border:1px solid rgba(191,255,255,.12)}.question small{display:block;color:#f06bea;font-weight:900;margin-bottom:7px}.question h2{margin:0 0 12px;color:#fff;font-size:25px}.question p{margin:0;color:#d8cae4}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.directory article{padding:22px;border-radius:16px;background:#2d0052;border-top:3px solid #25dff5}.directory h2{margin:0 0 8px;color:#fff;font-size:22px}.directory p{color:#cbbada;margin:0 0 10px}.timeline{display:grid;gap:0}.timeline article{position:relative;padding:0 0 27px 36px;border-left:1px solid rgba(191,255,255,.2)}.timeline article:before{content:"";position:absolute;left:-6px;top:5px;width:11px;height:11px;border-radius:50%;background:#25dff5;box-shadow:0 0 0 6px rgba(37,223,245,.11)}.timeline article:last-child{border-left-color:transparent}.timeline h2{margin:0 0 6px;color:#bfffff;font-size:22px}.timeline p{margin:0;color:#d7c9e4}.read-body h2{font-size:27px;color:#bfffff;margin:28px 0 10px}.read-body h2:first-child{margin-top:0}.read-body p{color:#e3daed;font-size:17px}.read-body ul{padding-left:20px;color:#d9cce5}.tag-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-strip span{padding:7px 11px;border-radius:999px;background:#3b006b;color:#d8c7ff;font-size:14px}.related-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:28px}.related-links a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:13px;background:#2d0052;color:#bfffff;font-weight:800}.faq-list{display:grid;gap:13px}.faq-list article{padding:22px;border-radius:16px;background:#2a0a3e;border:1px solid rgba(191,255,255,.11)}.faq-list h2{font-size:21px;color:#bfffff;margin:0 0 8px}.faq-list p{margin:0;color:#d9cde4}.desktop-tools{position:fixed;right:14px;top:48%;transform:translateY(-50%);z-index:5000;display:grid;gap:7px;padding:8px;border-radius:16px;background:#210632;border:1px solid rgba(191,255,255,.12);box-shadow:0 16px 36px rgba(0,0,0,.32)}.desktop-tools a,.desktop-tools button{width:55px;min-height:43px;border:0;border-radius:10px;background:#34104c;color:#e6dcf1;display:grid;place-items:center;font-size:13px;font-weight:800;cursor:pointer}.desktop-tools .tool-primary{background:linear-gradient(135deg,#21dff5,#8f7bff,#f06bea);color:#fff}.site-footer{margin-top:60px;background:#12031c;border-top:1px solid rgba(191,255,255,.1)}.footer-grid{max-width:1180px;margin:auto;padding:46px 20px 35px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.footer-grid h2{font-size:16px;color:#bfffff;margin:0 0 13px}.footer-grid a{display:block;color:#c5b4d6;padding:4px 0}.footer-brand img{height:38px;width:auto;max-width:160px;object-fit:contain}.footer-brand p{max-width:360px;color:#a995bb}.footer-legal{padding:20px;border-top:1px solid rgba(191,255,255,.08);text-align:center;color:#8f7ba3;font-size:13px}.mobile-bottom{display:none}.mobile-drawer,.drawer-mask{display:none}body.drawer-open{overflow:hidden}@media(max-width:980px){body{padding-bottom:64px}.site-header{position:sticky}.header-inner{min-height:64px;grid-template-columns:48px 1fr auto;padding:0 14px;gap:10px}.menu-toggle{display:block}.site-logo{justify-content:center}.site-logo img{height:34px;max-width:145px}.nav-core{display:none}.main-btn{height:40px;min-width:82px;padding:0 14px}.channel-bar{display:none}.mobile-drawer{display:block;position:fixed;inset:0 auto 0 0;width:min(84vw,320px);background:#24003f;z-index:12000;transform:translateX(-105%);transition:transform .2s ease;box-shadow:18px 0 40px rgba(0,0,0,.36);overflow-y:auto}.mobile-drawer.is-open{transform:translateX(0)}.drawer-mask{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-mask.is-visible{display:block;opacity:1;pointer-events:auto}.drawer-head{height:68px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(191,255,255,.1)}.drawer-logo img{height:34px;max-width:150px;object-fit:contain}.drawer-close{width:42px;height:42px;border:0;border-radius:12px;background:#3b006b;color:#fff;font-size:25px}.drawer-groups{padding:15px}.drawer-groups section{margin-bottom:22px}.drawer-groups h2{font-size:13px;color:#ff8dbf;letter-spacing:.12em;margin:0 0 7px}.drawer-groups a{display:block;color:#ece4f5;padding:9px 4px;border-bottom:1px solid rgba(191,255,255,.06)}.desktop-tools{display:none}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:8000;display:grid;grid-template-columns:repeat(4,1fr);background:#16002b;border-top:1px solid rgba(191,255,255,.1);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{padding:12px 5px;text-align:center;color:#d8c7ff;font-size:13px;font-weight:800}.focus-split,.content-grid,.editorial-band{grid-template-columns:1fr}.number-route,.directory{grid-template-columns:1fr 1fr}.topic-row{grid-template-columns:120px 1fr}.topic-row a{grid-column:2}.related-links{grid-template-columns:1fr 1fr}.question-pair{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.poster-box{aspect-ratio:16/5}.section{padding:42px 0}.hero-intro{padding:42px 0 24px}}@media(max-width:620px){.wrap,.reading{padding-left:15px;padding-right:15px}.breadcrumb{padding-left:15px;padding-right:15px}.hero-title{font-size:34px}.page-title{font-size:30px}.hero-copy,.page-lead{font-size:16px}.number-route,.directory,.related-links,.footer-grid{grid-template-columns:1fr}.topic-row{grid-template-columns:1fr;gap:7px}.topic-row a{grid-column:auto}.section-head{display:block}.section-head p{margin-top:9px}.poster-box{aspect-ratio:16/6.2}.focus-primary,.focus-secondary,.paper{padding:22px}.main-btn{min-width:76px;padding:0 12px}.site-logo img{max-width:125px}.header-inner{grid-template-columns:44px 1fr auto}.footer-grid{gap:20px}}
