:root{--bg:#f7f4ee;--surface:#fffdf8;--text:#1a1a1a;--text-muted:#6b6558;--accent:#c8492f;--line:#e2dccf;--radius:2px;--font-serif:"Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", "STSong", SimSun, "Times New Roman", serif;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas, Menlo, "Courier New", monospace;--maxw:1120px;--gap:20px;--header-h:62px}html[data-theme=dark]{--bg:#131313;--surface:#1c1c1c;--text:#e8e4dc;--text-muted:#9a948a;--accent:#e4694e;--line:#2e2e2e}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.75;transition:background-color .28s,color .28s}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{z-index:30;background:var(--bg);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .28s,border-color .28s;position:sticky;top:0;left:0;right:0}.site-header,.site-header.is-float{border-bottom:1px solid var(--line)}.site-header.is-float{opacity:0;visibility:hidden;transition:transform .24s,opacity .24s,visibility 0s linear .24s,background-color .28s,border-color .28s;position:fixed;transform:translateY(-100%)}.site-header.is-float.is-visible{opacity:1;visibility:visible;transition:transform .24s,opacity .24s,visibility,background-color .28s,border-color .28s;transform:none}.header-inner{height:var(--header-h);align-items:center;gap:24px;display:flex}.brand{align-items:baseline;gap:8px;display:flex}.brand-mark{background:var(--accent);border-radius:50%;width:9px;height:9px;display:inline-block;transform:translateY(-1px)}.brand-name{font-family:var(--font-serif);letter-spacing:.06em;font-size:20px;font-weight:700}.brand-en{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:11px}.nav{gap:22px;margin-left:auto;font-size:14px;display:flex}.nav a{color:var(--text-muted);border-bottom:1px solid #0000;padding:2px 0;transition:color .2s,border-color .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.theme-toggle{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:34px;height:34px;color:var(--accent);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:background-color .28s,border-color .28s,transform .15s;display:inline-flex}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-toggle .icon-sun{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}html[data-theme=dark] .theme-toggle .icon-ink{display:none}.hero{border-bottom:1px solid var(--line);align-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-art{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-art,.hero-art>svg{width:100%;height:100%;display:block}html[data-theme=light] .hero-art{--hero-ink:#1a1a1a;--hero-paper:#f7f4ee}html[data-theme=dark] .hero-art{--hero-ink:#e8e4dc;--hero-paper:#131313}html[data-theme=light] .hero-art .ink-grain{opacity:.045;mix-blend-mode:multiply}html[data-theme=dark] .hero-art .ink-grain{opacity:.035;mix-blend-mode:screen}.hero-veil{z-index:1;pointer-events:none;background:radial-gradient(62% 66% at 34% 46%,#f7f4eed1,#f7f4ee75 46%,#f7f4ee00 78%);position:absolute;inset:0}html[data-theme=dark] .hero-veil{background:radial-gradient(62% 66% at 34% 46%,#131313d1,#13131375 46%,#13131300 78%)}.hero-grid{z-index:2;max-width:860px;padding:132px 24px 116px;position:relative}.hero h1{font-family:var(--font-serif);letter-spacing:.05em;flex-wrap:wrap;align-items:baseline;gap:0 .22em;margin:0;font-size:calc(clamp(44px,7vw,74px));font-weight:700;line-height:1.12;display:flex}.hero h1 .h1-en{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:.3em;display:inline-block}.hero-lead{max-width:30em;color:var(--text-muted);margin:22px 0 0;font-size:17px}.hero-lead strong{color:var(--text);font-weight:600}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.btn{letter-spacing:.04em;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:9px 20px;font-size:14px;transition:border-color .2s,color .2s,background-color .28s;display:inline-block}.btn:hover{color:var(--accent)}.btn-primary,.btn:hover{border-color:var(--accent)}.btn-primary,.btn-primary:hover{background:var(--accent);color:#fffdf8}.btn-primary:hover{opacity:.9}.to-top{z-index:25;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:40px;height:40px;color:var(--text);cursor:pointer;opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:0;transition:opacity .24s,transform .24s,visibility 0s linear .24s,border-color .2s,color .2s,background-color .28s;display:inline-flex;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 2px 10px #1a1a1a0f}.to-top.is-visible{opacity:1;visibility:visible;transition:opacity .24s,transform .24s,visibility,border-color .2s,color .2s,background-color .28s;transform:none}.to-top:focus-visible,.to-top:hover{border-color:var(--accent);color:var(--accent)}.to-top svg{display:block}.to-top .to-top-base{stroke:var(--accent)}html[data-theme=dark] .to-top{box-shadow:0 2px 12px #00000080}.read-progress{z-index:40;pointer-events:none;height:1px;position:fixed;top:0;left:0;right:0}.read-progress i{background:var(--accent);transform-origin:0;will-change:transform;width:100%;height:100%;display:block;transform:scaleX(0)}section.block{border-bottom:1px solid var(--line);padding:60px 0}.sec-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px;display:flex}.sec-head h2{font-family:var(--font-serif);letter-spacing:.04em;margin:0 0 4px;padding-left:14px;font-size:24px;font-weight:700;position:relative}.sec-head h2:before{content:"";background:var(--accent);width:3px;height:.95em;position:absolute;top:.28em;left:0}.sec-desc{margin:0;padding-left:14px;font-size:13px}.more-link,.sec-desc{color:var(--text-muted)}.more-link{font-family:var(--font-mono);letter-spacing:.06em;border-bottom:1px solid var(--line);flex:none;padding-bottom:2px;font-size:12px;transition:color .2s,border-color .2s}.more-link:hover{color:var(--accent);border-bottom-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:20px 18px 22px;transition:border-color .22s,transform .22s,background-color .28s;display:flex;position:relative}.card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}.card:after{content:"";background:var(--accent);width:0;height:1px;transition:width .32s;position:absolute;bottom:-1px;left:0}.card:hover:after{width:100%}.card-no{font-family:var(--font-mono);letter-spacing:.12em;color:var(--accent);opacity:0;font-size:10.5px;transition:opacity .22s,transform .22s;position:absolute;top:12px;right:14px;transform:translateY(-2px)}.card:hover .card-no{opacity:.85;transform:none}.card-cat{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px}.card h3{font-family:var(--font-serif);margin:10px 0 8px;font-size:17.5px;font-weight:700;line-height:1.45}.card:hover h3{color:var(--accent)}.card-excerpt{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:13.5px;display:-webkit-box;overflow:hidden}.card-foot{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;font-size:11px;display:flex}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-mini{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-muted);padding:1px 6px;font-size:10.5px}.essay-row,.post-grid,.project-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.post-grid .card:first-child{grid-column:span 2}.post-grid .card:first-child h3{font-size:22px}.post-grid .card:first-child .card-excerpt{-webkit-line-clamp:2;font-size:14px}.essay-card{border:1px dashed var(--line);border-radius:var(--radius);background:0 0;padding:16px;transition:border-color .22s,background-color .28s;position:relative}.essay-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));border-style:solid}.essay-card .card-no{top:10px;right:12px}.essay-card:hover .card-no{opacity:.85}.essay-card h3{font-family:var(--font-serif);margin:6px 0;padding-right:56px;font-size:15.5px;font-weight:700;line-height:1.5}.essay-card:hover h3{color:var(--accent)}.essay-card .card-foot{padding-top:12px}.project-card{padding:0;overflow:hidden}.project-thumb{border-bottom:1px solid var(--line);background-color:var(--bg);background-color:color-mix(in srgb,var(--bg) 70%,var(--surface));background-image:repeating-linear-gradient(135deg,transparent 0 9px,color-mix(in srgb,var(--line) 65%,transparent) 9px 10px);height:132px;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:0 12px;font-size:11px;display:flex}.project-body{flex-direction:column;flex:1;padding:18px;display:flex}.stack-line{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.04em;margin:12px 0 0;padding-top:12px;font-size:11px}.project-card .link-out{color:var(--accent)}.tag-cloud{flex-wrap:wrap;align-items:baseline;gap:10px 12px;display:flex}.cloud-tag{font-family:var(--font-serif);font-size:calc(var(--w,1) * 14px);color:var(--text-muted);border-bottom:1px solid #0000;padding:2px 0;transition:color .2s,border-color .2s}.cloud-tag:hover{color:var(--accent);border-bottom-color:var(--accent)}.cloud-tag .cnt{font-family:var(--font-mono);letter-spacing:.06em;opacity:.7;margin-left:3px;font-size:.62em}.page-hero{border-bottom:1px solid var(--line);padding:54px 0 30px}.page-hero-inner,.post-hero-inner{max-width:42em}.page-hero h1{font-family:var(--font-serif);letter-spacing:.02em;margin:12px 0 0;padding-left:16px;font-size:34px;font-weight:700;line-height:1.38;position:relative}.page-hero h1:before{content:"";background:var(--accent);width:3px;height:.9em;position:absolute;top:.3em;left:0}.page-lead{margin:16px 0 0;font-size:15.5px}.empty-hint,.page-lead,.page-meta,.post-cat,.post-lead,.post-meta{color:var(--text-muted)}.page-meta{font-family:var(--font-mono);letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:18px;font-size:11.5px;display:flex}.page-body{padding-top:34px;padding-bottom:20px}.empty-hint{border-top:1px solid var(--line);margin:0;padding:40px 0;font-size:14px}.post-hero{border-bottom:1px solid var(--line);padding:54px 0 32px}.post-cat{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;font-size:10.5px}.post-hero h1{font-family:var(--font-serif);letter-spacing:.02em;margin:12px 0 0;padding-left:16px;font-size:34px;font-weight:700;line-height:1.38;position:relative}.post-hero h1:before{content:"";background:var(--accent);width:3px;height:.9em;position:absolute;top:.3em;left:0}.post-lead{margin:16px 0 0;font-size:15.5px}.post-meta{font-family:var(--font-mono);letter-spacing:.05em;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:22px;font-size:11.5px;display:flex}.post-meta .dot{background:var(--line);border-radius:50%;width:3px;height:3px}.post-meta .upd{color:var(--text)}.post-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tag{border:1px solid var(--line);border-radius:var(--radius);color:var(--text-muted);padding:2px 8px;font-size:11.5px;transition:color .2s,border-color .2s}.tag:hover{color:var(--accent);border-color:var(--accent)}.post-layout{grid-template-columns:minmax(0,1fr) 236px;gap:56px;padding-top:34px;padding-bottom:20px;display:grid}.post-main{min-width:0}.post-body{word-wrap:break-word;max-width:44em;font-size:16.5px;line-height:1.95}.post-body p{margin:0 0 1.15em}.post-body>p:first-child{margin-top:0}.post-body h2{font-family:var(--font-serif);letter-spacing:.03em;margin:2.4em 0 .85em;padding-left:14px;scroll-margin-top:84px;font-size:22px;font-weight:700;line-height:1.5;position:relative}.post-body h2:before{content:"";background:var(--accent);width:3px;height:.95em;position:absolute;top:.28em;left:0}.post-body h3{font-family:var(--font-serif);margin:1.9em 0 .7em;scroll-margin-top:84px;font-size:18px;line-height:1.55}.post-body h3,.post-body strong{font-weight:700}.post-body a{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.post-body ol,.post-body ul{margin:0 0 1.2em;padding-left:0}.post-body li{margin:0 0 .5em}.footer-col ul,.post-body ol,.post-body ul,.toc ol,.toc-drawer ol{list-style:none}.post-body ul>li{padding-left:1.35em;position:relative}.post-body ul>li:before{content:"";background:var(--accent);width:9px;height:1px;position:absolute;top:.82em;left:0}.post-body ol{counter-reset:olc}.post-body ol>li{counter-increment:olc;padding-left:1.9em;position:relative}.post-body ol>li:before{content:counter(olc) ".";width:1.5em;font-family:var(--font-mono);color:var(--accent);font-size:12.5px;position:absolute;top:.12em;left:0}.post-body blockquote{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--surface);color:var(--text-muted);margin:1.6em 0;padding:14px 18px;font-size:15.5px}.post-body blockquote p{margin:0}.post-body :not(pre)>code{font-family:var(--font-mono);color:var(--text);padding:.12em .38em;font-size:.87em}.code-card,.post-body :not(pre)>code{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.code-card{margin:1.5em 0;overflow:hidden;box-shadow:0 12px 30px -22px #00000080}.code-head{border-bottom:1px solid var(--line);background:var(--bg);background:color-mix(in srgb,var(--bg) 55%,var(--surface));font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:8px;padding:9px 14px;font-size:11.5px;display:flex}.code-head .lang{color:var(--accent);text-transform:uppercase}.code-head .file,.post-body pre{color:var(--text)}.post-body pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-mono);margin:1.5em 0;padding:16px 14px;font-size:12.5px;line-height:1.85;overflow-x:auto;box-shadow:0 12px 30px -22px #00000080}.post-body .code-card pre{box-shadow:none;border:0;border-radius:0;margin:0}.post-body pre code{background:0 0;border:0;padding:0;font-family:inherit}.post-body .shiki span{color:var(--shiki-light)}html[data-theme=dark] .post-body .shiki,html[data-theme=dark] .post-body .shiki span{color:var(--shiki-dark,var(--text))!important}html[data-theme=dark] .post-body pre{background:var(--surface)}.post-body img{border:1px solid var(--line);border-radius:var(--radius);max-width:100%;height:auto}.fig{margin:1.6em 0}.fig-ph{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--bg);background-color:color-mix(in srgb,var(--bg) 70%,var(--surface));background-image:repeating-linear-gradient(135deg,transparent 0 9px,color-mix(in srgb,var(--line) 65%,transparent) 9px 10px);text-align:center;height:200px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);justify-content:center;align-items:center;padding:0 16px;font-size:11.5px;display:flex}.fig figcaption{color:var(--text-muted);margin-top:9px;font-size:12.5px}.table-wrap{margin:1.5em 0;overflow-x:auto}.post-body table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7}.post-body caption{text-align:left;font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-muted);padding-bottom:9px;font-size:11.5px}.post-body td,.post-body th{border:1px solid var(--line);text-align:left;padding:9px 12px}.post-body th{background:color-mix(in srgb,var(--bg) 55%,var(--surface));font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:11.5px;font-weight:500}.post-body tbody tr:hover td{background:color-mix(in srgb,var(--surface) 70%,transparent)}.callout{border-left:3px solid var(--accent);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;margin:1.6em 0;padding:13px 16px;font-size:15px}.callout-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--accent);margin-bottom:5px;font-size:10.5px;display:block}.callout p{margin:0}.toc{top:calc(24px + var(--header-h));max-height:calc(100vh - 60px - var(--header-h));align-self:start;margin-top:2.4em;position:sticky;overflow-y:auto}.toc-title{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding-bottom:10px;font-size:10.5px}.toc ol{margin:12px 0 0;padding:0}.toc li{margin:0 0 7px;font-size:13px;line-height:1.55}.toc a{color:var(--text-muted);border-left:2px solid #0000;padding-left:11px;transition:color .2s,border-color .2s;display:block}.toc a:hover{color:var(--text)}.toc a.lvl3{padding-left:23px;font-size:12.5px}.toc a[aria-current=true]{color:var(--accent);border-left-color:var(--accent)}.toc-drawer{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0 0 10px;display:none}.toc-drawer summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);padding:11px 14px;font-size:11px}.toc-drawer[open] summary{border-bottom:1px solid var(--line);color:var(--text)}.toc-drawer ol{margin:0;padding:10px 14px 14px}.toc-drawer li{margin:0 0 8px;font-size:13.5px}.toc-drawer a{color:var(--text-muted);display:block}.toc-drawer a.lvl3{padding-left:14px;font-size:13px}.toc-drawer a[aria-current=true]{color:var(--accent)}.post-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:14px;max-width:44em;margin:46px 0 0;padding-top:26px;display:grid}.pn-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;transition:border-color .22s,transform .22s,background-color .28s}.pn-item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-2px)}.pn-dir{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;display:block}.pn-title{font-family:var(--font-serif);margin-top:6px;font-size:15px;font-weight:700;line-height:1.5;display:block}.pn-item:hover .pn-title{color:var(--accent)}.pn-date{font-family:var(--font-mono);color:var(--text-muted);margin-top:6px;font-size:11px;display:block}.pn-item.next{text-align:right}.pn-empty{font-family:var(--font-mono);color:var(--text-muted);margin-top:8px;font-size:11px;display:block}.related{margin:54px 0 0}.related-head{margin-bottom:20px}.related-head h2{font-family:var(--font-serif);letter-spacing:.04em;margin:0 0 4px;padding-left:14px;font-size:21px;font-weight:700;position:relative}.related-head h2:before{content:"";background:var(--accent);width:3px;height:.95em;position:absolute;top:.28em;left:0}.related-head .sec-desc{color:var(--text-muted);margin:0;padding-left:14px;font-size:13px}.related-grid{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.site-footer{background:var(--surface);padding:44px 0 40px;transition:background-color .28s}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:28px;display:flex}.footer-brand .brand-name{font-size:18px}.footer-note{max-width:30em;color:var(--text-muted);margin:10px 0 0;font-size:12.5px}.footer-cols{flex-wrap:wrap;gap:52px;display:flex}.footer-col h4{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:10.5px;font-weight:500}.footer-col ul{margin:0;padding:0;font-size:13px;line-height:2}.footer-col a{color:var(--text);border-bottom:1px solid #0000}.footer-col a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:34px;padding-top:18px;font-size:12px;display:flex}.footer-bottom .copyright{font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.beian{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.beian-item{color:var(--text-muted);align-items:center;gap:5px;display:inline-flex}.beian-item:hover{color:var(--accent)}.beian-icon{border:1px solid;border-radius:50%;justify-content:center;align-items:center;font-size:9px;line-height:1;display:inline-flex}.beian-icon,.beian-icon-img{flex:none;width:15px;height:15px}.beian-ph{font-family:var(--font-mono);letter-spacing:.02em}.beian-hint{color:var(--text-muted);font-size:11px}.notfound{place-items:center;min-height:62vh;padding:60px 0;display:grid}.notfound-inner{text-align:left;max-width:34em}.notfound .code-no{font-family:var(--font-mono);letter-spacing:.18em;color:var(--accent);font-size:12px}.notfound h1{font-family:var(--font-serif);margin:14px 0 0;padding-left:16px;font-size:32px;font-weight:700;position:relative}.notfound h1:before{content:"";background:var(--accent);width:3px;height:.9em;position:absolute;top:.3em;left:0}.notfound p{color:var(--text-muted)}.reveal{opacity:0;transition:opacity .32s,transform .32s;transform:translateY(12px)}.reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.card,.card:after,.pn-item,.read-progress i,.reveal,.theme-toggle{transition:none}.to-top{transition:opacity .2s linear,visibility 0s linear .2s,border-color .2s,color .2s;transform:none}.to-top.is-visible{transition:opacity .2s linear,visibility,border-color .2s,color .2s;transform:none}.site-header.is-float,.site-header.is-float.is-visible{transition:visibility,background-color .28s,border-color .28s}}@media (width<=1023px){.hero-grid{padding:104px 24px 92px}.essay-row,.post-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.post-grid .card:first-child{grid-column:span 2}.post-layout{grid-template-columns:minmax(0,1fr);gap:0}.toc{display:none}.toc-drawer{display:block}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.wrap{padding:0 18px}.nav{display:none}.hero-grid{padding:92px 18px 80px}.hero h1{font-size:38px}.essay-row,.post-grid,.post-nav,.project-grid,.related-grid{grid-template-columns:1fr}.post-grid .card:first-child{grid-column:span 1}.post-grid .card:first-child h3{font-size:18px}.sec-head{flex-direction:column;align-items:flex-start;gap:8px}.footer-cols{gap:28px}.to-top{width:38px;height:38px;bottom:16px;right:14px}.page-hero{padding:36px 0 26px}.page-hero h1{padding-left:14px;font-size:26px}.page-lead{font-size:15px}.post-hero{padding:36px 0 26px}.post-hero h1{padding-left:14px;font-size:26px}.post-lead{font-size:15px}.post-body{font-size:16px;line-height:1.9}.post-body h2{font-size:20px}.pn-item.next{text-align:left}.post-body table{white-space:nowrap;display:block;overflow-x:auto}}