:root{--bg:#ecefef;--paper:#f7f6f1;--ink:#24292f;--muted:#5e676f;--rule:#c9cfd3;--chip:#dfe3e5;--accent:#8a3b2e;
--serif:"LXGW WenKai TC","Noto Serif TC","PingFang TC","Microsoft JhengHei",serif}
@media (prefers-color-scheme:dark){:root{--bg:#121619;--paper:#1a1f23;--ink:#e4e6e7;--muted:#8f989f;--rule:#2d343a;--chip:#232a30;--accent:#d08a74;color-scheme:dark}}
*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--serif);line-height:1.7;-webkit-text-size-adjust:100%}
a{color:inherit}
.wrap{max-width:680px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left)) 64px max(16px,env(safe-area-inset-right))}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--rule);font-size:14px;color:var(--muted)}
.top a{text-decoration:none}.top .brand{color:var(--ink);letter-spacing:.2em}
.hero{text-align:center;padding:56px 0 28px}
.hero .sub{font-size:13px;letter-spacing:.3em;color:var(--muted)}
.hero h1{margin:10px 0 18px;font-weight:400;font-size:clamp(40px,11vw,64px);letter-spacing:.25em;text-indent:.25em}
.hero p{margin:0 auto;max-width:28em;color:var(--muted);font-size:15px}
.list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:12px 0 8px}
@media (min-width:620px){.list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.card{display:flex;flex-direction:column;gap:8px;text-decoration:none}
.card img{width:100%;height:auto;aspect-ratio:1080/1350;object-fit:cover;border-radius:3px;background:var(--chip);display:block}
.card b{font-weight:400;font-size:15px}.card span{font-size:12px;color:var(--muted)}
.card:hover b,.card:focus-visible b{color:var(--accent)}
.card:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:3px}
.start{display:block;width:max-content;margin:28px auto 0;padding:10px 26px;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;letter-spacing:.15em}
h2.ep{text-align:center;font-weight:400;font-size:24px;letter-spacing:.12em;margin:40px 0 6px}
.epmeta{text-align:center;font-size:13px;color:var(--muted);margin-bottom:24px}
.pages{display:flex;flex-direction:column;gap:14px}
.pages img{display:block;width:100%;height:auto;aspect-ratio:1080/1350;background:var(--chip);border-radius:2px}
.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:36px;font-size:15px}
.pager a{text-decoration:none;padding:10px 14px;border-radius:999px;background:var(--chip)}
.pager .prev{justify-self:start}.pager .next{justify-self:end}.pager .home{justify-self:center;background:none;color:var(--muted)}
.soon{justify-self:end;color:var(--muted);font-size:14px}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--rule);text-align:center;font-size:13px;color:var(--muted)}