:root{
  --primary:#6D28D9;--primary-deep:#5420ad;--secondary:#A78BFA;--dark:#17151C;
  --bg:#F7F5FA;--surface:#ECE8F2;--text:#27242D;--muted:#716B78;--accent:#F59E0B;
  --white:#fff;--line:#d9d2e2;--shadow:0 18px 50px rgba(41,29,58,.10);
  --shell:min(1180px,calc(100% - 40px));--readable:min(780px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Microsoft YaHei","PingFang SC",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.shell{width:var(--shell);margin-inline:auto}.shell.narrow{max-width:900px}.shell.readable,.readable{width:var(--readable);margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-80px;z-index:999;background:var(--accent);color:var(--dark);padding:10px 14px;border-radius:8px;font-weight:700}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,245,250,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(113,107,120,.14)}
.header-row{min-height:74px;display:flex;align-items:center;gap:28px}.brand-mark{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900;letter-spacing:.04em}.brand-mark img{width:42px;height:42px;border-radius:12px;object-fit:cover;background:var(--surface)}
.primary-nav{display:flex;gap:26px;margin-left:auto}.primary-nav a{font-size:15px;color:#4c4653;padding:9px 0;position:relative}.primary-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:3px;height:2px;background:var(--primary);transition:right .2s}.primary-nav a:hover::after,.primary-nav a:focus-visible::after{right:0}
.header-actions{display:flex;gap:10px}.icon-button,.menu-button{border:1px solid var(--line);background:var(--white);padding:9px 13px;border-radius:12px}.menu-button{display:none}.mobile-nav{border-top:1px solid var(--line);background:var(--white)}.mobile-nav[hidden]{display:none!important}.mobile-nav-inner{padding:12px 0 18px;display:grid;gap:6px}.mobile-nav a{padding:10px 12px;border-radius:10px}.mobile-nav a:hover{background:var(--surface)}
.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:start center;padding-top:12vh}.search-backdrop{position:absolute;inset:0;background:rgba(23,21,28,.72)}
.search-panel{position:relative;width:min(720px,calc(100% - 32px));background:var(--white);border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.search-panel h2{margin:.2em 0 .3em;font-size:clamp(26px,4vw,42px);line-height:1.15}.search-panel p{color:var(--muted)}.search-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:0;background:var(--surface);border-radius:50%;font-size:25px}.modal-open{overflow:hidden}
.search-form label,.inline-search label{display:block;font-size:14px;font-weight:800;margin-bottom:8px}.search-line,.inline-search>div{display:flex;gap:10px}.search-line input,.inline-search input{min-width:0;flex:1;border:1px solid var(--line);background:var(--white);border-radius:12px;padding:12px 14px;color:var(--text);outline:none}.search-line input:focus,.inline-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(109,40,217,.10)}
.button,.inline-search button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s}.button:hover,.inline-search button:hover{transform:translateY(-1px)}
.button-primary,.inline-search button{background:var(--primary);color:var(--white);box-shadow:0 10px 24px rgba(109,40,217,.22)}.button-accent{background:var(--accent);color:var(--dark)}.button-soft{background:var(--surface);color:var(--primary-deep);border:1px solid #d8cef1}
.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:800}.text-link::after{content:"→";transition:transform .2s}.text-link:hover::after{transform:translateX(3px)}
.eyebrow{margin:0 0 10px;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:900}.lead{font-size:clamp(18px,2vw,21px);line-height:1.8;color:#4d4654}
.home-intro{padding:72px 0 36px}.intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.intro-copy h1,.page-hero h1,.watch-hero h1,.dimension-hero h1,.guide-hero h1,.topic-hero h1,.category-hero h1,.support-page h1{font-size:clamp(38px,5.5vw,72px);line-height:1.05;letter-spacing:-.045em;margin:.18em 0 .35em;color:var(--dark)}
.intro-visual{margin:0;position:relative}.intro-visual img{border-radius:34px;box-shadow:var(--shadow);aspect-ratio:9/7;object-fit:cover}.intro-visual figcaption{position:absolute;left:22px;right:22px;bottom:18px;background:rgba(23,21,28,.80);color:#f6f2fb;border-radius:14px;padding:12px 15px;font-size:13px;backdrop-filter:blur(10px)}
.intro-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:28px 0}.signal-list{display:grid;gap:8px;margin:28px 0 0}.signal-list div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.signal-list dt{font-size:13px;color:var(--muted)}.signal-list dd{margin:0;font-weight:800}
.compact-path{padding:40px 0 72px}.path-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.path-label{position:sticky;top:110px}.path-label h2,.section-heading h2,.free-copy h2,.directory-copy h2,.dimension-copy h2,.faq-intro h2,.closing-grid h2,.text-section h2,.watch-guidance h2{font-size:clamp(28px,4vw,46px);line-height:1.2;letter-spacing:-.03em;margin:.2em 0 .5em}
.path-steps{list-style:none;margin:0;padding:0}.path-steps li{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.path-steps li>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--dark);color:var(--white);font-size:13px;font-weight:900}.path-steps strong{font-size:22px}.path-steps p{color:var(--muted);margin:6px 0 8px}.path-steps a{color:var(--primary);font-weight:800}
.watch-feature{padding:80px 0;background:var(--dark);color:#f7f3fb}.section-heading{margin-bottom:30px}.section-heading.wide{max-width:860px}.section-heading p{color:var(--muted);max-width:760px}.watch-feature .section-heading p{color:#bdb6c8}.watch-feature .eyebrow,.dark-section .eyebrow{color:#c7b4ff}
.editorial-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:34px}.featured-story{background:#221f29;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden}.featured-story img{width:100%;aspect-ratio:16/9;object-fit:cover}.featured-copy{padding:28px}.featured-copy h3{font-size:30px;line-height:1.25;margin:10px 0}.featured-copy p{color:#c5bdcf}
.pill,.mini-label{display:inline-flex;border-radius:999px;font-size:12px;font-weight:900;letter-spacing:.04em}.pill{padding:6px 10px;background:rgba(245,158,11,.16);color:#ffcd73}.mini-label{color:var(--secondary);margin-bottom:6px}.story-stack{display:grid}.story-row{padding:18px 0;border-top:1px solid rgba(255,255,255,.10)}.story-row:first-child{border-top:0}.story-row h3{font-size:20px;line-height:1.35;margin:0 0 6px}.story-row p{color:#aaa3b2;margin:0;font-size:14px}.story-row a:hover{color:var(--secondary)}
.free-explainer{padding:90px 0}.free-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.free-copy p{color:var(--muted)}.note-list{display:grid;gap:14px}.note-list article{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px 22px}.note-list h3{margin:0 0 7px;font-size:19px}.note-list p{margin:0;color:var(--muted)}
.topic-directory{padding:90px 0;background:var(--surface)}.directory-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:58px}.directory-copy img{margin-top:26px;border-radius:24px;aspect-ratio:4/3;object-fit:cover}.directory-list{border-top:1px solid #cfc5db}.directory-item{display:grid;grid-template-columns:180px 1fr;gap:26px;padding:20px 0;border-bottom:1px solid #cfc5db}.directory-item span{font-size:20px;font-weight:900}.directory-item small{font-size:14px;color:var(--muted)}.directory-item:hover span{color:var(--primary)}
.reading-band{padding:90px 0}.section-heading.split{display:grid;grid-template-columns:1fr minmax(260px,.65fr);gap:40px;align-items:end}.dense-list{border-top:1px solid var(--line)}.dense-list article{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.index-no{font-variant-numeric:tabular-nums;color:var(--primary);font-size:13px;font-weight:900;letter-spacing:.08em}.dense-list h3,.dense-list h2{margin:0 0 5px;font-size:20px;line-height:1.4}.dense-list p{margin:0;color:var(--muted)}.dense-list a:hover{color:var(--primary)}
.dimension-tease{padding:80px 0;background:#e7e0ef}.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.dimension-grid img{border-radius:26px;aspect-ratio:5/3;object-fit:cover}
.home-faq{padding:90px 0}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.faq-intro{position:sticky;top:110px}.faq-intro p{color:var(--muted)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:transparent;text-align:left;padding:19px 0;display:flex;gap:24px;justify-content:space-between;align-items:center;font-weight:900;font-size:18px;color:var(--text)}.faq-item button b{font-size:26px;color:var(--primary)}.faq-answer{padding:0 54px 20px 0}.faq-answer[hidden]{display:none!important}.faq-answer p{margin:0;color:var(--muted)}
.closing-map{padding:80px 0;background:var(--dark);color:var(--white)}.closing-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px}.closing-grid .eyebrow{color:var(--secondary)}.closing-links{display:grid}.closing-links a{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.12)}.closing-links span{color:#bbb4c3}
.page-hero,.category-hero,.topic-hero,.guide-hero,.dimension-hero,.support-page,.watch-hero{padding:64px 0 46px}.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:28px}.breadcrumbs a:hover{color:var(--primary)}
.facts-section{padding:20px 0 64px}.brand-facts{border-top:1px solid var(--line)}.brand-facts>div{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:18px 0;border-bottom:1px solid var(--line)}.brand-facts dt{color:var(--muted)}.brand-facts dd{margin:0;display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.brand-facts span{color:var(--muted)}
.text-section{padding:50px 0 80px}.text-section p{font-size:17px;color:#4e4852}.text-section h2{margin-top:1.5em}.number-list,.check-list{padding-left:1.2em}.number-list li,.check-list li{margin:.65em 0}.inset-note{margin:36px 0;padding:24px 26px;border-radius:18px;background:var(--surface);border-left:4px solid var(--primary)}.inset-note h3,.inset-note h2{font-size:22px;margin:0 0 8px}.inset-note p{margin:0}.related-reading{padding:70px 0;background:var(--white)}.next-route{padding:70px 0;background:var(--surface);text-align:center}
.watch-hero-grid,.guide-grid,.topic-hero-grid,.category-hero-grid,.support-grid{display:grid;grid-template-columns:1fr .9fr;gap:54px;align-items:center}.watch-hero-grid img,.guide-grid img,.topic-hero-grid img,.category-hero-grid img,.support-grid img{border-radius:28px;aspect-ratio:4/3;object-fit:cover}
.inline-search{margin-top:28px;max-width:620px}.inline-search.large{max-width:none}.watch-index{padding:60px 0 90px}.list-columns{columns:2;column-gap:52px}.watch-row{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--line);break-inside:avoid}.watch-row h3,.watch-row h2{margin:0 0 7px;font-size:19px;line-height:1.4}.watch-row p{margin:0;color:var(--muted);font-size:14px}.tag-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-line span{font-size:11px;padding:4px 7px;border-radius:999px;background:var(--surface);color:#625a6a}
.dark-section{background:var(--dark);color:var(--white)}.watch-guidance{padding:78px 0}.guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.guidance-grid p{color:#bcb4c5}.guidance-points{display:grid}.guidance-points div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14)}.guidance-points span{color:#c5bdcf}
.watch-topics{padding:80px 0}.topic-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.topic-strip article{background:var(--white);border:1px solid var(--line);border-radius:22px;overflow:hidden}.topic-strip img{width:100%;aspect-ratio:3/2;object-fit:cover}.topic-strip article>div{padding:20px}.topic-strip h3{margin:4px 0 8px;font-size:19px}.topic-strip p{margin:0;color:var(--muted);font-size:14px}
.free-inline{padding:80px 0;background:var(--surface)}.free-inline img{border-radius:24px;aspect-ratio:5/3;object-fit:cover}.route-line{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.route-line a{display:inline-flex;padding:10px 14px;border-radius:10px;background:var(--surface);color:var(--primary);font-weight:800}
.directory-full{padding:30px 0 90px}.category-band{padding:54px 0;border-top:1px solid var(--line)}.category-band-head{display:grid;grid-template-columns:320px 1fr;gap:38px;align-items:center}.category-band-head img{border-radius:20px;aspect-ratio:3/2;object-fit:cover}.category-band-head h2{font-size:34px;margin:.15em 0}.category-band-head p{color:var(--muted)}.mini-article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 34px;margin-top:28px}.mini-article-grid article{padding:16px 0;border-top:1px solid var(--line)}.mini-article-grid h3{font-size:17px;margin:0 0 6px}.mini-article-grid p{margin:0;color:var(--muted);font-size:13px}.category-list{padding:30px 0 80px}.count-note{color:var(--muted);font-size:14px}
.article-shell{padding:44px 0 80px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;align-items:start}.article-header h1{font-size:clamp(36px,5vw,58px);line-height:1.14;letter-spacing:-.035em;margin:.18em 0 .35em}.article-image{margin:34px 0}.article-image img{width:100%;border-radius:26px;aspect-ratio:16/9;object-fit:cover}.article-body{font-size:17px}.article-body p{color:#4f4853}.article-body h2{font-size:30px;line-height:1.3;margin:1.6em 0 .5em}.article-routes{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.article-routes a{padding:10px 14px;border:1px solid var(--line);border-radius:11px;font-weight:800;color:var(--primary)}.article-aside{position:sticky;top:100px;display:grid;gap:18px}.aside-block{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--white)}.aside-block h2{margin:0 0 7px;font-size:22px}.aside-block p{color:var(--muted);font-size:14px}.aside-link{display:block;padding:10px 0;border-top:1px solid var(--line);font-size:14px;font-weight:700}
.guide-steps{padding:40px 0 80px}.guide-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.guide-list li{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid var(--line)}.guide-list>li>span{color:var(--primary);font-weight:900}.guide-list h3{margin:0;font-size:20px}.guide-list p{margin:5px 0 0;color:var(--muted)}
.faq-page{padding:20px 0 80px}.search-page{padding:54px 0 90px;min-height:70vh}.search-results{display:grid;gap:16px;margin-top:30px}.search-results article{padding:22px;background:var(--white);border:1px solid var(--line);border-radius:18px}.search-results .pill{background:#f8ead0;color:#8d5900}.search-results h2{margin:8px 0 5px;font-size:21px}.search-results p{margin:0;color:var(--muted)}.empty-state{margin-top:30px;padding:26px;border:1px dashed #b9afc4;border-radius:18px;color:var(--muted);background:rgba(255,255,255,.46)}
.not-found{padding:90px 0;min-height:65vh}.not-found h1{font-size:clamp(40px,6vw,72px);line-height:1.08;margin:.1em 0 .3em}
.site-footer{background:#110f14;color:#eee8f5;padding:66px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:60px}.footer-title{font-size:34px;font-weight:900}.footer-brand p{color:#a9a0b3;max-width:420px}.site-footer h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#cbbce7;margin:0 0 12px}.site-footer section a{display:block;color:#bdb4c7;padding:5px 0}.site-footer section a:hover{color:var(--white)}.footer-bottom{margin-top:42px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8e8696;font-size:13px}.back-top{border:1px solid rgba(255,255,255,.16);background:transparent;color:#d9d1e2;border-radius:10px;padding:7px 10px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--surface);padding:2px 5px;border-radius:5px}
@media(max-width:1024px){
  :root{--shell:min(100% - 32px,960px)}
  .intro-grid,.editorial-layout,.free-grid,.directory-grid,.dimension-grid,.watch-hero-grid,.guide-grid,.topic-hero-grid,.category-hero-grid,.support-grid{gap:36px}
  .intro-copy h1,.page-hero h1,.watch-hero h1,.dimension-hero h1,.guide-hero h1,.topic-hero h1,.category-hero h1,.support-page h1{font-size:52px}
  .article-grid{grid-template-columns:minmax(0,1fr) 260px;gap:36px}
}
@media(max-width:860px){
  .primary-nav{display:none}.menu-button{display:inline-flex}.header-actions{margin-left:auto}
  .intro-grid,.path-grid,.editorial-layout,.free-grid,.directory-grid,.dimension-grid,.faq-layout,.closing-grid,.watch-hero-grid,.guide-grid,.topic-hero-grid,.category-hero-grid,.support-grid,.guidance-grid,.article-grid{grid-template-columns:1fr}
  .path-label,.faq-intro,.article-aside{position:static}.section-heading.split{grid-template-columns:1fr}.directory-item,.closing-links a{grid-template-columns:150px 1fr}
  .topic-strip{grid-template-columns:1fr 1fr}.list-columns{columns:1}.category-band-head{grid-template-columns:240px 1fr}.article-aside{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media(max-width:600px){
  :root{--shell:calc(100% - 24px);--readable:calc(100% - 24px)}
  .header-row{min-height:64px}.brand-mark img{width:36px;height:36px}.icon-button,.menu-button{padding:8px 10px;font-size:13px}
  .home-intro,.page-hero,.watch-hero,.dimension-hero,.guide-hero,.topic-hero,.category-hero,.support-page{padding-top:38px}
  .intro-copy h1,.page-hero h1,.watch-hero h1,.dimension-hero h1,.guide-hero h1,.topic-hero h1,.category-hero h1,.support-page h1{font-size:40px}
  .lead{font-size:17px}.compact-path,.watch-feature,.free-explainer,.topic-directory,.reading-band,.dimension-tease,.home-faq,.closing-map,.watch-topics,.free-inline{padding:58px 0}
  .path-steps li,.dense-list article,.watch-row{grid-template-columns:42px 1fr}.signal-list div,.brand-facts>div,.brand-facts dd,.directory-item,.closing-links a,.guidance-points div{grid-template-columns:1fr;gap:5px}
  .topic-strip,.mini-article-grid,.article-aside,.footer-grid{grid-template-columns:1fr}.category-band-head{grid-template-columns:1fr}.search-line,.inline-search>div{flex-direction:column}.search-panel{padding:26px 20px}
  .article-header h1{font-size:38px}.article-body h2{font-size:26px}.footer-bottom{align-items:flex-start;flex-direction:column}
}
@media(max-width:375px){
  :root{--shell:calc(100% - 20px);--readable:calc(100% - 20px)}
  .header-actions{gap:6px}.brand-mark span{font-size:18px}.intro-copy h1,.page-hero h1,.watch-hero h1,.dimension-hero h1,.guide-hero h1,.topic-hero h1,.category-hero h1,.support-page h1{font-size:34px}
  .intro-links{align-items:stretch;flex-direction:column}.button{width:100%}
}

.handbook-list{padding:20px 0 90px}.handbook-case{display:grid;grid-template-columns:72px 1fr;gap:22px;padding:28px 0;border-top:1px solid var(--line)}.handbook-number{font-size:13px;font-weight:900;color:var(--primary);letter-spacing:.08em}.handbook-case h2{margin:0 0 8px;font-size:24px;line-height:1.35}.case-summary{margin:0 0 12px;color:var(--muted)}.handbook-case ol{margin:0;padding-left:1.25em}.handbook-case li{margin:.55em 0}.case-note{margin:14px 0 0;padding:12px 14px;background:var(--surface);border-radius:12px;color:#5f5766}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px;padding-top:24px;border-top:1px solid var(--line)}.pagination a{min-width:40px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;text-align:center;background:var(--white)}.pagination a[aria-current="page"]{background:var(--primary);color:var(--white);border-color:var(--primary)}@media(max-width:600px){.handbook-case{grid-template-columns:1fr;gap:6px}}