:root{--code-bg: #eef2f5;--shadow: 0 8px 24px rgba(25, 45, 62, 0.08);--shadow-card: 0 4px 18px 0 rgba(25, 45, 62, 0.07);--selection-bg: #b3d6fd;--selection-text: #1a2a36;--bg: #f2f6f8;--text: #1a2a36;--muted: #4b5f6f;--card: #ffffff;--line: #c9d9e4;--accent: #0b5cad;--accent-soft: #e7f1fb}[data-theme="dark"]{--code-bg: #232b34;--shadow: 0 8px 24px rgba(0,0,0,0.45);--shadow-card: 0 4px 18px 0 rgba(0,0,0,0.35);--selection-bg: #2a4a6a;--selection-text: #e6eaf0;--bg: #181f26;--text: #e6eaf0;--muted: #b0b8c2;--card: #232b34;--line: #2e3a47;--accent: #4ea1ff;--accent-soft: #1a2736}*{box-sizing:border-box}body{font-family:"Avenir Next", "Segoe UI", sans-serif;background:var(--bg);color:var(--text);max-width:900px;margin:0 auto;padding:24px;line-height:1.6}h1{color:var(--text);margin:0 0 8px;font-size:clamp(1.8rem, 3.2vw, 2.6rem)}h2{margin:30px 0 8px;font-size:clamp(1.4rem, 2.2vw, 1.7rem);color:var(--text);font-weight:700}p{margin:0;color:var(--muted);margin:16px 0}a{color:var(--accent);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}code{background:var(--code-bg);padding:3px 6px;border-radius:4px}.hero{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow)}.tag{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:0.85rem;letter-spacing:0.02em}.card{background:var(--card);border:1.5px solid var(--line);border-radius:16px;box-shadow:var(--shadow-card);padding:20px 22px 16px 22px;margin-top:22px;transition:transform 0.13s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.13s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.card ::selection{background:var(--selection-bg);color:var(--selection-text)}.date{display:inline-block;color:#8ca0b3;font-size:0.93rem;font-weight:500;margin-bottom:2px;margin-right:8px;letter-spacing:0.01em}