*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#15181c;color:#e9e4dc;font-family:"Microsoft JhengHei",sans-serif;font-size:21px;line-height:1.95}a{color:#b6d7ef;text-underline-offset:5px}button,select{font:inherit;font-size:16px;color:#eee;background:#323943;border:1px solid #65707b;border-radius:6px;padding:7px 12px}nav{position:sticky;top:0;z-index:4;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 4vw;background:#20252bf5;font-size:16px}main{max-width:1000px;margin:auto;padding:24px 24px 80px}header{padding:25px 0 30px}h1{line-height:1.6;font-size:36px;color:#b6d7ef;margin:8px 0 18px}.chapter-number{color:#e6c17b}.sep{color:#daaae7}.era,.status{color:#b8bcc2;font-size:16px}.chapter{margin-bottom:70px;scroll-margin-top:80px}figure{margin:34px 0 24px;background:#191c21;border-radius:8px;overflow:hidden}figure img{display:block;width:100%;height:auto;cursor:zoom-in}figcaption{font-size:15px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;color:#b5bdc5}p.prose{margin:1.25em 12px;overflow-wrap:anywhere}.dialogue{color:var(--role);background:color-mix(in srgb,var(--role) 9%,transparent);border-left:3px solid var(--role);border-radius:3px;padding:.2em .4em;box-decoration-break:clone;-webkit-box-decoration-break:clone}p.emphasis{font-weight:700;font-size:1.5em;line-height:1.75;margin:1.45em 12px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:9px}.emphasis .dialogue{background:none;border:0;padding:0}.large{font-size:25px}.narrow main{max-width:440px}dialog{padding:12px;background:#15181c;color:#eee;border:1px solid #69737c;width:1500px;max-width:96vw;max-height:96vh}dialog::backdrop{background:#000d}dialog img{width:100%;max-height:82vh;object-fit:contain;display:block}dialog button{float:right}.page-end{margin:55px 0;font-size:16px;display:flex;gap:20px;flex-wrap:wrap}.catalog{padding:24px;border:1px solid #4e5660;border-radius:10px;margin-bottom:35px}.catalog a{display:block;margin:8px 0;text-decoration:none}.catalog small{color:#b5bdc5;font-size:15px}@media(max-width:600px){body{font-size:19px}main{padding:15px 10px 50px}h1{font-size:28px}nav{gap:8px;padding:8px 12px}p.prose{margin:1.3em 9px}p.emphasis{font-size:1.4em}figcaption{font-size:13px}.large{font-size:23px}}
/* 2026-09-23 author typography: narration < names/dialogue < emphasis */
p.prose span[style^="color:"],p.prose .dialogue{font-size:1.14em;font-weight:700}p.prose.emphasis{font-size:1.5em;font-weight:800}p.prose.emphasis span[style^="color:"],p.prose.emphasis .dialogue{font-size:inherit;font-weight:inherit}
h1,h1 .chapter-number,h1 .sep{color:#805c16;font-size:50px}h1{background:#f1e5c9;border-radius:8px;padding:18px 22px}.book-title{font-size:18px;color:#d6c1a0}.photo-names{font-size:1.8em;font-weight:900;line-height:1.5;text-align:center;padding:10px 12px 18px;-webkit-text-stroke:.4px currentColor;display:flex;justify-content:center;gap:0 .5em;flex-wrap:wrap}.photo-names span{white-space:nowrap}.photo-divider{color:#c4c7cd}.photo-intro{text-align:center;font-size:.95em;color:#d6bd89;padding:14px 12px 0}.character-name{font-weight:700}.dialogue{background:color-mix(in srgb,var(--role) 10%,transparent)}.emphasis .dialogue{background:color-mix(in srgb,var(--role) 10%,transparent);border-left:3px solid var(--role);padding:.2em .4em}.scene-break{border:0;border-top:1px solid #55565a;width:24%;margin:45px auto}.narrow main{max-width:390px}.narrow h1,.narrow h1 .chapter-number,.narrow h1 .sep{font-size:36px}.narrow .photo-names{font-size:1.45em}.page-end{justify-content:space-between}.chapter-finish{text-align:center;color:#c4b49c;margin:50px 0}dialog img{max-height:72vh}button{cursor:pointer}@media(max-width:600px){h1,h1 .chapter-number,h1 .sep{font-size:36px}h1{padding:12px 14px}.book-title{font-size:16px}.photo-names{font-size:1.45em}.era{font-size:15px}}html{scroll-behavior:auto}h1 .chapter-title{white-space:nowrap}@media(max-width:600px){h1 .chapter-title{display:block;font-size:36px}h1 .sep{display:none}}
nav a{text-decoration:none}nav{border-bottom:1px solid #ffffff1c}h1 .chapter-title{white-space:normal}body{overflow-wrap:break-word}button:focus-visible,a:focus-visible{outline:2px solid #e5bc76;outline-offset:4px}@media(max-width:420px){nav{font-size:14px;gap:8px 12px}h1,h1 .chapter-title,h1 .chapter-number{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.attribution{font-size:15px;line-height:1.8;color:#b9b2a8;margin:24px 12px;overflow-wrap:anywhere}.attribution .attribution{margin:10px 0}figure img{cursor:default}

.photo-names span.attribution{display:block;font-size:16px;font-weight:400;line-height:1.8;color:#b9b2a8;margin:0;-webkit-text-stroke:0}