:root{color-scheme:light;--ink:#202224;--muted:#777b7d;--paper:#f5f5f3;--line:#d6d8d8;--brand:#a7cd42;--space:clamp(24px,5.5vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #526624;outline-offset:6px}::selection{background:#dae8bd;color:#1b2112}img{display:block;max-width:100%}h1,h2,h3,p,figure,ol{margin:0}h1,h2,h3{font-weight:500;line-height:1.2;letter-spacing:-.045em}p{max-width:38em}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;color:#000;padding:12px}.skip:focus{top:10px}.site-header{height:94px;position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space);gap:24px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:36px;height:36px;border-radius:9px}.brand span{font-size:16px;font-weight:600;letter-spacing:.07em}.nav{display:flex;gap:clamp(22px,3vw,46px);align-items:center}.nav a{font-size:14px;color:#727679;padding:8px 0;position:relative}.nav a[aria-current=page]{color:#202224}.nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--brand)}.menu-toggle{display:none;background:#ffffff90;border:1px solid #c8cccc;color:var(--ink);padding:6px 13px;border-radius:5px;font-size:14px}.eyebrow{font-size:13px;letter-spacing:.14em;color:#74797c;line-height:1.6;margin-bottom:24px}.chapter-link{padding:115px var(--space);display:flex;justify-content:space-between;align-items:flex-end;gap:32px;background:#fff}.chapter-link h2{font-size:clamp(36px,4.6vw,72px);line-height:1.35}.text-link{border-bottom:1px solid #a7adae;padding-bottom:7px;font-size:16px;white-space:nowrap}.text-link:hover{border-color:#526624;color:#526624}.site-footer{padding:34px var(--space);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#74787a;background:#f8f8f6}.site-footer a:hover{color:#202224}.page-intro{padding:170px var(--space) 65px;background:#f5f5f3}.page-intro h1{font-size:clamp(42px,5.8vw,86px);line-height:1.25;margin-bottom:24px}.english{font-size:16px;letter-spacing:.03em;color:#7c8083}.visual-note{font-size:12px;letter-spacing:.035em;color:#7e8385;line-height:1.6}
@media(max-width:700px){.site-header{height:78px;gap:10px}.brand img{width:31px;height:31px}.brand span{font-size:15px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:20px;right:20px;background:#fffffff5;border:1px solid #d9dcdc;box-shadow:0 15px 40px #252f3510;padding:24px;flex-direction:column;align-items:stretch;gap:15px;backdrop-filter:blur(12px)}.nav.open{display:flex}.nav a{font-size:16px}.page-intro{padding:133px 24px 52px}.page-intro h1{font-size:40px}.eyebrow{font-size:12px;margin-bottom:20px}.chapter-link{padding:70px 24px;align-items:flex-start;flex-direction:column;gap:30px}.chapter-link h2{font-size:36px}.site-footer{padding:28px 24px;flex-direction:column;gap:8px}.english{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}