:root{--brand:#6D28D9;--brand-soft:#A78BFA;--ink:#27242D;--muted:#716B78;--deep:#17151C;--paper:#F7F5FA;--soft:#ECE8F2;--accent:#F59E0B;--white:#fff;--radius:22px;--shadow:0 18px 50px rgba(36,29,49,.10);--line:rgba(39,36,45,.12);--max:1180px;--narrow:860px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.72;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-color:rgba(109,40,217,.45);text-underline-offset:.2em}a:hover{color:var(--brand)}button,input{font:inherit}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{width:min(calc(100% - 40px),var(--max));margin:0 auto}.shell.narrow{max-width:var(--narrow)}.shell.compact{max-width:1000px}.shell.wide{max-width:1260px}.site-header{position:sticky;top:0;z-index:70;background:rgba(247,245,250,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{width:min(calc(100% - 32px),1260px);min-height:74px;margin:auto;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;min-width:220px}.brand img{width:46px;height:46px;object-fit:cover;border-radius:12px}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:1.06rem}.brand small{color:var(--muted);font-size:.74rem;margin-top:4px}.primary-nav{display:flex;align-items:center;gap:22px;margin-left:auto}.primary-nav a{text-decoration:none;font-weight:650;font-size:.95rem}.search-open,.menu-toggle{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;cursor:pointer}.search-open{color:var(--brand);font-weight:700}.menu-toggle{display:none;margin-left:auto}.eyebrow{margin:0 0 10px;color:var(--brand);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.lede{font-size:1.18rem;color:#4d4854;max-width:780px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent}.button.primary{background:var(--brand);color:#fff}.button.secondary{border-color:rgba(109,40,217,.28);background:#fff;color:var(--brand)}.button.light{background:#fff;color:var(--deep)}.text-link{font-weight:800;color:var(--brand)}.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.home-intro{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:54px;padding:72px 0 62px}.home-intro h1,.page-hero h1{font-size:clamp(2.3rem,5vw,5.1rem);line-height:1.06;letter-spacing:-.045em;margin:.15em 0 .35em}.home-intro h1{max-width:820px}.home-intro__visual img{aspect-ratio:4/3;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.micro-list{display:grid;gap:8px;padding:0;list-style:none;margin:26px 0 0;color:var(--muted)}.micro-list li{padding-left:22px;position:relative}.micro-list li:before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--accent);border-radius:50%}.brand-strip{padding:50px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brand-strip h2,.section-heading h2,.home-close h2,.callout h2{font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.15;margin:0 0 18px;letter-spacing:-.025em}.two-column-prose{columns:2;column-gap:48px}.prose p{margin-top:0}.dark-band{background:var(--deep);color:#f7f4fb;padding:82px 0;margin:78px 0}.dark-band .eyebrow{color:var(--brand-soft)}.dark-band .section-heading p{color:#beb8c6}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}.section-heading{margin-bottom:34px}.section-heading p{margin:0;color:var(--muted);max-width:620px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.article-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.article-card.on-dark{background:#24202b;border-color:rgba(255,255,255,.12)}.article-card__image{display:block}.article-card__image img{width:100%;aspect-ratio:16/10;object-fit:cover}.article-card__body{padding:18px}.article-card h3{font-size:1.05rem;line-height:1.42;margin:6px 0 10px}.article-card h3 a{text-decoration:none}.article-card p{font-size:.9rem;color:var(--muted);margin:.55em 0}.on-dark p{color:#c8c1ce}.on-dark .text-link,.on-dark .eyebrow{color:#d9c8ff}.pathway{padding:20px 0 70px}.route-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.route-list article{padding:26px;border-top:3px solid var(--brand);background:var(--soft);border-radius:0 0 18px 18px}.route-list span{font-size:.78rem;color:var(--brand);font-weight:800}.route-list h3,.route-list h2{margin:12px 0 8px}.route-list a{font-weight:800;color:var(--brand)}.free-note{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--line);padding:24px;border-radius:24px;box-shadow:var(--shadow);margin-top:20px;margin-bottom:90px}.free-note.inline{margin-top:80px}.free-note img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px}.free-note h2{font-size:2rem;line-height:1.2;margin:.2em 0}.index-section{padding:50px 0 82px}.editorial-index{display:grid;grid-template-columns:1fr 1fr;gap:40px}.editorial-index h3{font-size:1.35rem}.editorial-index ol{padding-left:0;list-style:none}.editorial-index li{border-top:1px solid var(--line);padding:16px 0}.editorial-index li a{display:block;font-weight:850;text-decoration:none}.editorial-index li span{display:block;color:var(--muted);font-size:.9rem;margin-top:5px}.topic-band{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--soft);border-radius:30px;overflow:hidden;margin-bottom:90px}.topic-band__visual img{width:100%;height:100%;object-fit:cover;min-height:540px}.topic-band__copy{padding:54px}.topic-band h2{font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.12;margin:.2em 0 .5em}.link-list{list-style:none;padding:0;margin:24px 0}.link-list li{border-top:1px solid rgba(39,36,45,.14)}.link-list a{display:block;padding:14px 0;text-decoration:none}.link-list strong,.link-list span{display:block}.link-list span{color:var(--muted);font-size:.9rem;margin-top:4px}.verification{padding:20px 0 90px}.verification h2{font-size:2.4rem;line-height:1.2}.verification-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.verification-grid p{background:#fff;padding:18px;border-left:3px solid var(--brand);margin:0}.search-cta{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--deep);color:#fff;padding:42px;border-radius:28px;margin-bottom:90px}.search-cta p{color:#cfc8d5}.search-form label{display:block;font-weight:750;margin-bottom:7px}.search-row{display:flex;gap:10px}.search-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:13px 15px;background:#fff;color:#111}.search-row button{border:0;border-radius:12px;background:var(--accent);color:#241708;font-weight:850;padding:12px 18px;cursor:pointer}.dimension-teaser{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;margin-bottom:90px}.dimension-teaser img{border-radius:22px}.home-faq{padding-bottom:90px}.faq-list,.faq-page-list{display:grid;gap:10px}.faq-list details,.faq-page-list details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}.faq-list summary,.faq-page-list summary{font-weight:800;cursor:pointer}.home-close{background:var(--soft);padding:80px 0;margin-top:10px}.page-hero{padding:58px 0 44px}.text-hero{padding-bottom:28px}.breadcrumbs{margin-bottom:26px}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;color:var(--muted);font-size:.86rem}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:8px;color:#aaa}.prose-section{padding:20px 0 60px}.prose-section h2{font-size:2rem}.editorial-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.callout{background:var(--soft);padding:36px;border-radius:22px;margin-top:30px;margin-bottom:90px}.video-hero,.guide-hero,.dimension-hero,.about-hero,.safety-hero,.privacy-hero,.contact-hero,.topic-detail-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.video-hero img,.guide-hero img,.dimension-hero img,.about-hero img,.safety-hero img,.privacy-hero img,.contact-hero img,.topic-detail-hero img{border-radius:26px;aspect-ratio:4/3;object-fit:cover}.content-river{padding:48px 0}.river-list{border-top:1px solid var(--line)}.river-list article{display:grid;grid-template-columns:70px minmax(0,1fr) 240px;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--line)}.river-no{font-size:1.6rem;color:var(--brand);font-weight:900}.river-list h3{margin:5px 0 8px;font-size:1.3rem}.river-list h3 a{text-decoration:none}.river-list p{margin:.35em 0;color:var(--muted)}.river-list img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.compact-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compact-links a{display:block;text-decoration:none;padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:14px}.compact-links strong,.compact-links span{display:block}.compact-links span{font-size:.9rem;color:#bfb8c5;margin-top:5px}.topic-strip{padding:30px 0 90px}.topic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-cards article{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.topic-cards img{aspect-ratio:16/10;object-fit:cover;width:100%}.topic-cards h3,.topic-cards p{margin-left:18px;margin-right:18px}.topic-cards p{color:var(--muted);padding-bottom:12px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:30px 0 70px}.comparison>div{background:#fff;border:1px solid var(--line);padding:26px;border-radius:18px}.comparison li{margin:.55em 0}.topic-directory{padding:30px 0 90px}.topic-entry{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center;border-top:1px solid var(--line);padding:30px 0}.topic-entry img{border-radius:18px;aspect-ratio:16/9;object-fit:cover}.topic-number{font-weight:900;color:var(--brand)}.topic-entry h2{font-size:2rem;margin:.2em 0}.topic-entry h2 a{text-decoration:none}.numbered-reading{padding:20px 0 70px}.numbered-reading ol{counter-reset:steps;list-style:none;padding:0}.numbered-reading li{counter-increment:steps;position:relative;padding:28px 0 28px 88px;border-top:1px solid var(--line)}.numbered-reading li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:28px;font-size:1.7rem;font-weight:900;color:var(--brand)}.numbered-reading h2{margin:.2em 0;font-size:1.65rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:30px 0 60px}.steps article{background:var(--soft);padding:26px;border-radius:18px}.steps span{font-size:2rem;font-weight:900;color:var(--brand)}.steps h2{margin:.2em 0}.filter-links{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 28px}.filter-links a{background:var(--soft);padding:9px 13px;border-radius:999px;text-decoration:none;font-weight:750}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:50px 0 90px}.pagination a{background:#fff;border:1px solid var(--line);padding:10px 16px;border-radius:10px;text-decoration:none}.article-page{padding:48px 0 30px}.article-header h1{font-size:clamp(2.2rem,4.8vw,4.3rem);line-height:1.08;margin:.2em 0}.article-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.86rem;margin:22px 0}.article-cover{width:100%;aspect-ratio:16/8.6;object-fit:cover;border-radius:24px;margin:26px 0 34px}.article-toc{background:var(--soft);padding:22px;border-radius:16px;margin:20px 0 46px}.article-toc ol{columns:2;margin:12px 0 0;padding-left:20px}.article-toc li{margin:.45em 0;break-inside:avoid}.article-body{font-size:1.06rem}.article-body section{margin:0 0 48px}.article-body h2{font-size:1.85rem;line-height:1.25}.article-body p{color:#454049}.takeaway{background:#fff;border-left:4px solid var(--accent);padding:24px;border-radius:0 16px 16px 0}.related-reading{padding:40px 0 90px}.feature-grid.small{grid-template-columns:repeat(4,1fr)}.checklist{padding:25px 0 80px}.checklist ol{display:grid;gap:12px;padding-left:22px}.checklist li{background:#fff;padding:16px 18px;border-radius:12px;border:1px solid var(--line)}.contact-address{font-size:1.05rem}.search-results{padding:20px 0 90px}.result-count{color:var(--muted)}.search-result-list{display:grid;gap:12px}.search-result-list article{background:#fff;padding:22px;border-radius:14px;border:1px solid var(--line)}.search-result-list h2{margin:.1em 0;font-size:1.35rem}.empty-state{background:var(--soft);padding:28px;border-radius:16px}.sitemap-html{padding:20px 0 90px}.sitemap-html .compact-links a{border-color:var(--line);background:#fff}.sitemap-html .compact-links span{color:var(--muted)}.sitemap-article-list{columns:3;column-gap:30px}.sitemap-article-list a{display:block;break-inside:avoid;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none}.not-found{padding:90px 0 120px}.not-found h1{font-size:3rem}.site-footer{background:var(--deep);color:#e9e4ef;padding:62px 0 24px}.footer-grid{width:min(calc(100% - 40px),1260px);margin:auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}.footer-title{font-size:1rem}.site-footer p,.site-footer li,.site-footer a{color:#bbb4c2}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0}.footer-bottom{width:min(calc(100% - 40px),1260px);margin:36px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:#8f8797;font-size:.84rem}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;z-index:100;background:rgba(23,21,28,.68);display:grid;place-items:start center;padding:10vh 20px;overflow:auto}.search-dialog{width:min(680px,100%);background:var(--paper);border-radius:22px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.35);position:relative}.search-close{position:absolute;right:20px;top:18px;border:0;background:transparent;cursor:pointer;color:var(--muted)}body.modal-open{overflow:hidden}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border:0;border-radius:50%;background:var(--brand);color:#fff;font-size:1.25rem;cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.back-top.visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:1024px){.primary-nav{gap:14px}.primary-nav a{font-size:.88rem}.feature-grid,.feature-grid.small{grid-template-columns:repeat(2,1fr)}.editorial-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid section:last-child{grid-column:2/4}.river-list article{grid-template-columns:50px minmax(0,1fr) 190px}.sitemap-article-list{columns:2}}
@media(max-width:860px){.menu-toggle{display:inline-flex}.primary-nav{position:absolute;left:16px;right:16px;top:70px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.primary-nav.open{display:flex}.search-open{margin-left:0}.home-intro,.video-hero,.guide-hero,.dimension-hero,.about-hero,.safety-hero,.privacy-hero,.contact-hero,.topic-detail-hero{grid-template-columns:1fr}.home-intro__visual{order:-1}.split-heading,.topic-band,.search-cta,.dimension-teaser{grid-template-columns:1fr}.topic-band__visual img{min-height:320px}.route-list,.steps{grid-template-columns:1fr}.verification-grid,.comparison{grid-template-columns:1fr}.editorial-index{grid-template-columns:1fr}.topic-entry{grid-template-columns:1fr}.topic-entry img{order:-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid section:last-child{grid-column:auto}.free-note{grid-template-columns:1fr}.sitemap-article-list{columns:1}.home-intro h1,.page-hero h1{font-size:clamp(2.35rem,9vw,4rem)}}
@media(max-width:600px){.shell{width:min(calc(100% - 28px),var(--max))}.header-inner{width:calc(100% - 20px);gap:10px}.brand{min-width:0}.brand small{display:none}.brand img{width:40px;height:40px}.search-open{font-size:.82rem;padding:8px 10px}.menu-toggle{font-size:.82rem;padding:8px 10px}.home-intro{padding-top:36px;gap:26px}.two-column-prose{columns:1}.feature-grid,.feature-grid.small,.editorial-list,.topic-cards,.compact-links{grid-template-columns:1fr}.river-list article{grid-template-columns:42px 1fr}.river-list img{grid-column:2}.topic-band__copy{padding:28px}.search-cta{padding:26px}.article-toc ol{columns:1}.article-header h1{font-size:2.25rem}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.page-hero{padding-top:36px}.search-row{flex-direction:column}.sitemap-article-list{columns:1}}
@media(max-width:375px){.brand strong{font-size:.95rem}.header-inner{min-height:66px}.home-intro h1,.page-hero h1{font-size:2.1rem}.button{width:100%}.inline-actions{display:grid}.shell{width:calc(100% - 22px)}}