:root{color-scheme:light;--paper:#f7f6f2;--ink:#242b28;--muted:#68716a;--line:#dcded5;--accent:#42654c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header,main,footer{width:min(1060px,calc(100% - 64px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.brand{font-size:20px;letter-spacing:.12em;font-weight:700}.brand span{font-size:12px;font-weight:400;letter-spacing:.05em;color:var(--muted);margin-left:14px}nav{display:flex;gap:28px;font-size:14px}.hero{padding:100px 0 90px;display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:end}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.18em;text-transform:uppercase}h1{font-family:Georgia,"Songti SC",SimSun,serif;font-weight:400;font-size:clamp(38px,5.5vw,66px);line-height:1.35;letter-spacing:-.025em;margin:22px 0}p{margin:16px 0}.intro{color:var(--muted);max-width:32em}.aside{border-left:1px solid var(--line);padding-left:28px;color:var(--muted);font-size:14px}.aside strong{display:block;font-size:14px;color:var(--ink);font-weight:500;margin-bottom:10px}.section-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:14px;font-size:13px}.section-label span:last-child{color:var(--muted)}.note{display:grid;grid-template-columns:80px 1fr 36px;gap:24px;align-items:start;padding:31px 0;border-bottom:1px solid var(--line)}.number{color:var(--muted);font-size:13px;padding-top:8px}.note h2{font-weight:500;font-size:23px;margin:0 0 8px;line-height:1.5}.note p{font-size:14px;color:var(--muted);margin:0;max-width:48em}.arrow{font-size:24px;color:var(--accent)}.tag{font-size:11px;color:var(--accent);letter-spacing:.06em;margin-bottom:5px}.about{padding:72px 0;display:grid;grid-template-columns:1fr 2fr;gap:40px}.about h2{margin:0;font-size:20px;font-weight:500}.about p{margin:0 0 16px;color:var(--muted)}.text-link{border-bottom:1px solid var(--accent);padding-bottom:2px;font-size:14px}footer{border-top:1px solid var(--line);padding:24px 0 32px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.article{max-width:720px;padding:68px 0 80px;margin:auto}.article h1{font-size:clamp(32px,4.3vw,48px);margin-bottom:32px}.article h2{font-size:22px;font-weight:500;margin:36px 0 12px}.article p{margin:20px 0}.back{font-size:13px;color:var(--muted)}.article .closing{border-top:1px solid var(--line);margin-top:48px;padding-top:24px;color:var(--muted);font-size:14px}@media(max-width:680px){header,main,footer{width:calc(100% - 40px)}header{padding:22px 0}.brand span{display:none}nav{gap:20px}.hero{display:block;padding:62px 0 52px}.aside{margin-top:32px;padding-left:18px}.note{grid-template-columns:32px 1fr 20px;gap:12px;padding:25px 0}.note h2{font-size:20px}.about{grid-template-columns:1fr;gap:18px;padding:48px 0}.article{padding-top:42px}footer{gap:12px;flex-wrap:wrap}}