*{box-sizing:border-box}body{margin:0;background:#fafafa;color:#222;font-family:"Noto Serif TC","PingFang TC","Microsoft JhengHei",serif}
a{color:inherit;text-decoration:none}.wrap{max-width:720px;margin:0 auto;padding:48px 20px}
h1{font-size:3rem;letter-spacing:.3em;text-align:center;margin:0 0 40px}h2{font-size:1.1rem;color:#888;border-bottom:1px solid #ddd;padding-bottom:6px}
.list a{display:flex;justify-content:space-between;padding:14px 4px;border-bottom:1px solid #eee}.list a:hover{background:#f0f0f0}.list span{color:#999;font-size:.9em}
.bar{position:sticky;top:0;background:rgba(255,255,255,.95);border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;z-index:2}
.pages{max-width:1000px;margin:0 auto}.pages img{display:block;width:100%;height:auto;min-height:200px;background:#eee}
.nav{display:flex;gap:12px;justify-content:center;padding:30px}.btn{border:1px solid #ccc;padding:10px 22px;border-radius:6px;background:#fff}.btn.off{opacity:.3;pointer-events:none}
.soon{text-align:center;color:#999;letter-spacing:.3em;margin:32px 0}