*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0f0f0f;--card:#1a1a1a;--border:#2a2a2a;--text:#e0e0e0;--text2:#888;--accent:#ff6b6b;--accent2:#ffd93d;--gold:#c9a96e}
html{font-size:16px;scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:"Noto Serif SC","Source Han Serif CN","Songti SC",Georgia,serif;line-height:1.8;-webkit-font-smoothing:antialiased}
.container{max-width:720px;margin:0 auto;padding:20px}
.site-header{text-align:center;padding:60px 0 40px;border-bottom:1px solid var(--border)}
.title{font-size:2.2em;font-weight:700;color:var(--gold);letter-spacing:4px;margin-bottom:12px}
.subtitle{color:var(--text2);font-size:.95em;margin-bottom:20px}
.meta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.tag{background:var(--card);border:1px solid var(--border);color:var(--accent2);font-size:.8em;padding:3px 12px;border-radius:20px}
.intro{padding:40px 0;border-bottom:1px solid var(--border)}
.intro p{margin-bottom:8px;color:var(--text2);font-size:.95em}
.intro p:first-child{color:var(--text);font-size:1.05em}
.chapter-list{padding:30px 0;display:flex;flex-direction:column;gap:2px}
.chapter-item{display:grid;grid-template-columns:70px 1fr auto;grid-template-rows:auto auto;gap:0 12px;padding:16px 18px;background:var(--card);border:1px solid transparent;border-radius:6px;text-decoration:none;color:var(--text);transition:all .2s}
.chapter-item:hover{border-color:var(--gold);background:#1f1a14}
.ch-num{grid-row:1/3;font-size:.85em;color:var(--text2);align-self:center}
.ch-title{font-size:1.05em;font-weight:600}
.ch-tag{font-size:.8em;color:var(--accent);align-self:center}
.ch-desc{grid-column:2/4;font-size:.85em;color:var(--text2);margin-top:4px}
.site-footer{text-align:center;padding:40px 0;color:var(--text2);font-size:.8em}

/* chapter page */
.read-wrap{max-width:680px;margin:0 auto;padding:20px}
.read-header{text-align:center;padding:30px 0 20px;border-bottom:1px solid var(--border);margin-bottom:30px}
.read-header h2{font-size:1.6em;color:var(--gold);margin-bottom:6px}
.read-header .ch-label{color:var(--text2);font-size:.85em}
.read-body{font-size:1.05em;line-height:2;letter-spacing:.3px}
.read-body p{margin-bottom:1.2em;text-indent:2em}
.read-body .scene{color:var(--accent2);font-size:.9em;text-indent:0;margin:2em 0 1em;border-left:3px solid var(--gold);padding-left:12px}
.read-body .italic{color:var(--text2);font-style:italic}
.read-body .thought{color:var(--text2);font-style:italic;text-indent:0;margin:1em 0;padding-left:2em}
.read-body .message{color:var(--accent);font-style:italic;text-indent:0;margin:1em 0;padding-left:2em}
.read-nav{display:flex;justify-content:space-between;padding:40px 0;border-top:1px solid var(--border);margin-top:40px}
.read-nav a{color:var(--gold);text-decoration:none;font-size:.95em;padding:8px 20px;border:1px solid var(--border);border-radius:4px;transition:all .2s}
.read-nav a:hover{background:var(--card);border-color:var(--gold)}
.read-nav a.disabled{color:var(--text2);border-color:var(--border);pointer-events:none}
.back-home{display:block;text-align:center;color:var(--text2);text-decoration:none;font-size:.85em;margin-top:20px}

@media(max-width:600px){
  .container{padding:12px}
  .title{font-size:1.6em;letter-spacing:2px}
  .chapter-item{grid-template-columns:55px 1fr;gap:0 8px;padding:12px 14px}
  .ch-tag{display:none}
  .ch-desc{grid-column:2/3}
  .read-wrap{padding:12px}
  .read-body{font-size:1em;line-height:1.9}
}