@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg: #f7f5ef;--bg-strong: #f1eee6;--surface: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--line: rgba(16, 21, 28, .12);--line-strong: rgba(16, 21, 28, .22);--text: #0f141b;--text-soft: #5d6570;--text-inverse: #ffffff;--accent: #121a22;--accent-soft: #ebe7df;--shadow-soft: 0 24px 54px rgba(15, 20, 27, .06);--content-width: min(1180px, calc(100vw - 56px) );--reading-width: min(760px, 100%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:linear-gradient(180deg,#fcfbf8 0%,var(--bg) 100%);line-height:1.7}body:before{position:fixed;inset:0;z-index:-1;content:"";background-image:linear-gradient(90deg,rgba(16,21,28,.045) 1px,transparent 1px);background-size:min(32vw,420px) 100%;mask-image:linear-gradient(180deg,rgba(0,0,0,.36),transparent 88%);pointer-events:none}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}code,pre{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}main{display:block}.site-shell{width:var(--content-width);margin:0 auto;padding-bottom:48px}.site-header{padding:22px 0 26px;border-bottom:1px solid var(--line)}.header-nav{display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:50%;background:#ffffffb8;font-size:.84rem;font-weight:700;letter-spacing:.08em}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:.98rem;letter-spacing:-.02em}.brand-copy span:last-child{font-size:.76rem;color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:18px;font-size:.92rem}.nav-links a{padding-bottom:4px;color:var(--text-soft);border-bottom:1px solid transparent;transition:color .22s ease,border-color .22s ease,transform .22s ease}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.active{color:var(--text);border-color:var(--line-strong)}.eyebrow{margin:0 0 16px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.hero,.archive-hero,.about-hero{display:grid;gap:44px;padding:54px 0 72px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:end}.hero-copy,.post-hero-copy{display:grid;gap:20px}.hero h1,.archive-hero h1,.about-hero h1,.post-hero h1{margin:0;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.92;letter-spacing:-.08em}.hero h1{max-width:10.5ch}.archive-hero h1,.about-hero h1{max-width:12ch}.hero-lead,.archive-hero p:not(.eyebrow),.about-hero p:not(.eyebrow),.post-deck{margin:0;max-width:60ch;color:var(--text-soft);font-size:1.04rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}.button{display:inline-flex;align-items:center;justify-content:center;min-width:152px;padding:14px 20px;border:1px solid var(--line-strong);border-radius:999px;font-weight:600;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button.primary{color:var(--text-inverse);background:var(--accent);border-color:var(--accent)}.button.ghost{background:#ffffffa8}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:14px 0 0;padding:24px 0 0;list-style:none;border-top:1px solid var(--line)}.hero-metrics li{display:grid;gap:3px}.hero-metrics strong{font-size:1.9rem;line-height:1;letter-spacing:-.08em}.hero-metrics span{font-size:.92rem;color:var(--text-soft)}.hero-visual{display:grid;gap:18px}.hero-media,.post-cover,.post-hero-media{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,#e9e4da,#f6f3eb);box-shadow:var(--shadow-soft)}.hero-media{min-height:560px}.hero-media img,.post-cover img,.post-hero-image,.article-body img{width:100%;height:100%;object-fit:cover}.hero-media img,[data-parallax]{transform:translate3d(0,var(--parallax-y, 0px),0) scale(1.04);will-change:transform}.hero-media:after,.post-cover:after,.post-hero-media:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#ffffff0f,#0f141b14);pointer-events:none}.hero-media-fallback{display:grid;place-items:center;height:100%;font-size:clamp(2rem,5vw,4rem);font-weight:700;letter-spacing:-.08em}.hero-note{display:grid;gap:12px;padding-top:20px;border-top:1px solid var(--line)}.hero-note-head{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.hero-note h2,.post-row h3,.archive-card h2,.about-card h2,.topic-card h3{margin:0;font-weight:700;letter-spacing:-.05em}.hero-note h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.03}.hero-note p,.hero-note-summary,.topic-card p,.post-row p,.archive-card p,.about-card p,.site-footer p{margin:0;color:var(--text-soft)}.hero-note-summary{font-size:.92rem}.section-grid,.archive-posts,.about-grid{padding-top:38px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{margin:0;max-width:12ch;font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.08em}.section-description{margin:0;max-width:34ch;color:var(--text-soft)}.topic-grid,.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}.topic-card,.about-card{padding-top:22px;border-top:1px solid var(--line)}.topic-card h3,.about-card h2{margin-bottom:10px;font-size:1.36rem;line-height:1.08}.article-list{display:grid}.post-row{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.post-row:first-child{padding-top:0;border-top:0}.post-row-copy{display:grid;gap:12px}.post-row h3,.archive-card h2{font-size:clamp(1.85rem,3.2vw,2.7rem);line-height:1.02}.post-cover{display:block;aspect-ratio:1.2;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.post-cover img{transition:transform .48s cubic-bezier(.22,1,.36,1)}.post-row:hover .post-cover,.post-row:focus-within .post-cover,.archive-card:hover .post-cover,.archive-card:focus-within .post-cover{border-color:var(--line-strong)}.post-row:hover .post-cover img,.post-row:focus-within .post-cover img,.archive-card:hover .post-cover img,.archive-card:focus-within .post-cover img{transform:scale(1.05)}.post-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.post-meta span{position:relative;padding-right:14px}.post-meta span:after{position:absolute;top:50%;right:0;width:4px;height:4px;border-radius:999px;background:#10151c3d;content:"";transform:translateY(-50%)}.post-meta span:last-child{padding-right:0}.post-meta span:last-child:after{display:none}.site-footer{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:34px;margin-top:44px;border-top:1px solid var(--line)}.footer-copy{display:grid;gap:6px}.footer-meta{display:flex;align-items:center;gap:16px;font-size:.92rem;color:var(--text-soft)}.archive-layout,.about-layout,.post-layout{padding-top:24px}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.filter-chip{padding:11px 16px;border:1px solid var(--line);border-radius:999px;background:#ffffff94;font:inherit;cursor:pointer;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.filter-chip:hover,.filter-chip:focus-visible{transform:translateY(-1px);border-color:var(--line-strong)}.filter-chip.active{color:var(--text-inverse);background:var(--accent);border-color:var(--accent)}.archive-posts{display:grid}.archive-card.is-hidden{display:none}.post-article{width:min(1120px,100%)}.post-hero{display:grid;gap:28px;padding:34px 0 40px;border-bottom:1px solid var(--line)}.post-deck{max-width:52ch}.post-hero-media{aspect-ratio:1.85}.article-body{width:var(--reading-width);margin:0 auto;padding:40px 0 12px;font-size:1.03rem}.article-body h2{margin:42px 0 12px;font-size:clamp(1.55rem,3vw,2.3rem);line-height:1.08;letter-spacing:-.04em}.article-body p,.article-body ul,.article-body ol{margin:0 0 1.2em}.article-body ul,.article-body ol,.about-card ul{padding-left:1.2em}.article-body li+li,.about-card li+li{margin-top:.45em}.article-body a,.about-card a,.hero-note-head a,.footer-meta a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:#10151c3d}.article-body a:hover,.about-card a:hover,.hero-note-head a:hover,.footer-meta a:hover{text-decoration-color:#10151c8f}.article-body figure,.article-body img{margin:32px 0}.article-body img{aspect-ratio:1.7;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#ebe5da,#f6f3eb);box-shadow:var(--shadow-soft)}.article-body blockquote{margin:28px 0;padding:0 0 0 18px;border-left:2px solid var(--line-strong);color:var(--text-soft)}.article-body pre{overflow-x:auto;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#151c24;color:#f5f2ec}.article-body code:not(pre code){padding:2px 6px;border-radius:8px;background:#10151c14;font-size:.95em}.about-card ul{margin:0;color:var(--text-soft)}.reveal-ready [data-reveal]{opacity:0;transform:translate3d(0,26px,0);filter:blur(10px);transition:opacity .76s cubic-bezier(.22,1,.36,1),transform .76s cubic-bezier(.22,1,.36,1),filter .76s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay, 0ms)}.reveal-ready [data-reveal].is-visible{opacity:1;transform:translateZ(0);filter:blur(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1024px){.hero,.post-row{grid-template-columns:1fr}.hero h1,.archive-hero h1,.about-hero h1{max-width:none}.hero-media{min-height:440px}}@media(max-width:820px){.topic-grid,.about-grid,.hero-metrics{grid-template-columns:1fr}.section-heading,.site-footer{display:grid;justify-content:start}}@media(max-width:760px){:root{--content-width: min(100vw - 24px, 1180px)}.header-nav{display:grid;justify-content:start}.nav-links,.footer-meta,.hero-actions{flex-wrap:wrap}.hero,.archive-hero,.about-hero{padding:34px 0 48px}.hero h1,.archive-hero h1,.about-hero h1,.post-hero h1{font-size:clamp(2.65rem,14vw,4.2rem)}.hero-media{min-height:320px}.post-cover,.post-hero-media{aspect-ratio:1.2}.article-body{width:100%}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}