body{font-family:Arial,sans-serif;max-width:1100px;margin:0 auto;padding:20px;background:#f0f0f0;line-height:1.6;}
.header{background:#2c3e50;color:#fff;padding:25px;text-align:center;border-radius:10px;margin-bottom:20px;}
h1{margin:0;font-size:2.1em;}
.nav{background:#ecf0f1;padding:10px 15px;border-radius:6px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.nav a{color:#2980b9;text-decoration:none;font-weight:bold;}
.nav a:hover{color:#1b4f72;}
.nav form{margin-left:auto;display:flex;gap:5px;}
.nav input[type="text"]{padding:4px 6px;font-size:.9em;}
.nav input[type="submit"]{padding:4px 8px;font-size:.9em;}
.story-list{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);}
.story-item{padding:16px 0;border-bottom:1px solid #eee;}
.story-item:last-child{border-bottom:none;}
.story-title{font-size:1.3em;font-weight:bold;color:#2c3e50;text-decoration:none;}
.story-title:hover{color:#2980b9;}
.story-meta-row{font-size:.9em;color:#666;margin:4px 0;}
.story-meta-label{font-weight:bold;}
.summary-preview{color:#555;margin-top:6px;}
.pagination{text-align:center;margin:20px 0;}
.pagination a{display:inline-block;margin:0 4px;padding:6px 10px;border-radius:10px;background:#ecf0f1;color:#2980b9;text-decoration:none;}
.pagination a.current{background:#2980b9;color:#fff;font-weight:bold;}
.pagination a:hover{background:#d0d7de;}
.chapter-text p{margin:0 0 1em;}
.cat-label,
.char-label,
.series-label,
.class-label{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.8em;margin-left:4px;text-decoration:none;}
.cat-label{background:#d1ecf1;color:#0c5460;}
.char-label{background:#f8d7da;color:#721c24;}
.series-label{background:#e2e3ff;color:#343a40;}
.class-label{background:#ffeeba;color:#856404;}