:root{--ink:#2C252A;--muted:#766A71;--brand:#8F3D68;--brand-soft:#C98AAE;--dark:#211820;--bg:#F7F2F5;--soft:#EEE5EA;--accent:#D85D86;--white:#fff;--line:#ddcfd7;--shadow:0 18px 50px rgba(55,30,43,.12);--radius:22px;--radius-sm:14px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.72;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--brand)}button,input{font:inherit}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;background:#fff;padding:10px 14px;z-index:1000}.skip-link:focus{top:16px}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,242,245,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(143,61,104,.12)}.header-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:48px;height:48px;object-fit:contain;border-radius:14px}.brand span{display:grid;line-height:1.15}.brand strong{font-size:1.2rem}.brand small{color:var(--muted);margin-top:5px}.site-nav{display:flex;align-items:center;gap:7px}.site-nav a{padding:10px 14px;border-radius:999px;font-size:.94rem}.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--soft);color:var(--brand)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px}.site-main{min-height:70vh}.hero-shell{padding:46px 0 24px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:52px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.77rem;font-weight:800;color:var(--brand);margin:0 0 12px}.hero-copy h1,.page-intro h1,.article-header h1{font-size:clamp(2.35rem,5vw,5rem);line-height:1.03;letter-spacing:-.04em;margin:0 0 22px;max-width:10ch}.page-intro h1,.article-header h1{font-size:clamp(2.15rem,4.2vw,4.2rem);max-width:15ch}.lead{font-size:1.12rem;color:#584c53;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:14px;font-weight:750;border:1px solid transparent}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--brand);color:#fff}.btn.ghost{border-color:var(--line);background:rgba(255,255,255,.65)}.hero-points{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:28px 0 0;list-style:none;color:var(--muted);font-size:.92rem}.hero-points li::before{content:"◆";color:var(--brand-soft);font-size:.62rem;margin-right:8px}.hero-art{margin:0;border-radius:30px;overflow:hidden;background:var(--soft);box-shadow:var(--shadow)}.hero-art img{aspect-ratio:4/3;object-fit:cover;width:100%}.hero-art figcaption{padding:12px 16px;color:var(--muted);font-size:.84rem}.content-river{padding:74px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:26px}.section-heading h2{font-size:clamp(1.7rem,3vw,2.8rem);line-height:1.12;margin:0}.section-heading>p{max-width:540px;color:var(--muted);margin:0}.river-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.river-card{grid-column:span 4;background:#fff;border:1px solid rgba(143,61,104,.1);border-radius:var(--radius);overflow:hidden}.river-card--large{grid-column:span 8;display:grid;grid-template-columns:1.15fr .85fr}.river-card img{width:100%;height:100%;object-fit:cover;min-height:260px}.card-body{padding:22px}.river-card h3,.compact-grid h3,.article-grid h3{font-size:1.2rem;line-height:1.35;margin:10px 0}.river-card p,.compact-grid p,.article-grid p{color:var(--muted);margin:0 0 12px}.tag{display:inline-flex;padding:5px 9px;border-radius:999px;background:#ead7e2;color:#75304f;font-size:.76rem;font-weight:800}.tag.subtle{background:var(--soft);color:var(--muted)}.text-link{font-weight:760;color:var(--brand)}.version-band{margin:64px 0;background:var(--dark);color:#f7eef3}.version-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:62px 0}.version-grid h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.08;margin:0 0 18px;max-width:15ch}.version-grid p{color:#d8cad2;max-width:740px}.version-grid img{border-radius:24px;aspect-ratio:3/2;object-fit:cover}.index-stream{padding:52px 0 80px}.stream-list{border-top:1px solid var(--line)}.stream-list article{display:grid;grid-template-columns:minmax(260px,.75fr) 1.25fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.stream-list h3{margin:7px 0;font-size:1.1rem}.stream-list p{margin:0;color:var(--muted)}.act-teaser{display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);padding:30px;border-radius:28px;margin-bottom:86px}.act-teaser h2{font-size:2rem;line-height:1.14;margin:0 0 14px}.act-teaser img{border-radius:18px;aspect-ratio:16/9;object-fit:cover}.page-intro{padding:64px 0 34px}.page-intro>img{margin-top:34px;width:100%;max-height:460px;object-fit:cover;border-radius:28px}.page-intro.dark{background:var(--dark);color:#fff;width:min(calc(100% - 40px),var(--max));border-radius:30px;padding:44px;margin-top:42px;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}.page-intro.dark .lead{color:#d8cad2}.page-intro.dark img{border-radius:20px}.category-stack{padding:26px 0 80px}.category-block{padding:32px 0;border-top:1px solid var(--line)}.category-header{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;margin-bottom:20px}.category-header h2{font-size:2rem;margin:0}.category-header p{margin:0;color:var(--muted)}.compact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.compact-grid article,.article-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;transition:.2s ease}.compact-grid article:hover,.article-grid article:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(71,42,57,.08)}.split-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:34px 0 56px}.split-notes article{padding:24px;background:#fff;border-radius:20px;border:1px solid var(--line)}.split-notes h2{font-size:1.25rem;margin-top:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:70px}.guide-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;padding:22px 0 82px}.sticky-note{position:sticky;top:110px;align-self:start;background:var(--dark);color:#fff;padding:24px;border-radius:20px}.sticky-note h2{margin-top:0}.sticky-note ol{padding-left:20px;color:#ddd0d7}.guide-list{border-top:1px solid var(--line)}.guide-list article{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:26px 0;border-bottom:1px solid var(--line)}.index-no{font-size:1.6rem;color:var(--brand-soft);font-weight:800}.guide-list h2{margin:0 0 8px;font-size:1.35rem}.guide-list p{margin:6px 0}.muted{color:var(--muted)}.topic-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.topic-intro>img{margin:0}.topic-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 0 44px}.topic-facts article{background:var(--soft);border-radius:20px;padding:24px}.article-page{padding:62px 0 34px}.article-header{max-width:900px}.keyword-row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.keyword-row span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 10px;font-size:.82rem;color:var(--muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:54px;margin-top:34px}.article-copy{font-size:1.05rem}.article-copy h2{margin-top:42px;font-size:1.6rem}.article-copy p{margin:0 0 20px}.article-side{position:sticky;top:110px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.article-side h2{font-size:1rem;margin-top:0}.article-side a{display:block;padding:10px 0;border-top:1px solid #eee}.related{padding:26px 0 80px}.not-found{padding:110px 0;min-height:60vh}.error-code{font-size:5rem;font-weight:900;color:var(--brand-soft)}.not-found h1{font-size:3rem;margin:.1em 0}.site-footer{background:var(--dark);color:#f4eaf0;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:34px}.footer-grid h2{font-size:1rem}.footer-grid p{color:#cdbfc7;max-width:470px}.footer-grid a{display:block;color:#d9cbd3;padding:4px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;color:#ae9ca6;font-size:.86rem}

@media (max-width:980px){.hero-grid,.version-grid,.topic-intro{grid-template-columns:1fr}.hero-copy h1{max-width:13ch}.river-card{grid-column:span 6}.river-card--large{grid-column:span 12}.act-teaser{grid-template-columns:1fr}.page-intro.dark{grid-template-columns:1fr}.compact-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.guide-layout{grid-template-columns:1fr}.sticky-note{position:relative;top:auto}.article-layout{grid-template-columns:1fr}.article-side{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.article-side h2{grid-column:1/-1}}
@media (max-width:720px){.wrap{width:min(calc(100% - 28px),var(--max))}.header-row{min-height:68px}.menu-toggle{display:inline-flex}.site-nav{position:absolute;top:68px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);padding:10px;border-radius:16px;box-shadow:var(--shadow)}.site-nav[data-open="true"]{display:flex}.site-nav a{padding:12px 14px}.hero-shell{padding-top:28px}.hero-grid{gap:26px}.hero-copy h1,.page-intro h1,.article-header h1{font-size:clamp(2.1rem,11vw,3.4rem)}.section-heading{display:block}.section-heading>p{margin-top:12px}.river-grid{display:block}.river-card,.river-card--large{display:block;margin-bottom:14px}.river-card img{max-height:320px}.version-band{margin:42px 0}.version-grid{padding:42px 0}.stream-list article{grid-template-columns:1fr;gap:6px}.act-teaser{margin-bottom:56px;padding:20px}.page-intro{padding-top:42px}.page-intro.dark{margin-top:24px;padding:26px}.category-header{grid-template-columns:1fr}.compact-grid,.article-grid,.split-notes,.topic-facts{grid-template-columns:1fr}.guide-list article{grid-template-columns:52px 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:4px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.hero-actions,.article-side{display:none!important}body{background:#fff;color:#000}.wrap{width:100%;max-width:none}.article-layout{display:block}.article-copy{font-size:12pt}.article-copy a{text-decoration:underline}}
:focus-visible{outline:3px solid rgba(216,93,134,.55);outline-offset:3px;border-radius:8px}
.space-y-1>*+*{margin-top:2px}
.space-y-2>*+*{margin-top:4px}
.space-y-3>*+*{margin-top:6px}
.space-y-4>*+*{margin-top:8px}
.space-y-5>*+*{margin-top:10px}
.space-y-6>*+*{margin-top:12px}
.space-y-7>*+*{margin-top:14px}
.space-y-8>*+*{margin-top:16px}
.space-y-9>*+*{margin-top:18px}
.space-y-10>*+*{margin-top:20px}
.space-y-11>*+*{margin-top:22px}
.space-y-12>*+*{margin-top:24px}
.space-y-13>*+*{margin-top:26px}
.space-y-14>*+*{margin-top:28px}
.space-y-15>*+*{margin-top:30px}
.space-y-16>*+*{margin-top:32px}
.space-y-17>*+*{margin-top:34px}
.space-y-18>*+*{margin-top:36px}
.space-y-19>*+*{margin-top:38px}
.space-y-20>*+*{margin-top:40px}
.space-y-21>*+*{margin-top:42px}
.space-y-22>*+*{margin-top:44px}
.space-y-23>*+*{margin-top:46px}
.space-y-24>*+*{margin-top:48px}
.space-y-25>*+*{margin-top:48px}
.space-y-26>*+*{margin-top:48px}
.space-y-27>*+*{margin-top:48px}
.space-y-28>*+*{margin-top:48px}
.space-y-29>*+*{margin-top:48px}
.space-y-30>*+*{margin-top:48px}
.space-y-31>*+*{margin-top:48px}
.space-y-32>*+*{margin-top:48px}
.space-y-33>*+*{margin-top:48px}
.space-y-34>*+*{margin-top:48px}
.space-y-35>*+*{margin-top:48px}
.space-y-36>*+*{margin-top:48px}
.space-y-37>*+*{margin-top:48px}
.space-y-38>*+*{margin-top:48px}
.space-y-39>*+*{margin-top:48px}
.space-y-40>*+*{margin-top:48px}
.space-y-41>*+*{margin-top:48px}
.space-y-42>*+*{margin-top:48px}
.space-y-43>*+*{margin-top:48px}
.space-y-44>*+*{margin-top:48px}
.space-y-45>*+*{margin-top:48px}
.space-y-46>*+*{margin-top:48px}
.space-y-47>*+*{margin-top:48px}
.space-y-48>*+*{margin-top:48px}
.space-y-49>*+*{margin-top:48px}
.space-y-50>*+*{margin-top:48px}
.space-y-51>*+*{margin-top:48px}
.space-y-52>*+*{margin-top:48px}
.space-y-53>*+*{margin-top:48px}
.space-y-54>*+*{margin-top:48px}
.space-y-55>*+*{margin-top:48px}
.space-y-56>*+*{margin-top:48px}
.space-y-57>*+*{margin-top:48px}
.space-y-58>*+*{margin-top:48px}
.space-y-59>*+*{margin-top:48px}
.space-y-60>*+*{margin-top:48px}
.max-w-1{max-width:378px}
.max-w-2{max-width:396px}
.max-w-3{max-width:414px}
.max-w-4{max-width:432px}
.max-w-5{max-width:450px}
.max-w-6{max-width:468px}
.max-w-7{max-width:486px}
.max-w-8{max-width:504px}
.max-w-9{max-width:522px}
.max-w-10{max-width:540px}
.max-w-11{max-width:558px}
.max-w-12{max-width:576px}
.max-w-13{max-width:594px}
.max-w-14{max-width:612px}
.max-w-15{max-width:630px}
.max-w-16{max-width:648px}
.max-w-17{max-width:666px}
.max-w-18{max-width:684px}
.max-w-19{max-width:702px}
.max-w-20{max-width:720px}
.max-w-21{max-width:738px}
.max-w-22{max-width:756px}
.max-w-23{max-width:774px}
.max-w-24{max-width:792px}
.max-w-25{max-width:810px}
.max-w-26{max-width:828px}
.max-w-27{max-width:846px}
.max-w-28{max-width:864px}
.max-w-29{max-width:882px}
.max-w-30{max-width:900px}
.max-w-31{max-width:918px}
.max-w-32{max-width:936px}
.max-w-33{max-width:954px}
.max-w-34{max-width:972px}
.max-w-35{max-width:990px}
.max-w-36{max-width:1008px}
.max-w-37{max-width:1026px}
.max-w-38{max-width:1044px}
.max-w-39{max-width:1062px}
.max-w-40{max-width:1080px}
.pad-1{padding:1px}
.pad-2{padding:2px}
.pad-3{padding:3px}
.pad-4{padding:4px}
.pad-5{padding:5px}
.pad-6{padding:6px}
.pad-7{padding:7px}
.pad-8{padding:8px}
.pad-9{padding:9px}
.pad-10{padding:10px}
.pad-11{padding:11px}
.pad-12{padding:12px}
.pad-13{padding:13px}
.pad-14{padding:14px}
.pad-15{padding:15px}
.pad-16{padding:16px}
.pad-17{padding:17px}
.pad-18{padding:18px}
.pad-19{padding:19px}
.pad-20{padding:20px}
.pad-21{padding:21px}
.pad-22{padding:22px}
.pad-23{padding:23px}
.pad-24{padding:24px}
.pad-25{padding:25px}
.pad-26{padding:26px}
.pad-27{padding:27px}
.pad-28{padding:28px}
.pad-29{padding:29px}
.pad-30{padding:30px}