:root{--bg:#F6F4EE;--card:#fff;--soft:#ECEFE8;--sand:#F2E7D7;--green:#21463B;--dark:#17352D;--green2:#3C685A;--orange:#C56B3D;--gold:#C6A15B;--title:#1F2D28;--text:#3E4A45;--muted:#66716C;--hint:#78817D;--border:#D9DED8;--footer:#183129;--foot:#F4F3ED;--shadow:0 8px 24px rgba(31,45,40,.06)}
*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}img{display:block;max-width:100%;height:auto;object-fit:contain}a{color:var(--green);text-underline-offset:3px}a:hover{color:var(--orange)}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;top:-80px;left:16px;background:#fff;padding:8px 12px;z-index:90}.skip:focus{top:8px}.site-header{border-bottom:1px solid var(--border);background:#F6F4EE;position:relative;z-index:20}.head-inner{height:70px;max-width:1180px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:25px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}.logo{height:32px;width:auto;max-width:165px}.logo-icon{display:none}.brand span{display:flex;flex-direction:column;color:var(--dark);line-height:1.1;white-space:nowrap}.brand small{font-size:11px;margin-top:4px;letter-spacing:.04em}.desktop-nav{display:flex;gap:20px;margin-left:auto}.desktop-nav a,.head-actions>a{font-size:15px;text-decoration:none;color:var(--title);white-space:nowrap}.desktop-nav a.active{color:var(--orange);font-weight:700}.head-actions{display:flex;align-items:center;gap:12px}.mobile-actions{display:none;margin-left:auto;align-items:center;gap:8px}.menu-toggle,.menu-close,.btn{min-height:44px;padding:8px 14px;border:1px solid var(--green);border-radius:9px;background:var(--green);color:#fff;font:inherit;cursor:pointer}.reading-menu{background:#fff;border-top:1px solid var(--border)}.menu-grid{max-width:1180px;margin:auto;padding:26px 32px 30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.reading-menu h2{font-size:16px;margin:0 0 8px;color:var(--dark)}.reading-menu a{display:block;text-decoration:none;padding:6px 0}.reading-menu a span{display:block;font-size:13px;color:var(--muted)}.mobile-menu{display:none}.wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.long{max-width:780px}.wide{max-width:980px}.page-head{padding-top:42px;padding-bottom:26px}.breadcrumb{font-size:14px;color:var(--muted)}.eyebrow,.tag{font-size:14px;color:var(--green2);font-weight:700}.page-head h1,.hero h1{font-size:34px;line-height:1.25;color:var(--title);margin:8px 0 14px}.page-head p{max-width:780px;margin:0;color:var(--muted)}.section{padding:58px 0}.section.soft{background:var(--soft)}.section.sand{background:var(--sand)}h2{font-size:25px;line-height:1.35;color:var(--title);margin:0 0 18px}h3{font-size:19px;line-height:1.45;color:var(--title);margin:24px 0 10px}p{margin:0 0 16px}.lead{font-size:18px}.text-links{display:flex;gap:9px 18px;flex-wrap:wrap;margin-top:18px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px;min-width:0}.hero{padding:48px 0 56px}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(260px,5fr);gap:42px;align-items:center}.hero-media img{max-width:430px;max-height:300px;margin:auto}.btn-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{text-decoration:none}.btn.alt{background:#fff;color:var(--green)}.read-lines{display:grid;grid-template-columns:1.4fr .8fr;gap:28px}.main-line{display:grid;grid-template-columns:1fr .55fr;gap:26px;border-top:2px solid var(--green);padding-top:20px;align-items:center}.main-line img{max-height:190px}.sub-lines article{border-top:1px solid var(--border);padding:16px 0}.radar-home{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}.purpose span{display:block;padding:9px 0;border-bottom:1px solid var(--border);font-weight:700}.radar-home img{max-height:220px;margin:20px 0}.editorial-pair{display:grid;grid-template-columns:1.2fr .65fr;gap:34px}.editorial-pair img{max-height:230px;margin:20px auto 0}.prose-feature{max-width:760px}.prose-feature img,.inline-img{max-height:260px;margin:24px auto}.ai-grid,.letter-home{display:grid;grid-template-columns:.65fr 1.35fr;gap:36px;align-items:center}.ai-grid img{max-width:360px;max-height:300px}.steps{max-width:820px}.step{border-left:2px solid var(--border);padding:0 0 28px 28px;margin-left:8px}.steps img{max-height:200px;margin:4px 0 30px 35px}.topic-mix{display:grid;grid-template-columns:1.25fr .75fr;gap:30px}.topic-main img{max-height:240px;margin:20px 0}.topic-mini article{border-top:1px solid var(--border);padding:15px 0}.letter-home{grid-template-columns:1fr .45fr;align-items:start}.letter-home img{max-height:230px;margin:auto}.mobile-home,.device{display:grid;grid-template-columns:240px 1fr;gap:38px;align-items:center}.mobile-home img,.device img{max-width:240px;max-height:380px;margin:auto}.track{max-width:860px}.track-item{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--border)}.track-num{font-size:28px;color:var(--gold);font-weight:800}.two-col{display:grid;grid-template-columns:1fr 250px;gap:38px}.side-index{border-left:1px solid var(--border);padding-left:18px}.side-index a{display:block;margin:7px 0}.narrow-img{max-width:72%}.sound-list div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:10px 0;border-bottom:1px solid var(--border)}.article-letter,.topic-section,.archive-group{padding:30px 0;border-top:1px solid var(--border)}.article-letter.narrow{max-width:680px;margin:auto}.article-letter.interleave,.topic-split{display:grid;grid-template-columns:1fr 300px;gap:28px}.article-letter.interleave img{max-height:210px}.topic-split{grid-template-columns:1fr 1fr}.topic-vertical article{border-bottom:1px solid var(--border);padding:12px 0}.archive-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px}.faq-item{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.faq-item h2{font-size:19px;margin-bottom:8px}.related{padding:25px 0 54px}.related>div{border-top:1px solid var(--border);padding-top:20px}.footer{background:var(--footer);color:var(--foot);padding:46px 0}.footer-grid{max-width:1180px;margin:auto;padding:0 32px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:28px}.footer h2{font-size:16px;color:#fff}.footer a{display:block;color:var(--foot);text-decoration:none;margin:5px 0}.bottom-nav{display:none}
@media(max-width:1024px){.head-inner,.wrap,.menu-grid{padding-left:22px;padding-right:22px}.desktop-nav{gap:13px}.footer-grid{grid-template-columns:1.3fr repeat(2,1fr);padding:0 22px}.hero-grid{gap:28px}.topic-mix{grid-template-columns:1fr}}
@media(max-width:820px){.logo-wide{display:none}.logo-icon{display:block}.desktop-nav,.head-actions{display:none}.mobile-actions{display:flex}.head-inner{height:60px}.logo{height:27px}.brand small{display:none}.desktop-menu{display:none}.mobile-menu{display:block;max-width:1180px;margin:auto;padding:20px 22px 26px}.compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.compact a{border:1px solid var(--border);border-radius:9px;padding:8px 10px}.page-head h1,.hero h1{font-size:28px}.section{padding:40px 0}h2{font-size:22px}h3{font-size:18px}.hero-grid,.radar-home,.editorial-pair,.ai-grid,.letter-home,.mobile-home,.device,.two-col,.article-letter.interleave,.topic-split{grid-template-columns:1fr}.hero-media img{max-height:220px}.main-line{grid-template-columns:1fr}.read-lines{grid-template-columns:1fr}.side-index{border-left:0;border-top:1px solid var(--border);padding:18px 0 0}.narrow-img{max-width:100%}.archive-links{grid-template-columns:1fr}.mobile-home img,.device img{max-width:190px;max-height:290px}.footer-grid{grid-template-columns:1fr 1fr;padding-bottom:65px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-height:56px;display:grid;place-items:center;text-decoration:none;color:var(--dark)}body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}
@media(max-width:480px){.head-inner,.wrap,.mobile-menu{padding-left:16px;padding-right:16px}.brand strong{font-size:15px}.compact{grid-template-columns:1fr}.track-item{grid-template-columns:48px 1fr;gap:14px}.sound-list div{grid-template-columns:1fr;gap:2px}.footer-grid{grid-template-columns:1fr;padding-left:16px;padding-right:16px}.inline-img,.prose-feature img{max-height:190px}}