:root{--bg:#F4F1EA;--card:#fff;--ink:#1B1F2A;--sub:#4C5363;--accent:#1F3A93;--line:#D9D3C6}
@media (prefers-color-scheme:dark){:root{--bg:#15171C;--card:#22252C;--ink:#F3F1EC;--sub:#B9BEC9;--accent:#9DB4FF;--line:#3A433E}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.8 "Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
main{max-width:720px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.7rem;line-height:1.4;margin:.4em 0}h2{font-size:1.2rem;margin:1.8em 0 .4em;padding-left:.5em;border-left:6px solid var(--accent)}
a{color:var(--accent)}.meta{color:var(--sub);font-size:.95rem}.box{background:var(--card);border:1.5px solid var(--line);border-radius:16px;padding:12px 18px}
.hero{display:flex;gap:16px;align-items:center}.hero img{width:96px;height:96px;border-radius:22px}ul{padding-left:1.2em}nav a{margin-right:1em}