*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:1rem}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 "Noto Sans CJK SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}
a:hover{color:var(--accent)}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
img{display:block;max-width:100%}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{line-height:1.45;text-wrap:pretty}
h1{font-size:clamp(1.85rem,3.2vw,3rem);font-weight:700}
h2{font-size:1.45rem}
h3{font-size:1.05rem}
.wrap{width:min(1140px,calc(100% - 3rem));margin-inline:auto}
.skip{position:fixed;top:-5rem;left:1rem;background:var(--card);padding:.6rem 1rem;z-index:20}
.skip:focus{top:1rem}
.mast{border-bottom:1px solid var(--rule);background:var(--card)}
.mast>.wrap{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{font-size:1.75rem;font-weight:800;letter-spacing:.02em;text-decoration:none}
.mast nav{display:flex;flex-wrap:wrap;gap:1.8rem}
.mast nav a{font-size:.9rem;text-decoration:none}
.mast nav a[aria-current=page]{border-bottom:2px solid var(--accent);color:var(--accent)}
.opening{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:3rem;padding:2.7rem 0 2rem}
.opening-copy,.featured,.copy{min-width:0}
.kicker,.section-number{font-size:.75rem;letter-spacing:.09em;color:var(--accent);font-weight:650;margin-bottom:.8rem}
.opening h1{font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-size:clamp(1.9rem,3.4vw,3.15rem);margin-bottom:1.3rem}
.opening h1>span{display:block;font-family:"Microsoft YaHei",sans-serif;font-size:.44em;font-weight:600;letter-spacing:.09em;color:var(--accent);margin-bottom:.8rem}
.deck{max-width:37rem;font-size:1.02rem;line-height:1.95;color:var(--muted)}
.opening-note{color:var(--muted);font-size:.81rem;margin:1.2rem 0 0;max-width:34rem}
.primary-link{display:inline-block;padding:.65rem 1rem;border:1px solid var(--accent);color:var(--accent);background:var(--wash);font-size:.88rem;text-decoration:none}
.primary-link span{margin-left:1rem}
.featured{border:1px solid var(--rule);background:var(--card);padding:1rem}
.featured>.kicker{font-size:.7rem;margin-bottom:.7rem}
.featured .card-link{display:block;text-decoration:none}
.feature-media{margin:0}
.feature-media img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--wash)}
.feature-media figcaption{font-size:.73rem;line-height:1.7;color:var(--muted);margin:.65rem 0 .85rem}
.featured h2{font-size:1.12rem;line-height:1.6;margin-bottom:.65rem}
.featured>.summary{font-size:.84rem;line-height:1.75;color:var(--muted);margin-bottom:0}
.start-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:2.8rem}
.start-links a{min-height:4.1rem;padding:.75rem 1rem;border:1px solid var(--rule);background:var(--wash);text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.start-links strong{font-size:.93rem}
.start-links span{font-size:.72rem;white-space:nowrap;color:var(--muted)}
.band{margin-block:2.5rem 3rem}
.index-section{border-top:1px solid var(--rule);padding-top:1.6rem}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:1.5rem}
.section-top h2{font-size:1.42rem;max-width:48rem;margin-bottom:.6rem}
.section-top>a{flex-shrink:0;font-size:.81rem;margin-bottom:.7rem}
.section-number{font-size:.68rem;margin-bottom:.35rem}
.section-lead{font-size:.88rem;color:var(--muted);max-width:56rem;margin-bottom:1.4rem}
.entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.3rem}
.entry{min-width:0;border:1px solid var(--rule);background:var(--card);padding-bottom:.95rem}
.card-link{display:block;text-decoration:none}
.thumb{display:block;background:var(--wash);overflow:hidden}
.thumb img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.entry.portrait .thumb img{object-fit:contain}
.copy{padding:.9rem 1rem 0}
.meta{font-size:.72rem;color:var(--accent);line-height:1.6;margin-bottom:.4rem}
.entry h2,.entry h3{font-size:1.04rem;line-height:1.6;margin-bottom:0}
.entry .summary{font-size:.82rem;line-height:1.8;color:var(--muted);margin:.75rem 1rem 0}
.index-section .entries{grid-template-columns:repeat(2,minmax(0,1fr))}
.index-section .card-link{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:start}
.index-section .thumb img{aspect-ratio:4/3}
.index-section .copy{padding:.7rem .9rem 0}
.editor-note{margin-block:3rem;padding:1.6rem 2rem;background:var(--wash);border-left:3px solid var(--accent)}
.editor-note h2{font-size:1.25rem}
.editor-note p:not(.kicker){font-size:.92rem;line-height:1.9;max-width:55rem}
.editor-note>a{font-size:.83rem}
.faq{border-top:1px solid var(--rule);padding-top:1.8rem;max-width:60rem}
.faq h2{font-size:1.38rem}
.faq details{padding:1rem 0;border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;font-weight:600;font-size:.95rem}
.faq details p{font-size:.88rem;line-height:1.85;color:var(--muted);max-width:51rem;margin:1rem 0 .25rem}
.footer{margin-top:4rem;background:var(--wash);border-top:1px solid var(--rule);padding-block:2rem}
.footer-links{display:flex;flex-wrap:wrap;gap:.65rem 1.3rem;margin-bottom:1.2rem}
.footer-links a{font-size:.82rem}
.footer p{font-size:.76rem;color:var(--muted);margin-bottom:.35rem}
.page-head{max-width:57rem;padding-block:2.5rem 1.5rem}
.page-head h1{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:1rem}
.page-head>.lead{color:var(--muted);font-size:1rem}
.crumb{font-size:.79rem;color:var(--muted);line-height:1.85;margin-bottom:1.3rem;overflow-wrap:anywhere}
.crumb a{text-decoration:none}
.article-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:1rem 2.7rem;padding-block:2.3rem 1.6rem;border-bottom:1px solid var(--rule)}
.article-intro>.crumb{grid-column:1/-1;margin-bottom:.2rem}
.article-heading{min-width:0}
.article-heading h1{font-size:clamp(1.8rem,3vw,2.55rem);margin-bottom:1.2rem}
.article-heading .lead{font-size:1.02rem;line-height:1.9;color:var(--muted)}
.reading-note{font-size:.8rem;padding:.7rem .85rem;background:var(--wash);border-left:2px solid var(--accent);color:var(--muted)}
.article-media{margin:0;background:var(--wash);padding:.6rem;min-width:0}
.article-media img{width:100%;height:auto;max-height:510px;object-fit:contain}
.article-media figcaption{font-size:.75rem;line-height:1.75;color:var(--muted);margin:.7rem .2rem .2rem}
.reading{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:3rem;align-items:start;margin-top:2rem;max-width:68rem}
.toc{border-block:1px solid var(--rule);padding:1rem 0;font-size:.81rem}
.toc p{font-size:.75rem;color:var(--accent);margin-bottom:.5rem}
.toc ol{padding-left:1.3rem;margin:0}
.toc li+li{margin-top:.5rem}
.toc a{text-decoration:none}
.prose{max-width:46rem;min-width:0}
.prose section{margin-bottom:2.3rem}
.prose h2{font-size:1.35rem;line-height:1.6;margin-bottom:1rem}
.prose p{line-height:1.95;margin-bottom:1.15rem;overflow-wrap:anywhere}
.reading>.prose:only-child{grid-column:1/-1;max-width:47rem;margin-inline:auto}
.sources{margin-top:2.8rem;padding-top:1.4rem;border-top:1px solid var(--rule)}
.sources h2{font-size:1rem}
.sources ul{padding-left:1.3rem;font-size:.8rem;color:var(--muted)}
.sources li{margin-bottom:.55rem;overflow-wrap:anywhere}
.related{border-top:1px solid var(--rule);padding-top:1.8rem}
.related .entries{grid-template-columns:repeat(2,minmax(0,1fr));max-width:56rem}
.support-prose{max-width:50rem}
.map-group{margin-block:1.4rem 2rem}
.map-group h2{font-size:1.2rem}
.map-group ul{padding-left:1.35rem}
.map-group li{font-size:.92rem;margin-bottom:.65rem}

/* Five distinct reading contexts share only the navigation and article primitives. */
.layout-storyboard .mast{border-top:4px solid var(--accent)}
.layout-storyboard .brand,.layout-storyboard .article-heading h1{font-family:"Noto Serif CJK SC",SimSun,serif}
.layout-storyboard .opening{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.layout-storyboard .featured{background:#392d3b;color:#fff6f9;border-color:#725269;padding:1.3rem}
.layout-storyboard .featured .kicker,.layout-storyboard .featured .summary,.layout-storyboard .feature-media figcaption,.layout-storyboard .featured .work-facts{color:#e7cbdc}
.layout-storyboard .featured a:hover{color:#f4c5de}
.layout-storyboard .index-section{border-top:3px double var(--rule)}
.layout-storyboard .section-number{letter-spacing:.13em}
.layout-mosaic .opening{background:#dce9ef;border:1px solid #b9cdd7;padding:2rem;margin-top:2rem;margin-bottom:1.5rem}
.layout-mosaic .opening h1{font-family:"Microsoft YaHei",sans-serif}
.layout-mosaic .featured{box-shadow:.4rem .4rem 0 #b9d1db;border-radius:.3rem}
.layout-mosaic .start-links a{border-top:3px solid var(--accent)}
.layout-mosaic .index-section:nth-child(odd){background:#f8fcfd;padding:1.5rem}
.layout-mosaic .section-top h2{font-size:1.35rem}
.layout-workbench .brand{color:var(--accent)}
.layout-workbench .opening{display:block;padding-block:2.5rem}
.layout-workbench .opening-copy{max-width:51rem}
.layout-workbench .opening h1 br{display:none}
.layout-workbench .opening .deck{max-width:46rem}
.layout-workbench .featured{margin-top:1.7rem;display:grid;grid-template-columns:8rem minmax(0,1fr);gap:1rem 1.6rem;border-radius:.8rem;padding:1.3rem}
.layout-workbench .featured>.kicker{grid-column:1}
.layout-workbench .featured>.card-link{grid-column:2;display:grid;grid-template-columns:210px minmax(0,1fr);gap:1.3rem;align-items:center}
.layout-workbench .featured>.summary{grid-column:2;margin:0}
.layout-workbench .feature-media figcaption{font-size:.7rem}
.layout-workbench .start-links a{border-radius:.5rem;background:#fff}
.layout-workbench .section-number{font-family:Consolas,monospace;letter-spacing:.04em}
.layout-workbench .article-media{border-radius:.6rem}
.layout-fieldbook .mast{border-bottom:3px solid #466c4c}
.layout-fieldbook .opening{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}
.layout-fieldbook .featured{border:0;background:transparent;padding:0}
.layout-fieldbook .feature-media img{aspect-ratio:16/10}
.layout-fieldbook .brand,.layout-fieldbook .opening h1,.layout-fieldbook .article-heading h1{font-family:"Noto Serif CJK SC",SimSun,serif}
.layout-fieldbook .index-section .entries{grid-template-columns:repeat(3,minmax(0,1fr))}
.layout-fieldbook .index-section .card-link{display:block}
.layout-fieldbook .index-section .thumb img{aspect-ratio:4/3}
.layout-fieldbook .index-section .copy{padding:.9rem .9rem 0}
.layout-fieldbook .start-links a{border:0;border-top:2px solid var(--accent);background:transparent}
.layout-fieldbook .article-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.layout-household .mast{background:#fffaf1}
.layout-household .featured,.layout-household .entry{border-radius:.9rem;overflow:hidden}
.layout-household .featured{padding:1rem;border-color:#cdb79a}
.layout-household .feature-media img{border-radius:.4rem}
.layout-household .start-links a{border-radius:.7rem .7rem .2rem .2rem}
.layout-household .section-top h2{border-left:3px solid var(--accent);padding-left:.7rem}
.layout-household .article-media{padding:.7rem;border-radius:.8rem}
.work-facts{display:grid;gap:.4rem;margin:1.2rem 0 0;font-size:.8rem;color:var(--muted)}
.work-facts>div{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:.6rem}
.work-facts dt{font-weight:650}.work-facts dd{margin:0;overflow-wrap:anywhere}
.prose .article-steps,.prose .article-bullets{padding-left:1.45rem;line-height:1.95;margin:1rem 0 1.6rem}
.article-steps li,.article-bullets li{padding-left:.25rem;margin-bottom:.65rem}.article-steps li::marker{color:var(--accent);font-weight:650}
@media(max-width:900px){.mast nav{gap:1.1rem}.opening{gap:2rem}.opening h1{font-size:2.1rem}.start-links{grid-template-columns:repeat(2,minmax(0,1fr))}.index-section .card-link{grid-template-columns:110px minmax(0,1fr)}.index-section .copy{padding:.55rem .75rem 0}.entries{gap:1rem}.article-intro{gap:1rem 1.8rem}.reading{grid-template-columns:11rem minmax(0,1fr);gap:1.8rem}.layout-fieldbook .index-section .entries{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-workbench .featured{grid-template-columns:6rem minmax(0,1fr)}.layout-workbench .featured>.card-link{grid-template-columns:150px minmax(0,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 2rem)}.mast>.wrap{display:block;min-height:0;padding-block:.95rem .8rem}.brand{font-size:1.48rem}.mast nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin-top:.65rem}.mast nav a{font-size:.76rem;line-height:1.85}.opening{display:block;padding-block:1.7rem 1.4rem}.opening h1{font-size:1.82rem}.opening h1>span{font-size:.52em}.deck{font-size:.94rem}.opening-note{font-size:.77rem}.featured{margin-top:1.6rem}.featured h2{font-size:1.08rem}.featured .summary{font-size:.82rem}.feature-media figcaption{font-size:.72rem}.start-links{gap:.55rem;margin-bottom:2rem}.start-links a{padding:.75rem .65rem;min-height:3.5rem}.start-links strong{font-size:.85rem}.start-links span{font-size:.68rem}.band{margin-block:1.8rem 2.5rem}.section-top{align-items:center;gap:.7rem}.section-top h2{font-size:1.18rem}.section-top>a{font-size:.7rem;max-width:5.7rem;margin-bottom:0}.section-number{font-size:.66rem}.section-lead{font-size:.84rem}.entries,.index-section .entries,.related .entries{grid-template-columns:minmax(0,1fr)}.index-section .card-link{grid-template-columns:112px minmax(0,1fr)}.index-section .entry h3{font-size:1rem}.index-section .entry .summary{font-size:.82rem}.editor-note{padding:1.2rem;margin-block:2rem}.editor-note h2{font-size:1.18rem}.editor-note p:not(.kicker){font-size:.87rem}.faq h2{font-size:1.25rem}.faq summary{font-size:.9rem}.faq details p{font-size:.85rem}.footer{margin-top:2.6rem}.footer-links{gap:.65rem 1rem}.page-head{padding-top:1.7rem}.article-intro{display:block;padding-top:1.7rem}.article-heading h1{font-size:1.72rem}.article-heading .lead{font-size:.96rem}.article-media{margin-top:1.5rem}.reading{display:block;margin-top:1.5rem}.toc{margin-bottom:1.8rem;max-width:100%}.prose{width:100%;max-width:100%}.prose h2{font-size:1.23rem}.prose p{font-size:.98rem}.article-media img{max-height:440px}.related h2{font-size:1.25rem}.layout-storyboard .opening,.layout-fieldbook .opening{display:block}.layout-storyboard .featured{padding:1rem}.layout-mosaic .opening{display:block;padding:1.2rem;margin-top:1.3rem}.layout-mosaic .index-section:nth-child(odd){padding:1rem}.layout-workbench .opening{padding-block:1.7rem}.layout-workbench .opening h1 br{display:initial}.layout-workbench .featured{display:block;padding:1rem}.layout-workbench .featured>.card-link{display:block}.layout-workbench .featured>.summary{margin-top:.8rem}.layout-fieldbook .index-section .entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.layout-fieldbook .index-section .copy{padding:.6rem .65rem 0}.layout-fieldbook .index-section .entry h3{font-size:.88rem}.layout-fieldbook .entry>.summary{font-size:.76rem;margin:.5rem .65rem 0}.layout-household .featured{padding:.85rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.visual-yintao{--wash:#eadde5;--rule:#d8c5d0;--muted:#6b6068;--card:#fffafd}
.visual-video91{--wash:#dce9ef;--rule:#c4d1d7;--muted:#5d6970;--card:#fcfefe}
.visual-strawberry{--wash:#f1e0e5;--rule:#dac7ce;--muted:#72616a;--card:#fffdfd}
.visual-grassland{--wash:#e1e8d5;--rule:#c8d1bc;--muted:#65705e;--card:#fffef5}
.visual-home18{--wash:#ede0ce;--rule:#d5c6b3;--muted:#71675c;--card:#fffdf8}