:root{color-scheme:light;--ink:#2c2529;--muted:#7c6872;--paper:#fffafb;--edge:#b99aa8}
*{box-sizing:border-box}
html{background:#1e191c}
body{margin:0;color:var(--ink);background:radial-gradient(circle at 20% 10%,#392b33 0,#211a1e 34%,#171315 100%);font-family:"Noto Sans TC","Noto Sans JP",system-ui,sans-serif;line-height:1.8}
a{color:#8f5f76;text-underline-offset:3px}
.shell{width:min(920px,calc(100% - 28px));margin:34px auto 70px}
.top{margin:0 0 12px;color:#ead9e1;font-size:13px;letter-spacing:.08em}
.paper{background:var(--paper);border:1px solid #d1b8c3;box-shadow:0 12px 35px #0007;padding:clamp(22px,5vw,56px)}
.eyebrow{color:#9a7084;font:12px ui-monospace,monospace;letter-spacing:.12em}
h1{margin:.3em 0 .25em;font-family:"Yu Mincho","Noto Serif JP",serif;font-weight:500;line-height:1.25}
h2{margin:2em 0 .5em;font-family:"Yu Mincho","Noto Serif JP",serif;font-weight:500;border-bottom:1px dotted #c8aeb9}
.meta,.note{color:var(--muted);font-size:13px}
.content{margin-top:28px;overflow-wrap:anywhere}
.content img,.content video{max-width:100%;height:auto}
.content table{max-width:100%;border-collapse:collapse}
.content td,.content th{border:1px solid #d5c1ca;padding:6px 9px}
.open-book{margin-top:38px;padding-top:16px;border-top:1px dotted #c3aab5}
.profile{display:grid;grid-template-columns:minmax(180px,30%) 1fr;gap:28px}
.profile img{width:100%;height:auto;display:block}
.fact{width:100%;border-collapse:collapse}
.fact th,.fact td{padding:7px 8px;border-bottom:1px dotted #cfbbc4;text-align:left;vertical-align:top}
.fact th{width:30%;color:#806a75;font-weight:500}
.story-nav{display:flex;flex-wrap:wrap;gap:8px 16px;margin:18px 0 30px}
.story{padding-top:12px}
.story+.story{margin-top:48px;border-top:1px solid #d2bec7}
@media(max-width:680px){.shell{width:min(100% - 16px,920px);margin-top:12px}.paper{padding:22px 18px}.profile{grid-template-columns:1fr}.profile img{max-height:70vh;object-fit:contain}}