:root{--bg:#F8F3EB;--deep:#EFE6D8;--paper:#FFFCF7;--soft:#E8F0E5;--ink:#17251A;--text:#29332B;--muted:#5E6A60;--faint:#7B867C;--red:#D92B3A;--red2:#F04452;--red3:#A91E2B;--green:#1F4A32;--leaf:#338554;--seed:#171717;--cream:#F5EBDD;--border:rgba(31,74,50,.16);--red-border:rgba(217,43,58,.36);--shadow:0 14px 34px rgba(23,37,26,.09);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.8;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--seed);color:#fff;padding:10px 14px}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:80;background:rgba(255,252,247,.97);border-bottom:1px solid var(--green);backdrop-filter:blur(10px)}.header-inner{width:min(var(--max),calc(100% - 32px));min-height:90px;margin:auto;display:grid;grid-template-columns:minmax(190px,1fr) minmax(420px,2fr) auto;gap:24px;align-items:center}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{height:36px;width:auto;max-width:150px;object-fit:contain}.brand-text{font-size:28px;font-weight:900;color:var(--red)}.brand small{font-size:11px;line-height:1.3;color:var(--muted);white-space:nowrap}.desktop-nav-zone{align-self:stretch;display:flex;flex-direction:column;justify-content:center}.primary-nav{display:flex;align-items:center;gap:22px;min-height:44px}.primary-nav a{position:relative;font-weight:700;color:var(--ink);padding:8px 0}.primary-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:3px;background:var(--red);transition:right .2s ease}.primary-nav a:hover::after,.primary-nav a:focus-visible::after,.primary-nav a.active::after{right:0}.section-context{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12px;border-top:1px solid var(--border);padding-top:4px}.section-context strong{color:var(--green)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.app-link,.close-button,.text-button{min-height:44px;border-radius:8px;cursor:pointer}.icon-button{border:1px solid var(--border);background:var(--paper);color:var(--green);padding:0 13px}.app-link{display:inline-flex;align-items:center;background:var(--red);color:var(--paper);padding:0 16px;font-weight:700}.icon-button:hover,.icon-button:focus-visible,.close-button:hover,.close-button:focus-visible,.text-button:hover,.text-button:focus-visible{border-color:var(--red);outline:3px solid rgba(217,43,58,.12)}main{min-height:60vh}.section-block{padding:72px 0;border-top:1px solid var(--border)}.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--leaf);font-weight:800}.section-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:28px}.section-heading>span{font-size:44px;line-height:1;color:rgba(217,43,58,.28);font-weight:900}.section-heading h2,.hero-copy h1,.inner-title h1{margin:0;color:var(--ink);line-height:1.28}.section-heading h2{font-size:clamp(24px,3vw,30px)}.section-heading.compact>span{font-size:34px}.hero-section{padding:30px 0 74px}.banner-frame,.media-frame,.small-media,.band-media,.inner-hero-media,.app-media,.icon-media{margin:0;background:var(--paper);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.banner-frame{width:100%;max-height:420px}.banner-frame img{width:100%;max-height:420px;object-fit:contain}.media-frame{min-height:220px;max-height:320px}.media-frame img,.small-media img,.band-media img,.inner-hero-media img,.app-media img{width:100%;height:100%;object-fit:contain}.small-media{min-height:170px;max-height:260px}.band-media{min-height:220px}.inner-hero-media{min-height:260px;max-height:380px}.app-media{min-height:320px;max-height:460px}.icon-media{width:72px;height:72px;margin-top:14px}.icon-media img{width:100%;height:100%;object-fit:contain}.media-placeholder{width:100%;min-height:inherit;display:grid;place-items:center;background:linear-gradient(135deg,var(--cream),var(--soft));color:var(--green);font-weight:800;letter-spacing:.06em;padding:28px;text-align:center}.hero-copy{max-width:900px;padding:32px 0 0}.hero-copy h1{font-size:clamp(32px,5vw,48px);max-width:850px}.hero-copy p{font-size:18px;margin:18px 0 0}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:9px;font-weight:800}.btn.primary{background:var(--red);color:var(--paper)}.btn.secondary{background:var(--paper);border:1px solid rgba(31,74,50,.28);color:var(--green)}.btn:focus-visible,.inline-link:focus-visible,a:focus-visible{outline:3px solid rgba(217,43,58,.22);outline-offset:3px}.front-grid{display:grid;grid-template-columns:7fr 5fr;gap:32px}.front-main h3,.fact-stack h3{color:var(--ink);font-size:21px}.fact-stack{display:grid;gap:16px}.fact-stack article{border-top:2px solid var(--green);padding-top:12px}.inline-link{display:inline-flex;align-items:center;min-height:44px;color:var(--red3);font-weight:800;border-bottom:1px solid var(--red-border)}.split-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}.feature-right{background:var(--soft);padding:30px;border-radius:12px}.type-list{margin:22px 0}.type-list div{display:grid;grid-template-columns:90px 1fr;gap:12px;border-top:1px solid var(--border);padding:12px 0}.type-list dt{font-weight:800;color:var(--green)}.type-list dd{margin:0}.staggered-bands{display:grid;gap:26px}.content-band{display:grid;grid-template-columns:1fr 1.25fr;gap:34px;align-items:center;padding:22px;border:1px solid var(--border);background:var(--paper);border-radius:12px}.content-band.reverse .band-media{order:2}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.tag-row span{background:var(--soft);border:1px solid var(--border);border-radius:8px;padding:4px 9px;color:var(--green);font-size:13px}.archive-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:34px}.archive-index{display:grid}.archive-index a{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--border)}.archive-index strong{color:var(--ink)}.archive-index span{color:var(--muted)}.archive-featured{display:grid;grid-template-columns:1fr 1fr;gap:18px}.archive-featured .media-frame,.archive-featured .small-media{min-height:180px}.archive-featured article{background:var(--cream);padding:18px;border-radius:10px}.editorial-duo{display:grid;grid-template-columns:1fr 1fr;gap:42px}.collection-list ol{list-style:none;margin:18px 0;padding:0}.collection-list li{display:grid;grid-template-columns:130px 1fr;gap:14px;border-top:1px solid var(--border);padding:13px 0}.collection-list li strong{color:var(--green)}.numbered-picks{background:var(--paper);padding:28px;border-left:4px solid var(--red)}.pick{display:grid;grid-template-columns:56px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--border)}.pick b{font-size:28px;color:var(--red)}.note{font-size:14px;color:var(--muted)}.workbench{display:grid;grid-template-columns:1.15fr .85fr;gap:40px}.workbench aside{background:var(--soft);padding:28px;border-radius:12px}.process-list,.check-list{padding-left:20px}.reading-guide{display:grid;grid-template-columns:1.1fr .9fr;gap:44px}.path-list{list-style:none;margin:0;padding:0}.path-list li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--border)}.path-list b{color:var(--red3)}.app-home{display:grid;grid-template-columns:minmax(250px,.75fr) 1.25fr;gap:48px;align-items:center}.app-visual{display:grid;justify-items:center}.boundary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.boundary-grid article{border-top:3px solid var(--green);background:var(--paper);padding:20px}.boundary-grid article:nth-child(2n){border-top-color:var(--red)}.boundary-grid article>span{font-size:12px;color:var(--faint)}.boundary-grid h2{font-size:19px;color:var(--ink)}.boundary-grid p{font-size:14px}.boundary-grid a{color:var(--red3);font-weight:800}.inner-hero{padding:28px 0 40px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--green);font-weight:700}.inner-title{max-width:920px;margin-top:28px}.inner-title h1{font-size:clamp(30px,4vw,40px)}.lead{font-size:18px;color:var(--text);margin-top:18px}.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:40px;padding-bottom:80px}.source-note{grid-column:1/-1;background:var(--soft);border-left:4px solid var(--green);padding:18px 20px}.source-note strong{color:var(--green)}.source-note p{margin:4px 0 0}.long-article{max-width:880px}.long-article section{position:relative;padding:10px 0 34px;border-bottom:1px solid var(--border)}.long-article h2{font-size:clamp(22px,3vw,28px);color:var(--ink);margin:0 0 12px;padding-right:60px}.long-article p{font-size:17px;margin:0}.section-no{position:absolute;right:0;top:10px;color:rgba(217,43,58,.35);font-weight:900;font-size:28px}.related-box{align-self:start;position:sticky;top:116px;background:var(--paper);border:1px solid var(--border);padding:20px;border-radius:12px}.related-box h2{font-size:20px;color:var(--ink)}.related-links{display:grid}.related-links a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--border);color:var(--green);font-weight:700}.page-action{grid-column:1/-1;background:var(--cream);padding:24px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}.faq-list{max-width:900px}.faq-list details{background:var(--paper);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;overflow:hidden}.faq-list summary{cursor:pointer;padding:18px 20px;font-weight:800;color:var(--ink);min-height:52px}.faq-list details div{padding:0 20px 18px}.faq-list p{margin:0}.site-footer{background:var(--green);color:var(--paper);padding:54px 0 calc(36px + env(safe-area-inset-bottom))}.footer-inner{width:min(var(--max),calc(100% - 40px));margin:auto}.footer-brand{display:flex;align-items:center;gap:16px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.18)}.footer-brand img{height:34px;width:auto;max-width:150px;object-fit:contain}.footer-brand div{display:flex;gap:10px;align-items:baseline}.footer-brand strong{font-size:24px}.footer-brand span{font-size:12px;letter-spacing:.14em}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:28px 0}.footer-groups h2{font-size:15px;color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:8px 14px}.footer-links a{font-size:14px;color:#F5EBDD}.footer-note,.copyright{color:#F5EBDD;font-size:13px}.overlay{position:fixed;inset:0;background:rgba(23,23,23,.48);z-index:89}.directory-panel,.search-dialog{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-start;justify-content:center;padding-top:106px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.directory-panel.is-open,.search-dialog.is-open{visibility:visible;opacity:1;pointer-events:auto}.directory-sheet{position:relative;width:min(1100px,calc(100% - 32px));max-height:calc(100vh - 132px);overflow:auto;background:var(--paper);border-radius:12px;padding:28px;box-shadow:var(--shadow);outline:none}.paper-back{position:absolute;width:min(1080px,calc(100% - 52px));height:calc(100% - 18px);top:118px;background:var(--cream);transform:rotate(-.5deg);border-radius:12px;z-index:-1}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-head h2{margin:0;color:var(--ink)}.close-button{border:1px solid var(--border);background:var(--paper);color:var(--green);padding:0 14px}.directory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:20px}.directory-grid h3{color:var(--red3);border-bottom:2px solid var(--red-border);padding-bottom:8px}.directory-item{display:block;padding:12px 0;border-bottom:1px solid var(--border)}.directory-item strong{display:block;color:var(--ink)}.directory-item span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:3px}.search-dialog{align-items:flex-start}.search-card{width:min(640px,calc(100% - 32px));background:var(--paper);border-radius:12px;padding:26px;box-shadow:var(--shadow);outline:none}.search-card label{display:block;margin:20px 0 8px;color:var(--muted)}.search-card input{width:100%;min-height:48px;border:1px solid var(--border);border-radius:9px;padding:0 14px;background:#fff;color:var(--text)}.search-card input:focus{outline:3px solid rgba(51,133,84,.18);border-color:var(--leaf)}.search-results{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.search-results a{min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--soft);color:var(--green);font-weight:700}.search-empty{background:var(--cream);padding:12px;margin-top:14px}.text-button{margin-top:14px;border:1px solid var(--border);background:transparent;color:var(--red3);padding:0 14px}.modal-open{overflow:hidden}.mobile-bottom-nav{display:none}
@media(max-width:1024px){.header-inner{grid-template-columns:180px 1fr auto;gap:14px}.primary-nav{gap:13px}.primary-nav a{font-size:14px}.boundary-grid{grid-template-columns:repeat(3,1fr)}.archive-featured{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,1fr)}.article-shell{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:820px){.header-inner{min-height:72px;grid-template-columns:1fr auto}.desktop-nav-zone{display:none}.brand small{display:none}.brand img{height:32px}.header-actions{gap:5px}.icon-button,.app-link{padding:0 10px;font-size:13px}.section-block{padding:54px 0}.front-grid,.split-feature,.editorial-duo,.workbench,.reading-guide,.app-home{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr}.content-band{grid-template-columns:1fr}.content-band.reverse .band-media{order:0}.boundary-grid{grid-template-columns:repeat(2,1fr)}.article-shell{grid-template-columns:1fr}.related-box{position:static}.footer-groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}.container{width:min(100% - 32px,var(--max))}.site-header{top:0}.header-inner{width:calc(100% - 24px)}.brand-text{font-size:24px}.header-actions .app-link{font-size:0;width:46px;justify-content:center}.header-actions .app-link::after{content:"APP";font-size:12px}.hero-section{padding-top:18px}.banner-frame{max-height:none}.media-frame,.small-media,.band-media,.inner-hero-media,.app-media{min-height:0;max-height:none}.banner-frame img,.media-frame img,.small-media img,.band-media img,.inner-hero-media img,.app-media img{height:auto;max-height:none;object-fit:contain}.hero-copy h1{font-size:32px}.hero-copy p,.lead{font-size:16px}.front-main p,.fact-stack p,.long-article p{font-size:16px}.archive-featured{grid-template-columns:1fr}.archive-index a{grid-template-columns:110px 1fr}.boundary-grid{grid-template-columns:1fr}.page-action{align-items:flex-start;flex-direction:column}.footer-groups{grid-template-columns:1fr 1fr}.directory-panel{align-items:flex-end;padding:0}.directory-sheet{width:100%;max-height:82vh;border-radius:18px 18px 0 0;padding:22px}.paper-back{display:none}.directory-grid{grid-template-columns:1fr 1fr;gap:14px}.directory-item span{font-size:12px}.search-dialog{padding-top:88px}.search-results{grid-template-columns:1fr 1fr}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:70;min-height:58px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--border)}.mobile-bottom-nav a{position:relative;min-height:58px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);touch-action:manipulation}.mobile-bottom-nav a.active{background:rgba(217,43,58,.07);color:var(--ink);font-weight:800}.mobile-bottom-nav a.active::before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;background:var(--red)}.site-footer{padding-bottom:calc(82px + env(safe-area-inset-bottom))}}
@media(max-width:420px){.header-actions{gap:3px}.icon-button{padding:0 8px}.app-link{padding:0 8px}.directory-grid{grid-template-columns:1fr}.footer-groups{grid-template-columns:1fr}.section-heading>span{font-size:34px}.archive-index a{grid-template-columns:1fr;gap:3px}.collection-list li{grid-template-columns:1fr}.path-list li{grid-template-columns:1fr}.search-results{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}