:root{--paper:#f7f7f2;--ink:#202923;--muted:#71786f;--line:#d8ddd4;--accent:#315d45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}header,footer{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 36px;gap:24px}header{border-bottom:1px solid var(--line)}.brand{font-weight:750;letter-spacing:.1em;font-size:14px}nav{display:flex;gap:26px;font-size:13px;color:var(--muted)}nav a:hover,.back:hover{color:var(--accent)}main{max-width:1060px;margin:auto;padding:0 36px}.intro{padding:88px 0 20px}.eyebrow{font-size:11px!important;letter-spacing:.12em;line-height:1.8;color:var(--muted);font-weight:500}.intro h1{font-size:clamp(40px,7vw,76px);letter-spacing:-.055em;font-weight:500;margin:28px 0}.intro>p:not(.eyebrow){max-width:570px;font-size:17px;line-height:1.9;color:var(--muted)}.index-meta{display:flex;justify-content:space-between;margin-top:65px;padding:18px 0;font-size:11px;letter-spacing:.06em;color:var(--muted);border-top:1px solid var(--line)}.entry{display:grid;grid-template-columns:55px 1fr 24px;gap:20px;padding:32px 8px;border-bottom:1px solid var(--line);transition:background .15s}.entry:hover{background:#ecf0e7}.entry-number{font-size:12px;color:var(--muted);padding-top:4px;font-variant-numeric:tabular-nums}.entry h2{font-size:clamp(21px,3vw,29px);font-weight:500;line-height:1.55;letter-spacing:-.025em;margin:10px 0}.entry p:not(.eyebrow){font-size:14px;line-height:1.9;max-width:740px;color:var(--muted);margin:8px 0}.arrow{color:var(--accent);padding-top:8px}.back{display:inline-block;font-size:13px;color:var(--muted);margin-top:45px}.article-heading{max-width:760px;margin:65px auto 45px;padding-bottom:35px;border-bottom:1px solid var(--line)}.article-heading h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:clamp(32px,5vw,48px);font-weight:500;line-height:1.5;letter-spacing:-.025em;margin:24px 0}.dek{font-size:17px;line-height:1.9;color:var(--muted)}.source{font-size:11px;color:var(--muted);line-height:1.8}article{max-width:720px;margin:0 auto 100px;font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:18px;line-height:2}article p{margin:0 0 1.5em}article h2{font-size:25px;font-weight:600;line-height:1.7;margin:2.8em 0 1em}article h3{font-size:21px;margin-top:2em}article a{color:var(--accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}article img{display:block;max-width:100%;height:auto;margin:36px auto;border-radius:3px}article blockquote{margin:30px 0;border-left:2px solid var(--accent);padding:0 24px;color:var(--muted)}article pre{font-family:monospace;font-size:14px;overflow:auto;background:#e9ede5;padding:20px}article table{display:block;overflow:auto;border-collapse:collapse;font-size:15px}article td,article th{border:1px solid var(--line);padding:8px}footer{font-size:10px;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--line);margin-top:100px}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:640px){header,footer{padding:24px 20px;align-items:flex-start}header{flex-direction:column;gap:18px}nav{gap:23px;font-size:12px}main{padding:0 22px}.intro{padding-top:55px}.index-meta span:last-child{display:none}.entry{grid-template-columns:24px 1fr 16px;gap:12px;padding:25px 0}.article-heading{margin-top:45px}article{font-size:17px}footer{gap:25px;line-height:1.9}}