:root{--font-sans: "Inter", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, Consolas, "Noto Sans Mono CJK SC", monospace;--bg: #05080d;--bg-2: #080d14;--panel: #0a1119;--panel-2: #0e1620;--line: #1a2836;--line-2: #2a3d52;--text: #e8eef6;--text-2: #b8c5d6;--muted: #7a8fa3;--accent: #22d3ee;--accent-ink: #67e8f9;--magenta: #f472b6;--magenta-ink: #f9a8d4;--amber: #fbbf24;--amber-ink: #fcd34d;--star: #cbd5e1;--neon-cyan: #22d3ee;--neon-magenta: #f472b6;--neon-amber: #fbbf24;--glow-cyan: 0 0 12px rgba(34, 211, 238, .45), 0 0 28px rgba(34, 211, 238, .18);--glow-magenta: 0 0 12px rgba(244, 114, 182, .4), 0 0 24px rgba(244, 114, 182, .15);--glow-amber: 0 0 10px rgba(251, 191, 36, .35);--shadow: 0 12px 48px rgba(0, 0, 0, .55), 0 0 1px rgba(34, 211, 238, .15);--radius: 4px;--maxw: 1180px;color-scheme:dark}:root[data-theme=light]{--bg: #e8eef4;--bg-2: #f2f6fa;--panel: #f7fafc;--panel-2: #e4ebf2;--line: #c5d0dc;--line-2: #a8b8c8;--text: #0f1a24;--text-2: #2a3a4a;--muted: #5a6e82;--accent: #0891b2;--accent-ink: #0e7490;--magenta: #db2777;--magenta-ink: #be185d;--amber: #d97706;--amber-ink: #b45309;--star: #64748b;--neon-cyan: #0891b2;--neon-magenta: #db2777;--neon-amber: #d97706;--glow-cyan: 0 0 8px rgba(8, 145, 178, .25);--glow-magenta: 0 0 8px rgba(219, 39, 119, .2);--glow-amber: 0 0 6px rgba(217, 119, 6, .2);--shadow: 0 8px 28px rgba(15, 23, 42, .12), 0 0 1px rgba(8, 145, 178, .2);color-scheme:light}.tint{--c-ink: var(--c);--c-soft: color-mix(in oklab, var(--c) 18%, transparent)}:root[data-theme=light] .tint{--c-ink: color-mix(in oklab, var(--c) 58%, #000);--c-soft: color-mix(in oklab, var(--c) 14%, transparent)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;position:relative}body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,rgba(203,213,225,.55) 50%,transparent 51%),radial-gradient(1px 1px at 72% 12%,rgba(203,213,225,.45) 50%,transparent 51%),radial-gradient(1.5px 1.5px at 33% 72%,rgba(203,213,225,.5) 50%,transparent 51%),radial-gradient(1px 1px at 88% 64%,rgba(203,213,225,.4) 50%,transparent 51%),radial-gradient(1px 1px at 52% 44%,rgba(203,213,225,.35) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 6% 88%,rgba(203,213,225,.45) 50%,transparent 51%),radial-gradient(ellipse at 50% -20%,rgba(34,211,238,.08),transparent 55%),radial-gradient(ellipse at 90% 80%,rgba(244,114,182,.04),transparent 50%);background-size:420px 420px,560px 560px,380px 380px,640px 640px,300px 300px,500px 500px,100% 100%,100% 100%}:root[data-theme=light] body:before{opacity:.12}body:after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,8,16,.14) 2px,rgba(0,8,16,.14) 3px),linear-gradient(90deg,rgba(34,211,238,.028) 1px,transparent 1px),linear-gradient(rgba(34,211,238,.028) 1px,transparent 1px),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(0,0,0,.35) 100%);background-size:100% 3px,48px 48px,48px 48px,100% 100%;opacity:.7;mix-blend-mode:soft-light}:root[data-theme=light] body:after{opacity:.18;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(8,145,178,.04) 3px,rgba(8,145,178,.04) 4px),linear-gradient(90deg,rgba(8,145,178,.03) 1px,transparent 1px),linear-gradient(rgba(8,145,178,.03) 1px,transparent 1px);background-size:100% 4px,48px 48px,48px 48px;mix-blend-mode:multiply}@media(prefers-reduced-motion:reduce){body:after{opacity:.25}}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px;text-shadow:0 0 8px color-mix(in oklab,var(--accent) 40%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px;box-shadow:var(--glow-cyan)}img{max-width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--panel);padding:8px 14px;border-radius:4px;border:1px solid var(--accent)}.skip-link:focus{top:12px}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 22px}main{flex:1}.mono{font-family:var(--font-mono)}.hud-frame{position:relative}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:12px;height:12px;pointer-events:none;z-index:1;border-color:var(--accent);border-style:solid;opacity:.7}.hud-frame:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.hud-frame:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid color-mix(in oklab,var(--accent) 22%,var(--line));box-shadow:0 1px color-mix(in oklab,var(--accent) 8%,transparent)}.site-header:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 20%,var(--magenta) 50%,var(--accent) 80%,transparent 100%);opacity:.35;pointer-events:none}.site-header.overlay{position:absolute;left:0;right:0;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.site-header.overlay:before{opacity:.2}.site-header .bar{display:flex;align-items:center;gap:18px;height:60px}.brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;letter-spacing:.02em;white-space:nowrap}.brand:hover{text-decoration:none;text-shadow:0 0 12px color-mix(in oklab,var(--accent) 35%,transparent)}.brand svg{flex:none;filter:drop-shadow(0 0 4px rgba(34,211,238,.4))}.brand small{font-family:var(--font-mono);font-weight:500;color:var(--accent-ink);font-size:11px;letter-spacing:.16em;opacity:.85}.nav{display:flex;align-items:center;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--text-2);padding:6px 10px;border-radius:2px;font-size:15px;white-space:nowrap;position:relative}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:color-mix(in oklab,var(--accent) 10%,var(--panel-2));text-decoration:none;box-shadow:inset 0 -1px 0 var(--accent)}.nav a[aria-current=page]{color:var(--accent-ink)}.nav .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:6px;box-shadow:0 0 8px var(--c),0 0 2px var(--c);vertical-align:1px}.nav .sep{width:1px;height:18px;background:linear-gradient(180deg,transparent,var(--accent),transparent);opacity:.35;margin:0 6px;flex:none}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid var(--line-2);border-radius:2px;background:var(--panel);color:var(--text-2);cursor:pointer;clip-path:polygon(0 4px,4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%)}.icon-btn:hover{color:var(--accent-ink);border-color:var(--accent);box-shadow:var(--glow-cyan)}.theme-toggle .sun{display:none}:root[data-theme=light] .theme-toggle .sun{display:block}:root[data-theme=light] .theme-toggle .moon{display:none}@media(max-width:860px){.nav .sec-link,.nav .sep.s1{display:none}}@media(max-width:520px){.brand small,.brand .brand-rest{display:none}.site-header .bar{gap:8px}.nav a{padding:6px 7px;font-size:14px}.nav .opt{display:none}}.site-footer{border-top:1px solid color-mix(in oklab,var(--accent) 18%,var(--line));margin-top:72px;padding:36px 0 44px;color:var(--muted);font-size:14px;background:color-mix(in oklab,var(--bg-2) 80%,transparent);position:relative}.site-footer:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--magenta) 70%,transparent);opacity:.4}.site-footer .cols{display:flex;flex-wrap:wrap;gap:28px 56px;justify-content:space-between}.site-footer h2{font-size:11px;font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-ink);margin:0 0 12px;font-weight:600;text-transform:uppercase}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.site-footer a{color:var(--text-2)}.site-footer a:hover{color:var(--accent-ink);text-decoration:none}.site-footer .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--c);margin-right:8px;box-shadow:0 0 6px var(--c)}.site-footer .legal{margin-top:28px;font-size:12px;font-family:var(--font-mono);letter-spacing:.04em;border-top:1px dashed var(--line);padding-top:16px}.site-footer .visit-stats{margin:10px 0 0;padding:0;min-height:0;font-size:11px;font-family:var(--font-mono);letter-spacing:.08em;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 18px;align-items:baseline}.site-footer .visit-item{display:inline-flex;align-items:baseline;gap:6px}.site-footer .visit-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);opacity:.75}.site-footer .visit-label:before{content:"// ";opacity:.55}.site-footer .visit-value{color:var(--accent-ink);font-variant-numeric:tabular-nums;text-shadow:0 0 8px color-mix(in oklab,var(--accent) 35%,transparent);min-width:1ch}.site-footer .visit-value:empty:after{content:"—";opacity:.35}.page-head{padding:52px 0 24px}.eyebrow{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.22em;color:var(--accent-ink);text-transform:uppercase;opacity:.9}.eyebrow:before{content:"// ";opacity:.6}.page-head h1{font-size:clamp(30px,4.4vw,44px);line-height:1.25;margin:8px 0 12px;letter-spacing:.01em}.page-head p.lead{color:var(--text-2);font-size:17px;max-width:46em;margin:0}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;line-height:1;padding:5px 8px;border-radius:2px;border:1px solid var(--line-2);color:var(--text-2);white-space:nowrap;font-family:var(--font-mono);letter-spacing:.06em}.badge.sec{border-color:color-mix(in oklab,var(--c) 55%,transparent);color:var(--c-ink);background:var(--c-soft)}.badge.type-work{border-color:color-mix(in oklab,var(--magenta) 55%,transparent);color:var(--magenta-ink)}.badge.sample{border-style:dashed;color:var(--muted)}.tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:2px;background:var(--panel-2);color:var(--text-2);border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.02em}.tag:hover{text-decoration:none;border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 8px color-mix(in oklab,var(--accent) 25%,transparent)}.tag .n{color:var(--muted);margin-left:4px;font-size:11px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.card{position:relative;display:flex;flex-direction:column;background:color-mix(in oklab,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.card:before,.card:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;z-index:2;border-color:color-mix(in oklab,var(--c, var(--accent)) 70%,transparent);border-style:solid;opacity:0;transition:opacity .25s}.card:before{top:0;left:0;border-width:2px 0 0 2px}.card:after{bottom:0;right:0;border-width:0 2px 2px 0}.card:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--c, var(--accent)) 65%,transparent);box-shadow:var(--shadow),0 0 24px color-mix(in oklab,var(--c, var(--accent)) 18%,transparent)}.card:hover:before,.card:hover:after{opacity:1}.card:hover .cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,color-mix(in oklab,var(--c, var(--accent)) 18%,transparent) 50%,transparent 60%);animation:card-glitch .45s ease-out}@keyframes card-glitch{0%{transform:translate(-30%);opacity:0}40%{opacity:1}to{transform:translate(30%);opacity:0}}.card .cover{position:relative;aspect-ratio:16 / 9;background:var(--panel-2);overflow:hidden;border-bottom:1px solid var(--line)}.card .cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.card:hover .cover img{transform:scale(1.03)}.card .cover.empty{display:grid;place-items:center;align-content:center;gap:6px;background:radial-gradient(circle at 30% 30%,var(--c-soft),transparent 60%),linear-gradient(135deg,color-mix(in oklab,var(--c) 8%,transparent),transparent),var(--panel-2)}.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.card .meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:13px}.card h3{margin:2px 0 0;font-size:18.5px;line-height:1.45}.card h3 a{color:var(--text)}.card h3 a:after{content:"";position:absolute;inset:0}.card:hover h3 a{color:var(--accent-ink);text-decoration:none}.card p{margin:0;color:var(--text-2);font-size:14.5px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.card .tags .tag{position:relative;z-index:1;font-size:11px;padding:2px 8px}.post-list{list-style:none;margin:0;padding:0}.post-list li{display:flex;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px dashed color-mix(in oklab,var(--accent) 12%,var(--line))}.post-list time{font-family:var(--font-mono);font-size:12px;color:var(--muted);flex:none;letter-spacing:.04em}.post-list a{color:var(--text)}.post-list a:hover{color:var(--accent-ink);text-decoration:none}.post-list .badge{margin-left:auto}.filters{display:flex;flex-direction:column;gap:12px;margin:8px 0 26px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);position:relative}.filters:before,.filters:after{content:"";position:absolute;width:10px;height:10px;pointer-events:none;border-color:var(--accent);border-style:solid;opacity:.5}.filters:before{top:-1px;left:-1px;border-width:2px 0 0 2px}.filters:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.filters .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filters .label{font-size:11px;color:var(--muted);margin-right:4px;min-width:3em;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.chip{font:inherit;font-size:13px;padding:5px 13px;border-radius:2px;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.02em}.chip:hover{border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 8px color-mix(in oklab,var(--accent) 20%,transparent)}.chip[aria-pressed=true]{background:color-mix(in oklab,var(--c, var(--accent)) 85%,#000);border-color:var(--c, var(--accent));color:#04121a;font-weight:700;box-shadow:0 0 12px color-mix(in oklab,var(--c, var(--accent)) 40%,transparent)}.filter-empty{color:var(--muted);padding:20px 0;display:none}.filter-count{font-size:12px;color:var(--muted);margin-left:auto;font-family:var(--font-mono)}.section-title{display:flex;align-items:baseline;gap:12px;margin:54px 0 18px}.section-title h2{font-size:24px;margin:0}.section-title .more{margin-left:auto;font-size:13px;font-family:var(--font-mono);letter-spacing:.06em}.section-title .more:hover{text-decoration:none;text-shadow:0 0 8px color-mix(in oklab,var(--accent) 40%,transparent)}@keyframes arrive{0%{opacity:0;transform:scale(.975);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.arrive{animation:arrive .6s cubic-bezier(.2,.7,.2,1) both}@media(prefers-reduced-motion:reduce){.arrive{animation:none}.card,.card .cover img{transition:none}.card:hover .cover:after{animation:none}}.card[hidden]{display:none!important}.card .cover .ph{font-size:10px;letter-spacing:.22em;color:var(--c-ink);opacity:.8;font-family:var(--font-mono)}