:root{color-scheme:light;--bg: #f8f7f2;--surface: #ffffff;--surface-soft: #f0efe7;--text: #202225;--muted: #6f7378;--line: rgba(32, 34, 37, .12);--primary: #00796b;--primary-strong: #005f56;--accent: #e45d3c;--gold: #b98b2d;--shadow: 0 18px 45px rgba(22, 31, 37, .14);--shadow-soft: 0 10px 28px rgba(22, 31, 37, .1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.6;font-weight:400;color:var(--text);background:var(--bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #141615;--surface: #1d211f;--surface-soft: #242a27;--text: #f3f1ea;--muted: #a5aaa6;--line: rgba(243, 241, 234, .13);--primary: #5bc0ae;--primary-strong: #83dacd;--accent: #ff8a65;--gold: #d6b15d;--shadow: 0 18px 45px rgba(0, 0, 0, .34);--shadow-soft: 0 10px 28px rgba(0, 0, 0, .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;cursor:pointer}img{display:block;max-width:100%}.progress-bar{position:fixed;top:0;left:0;z-index:60;width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--gold))}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;height:66px;padding:0 clamp(18px,5vw,64px);color:#fff;background:#10141373;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.site-nav,.topbar-actions,.footer-links,.hero-actions,.article-meta,.about-actions{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.brand-mark,.avatar{display:inline-grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent))}.brand-mark{width:32px;height:32px;border-radius:8px}.site-nav{justify-content:center;gap:8px}.site-nav a{min-width:62px;padding:9px 13px;border-radius:8px;color:#ffffffd1;text-align:center}.site-nav a:hover,.site-nav a.active{color:#fff;background:#ffffff21}.topbar-actions{justify-content:flex-end;gap:8px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:8px;color:inherit;background:#ffffff1f}.icon-button:hover{background:#fff3}.icon-button svg,.solid-button svg,.ghost-button svg,.footer-links svg,.article-meta svg,.copy-button svg,.search-top svg,.empty-state svg{width:18px;height:18px;flex:0 0 auto}.menu-toggle{display:none}.hero,.page-hero{position:relative;min-height:min(650px,78vh);overflow:hidden;color:#fff}.compact-hero{min-height:min(470px,58vh)}.article-hero{min-height:min(560px,68vh)}.hero img,.page-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090d1040,#090d10c7),radial-gradient(circle at 18% 72%,rgba(0,121,107,.45),transparent 34%),radial-gradient(circle at 85% 40%,rgba(228,93,60,.25),transparent 28%)}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:min(1120px,calc(100% - 36px));min-height:inherit;margin:0 auto;padding:112px 0 80px}.hero-content h1{width:min(800px,100%);margin:8px 0 14px;font-size:clamp(2.8rem,8vw,5.8rem);line-height:.98;letter-spacing:0}.hero-content p:not(.eyebrow){width:min(650px,100%);margin:0;color:#ffffffd6;font-size:clamp(1.02rem,2vw,1.24rem)}.eyebrow{margin:0;color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero-actions{gap:12px;flex-wrap:wrap;margin-top:28px}.solid-button,.ghost-button,.text-link,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border-radius:8px;font-weight:760}.solid-button{color:#fff;background:var(--primary);box-shadow:var(--shadow-soft)}.solid-button:hover{background:var(--primary-strong)}.ghost-button{color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.2)}.ghost-button:hover{background:#ffffff38}.content-shell,.article-shell{width:min(1120px,calc(100% - 36px));margin:0 auto}.content-shell{padding:58px 0 82px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:26px}.section-heading h2{margin:2px 0 0;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12}.text-link{color:var(--primary-strong);background:var(--surface-soft)}.blog-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.post-list{display:grid;gap:22px}.post-card{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:225px;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.post-card-featured{grid-template-columns:1fr}.post-card-featured .post-cover{height:clamp(260px,35vw,420px)}.post-cover{position:relative;min-height:100%;overflow:hidden;background:var(--surface-soft)}.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.post-card:hover .post-cover img{transform:scale(1.04)}.post-body{padding:clamp(20px,3vw,30px)}.post-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:.86rem}.post-body h2{margin:12px 0 10px;font-size:clamp(1.32rem,3vw,2rem);line-height:1.18}.post-body p{margin:0;color:var(--muted)}.tag-row,.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-row{margin-top:18px}.tag-row a,.tag-cloud a,.article-tags a{padding:6px 10px;border-radius:8px;color:var(--primary-strong);background:color-mix(in srgb,var(--primary) 12%,transparent);font-size:.86rem;font-weight:720}.sidebar{position:sticky;top:88px;display:grid;gap:18px}.profile-panel,.side-block,.now-panel,.article-card,.toc-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-soft)}.profile-panel,.side-block,.now-panel{padding:22px}.avatar{width:62px;height:62px;border-radius:8px;font-size:1.6rem;font-weight:900}.profile-panel h3,.side-block h3,.now-panel h3,.toc-panel h2{margin:14px 0 8px;font-size:1rem}.profile-panel p,.side-block p,.now-panel p{margin:0;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.profile-stats span{padding:12px;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:.88rem}.profile-stats strong{display:block;color:var(--text);font-size:1.32rem}.category-list{display:grid;gap:8px}.category-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;color:var(--muted);border-bottom:1px solid var(--line)}.category-list a:last-child{border-bottom:0}.category-list b{color:var(--primary-strong)}.archive-shell{display:grid;gap:34px}.archive-year{display:grid;grid-template-columns:120px minmax(0,1fr);gap:28px}.archive-year h2{margin:0;color:var(--primary-strong);font-size:2.2rem}.timeline{display:grid;gap:12px;border-left:2px solid var(--line)}.timeline-item{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px 16px 26px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.timeline-item:before{content:"";position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--accent)}.timeline-item time,.timeline-item em{color:var(--muted);font-size:.9rem;font-style:normal}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.about-copy h2{margin:0 0 18px;font-size:clamp(1.8rem,4vw,3rem)}.about-copy p{color:var(--muted);font-size:1.06rem}.about-actions{gap:12px;margin-top:24px}.now-panel ul{margin:18px 0 0;padding-left:20px;color:var(--muted)}.article-shell{display:grid;grid-template-columns:230px minmax(0,780px);gap:28px;align-items:start;padding:54px 0 90px}.toc-panel{position:sticky;top:88px;padding:18px}.toc-panel h2{margin:0 0 12px}.toc-panel a{display:block;padding:8px 0;color:var(--muted);border-top:1px solid var(--line);font-size:.95rem}.article-card{padding:clamp(24px,5vw,48px)}.article-meta{flex-wrap:wrap;gap:16px;margin-bottom:24px;color:var(--muted)}.article-meta span,.footer-links a{display:inline-flex;align-items:center;gap:8px}.article-card p,.article-card li{color:color-mix(in srgb,var(--text) 82%,var(--muted));font-size:1.06rem}.article-card h2{scroll-margin-top:96px;margin:36px 0 12px;font-size:clamp(1.5rem,3vw,2.1rem)}blockquote{margin:28px 0;padding:18px 22px;color:var(--primary-strong);background:color-mix(in srgb,var(--primary) 10%,var(--surface));border-left:4px solid var(--primary);border-radius:8px;font-weight:720}.code-wrap{margin:26px 0;overflow:hidden;background:#151a1e;border-radius:8px}.code-head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:#cfd7d2;background:#ffffff0f;font-size:.86rem}.copy-button{min-height:34px;padding:6px 10px;color:#fff;background:#ffffff1a}.copy-button.copied{background:var(--primary)}pre{margin:0;padding:18px;overflow-x:auto}code{color:#f6f1df;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.94rem}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}.search-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:none}.search-layer.is-open{display:block}.search-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0c94;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.search-dialog{position:relative;width:min(680px,calc(100% - 28px));max-height:min(720px,calc(100vh - 48px));margin:24px auto 0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.search-top{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border-bottom:1px solid var(--line)}.search-top label{display:flex;align-items:center;gap:10px;min-width:0;padding:0 12px;background:var(--surface-soft);border-radius:8px}.search-top input{width:100%;min-width:0;height:44px;color:var(--text);background:transparent;border:0;outline:0}.search-results{display:grid;gap:0;max-height:580px;overflow:auto}.search-results a{display:block;padding:16px 18px;border-bottom:1px solid var(--line)}.search-results a:hover{background:var(--surface-soft)}.search-results span{color:var(--muted);font-size:.82rem}.search-results strong{display:block;margin:4px 0;font-size:1.08rem}.search-results p{margin:0;color:var(--muted)}.empty-state{display:grid;place-items:center;min-height:220px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px}.empty-state svg{width:34px;height:34px}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px clamp(18px,5vw,64px);color:var(--muted);background:var(--surface);border-top:1px solid var(--line)}.footer strong{color:var(--text)}.footer p{margin:4px 0 0}.footer-links{gap:14px;flex-wrap:wrap}.footer-links a{padding:8px 10px;border-radius:8px;background:var(--surface-soft)}@media(max-width:920px){.topbar{grid-template-columns:auto auto 1fr}.menu-toggle{display:inline-grid}.site-nav{position:fixed;top:66px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;padding:12px;background:#141615eb;border:1px solid rgba(255,255,255,.14);border-radius:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-nav.is-open{display:flex}.site-nav a{width:100%}.topbar-actions{margin-left:auto}.blog-grid,.about-layout,.article-shell{grid-template-columns:1fr}.sidebar,.toc-panel{position:static}.toc-panel{display:none}.post-card{grid-template-columns:1fr}.post-cover{height:245px}.archive-year{grid-template-columns:1fr;gap:14px}.timeline-item{grid-template-columns:1fr;gap:4px}}@media(max-width:620px){.topbar{height:62px;gap:10px;padding:0 14px}.brand span:last-child{display:none}.icon-button{width:38px;height:38px}.hero,.page-hero{min-height:72vh}.compact-hero{min-height:52vh}.hero-content{width:min(100% - 28px,1120px);padding:96px 0 46px}.hero-content h1{font-size:clamp(2.35rem,13vw,3.5rem)}.content-shell,.article-shell{width:min(100% - 28px,1120px)}.section-heading,.footer{align-items:flex-start;flex-direction:column}.post-body{padding:20px}.post-meta{gap:8px}.profile-stats{grid-template-columns:1fr}.article-card{padding:22px}.search-dialog{margin-top:12px}.search-top{grid-template-columns:1fr}}