*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:#fff;color:#333;line-height:1.6}
header{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;height:48px;display:flex;align-items:center}
header nav{width:100%;padding:0 16px;display:flex;align-items:center;gap:20px}
header nav .site-title{text-decoration:none;color:#333;font-weight:700;font-size:17px;white-space:nowrap}
header nav .nav-links{display:flex;gap:4px}
header nav .nav-links a{text-decoration:none;color:#666;font-size:15px;font-weight:500;padding:6px 12px;border-radius:4px}
header nav .nav-links a:hover{background:#f5f5f5}
header nav .nav-links a.active{color:#1976d2;font-weight:600}
main{padding:66px 16px 24px}
h1{font-size:20px;margin:16px 0 12px;padding-bottom:8px;border-bottom:2px solid #1976d2}
h2{font-size:17px;margin:12px 0 8px}
a{color:#1976d2;text-decoration:none}
a:hover{text-decoration:underline}
.breadcrumb{font-size:13px;color:#999;margin-bottom:12px}
.breadcrumb a{color:#666}
.meta{font-size:13px;color:#999;margin:4px 0}
.novel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}
.novel-grid-item a{text-decoration:none;color:#fff}
.novel-cover-wrap{position:relative}
.novel-grid-item img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;background:#f0f0f0;display:block}
.novel-cover-title{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(transparent,rgba(0,0,0,.8));border-radius:0 0 4px 4px}
.novel-header{display:flex;gap:12px;margin-bottom:12px;}
.novel-header .novel-cover{width:100px;aspect-ratio:3/4;object-fit:cover;border-radius:4px;flex-shrink:0;background:#f0f0f0}
.novel-header .novel-info{min-width:0}
.novel-header .novel-info h1{margin:0 0 4px;font-size:18px;border-bottom:none;padding-bottom:0}
.novel-summary{font-size:14px;color:#666;margin:8px 0 12px;line-height:1.6}
.chapter-list{list-style:none;padding:0}
.chapter-list li{padding:8px 0;border-bottom:1px solid #f5f5f5}
.chapter-list li:last-child{border-bottom:none}
.chapter-list li a{font-size:15px}
.info-row{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#666;margin:8px 0}
.novel-times{font-size:13px;color:#999;margin:4px 0 8px;line-height:1.8}
.novel-times span{display:block}
.info-row span{white-space:nowrap}
.content{margin:16px 0;font-size:16px;line-height:1.8;word-break:break-word}
.content img{max-width:100%;height:auto}
.content video{max-width:100%;height:auto}
.chapter-nav{display:flex;justify-content:space-between;padding:16px 0;margin-top:16px;border-top:1px solid #f0f0f0;font-size:15px}
.post-card{padding:12px 0;border-bottom:1px solid #f0f0f0}
.post-card:last-child{border-bottom:none}
.post-card h2{margin:0 0 4px}
.reply-item{padding:12px 0;border-bottom:1px solid #f5f5f5}
.reply-item .reply-meta{font-size:13px;color:#999;margin-bottom:4px}
.reply-item .reply-content{font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.pagination{display:flex;justify-content:center;gap:8px;padding:16px 0;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-block;padding:6px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;text-decoration:none;color:#333}
.pagination span{background:#1976d2;color:#fff;border-color:#1976d2}
.pagination .ellipsis{background:transparent;color:#999;border-color:transparent;padding:6px 4px}
.pagination a:hover{background:#f5f5f5}
.tags{margin:8px 0}
.tags a{display:inline-block;padding:2px 8px;margin:2px 4px 2px 0;background:#f0f0f0;border-radius:3px;font-size:12px;color:#666}