:root{color-scheme:light;--paper:#faf9f6;--white:#fffefa;--ink:#252522;--ink-soft:#5f605c;--muted:#878983;--line:#e7e6e0;--line-strong:#dcdcd5;--radius:14px;--wrap:1040px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #5e6759;outline-offset:5px;border-radius:2px}::selection{background:#e3e6db}.skip-link{position:absolute;top:-70px;left:18px;z-index:20;padding:10px 14px;background:var(--ink);color:white}.skip-link:focus{top:14px}.container{width:min(calc(100% - 72px),var(--wrap));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(250,249,246,.95)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:11px;align-items:center;font-weight:600;letter-spacing:-.035em;font-size:18px;white-space:nowrap}.brand-mark{display:grid;width:30px;height:30px;place-items:center;border:1px solid var(--ink);border-radius:7px;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:15px;font-weight:500;letter-spacing:-.07em}.brand-dot{color:#9d9d94}.site-nav{display:flex;gap:32px;align-items:center}.site-nav a{font-size:13px;color:var(--ink-soft);padding-block:9px;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current="page"]{color:var(--ink)}.site-nav a[aria-current="page"]{border-bottom:1px solid var(--ink)}.kicker{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero{min-height:445px;padding:93px 0 78px;display:grid;grid-template-columns:1.45fr .8fr;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.hero h1,.page-heading h1{margin:25px 0 16px;font-family:"Iowan Old Style","Songti SC","STSong","Noto Serif CJK SC",serif;font-weight:600;font-size:clamp(42px,5.4vw,70px);letter-spacing:-.065em;line-height:1.24}.hero .lede{margin:0;color:var(--ink-soft);font-size:16px;line-height:2;max-width:510px}.hero .lede-en{margin:4px 0 27px;color:var(--muted);font-size:13px;letter-spacing:.01em}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:35px}.button-primary{display:inline-flex;gap:18px;align-items:center;background:var(--ink);color:#fffefa;border-radius:8px;padding:13px 18px;font-size:13px;transition:transform .2s,background .2s}.button-primary:hover{background:#42423b;transform:translateY(-1px)}.text-link{font-size:13px;color:var(--ink-soft);border-bottom:1px solid var(--line-strong);padding-bottom:4px}.text-link:hover{color:var(--ink);border-color:var(--ink)}.notebook{justify-self:end;width:min(100%,295px);aspect-ratio:4/4.6;border:1px solid #deddd7;background:linear-gradient(145deg,#fffefa,#f5f4ef);border-radius:9px 17px 17px 9px;box-shadow:13px 17px 40px rgba(49,48,39,.045),5px 7px 0 #eeede7;padding:26px 25px 25px 32px;transform:rotate(3deg);display:flex;flex-direction:column;position:relative}.notebook::before{content:"";position:absolute;inset-block:0;left:14px;border-left:1px solid #e2e1db}.notebook-mark{color:#888981;font-family:ui-monospace,"SFMono-Regular",monospace;font-size:11px;letter-spacing:.04em}.notebook-rule{height:1px;background:#e9e8e2;margin-top:27px}.notebook-rule:nth-of-type(3){width:84%}.notebook-rule:nth-of-type(4){width:62%}.notebook-bottom{color:#a1a199;margin-top:auto;font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.12em}.section{padding-block:67px;border-bottom:1px solid var(--line)}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px}.section-header h2{margin:0;font-size:20px;font-weight:570;letter-spacing:-.045em}.section-header small{font-family:ui-monospace,monospace;font-size:11px;color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{min-height:196px;border:1px solid var(--line);background:rgba(255,254,250,.52);border-radius:var(--radius);padding:27px 29px 28px;transition:border-color .2s}a.panel:hover{border-color:#c6c6bc}.panel .panel-eyebrow{display:flex;justify-content:space-between;color:var(--muted);font-family:ui-monospace,monospace;font-size:11px;letter-spacing:.06em}.panel h3{font-size:19px;font-weight:570;letter-spacing:-.04em;margin:29px 0 10px}.panel p{font-size:13px;line-height:1.9;color:var(--ink-soft);margin:0}.inline-arrow{font-size:20px;line-height:1;color:var(--muted)}.slim-note{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:34px 0}.slim-note p{margin:0;font-size:13px;line-height:1.9;color:var(--ink-soft)}.site-footer{padding-block:26px 38px;display:flex;justify-content:space-between;gap:15px;align-items:center;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:18px}.footer-links a:hover{color:var(--ink)}.page-heading{padding:78px 0 52px;border-bottom:1px solid var(--line)}.page-heading h1{margin:19px 0 12px;font-size:clamp(38px,4.5vw,54px)}.page-heading p{max-width:680px;color:var(--ink-soft);font-size:14px;line-height:2;margin:0}.list-section{padding:32px 0 95px}.item-list{display:grid}.item{padding:27px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:100px 1fr 30px;align-items:center;gap:20px}.item-index{color:var(--muted);font:11px ui-monospace,"SFMono-Regular",monospace}.item h2{margin:0 0 6px;font-size:19px;letter-spacing:-.04em;font-weight:550}.item p{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.9}.item-arrow{color:var(--muted);justify-self:end;transition:transform .2s}a.item:hover .item-arrow{transform:translate(3px,-3px);color:var(--ink)}.content-block{max-width:700px;padding:37px 0 95px}.content-block p{font-size:15px;line-height:2.35;color:var(--ink-soft)}.content-block strong{color:var(--ink);font-weight:600}.content-rule{height:1px;background:var(--line);margin-block:34px}.empty-state{padding:38px 0 40px}.empty-state h2{font-size:20px;font-weight:550}.empty-state p{color:var(--ink-soft);line-height:2;max-width:620px;font-size:14px}.error-page{min-height:62vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.error-code{font:70px/1 ui-monospace,"SFMono-Regular",monospace;letter-spacing:-.09em;margin:20px 0}
@media(max-width:730px){.container{width:min(calc(100% - 36px),var(--wrap))}.header-inner{min-height:72px;gap:10px;flex-wrap:wrap;padding-block:12px}.brand{font-size:16px}.site-nav{gap:18px}.site-nav a{font-size:12px}.hero{grid-template-columns:1fr;padding:63px 0 62px;min-height:0;gap:40px}.hero h1{margin-top:20px;letter-spacing:-.055em}.notebook{display:none}.section{padding-block:48px}.two-col{grid-template-columns:1fr;gap:12px}.panel{padding:22px;min-height:160px}.slim-note{flex-direction:column;align-items:flex-start;gap:10px}.site-footer{align-items:flex-start;flex-direction:column}.page-heading{padding:58px 0 42px}.item{grid-template-columns:45px 1fr 20px;gap:10px}}
@media(max-width:370px){.header-inner{align-items:flex-start;flex-direction:column}.site-nav{gap:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}