*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6F4EE;color:#3E4A45;font:16px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}img{display:block;max-width:100%;height:auto;object-fit:contain}a{color:#21463B;text-underline-offset:3px}a:hover{color:#C56B3D}a:focus-visible,button:focus-visible{outline:3px solid #C6A15B;outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:8px}.skip-link:focus{left:16px;z-index:99;background:#fff;padding:8px 12px}.site-header{background:#F6F4EE;border-bottom:1px solid #D9DED8;position:relative;z-index:20}.header-inner{max-width:1180px;height:70px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.brand-logo{height:32px;width:auto;max-width:165px}.brand-text{display:flex;flex-direction:column;color:#17352D;line-height:1.12;white-space:nowrap}.brand-text small{font-size:10px;letter-spacing:.08em;margin-top:4px}.desktop-nav{display:flex;gap:18px;margin-left:auto}.desktop-nav a,.header-actions a{font-size:15px;text-decoration:none;color:#1F2D28}.desktop-nav a[aria-current=page]{color:#C56B3D;font-weight:700}.header-actions,.mobile-actions{display:flex;align-items:center;gap:10px}.mobile-actions{display:none;margin-left:auto}.menu-toggle,.menu-close,.btn{min-height:44px;border:1px solid #21463B;border-radius:9px;padding:8px 14px;background:#21463B;color:#fff;cursor:pointer;font:inherit}.read-menu[hidden]{display:none}.read-menu{background:#ECEFE8;border-bottom:1px solid #D9DED8}.read-menu-inner{max-width:1180px;margin:auto;padding:24px 32px}.desktop-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.read-menu h2{font-size:15px;margin:0 0 8px;color:#17352D}.read-menu a{display:block;padding:5px 0;text-decoration:none}.read-menu a small{display:block;font-size:12px;color:#66716C}.mobile-menu{display:none}.site-main{max-width:1180px;margin:auto;padding:0 32px 84px}.page-head{max-width:920px;padding:42px 0 26px}.crumb{font-size:14px;color:#66716C}.page-head h1,.hero h1{font-size:34px;line-height:1.25;color:#1F2D28;margin:10px 0 14px}.page-head p{max-width:780px;margin:0}.tag{display:inline-block;margin-top:12px;padding:3px 10px;background:#ECEFE8;border-radius:999px;font-size:14px;color:#21463B}.section{margin:56px 0}.section h2{font-size:25px;line-height:1.35;color:#1F2D28;margin:0 0 16px}.section h3{font-size:19px;line-height:1.45;color:#21463B;margin:22px 0 8px}.section p{margin:0 0 16px}.longread{max-width:780px}.wide{max-width:980px}.soft{background:#ECEFE8;border:1px solid #D9DED8;border-radius:16px;padding:24px}.sand{background:#F2E7D7;border-radius:12px;padding:22px}.rule{border-top:1px solid #D9DED8;padding-top:22px}.link-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px}.content-img,.editorial-img,.mobile-img{border:1px solid #D9DED8;background:#F2E7D7;border-radius:12px}.content-img{max-height:300px}.mobile-img{max-width:240px;max-height:380px}.hero{display:grid;grid-template-columns:7fr 5fr;gap:42px;align-items:center;min-height:360px;padding:48px 0}.hero .editorial-img{max-width:430px;max-height:300px;margin-left:auto}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.btn{text-decoration:none;display:inline-flex;align-items:center}.btn.alt{background:transparent;color:#21463B}.reading-lines{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}.main-line{background:#ECEFE8;padding:24px;border-radius:16px}.side-lines{display:grid;gap:18px}.line-block{border-top:1px solid #D9DED8;padding-top:18px}.two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);gap:34px;align-items:start}.two-col.reverse{grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr)}.media-row{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:34px;align-items:center}.index-list{list-style:none;padding:0;margin:0}.index-list li{padding:12px 0;border-bottom:1px solid #D9DED8}.step-line{border-left:2px solid #C6A15B;padding-left:24px}.step{position:relative;margin-bottom:24px}.step:before{content:"";position:absolute;left:-31px;top:9px;width:12px;height:12px;border-radius:50%;background:#C56B3D}.topic-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:16px}.topic-main{grid-row:span 2;background:#ECEFE8;padding:22px;border-radius:16px}.topic-mini{border-top:2px solid #C6A15B;padding-top:14px}.chapter{padding:26px 0;border-top:1px solid #D9DED8}.numbered{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px}.num{font-size:28px;color:#C56B3D;font-weight:800}.side-index{position:sticky;top:20px;background:#ECEFE8;padding:18px;border-radius:12px}.side-index a{display:block;padding:5px 0}.sound-list{border-left:3px solid #21463B;padding-left:18px}.qa{max-width:780px}.qa section{padding:24px 0;border-top:1px solid #D9DED8}.qa h2{font-size:19px}.site-footer{background:#183129;color:#F4F3ED}.footer-grid{max-width:1180px;margin:auto;padding:42px 32px;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.site-footer h2{font-size:16px;color:#F4F3ED}.site-footer a{display:block;color:#F4F3ED;text-decoration:none;margin:5px 0}.footer-note{max-width:1180px;margin:auto;padding:0 32px 30px}.bottom-nav{display:none}
@media(max-width:900px){.header-inner{padding:0 22px}.desktop-nav,.header-actions{display:none}.mobile-actions{display:flex}.desktop-menu{display:none}.mobile-menu{display:grid;grid-template-columns:1fr;gap:18px}.site-main{padding:0 22px 96px}.hero,.reading-lines,.two-col,.two-col.reverse,.media-row,.topic-grid{grid-template-columns:1fr}.hero{min-height:0}.hero .editorial-img{margin:0}.side-index{position:static}.footer-grid{grid-template-columns:repeat(2,1fr);padding:36px 22px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#17352D}.bottom-nav a{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none}.site-footer{padding-bottom:56px}}
@media(max-width:600px){.header-inner{height:60px;padding:0 16px}.brand-logo{height:28px;max-width:120px}.brand-text strong{font-size:15px}.brand-text small{display:none}.mobile-actions{gap:6px}.mobile-actions .menu-toggle{padding:7px 10px}.site-main{padding:0 16px 96px}.read-menu-inner{padding:20px 16px}.mobile-menu>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.mobile-menu h2{grid-column:1/-1}.page-head{padding:30px 0 20px}.page-head h1,.hero h1{font-size:28px}.section{margin:40px 0}.section h2{font-size:22px}.section h3{font-size:18px}.soft,.sand{padding:16px}.hero{padding:34px 0;gap:24px}.hero .editorial-img{max-height:220px}.content-img{max-height:200px}.mobile-img{max-width:190px;max-height:290px}.numbered{grid-template-columns:44px minmax(0,1fr)}.num{font-size:22px}.footer-grid{grid-template-columns:1fr;padding:34px 16px}.footer-note{padding:0 16px 24px}.link-row{gap:10px}}
@media(max-width:370px){.brand-text{display:none}.mobile-menu>div{grid-template-columns:1fr}}