:root{--font-sans:"Manrope", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif:"Noto Serif SC", "Songti SC", Georgia, serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;font-family:var(--font-sans);color:#181917;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f6f5f1;--surface:#fcfcfa;--surface-hover:#f0efe9;--sidebar:#f2f1ec;--ink:#171816;--ink-secondary:#585b55;--ink-muted:#8a8d86;--line:#e2e1da;--line-strong:#cfcec5;--accent:#3d6b52;--accent-soft:#3d6b521a;background:#f6f5f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--ink);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0}.svg-icon{vertical-align:middle;flex:none;display:inline-block}.app-shell{background:var(--bg);min-height:100vh;color:var(--ink);transition:background .2s,color .2s}.theme-dark{--bg:#111210;--surface:#161815;--surface-hover:#1c1e1b;--sidebar:#131412;--ink:#ededeb;--ink-secondary:#9ca099;--ink-muted:#666a63;--line:#232521;--line-strong:#32352f;--accent:#86b89a;--accent-soft:#86b89a1f}.accent-slate{--accent:#47627d;--accent-soft:#47627d1a}.accent-sand{--accent:#8c6239;--accent-soft:#8c62391a}.theme-dark.accent-slate{--accent:#94b2d0;--accent-soft:#94b2d01f}.theme-dark.accent-sand{--accent:#cfa57a;--accent-soft:#cfa57a1f}.mobile-bar{display:none}.sidebar{z-index:30;background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;width:248px;padding:40px 28px 32px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand-row{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:700;display:inline-flex}.brand-dot{background:var(--accent);border-radius:50%;width:9px;height:9px}.icon-btn.sidebar-close{display:none}.sidebar-role{font-family:var(--font-mono);color:var(--ink-muted);margin:6px 0 0 19px;font-size:11px}.sidebar-bio{color:var(--ink-secondary);margin:20px 0 0;font-size:13px;line-height:1.75}.side-nav{border-top:1px solid var(--line);flex-direction:column;gap:2px;margin-top:28px;padding-top:24px;display:flex}.nav-item{color:var(--ink-secondary);border-radius:6px;align-items:center;gap:12px;padding:9px 10px;font-size:13.5px;transition:color .15s,background .15s;display:flex}.nav-item:hover{color:var(--ink);background:var(--surface-hover)}.nav-item.active{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-weight:600}.nav-idx{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.nav-item.active .nav-idx{color:var(--accent)}.nav-count{font-family:var(--font-mono);color:var(--ink-muted);margin-left:auto;font-size:11px}.sidebar-footer{border-top:1px solid var(--line);flex-direction:column;gap:18px;margin-top:auto;padding-top:20px;display:flex}.appearance-row{justify-content:space-between;align-items:center;display:flex}.theme-btn{color:var(--ink-secondary);align-items:center;gap:6px;padding:4px 0;font-size:12px;transition:color .15s;display:inline-flex}.theme-btn:hover{color:var(--ink)}.swatches{align-items:center;gap:7px;display:flex}.swatch{opacity:.45;border-radius:50%;width:12px;height:12px;transition:opacity .15s,transform .15s}.swatch:hover{opacity:.85}.swatch.active{opacity:1;box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--ink)}.swatch-sage{background:#3d6b52}.swatch-slate{background:#47627d}.swatch-sand{background:#8c6239}.ext-links{font-family:var(--font-mono);color:var(--ink-muted);align-items:center;gap:14px;font-size:11.5px;display:flex}.ext-links a{align-items:center;gap:3px;transition:color .15s;display:inline-flex}.ext-links a:hover{color:var(--ink)}.drawer-scrim{display:none}.main-canvas{min-height:100vh;margin-left:248px}.canvas-inner{max-width:1060px;margin:0 auto;padding:48px 56px 72px}.page-header{border-bottom:1px solid var(--line);grid-template-columns:1.15fr .85fr;align-items:end;gap:40px;padding-bottom:36px;display:grid}.section-index{font-family:var(--font-mono);letter-spacing:.1em;color:var(--ink-muted);margin:0 0 8px;font-size:11px}.page-header h1{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1.25}.header-sub{color:var(--ink-secondary);margin:10px 0 0;font-size:14.5px;line-height:1.65}.now-brief{border-left:1px solid var(--line);padding-left:24px}.now-dot-label{font-family:var(--font-mono);color:var(--accent);align-items:center;gap:7px;margin-bottom:6px;font-size:11px;display:inline-flex}.live-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.now-brief p{color:var(--ink-secondary);margin:0;font-size:13px;line-height:1.7}.section-block{border-bottom:1px solid var(--line);padding:40px 0}.block-header{justify-content:space-between;align-items:baseline;margin-bottom:22px;display:flex}.block-header h2{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.block-note{color:var(--ink-muted);font-size:12.5px}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.category-tabs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.cat-tab{color:var(--ink-secondary);border-radius:6px;align-items:baseline;gap:5px;padding:6px 12px;font-size:13.5px;transition:color .15s,background .15s;display:inline-flex}.cat-tab small{font-family:var(--font-mono);color:var(--ink-muted);font-size:10.5px}.cat-tab:hover{color:var(--ink);background:var(--surface-hover)}.cat-tab.active{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong);font-weight:600}.cat-tab.active small{color:var(--accent)}.active-shelf-tag{background:var(--accent-soft);color:var(--accent);border-radius:6px;align-items:center;gap:6px;margin-left:6px;padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.search-field{border:1px solid var(--line);background:var(--surface);width:240px;color:var(--ink-muted);border-radius:6px;align-items:center;gap:8px;padding:6px 11px;transition:border-color .15s;display:flex}.search-field:focus-within{border-color:var(--line-strong);color:var(--ink)}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search-field input::placeholder{color:var(--ink-muted)}.search-field kbd{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.search-clear{color:var(--ink-muted);place-items:center;display:inline-grid}.archive-table{flex-direction:column;display:flex}.year-row-group{border-top:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);display:grid}.year-row-group:first-child{border-top:1px solid var(--line-strong)}.year-col{padding-top:20px}.year-num{font-family:var(--font-mono);color:var(--ink-muted);font-size:14px;font-weight:500}.posts-col{flex-direction:column;display:flex}.post-item{border-bottom:1px solid var(--line);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:baseline;gap:28px;margin:0 -12px;padding:18px 12px;transition:background .15s,opacity .18s;display:flex}.year-row-group .post-item:last-child{border-bottom:0}.archive-table:hover .post-item{opacity:.62}.archive-table:hover .post-item:hover{opacity:1;background:var(--surface)}.post-item-main{flex:1;min-width:0}.post-item-title{color:var(--ink);align-items:center;gap:8px;margin:0;font-size:15.5px;font-weight:600;line-height:1.4;display:inline-flex}.featured-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.post-item-summary{color:var(--ink-secondary);margin:5px 0 0;font-size:13.5px;line-height:1.6}.post-item-aside{white-space:nowrap;flex:none;align-items:center;gap:16px;display:flex}.post-item-cat{color:var(--ink-muted);font-size:12px}.post-item-date{font-family:var(--font-mono);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:12.5px}.empty-box{text-align:center;color:var(--ink-secondary);padding:48px 0;font-size:14px}.empty-box button{border:1px solid var(--line-strong);border-radius:6px;margin-top:10px;padding:6px 14px;font-size:12.5px}.hairline-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.hairline-cell{background:var(--bg);flex-direction:column;padding:24px;transition:background .15s;display:flex}.hairline-cell:hover,.hairline-cell.cell-active{background:var(--surface)}.cell-top{color:var(--ink-muted);justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cell-index{font-family:var(--font-mono);font-size:11.5px}.cell-filter-btn{font-family:var(--font-mono);color:var(--accent);font-size:11.5px}.hairline-cell h3{letter-spacing:-.01em;margin:0 0 8px;font-size:16px;font-weight:700}.cell-desc{color:var(--ink-secondary);margin:0 0 18px;font-size:13px;line-height:1.68}.cell-links{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin:auto 0 0;padding:14px 0 0;list-style:none;display:flex}.cell-links button{text-align:left;color:var(--ink-secondary);font-size:12.5px;line-height:1.45;transition:color .15s}.cell-links button:hover{color:var(--accent)}.project-cell .cell-stack{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-muted);flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.about-columns{grid-template-columns:1.15fr .85fr;gap:48px;display:grid}.about-col p{color:var(--ink-secondary);margin:0 0 14px;font-size:14px;line-height:1.8}.about-col p:last-child{margin-bottom:0}.about-meta-list{border-left:1px solid var(--line);flex-direction:column;gap:14px;padding-left:28px;display:flex}.meta-row{flex-direction:column;gap:3px;display:flex}.meta-row span{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.meta-row strong{color:var(--ink);font-size:13.5px;font-weight:500}.footer{font-family:var(--font-mono);color:var(--ink-muted);justify-content:space-between;align-items:center;padding-top:28px;font-size:12px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a:hover{color:var(--ink)}.reader-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f100e66;justify-content:flex-end;display:flex;position:fixed;inset:0}.reader-sheet{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;width:min(700px,100vw);height:100vh;display:flex;overflow-y:auto}.reader-bar{z-index:5;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:16px 36px;display:flex;position:sticky;top:0}.reader-back{color:var(--ink-secondary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.reader-back:hover{color:var(--ink)}.reader-body-wrap{width:100%;max-width:620px;margin:0 auto;padding:40px 36px 64px}.reader-meta{font-family:var(--font-mono);color:var(--ink-muted);align-items:center;gap:8px;font-size:12px;display:flex}.reader-title{letter-spacing:-.02em;margin:12px 0 14px;font-size:26px;font-weight:700;line-height:1.35}.reader-summary{color:var(--ink-secondary);margin:0;font-size:15px;line-height:1.75}.reader-rule{background:var(--line);border:0;height:1px;margin:28px 0}.reader-prose{color:var(--ink);font-size:15px;line-height:1.85}.prose-section{margin-bottom:24px}.prose-section h2{margin:28px 0 12px;font-size:17.5px;font-weight:700}.prose-section p{color:var(--ink-secondary);margin:0 0 14px}.prose-section ul{color:var(--ink-secondary);margin:12px 0 16px;padding-left:18px}.prose-section li{margin-bottom:8px}.prose-section pre{border:1px solid var(--line);background:var(--bg);font-family:var(--font-mono);border-radius:6px;margin:16px 0;padding:16px;font-size:12.5px;line-height:1.65;overflow-x:auto}.reader-related{border-top:1px solid var(--line);margin-top:36px;padding-top:24px}.reader-related h3{font-family:var(--font-mono);color:var(--ink-muted);margin:0 0 12px;font-size:12px;font-weight:500}.related-list{flex-direction:column;gap:8px;display:flex}.related-item{border-bottom:1px dashed var(--line);text-align:left;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;font-size:14px;display:flex}.related-item:hover span{color:var(--accent)}.related-item time{font-family:var(--font-mono);color:var(--ink-muted);font-size:12px}.reader-pager{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px;padding-top:24px;display:grid}.reader-pager button{text-align:left;flex-direction:column;gap:4px;display:flex}.reader-pager button.pager-next{text-align:right}.reader-pager small{font-family:var(--font-mono);color:var(--ink-muted);font-size:11px}.reader-pager span{font-size:13.5px;font-weight:600}.reader-pager button:hover span{color:var(--accent)}.icon-btn{width:30px;height:30px;color:var(--ink-secondary);border-radius:6px;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--surface-hover);color:var(--ink)}@media (width<=1024px){.canvas-inner{padding:40px 32px 56px}.page-header,.about-columns{grid-template-columns:1fr;gap:20px}.now-brief,.about-meta-list{border-left:0;border-top:1px solid var(--line);padding-top:16px;padding-left:0}.hairline-grid{grid-template-columns:1fr}}@media (width<=780px){.mobile-bar{top:0;z-index:20;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:52px;padding:0 18px;display:flex;position:fixed;inset-inline:0}.mobile-bar-actions{align-items:center;gap:6px;display:flex}.sidebar{transition:transform .24s;transform:translate(-102%)}.sidebar-open{transform:translate(0)}.sidebar-close{display:inline-grid}.drawer-scrim{z-index:25;background:#0f100e59;display:block;position:fixed;inset:0}.main-canvas{margin-left:0;padding-top:52px}.canvas-inner{padding:28px 18px 48px}.search-field{width:100%}.year-row-group{grid-template-columns:1fr}.year-col{padding:16px 0 4px}.post-item{flex-direction:column;gap:8px}}