.serial-index{margin:3rem 0 2rem}.serial-index header{max-width:48rem;margin-bottom:1.5rem}.serial-index header h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:.5rem 0}.serial-index p,.serial-story p{color:var(--muted,#b4b9aa);line-height:1.8}.serial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.serial-card{display:block;text-align:left;padding:0;overflow:hidden;border:1px solid #b09b604a;background:#102020;min-width:0;border-radius:12px;transition:transform .2s,border-color .2s}.serial-card:hover{transform:translateY(-3px);border-color:#bfa46c}.serial-card>img{width:100%;height:150px;object-fit:cover;opacity:.8;display:block}.serial-card>span{display:grid;gap:.7rem;padding:1.25rem}.serial-card small,.serial-card b{color:#c8af78;font-size:.8rem}.serial-card strong{font-size:1.7rem;letter-spacing:.15em}.serial-card em{font-style:normal;line-height:1.7;color:#bac1b4;font-size:.9rem;min-height:3em}.serial-intro{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin:1.5rem 0}.serial-intro>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.serial-intro h2{line-height:1.6}.serial-intro strong{color:#cfb879}.serial-chapters{list-style:none;margin:2rem 0;padding:0;display:grid;gap:.8rem}.serial-chapter{display:flex;gap:1.25rem;align-items:center;padding:1.25rem;border:1px solid #baaa7140;background:#112323bd;border-radius:10px}.serial-chapter>div{flex:1}.serial-chapter h3{margin:.4rem 0;font-size:1.2rem}.serial-chapter p{margin:.4rem 0;max-width:48rem;font-size:.9rem}.serial-chapter small{color:#c2ab74}.serial-chapter button{flex-shrink:0;min-width:80px}.serial-chapter.locked{opacity:.5}.chapter-number{font-size:2.1rem;font-variant-numeric:tabular-nums;color:#cfbc89}.serial-chapter button:disabled{cursor:default}.page-shell[data-page-route^="story/"] .home-backdrop{opacity:.32}.page-shell[data-page-route^="story/"] .page-inner{max-width:1200px}@media(max-width:800px){.serial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.serial-intro{gap:1rem}.serial-intro h2{font-size:1.1rem}.serial-card>img{height:120px}.serial-card>span{padding:1rem}}@media(max-width:500px){.serial-grid{grid-template-columns:1fr}.serial-intro{grid-template-columns:1fr}.serial-chapter{gap:.7rem;padding:1rem}.chapter-number{font-size:1.4rem}.serial-chapter button{min-width:58px;padding:.6rem}.serial-chapter p{font-size:.8rem}.serial-card{display:grid;grid-template-columns:34% 1fr}.serial-card>img{height:100%;min-height:195px}.serial-card em{min-height:0}.serial-index{margin-top:2rem}}