:root{--page:#F6F5F1;--surface:#FFFFFF;--surface-soft:#EDEFEA;--ink:#202A28;--muted:#596560;--primary:#23665D;--primary-dark:#184B44;--accent:#B27A46;--line:#D9DEDA;--footer:#1B302D;--max:1180px;--article:780px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.75;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--primary-dark)}button,a{touch-action:manipulation}.site-header{position:relative;background:#fff;border-bottom:1px solid var(--line);z-index:20}.header-inner{max-width:var(--max);height:68px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-width:210px}.brand-logo{height:32px;max-width:150px;width:auto;object-fit:contain}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}.brand-text{display:flex;flex-direction:column;line-height:1.08}.brand-text strong{font-size:16px}.brand-text small{font-size:10px;letter-spacing:.08em;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:16px;margin-left:auto}.desktop-nav a,.header-tools a,.more-toggle,.mobile-menu-toggle{min-height:44px;display:inline-flex;align-items:center;border:0;background:transparent;color:var(--ink);font:inherit;text-decoration:none;padding:0 6px;cursor:pointer;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.is-current,.header-tools a.is-current,.more-toggle:hover{color:var(--primary);text-decoration:underline;text-underline-offset:7px}.header-tools{display:flex;align-items:center;gap:10px}.mobile-menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;padding:0 14px}.more-panel{position:absolute;left:50%;transform:translateX(-50%);top:68px;width:min(920px,calc(100% - 48px));background:#fff;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 14px 30px rgba(32,42,40,.10);padding:20px 24px}.more-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.more-panel h2{font-size:15px;margin:0 0 10px}.more-panel a{display:block;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.more-panel a span{display:block;font-weight:700}.more-panel a small{display:block;color:var(--muted);font-size:13px;line-height:1.45}.more-panel a.is-current span{color:var(--primary)}[hidden]{display:none!important}.mobile-menu{display:none}.mobile-bottom-nav{display:none}main{min-height:60vh}.wrap{max-width:var(--max);margin:auto;padding:0 32px}.hero{padding:48px 0 24px}.hero-grid{display:grid;grid-template-columns:3fr 2fr;gap:36px;align-items:center}.eyebrow{font-size:13px;color:var(--accent);font-weight:700;letter-spacing:.08em;margin:0 0 8px}.hero h1,.page-intro h1{font-size:32px;line-height:1.25;margin:0 0 18px}.lead{font-size:17px;color:var(--muted);max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none;font-weight:700}.btn:hover{background:var(--primary-dark);color:#fff}.btn.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.hero-media img{max-height:250px;width:100%;object-fit:contain}.section{padding:56px 0}.section.soft{background:var(--surface-soft)}.section h2{font-size:24px;line-height:1.3;margin:0 0 18px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section-head p{max-width:640px;margin:0;color:var(--muted)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.path-item,.card,.note-box,.archive-row,.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.path-item h3,.card h3{font-size:18px;margin:0 0 8px}.path-item p,.card p{margin:0;color:var(--muted)}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:start}.split.reverse{grid-template-columns:.8fr 1.2fr}.media-box img{max-height:230px;margin:auto;object-fit:contain}.steps{display:grid;gap:18px;counter-reset:s}.step{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start}.step::before{counter-increment:s;content:"0" counter(s);font-weight:800;color:var(--primary);font-size:20px}.step h3{margin:0 0 6px}.step p{margin:0;color:var(--muted)}.editorial-list{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.editorial-list .feature{grid-row:span 2}.small-link{display:block;padding:16px 0;border-top:1px solid var(--line);text-decoration:none}.notice{background:#E4EFEA;border-left:4px solid var(--primary);padding:20px 22px;border-radius:10px}.mobile-feature{display:grid;grid-template-columns:1fr 280px;gap:36px;align-items:center}.icon-box{display:flex;gap:16px;align-items:center}.icon-box img{width:56px;max-width:64px}.mobile-art img{max-width:240px;max-height:340px;margin:auto;object-fit:contain}.link-cloud{display:flex;flex-wrap:wrap;gap:10px}.link-cloud a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 12px;text-decoration:none}.page-intro{padding:34px 0 26px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:14px;color:var(--muted);margin-bottom:8px}.breadcrumbs a{color:var(--muted)}.article-layout{max-width:var(--max);margin:auto;padding:44px 32px 60px;display:grid;grid-template-columns:minmax(0,var(--article)) minmax(220px,1fr);gap:44px;align-items:start}.article{min-width:0}.article h2{font-size:24px;margin:32px 0 12px}.article h3{font-size:18px;margin:24px 0 8px}.article p{margin:0 0 16px}.article ul,.article ol{padding-left:1.3em}.article .numbered{display:grid;gap:18px}.article .numbered article{border-left:3px solid var(--accent);padding-left:18px}.aside{position:sticky;top:90px}.aside .card{padding:18px}.aside h2{font-size:18px;margin:0 0 10px}.aside a{display:block;padding:7px 0}.article-img{margin:24px 0}.article-img img{max-height:250px;margin:auto;object-fit:contain}.archive-list{display:grid;gap:14px}.archive-row h3{margin:0 0 8px}.faq-list{display:grid;gap:14px}.faq-item h2{font-size:18px;margin:0 0 8px}.site-footer{background:var(--footer);color:#F4F5F1;padding:42px 0 24px}.footer-grid,.footer-bottom{max-width:var(--max);margin:auto;padding:0 32px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.site-footer h2{font-size:16px;margin:0 0 10px;color:#fff}.site-footer a{display:block;color:#EAF3F0;padding:4px 0}.site-footer p{color:#D1DDDA;font-size:14px}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);font-size:14px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){.desktop-nav{gap:8px}.desktop-nav a:nth-last-child(-n+2){display:none}.split,.split.reverse,.mobile-feature{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.aside{position:static}.hero-grid{grid-template-columns:1fr}.hero-media img{max-height:190px}.mobile-art img{max-width:175px;max-height:260px}.editorial-list{grid-template-columns:1fr}.editorial-list .feature{grid-row:auto}}
@media(max-width:767px){body{padding-bottom:58px}.header-inner{height:60px;padding:0 16px;gap:10px}.brand{min-width:0;flex:1}.brand-logo{height:28px}.brand-mark{width:28px;height:28px}.brand-text strong{font-size:15px}.brand-text small{display:none}.desktop-nav,.more-toggle,.mobile-reading-link{display:none!important}.mobile-menu-toggle{display:inline-flex}.mobile-menu{display:block;padding:10px 16px 16px;background:#fff;border-top:1px solid var(--line)}.mobile-menu>a,.mobile-menu-group a{display:flex;align-items:center;min-height:44px;padding:8px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.mobile-menu-group{margin-top:12px}.mobile-menu-group strong{display:block;font-size:13px;color:var(--muted);padding:8px 4px}.mobile-menu a.is-current{color:var(--primary);font-weight:700}.wrap,.article-layout,.footer-grid,.footer-bottom{padding-left:16px;padding-right:16px}.hero{padding:32px 0 18px}.hero h1,.page-intro h1{font-size:27px}.section{padding:36px 0}.section h2,.article h2{font-size:21px}.path-grid,.footer-grid{grid-template-columns:1fr}.path-item,.card,.note-box,.archive-row,.faq-item{padding:16px}.article-layout{padding-top:30px;padding-bottom:42px}.section-head{display:block}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:56px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom-nav a{display:flex;align-items:center;justify-content:center;min-width:0;color:var(--muted);text-decoration:none;font-size:13px}.mobile-bottom-nav a[aria-current="page"]{color:var(--primary);font-weight:700;text-decoration:underline}.site-footer{padding-bottom:78px}.media-box img,.article-img img{max-height:190px}.icon-box img{width:48px}.more-panel{display:none!important}}
@media(max-width:360px){.brand-text strong{font-size:14px}.mobile-menu-toggle{padding:0 10px}.actions{display:grid;grid-template-columns:1fr}.btn{width:100%}}