:root{color-scheme:light;--bg: oklch(97% .007 82);--surface: oklch(99% .005 82);--card: oklch(100% .004 82);--ink: oklch(24% .022 65);--muted: oklch(50% .02 70);--line: oklch(82% .018 80);--accent: oklch(58% .16 45);--accent-2: oklch(45% .14 180);--accent-soft: oklch(96% .025 55);--shadow-sm: 0 2px 8px oklch(30% .04 65 / .06);--shadow: 0 14px 38px oklch(30% .04 65 / .09);--shadow-lg: 0 24px 64px oklch(30% .04 65 / .12);--radius: 18px;--radius-sm: 12px;--radius-pill: 999px;--font-display: "LXGW WenKai", "Iowan Old Style", "Charter", "Noto Serif CJK SC", "Songti SC", STSong, serif;--font-body: "LXGW WenKai", "Iowan Old Style", "Charter", "Noto Serif CJK SC", "Songti SC", STSong, serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--max-content: 1140px;--gap: 18px;font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--ink)}:root[data-theme=dark]{color-scheme:dark;--bg: oklch(20% .014 65);--surface: oklch(25% .012 65);--card: oklch(28% .011 65);--ink: oklch(96% .012 80);--muted: oklch(72% .02 75);--line: oklch(38% .02 70);--accent: oklch(68% .15 50);--accent-2: oklch(60% .14 180);--accent-soft: oklch(30% .02 55);--shadow-sm: 0 2px 10px oklch(0% 0 0 / .18);--shadow: 0 16px 44px oklch(0% 0 0 / .28);--shadow-lg: 0 28px 72px oklch(0% 0 0 / .34)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:radial-gradient(ellipse 80% 36% at 50% -8%,oklch(from var(--surface) l c h / .85),transparent),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}main{max-width:var(--max-content);margin:0 auto;padding:18px 24px 56px}.site-header{max-width:var(--max-content);margin:0 auto;padding:20px 24px 10px;display:flex;gap:18px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto}.brand-mark{width:40px;height:40px;border-radius:14px;display:block;box-shadow:var(--shadow-sm);transition:transform .2s ease}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.05)}.brand strong{display:block;font-size:17px;letter-spacing:-.01em;font-weight:700}.brand small{display:block;font-size:12px;color:var(--muted);letter-spacing:.04em;margin-top:1px}nav{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}nav a,.chip,.category-badge,.theme-toggle{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);padding:8px 13px;color:var(--muted);font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.theme-toggle{font:inherit}nav a svg,.chip svg,.category-icon,.theme-toggle svg{width:15px;height:15px;display:inline-block;vertical-align:-.18em;flex:0 0 auto}nav a:hover,.chip:hover,.category-badge:hover,.theme-toggle:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow)}.category-badge{font-weight:700;color:var(--ink);background:linear-gradient(180deg,var(--card) 0%,var(--accent-soft) 100%)}.category-badge strong{color:var(--accent);font-size:13px}.category-badge.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.category-badge.active strong{color:var(--accent)}.category-title{margin-bottom:12px}.category-title .category-badge{font-size:clamp(30px,5vw,54px);padding:10px 18px;gap:12px;letter-spacing:-.02em}.category-title .category-icon{width:.75em;height:.75em;display:inline-block;vertical-align:-.06em}.hero{padding:38px 0 22px;display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:end}.compact-hero{padding:22px 0 14px;grid-template-columns:1fr}.eyebrow{color:var(--accent);font-weight:760;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-family:var(--font-mono)}h1{font-size:clamp(34px,5vw,56px);line-height:1.08;margin:12px 0;letter-spacing:-.03em;max-width:760px;font-weight:700}.lead{font-size:16px;color:var(--muted);line-height:1.7;max-width:640px;margin:0}.count-note{margin:10px 0 0;color:var(--muted);font-size:13.5px}.hero-metrics{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:13.5px}.hero-metrics span{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);padding:7px 12px;box-shadow:var(--shadow-sm)}.hero-links{margin-top:18px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.stat{padding:16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}a.stat:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:var(--shadow)}.stat strong{display:block;font-size:28px;letter-spacing:-.04em;color:var(--ink)}.stat span{color:var(--muted);font-size:13px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;align-items:center}.compact-toolbar{margin-top:6px}.search{flex:1;min-width:260px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:12px 18px;background:var(--card);color:var(--ink);font-size:15px;font-family:inherit;outline:none;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.search::placeholder{color:var(--muted)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 4px oklch(from var(--accent) l c h / .14)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.card{padding:0;overflow:hidden;display:flex;flex-direction:column;gap:0;min-height:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s ease,box-shadow .22s ease}.cover{width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,oklch(from var(--line) l c h / .6),oklch(from var(--bg) l c h / .8));overflow:hidden;position:relative}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,oklch(0% 0 0 / .04) 100%);pointer-events:none}.cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .25s ease}:root[data-theme=dark] .cover img{filter:brightness(.88) saturate(.92)}.card:hover .cover img{transform:scale(1.04)}.card-content{padding:17px;display:flex;flex-direction:column;gap:11px;flex:1}.card:hover{transform:translateY(-3px);border-color:oklch(from var(--accent) l c h / .45);box-shadow:var(--shadow)}.meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;align-items:center}.meta>span,.meta>a{display:inline-flex;align-items:center;gap:5px}.meta svg{width:13px;height:13px;display:inline-block;vertical-align:-.16em;flex:0 0 auto}.pill{background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:700}.card h2{margin:0;font-size:17px;line-height:1.42;letter-spacing:-.01em;font-weight:700}.card h2 a{color:inherit}.card p{color:var(--muted);line-height:1.58;margin:0;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}.tag,.tag-pill{color:var(--tag-fg, var(--muted));background:var(--tag-bg, var(--card));border:1px solid var(--tag-border, var(--line));border-radius:var(--radius-pill);padding:5px 9px;font-size:11.5px;font-weight:700;line-height:1;display:inline-flex;align-items:center;width:fit-content;transition:transform .12s ease,border-color .12s ease}.tag:hover,.tag-pill:hover{transform:translateY(-1px);border-color:var(--accent)}.tag-title{margin-bottom:12px}.tag-title .tag-pill{font-size:clamp(30px,5vw,54px);padding:10px 18px;letter-spacing:-.02em}:root[data-theme=dark] .tag-pill{filter:saturate(.85) brightness(.92)}.article{max-width:760px;margin:0 auto;padding-top:10px}.article h1{font-size:clamp(34px,5vw,58px)}.article .lead{font-size:18px;color:var(--muted);line-height:1.65;margin:12px 0 18px}.article-cover{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,oklch(from var(--line) l c h / .6),oklch(from var(--bg) l c h / .8));margin:22px 0 28px;border:1px solid var(--line);box-shadow:var(--shadow)}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}.article-body{color:oklch(from var(--ink) l c h / .95);line-height:1.9;font-size:17px;overflow-wrap:anywhere}.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin-bottom:1.1em}.article-body ul,.article-body ol{padding-left:1.35em}.article-body li{margin:.2em 0}.article-body li>ul,.article-body li>ol,.article-body blockquote p:last-child{margin-bottom:.35em}.article-body blockquote{margin-left:0;padding:.15em 0 .15em .9em;border-left:3px solid oklch(from var(--accent) l c h / .45);color:oklch(from var(--ink) l c h / .9)}.article-body code{font-size:.92em;overflow-wrap:anywhere}.article-body .forward-footer{margin-top:1.8em;padding-top:.8em;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.article-body a{color:var(--accent);font-weight:650;text-decoration:underline;text-decoration-color:oklch(from var(--accent) l c h / .32);text-underline-offset:3px;overflow-wrap:anywhere}.article-body a:hover{text-decoration-color:oklch(from var(--accent) l c h / .72)}.external{color:var(--accent);font-weight:650}.pagination{margin:34px 0 12px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.page-numbers{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}.page-link,.page-number{border:1px solid var(--line);background:var(--card);border-radius:var(--radius-pill);color:var(--muted);min-width:40px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .12s ease,color .12s ease,box-shadow .12s ease}.page-number.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.page-link:hover,.page-number:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px);box-shadow:var(--shadow)}.page-number.active:hover{color:var(--bg)}.page-link.disabled{opacity:.42;pointer-events:none}.page-ellipsis{color:var(--muted);padding:0 2px}.site-footer{max-width:var(--max-content);margin:0 auto;padding:0 24px 30px;color:var(--muted);font-size:13.5px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.site-footer span+span:before{content:"·";margin-right:10px;color:oklch(from var(--muted) l c h / .5)}.site-footer a{color:var(--accent);font-weight:650}.site-footer a:hover{text-decoration:underline;text-underline-offset:3px}.tag-cloud{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:8px}.tag-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;color:var(--muted);box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.tag-row:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-2px);box-shadow:var(--shadow)}.tag-row svg{width:16px;height:16px;flex:0 0 auto;display:inline-block;vertical-align:-.2em}a:focus-visible,button:focus-visible,.search:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:980px){.grid,.tag-cloud{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{display:block}nav{margin-top:14px;justify-content:flex-start}.hero{grid-template-columns:1fr;padding-top:24px;gap:20px}.stats{margin-top:0}.grid,.tag-cloud{grid-template-columns:1fr}main{padding:14px 18px 44px}.site-header,.site-footer{padding-left:18px;padding-right:18px}}