:root{--bg:#f4f5f2;--surface:#fff;--ink:#111416;--muted:#626b70;--line:#cfd4d2;--cyan:#168a9a;--green:#33864b;--coral:#d75c43;--code:#111416;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);letter-spacing:0;margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.7}img{width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{letter-spacing:0}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.7rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{min-height:72px;max-width:var(--max);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 auto;padding:0 28px;display:flex}.brand{align-items:center;gap:10px;font-family:ui-monospace,Consolas,monospace;font-size:.78rem;font-weight:700;display:flex}.brand-mark{border:3px solid var(--ink);background:var(--green);border-radius:50%;width:14px;height:14px}.brand-suffix{color:var(--muted);font-weight:500}.site-header nav{align-items:center;gap:30px;font-size:.86rem;display:flex}.site-header nav a{color:var(--muted);border-bottom:2px solid #0000;padding:23px 0 21px}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--cyan)}.menu-button{width:42px;height:42px;color:var(--ink);background:0 0;border:0;justify-content:center;align-items:center;display:none}.menu-close,.menu-button[aria-expanded=true] .menu-open{display:none}.menu-button[aria-expanded=true] .menu-close{display:block}main{overflow:hidden}.home-intro,.featured-section,.recent-section,.page-header,.archive-tools,.archive-grid,.filter-empty,.about-page,.post-page,.not-found{max-width:var(--max);margin-inline:auto;padding-inline:28px}.home-intro{min-height:540px;padding-top:88px;padding-bottom:62px;position:relative}.home-intro:before{content:"";background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.5;z-index:-1;background-size:34px 34px;position:absolute;inset:34px 28px 34px 62%;mask-image:linear-gradient(90deg,#0000,#000)}.kicker{color:var(--cyan);text-transform:uppercase;margin:0 0 20px;font:700 .72rem/1.4 ui-monospace,Consolas,monospace}.home-intro h1,.page-header h1,.post-header h1,.not-found h1{max-width:950px;margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(3rem,6.1vw,6.1rem);font-weight:900;line-height:1.12}.intro-copy{max-width:630px;color:var(--muted);margin:30px 0 23px;font-size:1.02rem}.text-link,.read-link,.section-heading a{align-items:center;gap:8px;font-size:.84rem;font-weight:600;display:inline-flex}.text-link:hover,.read-link:hover,.section-heading a:hover{color:var(--cyan)}.stack-line{flex-wrap:wrap;gap:7px;margin-top:52px;display:flex}.stack-line span,.card-tags span{border:1px solid var(--line);color:var(--muted);background:#ffffff73;padding:4px 8px;font:600 .65rem/1.4 ui-monospace,Consolas,monospace}.featured-section,.recent-section{padding-bottom:100px}.section-heading{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;padding:15px 0 25px;display:flex}.section-heading h2{text-transform:uppercase;margin:0;font:700 .72rem/1.4 ui-monospace,Consolas,monospace}.section-heading>span,.section-heading>a{color:var(--muted);font:500 .7rem/1.4 ui-monospace,Consolas,monospace}.article-card{min-width:0}.article-card .card-image{aspect-ratio:5/3;background:var(--code);display:block;overflow:hidden}.article-card .card-image img{object-fit:cover;height:100%;transition:transform .35s,filter .35s}.article-card:hover .card-image img{filter:brightness(1.08);transform:scale(1.015)}.article-card.large{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);min-height:520px;display:grid}.article-card.large .card-image{aspect-ratio:auto}.card-copy{padding-top:20px}.article-card.large .card-copy{background:var(--surface);border:1px solid var(--line);border-left:0;flex-direction:column;justify-content:center;padding:46px 38px;display:flex}.eyebrow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font:500 .68rem/1.5 ui-monospace,Consolas,monospace;display:flex}.eyebrow>span:first-child{color:var(--cyan);font-weight:700}.eyebrow>*+:before{content:"/";color:var(--line);margin-right:10px}.reading-time{color:var(--green)}.card-copy h2{margin:12px 0 10px;font-family:Songti SC,STSong,SimSun,serif;font-size:1.48rem;line-height:1.4}.article-card.large h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.3}.card-copy>p{color:var(--muted);margin:0 0 17px;font-size:.9rem}.card-tags{flex-wrap:wrap;gap:6px;margin:0 0 20px;display:flex}.read-link{margin-top:auto}.card-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 28px;display:grid}.newsletter-band{background:var(--code);color:#fff;padding:65px max(28px, calc((100vw - var(--max)) / 2 + 28px));grid-template-columns:.55fr 2fr auto;align-items:start;gap:40px;display:grid}.newsletter-band h2{margin:0 0 8px;font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.35}.newsletter-band p{color:#9da6aa;margin-top:0}.button{background:var(--cyan);color:#fff;border:0;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:.82rem;font-weight:600;display:inline-flex}.button:hover{background:var(--coral)}.site-footer{max-width:var(--max);grid-template-columns:1fr auto;gap:28px;margin:0 auto;padding:58px 28px 32px;display:grid}.footer-brand{font:700 .82rem/1.4 ui-monospace,Consolas,monospace}.site-footer p{color:var(--muted);font-size:.78rem}.footer-links{gap:22px;font-size:.78rem;display:flex}.footer-links a:hover{color:var(--cyan)}.copyright{border-top:1px solid var(--line);grid-column:1/-1;padding-top:25px}.page-header{padding-top:82px;padding-bottom:55px}.page-header h1{font-size:clamp(3rem,5vw,5.2rem)}.page-header>p:last-child{color:var(--muted);margin-top:22px}.archive-tools{justify-content:space-between;align-items:center;gap:20px;margin-bottom:52px;display:flex}.search-box{flex:1;max-width:420px}.search-box input{background:var(--surface);width:100%;height:44px;color:var(--ink);border:1px solid var(--line);border-radius:0;outline:none;padding:0 13px}.search-box input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #168a9a1f}.filter-tabs{border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;display:flex}.filter-tabs button{border:0;border-right:1px solid var(--line);min-height:42px;color:var(--muted);background:0 0;padding:0 13px;font-size:.76rem}.filter-tabs button:last-child{border-right:0}.filter-tabs button.active{background:var(--ink);color:#fff}.archive-grid{padding-bottom:110px}.filter-empty{color:var(--muted);padding-bottom:100px}.about-page{padding-bottom:110px}.about-page .page-header{padding-inline:0}.about-grid{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;gap:75px;padding-top:36px;display:grid}.about-lead{font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(1.6rem,3vw,2.45rem);line-height:1.5}.about-lead p{margin-top:0}.about-copy{color:#41484c;max-width:570px}.about-copy h2{color:var(--ink);margin-top:42px;font-family:Songti SC,STSong,SimSun,serif}.contact-links{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.contact-links a{border:1px solid var(--line);background:var(--surface);align-items:center;gap:8px;padding:9px 12px;font-size:.8rem;display:inline-flex}.contact-links a:hover{border-color:var(--cyan)}.post-page{max-width:1180px;padding-top:72px;padding-bottom:105px}.post-header{text-align:center;max-width:950px;margin:0 auto 46px}.back-link{color:var(--muted);align-items:center;gap:6px;margin-bottom:42px;font-size:.8rem;display:inline-flex}.post-header .eyebrow{justify-content:center;margin-bottom:16px}.post-header h1{font-size:clamp(2.5rem,5vw,4.8rem)}.post-deck{max-width:700px;color:var(--muted);margin:24px auto 0;font-size:1.04rem}.post-cover{aspect-ratio:16/8.6;background:var(--code);margin:0 0 66px;overflow:hidden}.post-cover img{object-fit:contain;height:100%}.post-body{max-width:740px;margin:0 auto;font-family:Songti SC,STSong,SimSun,serif;font-size:1.04rem;line-height:2}.post-body p{margin:0 0 1.55em}.post-body h2{margin:2.1em 0 .75em;font-size:1.62rem;line-height:1.4}.post-body ul,.post-body ol{padding-left:1.35em}.post-body strong{color:var(--coral)}.post-body pre{border-left:3px solid var(--green);margin:2rem -30px;padding:24px 28px;font:.86rem/1.7 ui-monospace,Consolas,monospace;overflow-x:auto}.post-body :not(pre)>code{color:#1c5960;background:#e4e8e5;padding:2px 5px;font:.86em/1.5 ui-monospace,Consolas,monospace}.post-footer{border-top:1px solid var(--line);justify-content:space-between;gap:22px;max-width:740px;margin:60px auto 0;padding-top:22px;font-size:.8rem;display:flex}.post-footer>a{font-weight:600}.post-tags{color:var(--muted);flex-wrap:wrap;gap:9px;display:flex}.not-found{min-height:70vh;padding-top:100px;padding-bottom:100px}.not-found h1{font-size:clamp(3rem,6vw,6rem)}.not-found>p:not(.kicker){color:var(--muted);margin:23px 0 32px}@media (width<=800px){.site-header{min-height:64px;padding-inline:20px}.menu-button{display:flex}.site-header nav{z-index:10;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:7px 20px 18px;display:none;position:absolute;top:64px;left:0;right:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:13px 0}.home-intro,.featured-section,.recent-section,.page-header,.archive-tools,.archive-grid,.filter-empty,.about-page,.post-page,.not-found{padding-inline:20px}.home-intro{min-height:500px;padding-top:70px}.home-intro:before{inset:30px -20px 80px 47%}.home-intro h1{font-size:clamp(2.65rem,13.4vw,4rem)}.stack-line{margin-top:40px}.featured-section,.recent-section{padding-bottom:72px}.article-card.large{min-height:auto;display:block}.article-card.large .card-image{aspect-ratio:5/3}.article-card.large .card-copy{border-left:1px solid var(--line);border-top:0;padding:30px 23px 34px}.card-grid,.archive-grid{grid-template-columns:1fr;gap:50px}.newsletter-band{grid-template-columns:1fr;gap:10px;padding:52px 20px}.newsletter-band .button{justify-self:start;margin-top:12px}.site-footer{grid-template-columns:1fr;padding:48px 20px 26px}.footer-links{flex-wrap:wrap}.page-header{padding-top:60px;padding-bottom:44px}.archive-tools{flex-direction:column;align-items:stretch;margin-bottom:42px}.search-box{max-width:none}.filter-tabs{flex-wrap:nowrap;overflow-x:auto}.filter-tabs button{flex:none}.about-grid{grid-template-columns:1fr;gap:10px}.post-page{padding-top:50px}.back-link{margin-bottom:32px}.post-cover{aspect-ratio:4/3;margin-inline:-20px;margin-bottom:46px}.post-body{font-size:1rem}.post-body pre{margin-inline:-20px;padding:20px}.post-footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}