* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #f4f4f4; color: #333; font: 14px/1.8 "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
a { color: #333; text-decoration: none; }
a:hover { color: #c00; text-decoration: underline; }
img { display: block; max-width: 100%; }
.cat, .new9, .volLink, .panel, .sec { max-width: 980px; margin: 0 auto; }

.maingrid { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.new9 { display: flex; gap: 24px; align-items: center; height: 30px; }
.block { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.block:hover { color: #0871bd; text-decoration: underline; }
.tooltext { background: #2f8ed8; }
.volLink { height: 76px; display: flex; align-items: center; gap: 28px; }
.rankBox { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.rankBox a { color: #fff; letter-spacing: 0; }
.rankBox a:hover { color: inherit; text-decoration: none; }
.cardBox { flex: 1; display: flex; max-width: 470px; }
.hdCover { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.secInner { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.cardBoxrow { margin-left: auto; display: flex; gap: 10px; }
.cardBoxrow a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

.panel { display: flex; height: 42px; background: #287dc2; overflow: hidden; }
.panel a { color: #fff; line-height: 42px; padding: 0 13px; white-space: nowrap; border-right: 1px solid rgba(255,255,255,.12); }
.panel a:hover { background: #1d6fb0; text-decoration: none; color: #fff; }
.sec { display: none; }
.metainner { padding: 12px 0 20px; }

.cate { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.novelLink2, .blockMeta8, .img3, .catImg2, .bdBox, .shuCell, .authorLink { background: #fff; border: 1px solid #ddd; }
.novelLink2 { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.col3 { display: flex; min-height: 132px; overflow: hidden; }
.col3 .sortMeta { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.col3 .sortMeta img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.col3 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.col3 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.col3 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.col3 dd a { color: #555; }
.hot, .img3 h2, .bdBox h2, .shuCell h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.area9, .wraps, .itemline, .secLine, .new { list-style: none; }
.area9 li, .itemline li, .new li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.rankInfobox, .descCover { width: 86px; color: #888; flex: 0 0 86px; }
.bdWrap8, .link { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.home { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hotMain4, .blockGrid6 { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rowList { width: 70px; color: #888; text-align: right; }

.topArea { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.headSec { display: flex; padding: 12px; border-bottom: 1px dashed #ddd; }
.headSec .sortMeta { width: 76px; flex: 0 0 76px; margin-right: 12px; }
.headSec .sortMeta img { width: 76px; height: 104px; object-fit: cover; border: 1px solid #ddd; }
.headSec dt { font-weight: 700; height: 28px; line-height: 28px; overflow: hidden; }
.headSec dd { height: 72px; overflow: hidden; color: #555; font-size: 13px; }
.headSec dd a { color: #555; }
.wraps { padding: 7px 12px; columns: 2; }
.wraps li { height: 28px; line-height: 28px; overflow: hidden; break-inside: avoid; }

.catImg2 { display: flex; padding: 18px; margin-bottom: 12px; }
.catImg2 .chaLine4 { width: 150px; flex: 0 0 150px; margin-right: 22px; }
.catImg2 .chaLine4 img { width: 150px; height: 200px; object-fit: cover; border: 1px solid #ccc; padding: 2px; background: #fff; }
.ftMod7 h1 { height: 44px; line-height: 44px; font-size: 28px; font-weight: 500; border-bottom: 1px dashed #ddd; margin-bottom: 8px; }
.ftMod7 p { height: 30px; line-height: 30px; color: #555; }
.novelCol6 { margin-top: 18px; display: flex; gap: 12px; }
.infoImg { display: inline-block; min-width: 110px; height: 36px; line-height: 36px; text-align: center; background: #287dc2; color: #fff; border-radius: 2px; }
.infoImg.authorlink { background: #f5a623; }
.infoImg:hover { color: #fff; text-decoration: none; opacity: .9; }
.bdBox { margin-bottom: 12px; }
.bdBox p { padding: 14px 16px; color: #555; text-indent: 2em; }
.secLine { display: grid; grid-template-columns: repeat(3, 1fr); padding: 10px 12px; }
.secLine li { height: 34px; line-height: 34px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; padding-right: 18px; white-space: nowrap; text-overflow: ellipsis; }
.authorLink h1 { height: 42px; line-height: 42px; padding: 0 12px; font-size: 18px; color: #287dc2; border-bottom: 1px solid #ddd; background: #f9f9f9; }

.linkBox9 { background: #f6f1e7; border: 1px solid #d8cfbd; padding: 0 24px 26px; }
.descMeta { height: 38px; line-height: 38px; color: #777; border-bottom: 1px solid #e4dccd; font-size: 13px; }
.coverInfo { text-align: center; padding: 20px 0 10px; border-bottom: 1px dashed #d8cfbd; }
.coverInfo h1 { font-size: 26px; font-weight: 500; color: #222; }
.coverInfo p { color: #777; margin-top: 6px; }
.novelMeta2 { padding: 20px 8px; color: #222; font: 20px/2 "Microsoft YaHei", "PingFang SC", serif; }
.novelMain7 { display: none; margin: 0 0 16px; padding: 2px 0 10px; border-bottom: 1px dashed #d8cfbd; color: #222; font-size: 22px; font-weight: 700; line-height: 1.45; text-align: center; text-indent: 0; }
.novelMeta2 p { text-indent: 2em; margin-bottom: 14px; text-align: justify; }
.volFt { display: flex; justify-content: center; gap: 12px; padding: 18px 0 0; border-top: 1px dashed #d8cfbd; }
.volFt.boxInfo2 { padding: 14px 0; border-top: 0; border-bottom: 1px dashed #d8cfbd; }
.linkBox9 .volFt.wenCon { margin-bottom: 18px; }
.volFt a, .volFt span { min-width: 110px; height: 34px; line-height: 34px; text-align: center; background: #fff; border: 1px solid #d8cfbd; color: #555; }
.volFt a:hover { background: #287dc2; color: #fff; text-decoration: none; border-color: #287dc2; }

.titleMeta7 { background: #fff; border: 1px solid #ddd; padding: 20px; }
.novelWrap { border-top: 1px solid #ddd; background: #f7f7f7; color: #888; text-align: center; padding: 20px 0; font-size: 12px; }

@media (max-width: 768px) {
    .cat, .new9, .volLink, .panel, .sec { width: 100%; max-width: none; }
    .maingrid { display: none; }
    .tooltext { padding: 10px; }
    .volLink { height: auto; display: block; }
    .rankBox { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .cardBox { max-width: none; }
    .cardBoxrow { display: none; }
    .panel { display: none; }
    .sec { display: flex; overflow-x: auto; background: #287dc2; }
    .sec a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .metainner { padding: 8px; }
    .cate, .topArea { display: block; }
    .novelLink2 { grid-template-columns: 1fr; margin-bottom: 10px; }
    .blockMeta8, .img3 { margin-bottom: 10px; }
    .rankInfobox, .home, .hotMain4, .descCover, .blockGrid6, .rowList { display: none; }
    .wraps { columns: 1; }
    .catImg2 { display: block; text-align: center; }
    .catImg2 .chaLine4 { margin: 0 auto 12px; }
    .ftMod7 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .novelCol6 { justify-content: center; }
    .secLine { grid-template-columns: 1fr; }
    .linkBox9 { padding: 0 12px 18px; }
    .coverInfo h1 { font-size: 22px; }
    .novelMeta2 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .novelMain7 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .volFt { gap: 8px; }
    .volFt a, .volFt span { min-width: 0; flex: 1; }
}

.dateItem { background: #fff; border: 1px solid #ddd; padding: 14px; }
.dateItem h1 { height: 38px; line-height: 38px; font-size: 18px; color: #287dc2; border-bottom: 1px solid #ddd; margin-bottom: 14px; }
.author8 { display: flex; max-width: 560px; margin-bottom: 12px; }
.author8 input { flex: 1; height: 36px; padding: 0 10px; border: 1px solid #ccc; border-right: 0; outline: 0; }
.author8 button { width: 76px; border: 0; background: #287dc2; color: #fff; cursor: pointer; }
.headName6 { color: #777; padding: 8px 0 12px; }
.rowBar3 { list-style: none; }
.rowBar3 li { display: flex; padding: 12px 0; border-top: 1px dashed #e5e5e5; }
.rowBar3 li[hidden] { display: none !important; }
.rowBar3 li.book3 { display: block; color: #888; }
.navs { width: 72px; flex: 0 0 72px; margin-right: 12px; }
.navs img { width: 72px; height: 96px; object-fit: cover; border: 1px solid #ddd; }
.hot5 h2 { font-size: 16px; height: 28px; line-height: 28px; overflow: hidden; }
.hot5 .catPanel { color: #888; font-size: 13px; margin-bottom: 4px; }
.hot5 .cateCell4 { color: #555; height: 48px; overflow: hidden; line-height: 1.7; }
@media (max-width: 768px) {
    .dateItem { padding: 10px; }
    .author8 { max-width: none; }
}

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.cat, .new9, .volLink, .panel, .sec { max-width: 1160px; }
.maingrid { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.new9 { color: #6d8f9e; }
.tooltext { background: #e6f8fb; }
.volLink { height: 82px; gap: 24px; }
.rankBox { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.rankBox a { color: #0871bd; }
.cardBox { max-width: 480px; margin-left: auto; }
.hdCover { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.secInner { height: 36px; background: #ddd; color: #222; }
.cardBoxrow { display: none; }
.panel { height: 44px; background: #79c2e3; padding: 0 10px; }
.panel a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.panel a:hover { background: #5eb1d8; }
.metainner { padding: 12px 0 24px; }

.picPanel6 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.text { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.cont4 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.textgrid h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.textgrid h2 a { color: #5b6fad; font-weight: 700; }
.textgrid h2 span { float: right; color: #aaa; font-weight: 400; }
.textgrid p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.nameBox8 { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.tagGrid, .rankCover { border: 3px solid #86c9e8; background: #eef6f6; }
.tagGrid h2, .rankCover h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.grid8, .modCover3 { list-style: none; padding: 8px 12px; }
.grid8 li { display: grid; grid-template-columns: 95px 190px 1fr 90px 50px; gap: 8px; height: 32px; line-height: 32px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.grid8 .hotUnit { color: #555; }
.grid8 .secCell, .grid8 .homeWrap3, .grid8 .shuItem { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.grid8 .shuItem, .grid8 .colSec6 { color: #aaa; text-align: right; }
.modCover3 li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.modCover3 span { color: #555; }
.modCover3 a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.modCover3 em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.itemList { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.itemList a, .itemList select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.itemList a { line-height: 40px; }
.itemList select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.novelWrap { background: #e6f8fb; border-top: 2px solid #72c4e8; color: #555; }

/* Desktop vs mobile are intentionally different. */
@media (max-width: 768px) {
    body { background: #e6f8fb; font-size: 14px; }
    .cat, .new9, .volLink, .panel, .sec { width: 100%; max-width: none; }
    .maingrid { display: none; }
    .tooltext { padding: 10px; background: #dff5fb; }
    .volLink { display: block; height: auto; }
    .rankBox { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .cardBox { max-width: none; display: flex; margin-left: 0; }
    .hdCover { height: 38px; font-size: 14px; }
    .secInner { width: 72px; height: 38px; }
    .panel { display: none; }
    .sec { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .sec a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .volLink .sec { margin-bottom: 8px; }
    .metainner { padding: 8px; }
    .picPanel6 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .text { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .text:last-child { border-bottom: 0; }
    .cont4 img { width: 82px; height: 110px; padding: 2px; }
    .textgrid h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .textgrid h2 span { display: none; }
    .textgrid p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .nameBox8 { display: block; }
    .mainText { display: flex; flex-direction: column; }
    .mainText .rankCover { order: 1; }
    .mainText .tagGrid { order: 2; }
    .tagGrid, .rankCover { border-width: 2px; margin-bottom: 10px; }
    .tagGrid h2, .rankCover h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .grid8, .modCover3 { padding: 4px 8px; }
    .grid8 li { display: grid; grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; height: 34px; min-height: 34px; line-height: 34px; padding: 0; }
    .grid8 .shuItem, .grid8 .colSec6 { display: none; }
    .grid8 .hotUnit { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .grid8 .secCell { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .grid8 .homeWrap3 { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .modCover3 li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .modCover3 span { display: none; }
    .itemList { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .itemList select { grid-column: 1 / -1; order: -1; }
    .novelWrap { padding: 14px 8px; line-height: 1.7; }
}

.siteBlock { border: 3px solid #b9dff1; background: #fffdf6; }
.siteBlock h1 { height: 38px; line-height: 38px; padding: 0 12px; background: #dcecef; color: #444; font-size: 15px; }
.menuUnit { overflow-x: auto; }
.infoFt { width: 100%; border-collapse: collapse; table-layout: fixed; }
.infoFt th, .infoFt td { height: 45px; padding: 0 12px; border-bottom: 1px solid #ddd7ca; text-align: left; color: #4d6da8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.infoFt th { color: #444; background: #fffaf0; font-weight: 700; }
.infoFt th:nth-child(1), .infoFt td:nth-child(1) { width: 58px; }
.infoFt th:nth-child(2), .infoFt td:nth-child(2) { width: 220px; }
.infoFt th:nth-child(4), .infoFt td:nth-child(4) { width: 140px; }
.infoFt th:nth-child(5), .infoFt td:nth-child(5) { width: 110px; }
.infoFt th:nth-child(6), .infoFt td:nth-child(6) { width: 80px; color: red; }
.infoFt .book3 { text-align: center; color: #888; }
.panelBar { border: 0; background: transparent; color: red; cursor: pointer; }
@media (max-width: 768px) {
    .siteBlock { border-width: 2px; }
    .siteBlock h1 { height: auto; line-height: 1.5; padding: 8px; font-size: 14px; }
    .menuUnit { overflow-x: hidden; }
    .infoFt { min-width: 0; table-layout: fixed; }
    .infoFt th, .infoFt td { height: 40px; padding: 0 8px; }
    .infoFt th:nth-child(1),
    .infoFt td:nth-child(1),
    .infoFt th:nth-child(4),
    .infoFt td:nth-child(4),
    .infoFt th:nth-child(5),
    .infoFt td:nth-child(5) { display: none; }
    .infoFt th:nth-child(2),
    .infoFt td:nth-child(2) { width: 34%; }
    .infoFt th:nth-child(3),
    .infoFt td:nth-child(3) { width: 49%; }
    .infoFt th:nth-child(6),
    .infoFt td:nth-child(6) { width: 17%; text-align: center; }
}

/* Desktop home v2: hero + classic sidebar + 3x2 category matrix */
.cont2 { display: grid; grid-template-columns: 1fr 340px; gap: 0; border: 3px solid #b9dff1; background: #fffdf6; margin-bottom: 16px; }
.novelBd { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; padding: 12px; }
.story { display: grid; grid-template-columns: 142px 1fr; gap: 14px; min-height: 178px; }
.pageGrid5 img { width: 142px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.hd h2 { height: 30px; line-height: 30px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.hd h2 a { color: #5b6fad; font-weight: 700; }
.hd h2 span { float: right; max-width: 78px; color: #aaa; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hd p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.contInfo { border-left: 3px solid #b9dff1; background: #eef6f6; }
.contInfo h2 { height: 39px; line-height: 39px; padding: 0 12px; background: #dcecef; color: #444; font-size: 16px; }
.contInfo ul { list-style: none; padding: 7px 12px; }
.contInfo li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.contInfo span { color: #555; }
.contInfo a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.contInfo em { font-style: normal; color: #666; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nameMod { display: grid; grid-template-columns: repeat(3, 1fr); border: 3px solid #86c9e8; background: #fffdf6; }
.infoSec { min-height: 318px; padding: 0 12px 9px; border-right: 1px dotted #9fc9db; border-bottom: 1px solid #b9dff1; overflow: hidden; }
.infoSec:nth-child(3n) { border-right: 0; }
.infoSec h2 { height: 34px; line-height: 34px; color: #444; font-size: 16px; border-bottom: 1px solid #c7d8e3; }
.site7 { display: grid; grid-template-columns: 82px 1fr; gap: 12px; padding: 12px 0 8px; }
.side7 img { width: 82px; height: 104px; object-fit: cover; border: 1px solid #abc6d4; padding: 2px; background: #fff; }
.site7 h3 { height: 24px; line-height: 24px; font-size: 14px; overflow: hidden; }
.site7 h3 a { color: #4d6da8; }
.site7 p { height: 76px; overflow: hidden; line-height: 1.7; color: #555; }
.shuHd { list-style: none; }
.shuHd li { height: 26px; line-height: 26px; border-bottom: 1px solid #d8e2e4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .cont2 { display: block; border-width: 2px; margin-bottom: 10px; }
    .novelBd { display: block; padding: 8px; }
    .story { grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .story:last-child { border-bottom: 0; }
    .pageGrid5 img { width: 82px; height: 110px; padding: 2px; }
    .hd h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .hd h2 span { display: block; float: right; max-width: 82px; margin-right: 2px; color: #999; font-size: 13px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .hd p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .contInfo { border-left: 0; border-top: 2px solid #b9dff1; }
    .contInfo ul { padding-right: 12px; }
    .contInfo li { grid-template-columns: minmax(0, 1fr) 82px; }
    .contInfo span { display: none; }
    .nameMod { display: block; border-width: 2px; }
    .infoSec { min-height: 0; border-right: 0; padding-bottom: 6px; }
    .infoSec:nth-child(n+4) { display: none; }
    .site7 { grid-template-columns: 72px 1fr; gap: 10px; }
    .side7 img { width: 72px; height: 94px; }
    .shuHd li { height: 30px; line-height: 30px; }
}

.headName { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 18px; padding: 12px; border: 3px solid #b9dff1; background: #fffdf6; }
.hotMain2 { display: grid; grid-template-columns: 126px 1fr; gap: 14px; min-height: 178px; padding-bottom: 12px; margin-bottom: 12px; overflow: hidden; }
.panelLine4 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.hdLine6 h2 { height: 30px; line-height: 30px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.hdLine6 h2 a { color: #5b6fad; font-weight: 700; }
.hdLine6 h2 span { float: right; max-width: 82px; color: #aaa; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hdLine6 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
@media (max-width: 768px) {
    .headName { display: block; padding: 8px; border-width: 2px; }
    .hotMain2 { grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; margin: 0; border-bottom: 1px solid #d8e2e4; }
    .panelLine4 img { width: 82px; height: 110px; padding: 2px; }
    .hdLine6 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .hdLine6 h2 span { display: none; }
    .hdLine6 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
}

.linkblock { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.linkblock button { width: 54px; height: 34px; border: 1px solid #5eb1d8; background: #79c2e3; color: #fff; border-radius: 3px; cursor: pointer; font-weight: 700; box-shadow: 0 2px 8px rgba(0,0,0,.12); }
.linkblock button:hover { background: #4eadd0; }
body.authorLine6 { background: #1e1e1e; color: #aaa; }
body.authorLine6 a { color: #9eb8e8; }
body.authorLine6 .maingrid,
body.authorLine6 .tooltext,
body.authorLine6 .novelWrap { background: #252525; border-color: #3a3a3a; color: #888; }
body.authorLine6 .panel,
body.authorLine6 .sec { background: #333; }
body.authorLine6 .panel a:hover,
body.authorLine6 .sec a:hover { background: #444; }
body.authorLine6 .picPanel6,
body.authorLine6 .cont2,
body.authorLine6 .nameMod,
body.authorLine6 .headName,
body.authorLine6 .siteBlock,
body.authorLine6 .dateItem,
body.authorLine6 .catImg2,
body.authorLine6 .bdBox,
body.authorLine6 .shuCell,
body.authorLine6 .authorLink,
body.authorLine6 .tagGrid,
body.authorLine6 .rankCover,
body.authorLine6 .contInfo,
body.authorLine6 .titleMeta7 { background: #2a2a2a; border-color: #444; }
body.authorLine6 .linkBox9 { background: #202020; border-color: #444; }
body.authorLine6 .novelMeta2 { color: #b8b8b8; }
body.authorLine6 .hot,
body.authorLine6 .img3 h2,
body.authorLine6 .bdBox h2,
body.authorLine6 .shuCell h2,
body.authorLine6 .tagGrid h2,
body.authorLine6 .rankCover h2,
body.authorLine6 .contInfo h2,
body.authorLine6 .siteBlock h1,
body.authorLine6 .authorLink h1,
body.authorLine6 .infoSec h2,
body.authorLine6 .dateItem h1 { background: #333; color: #ccc; border-color: #444; }
body.authorLine6 .textgrid p,
body.authorLine6 .hd p,
body.authorLine6 .site7 p,
body.authorLine6 .hdLine6 p,
body.authorLine6 .bdBox p,
body.authorLine6 .ftMod7 p,
body.authorLine6 .hot5 .cateCell4 { color: #aaa; }
body.authorLine6 .infoFt th { background: #333; color: #ccc; }
body.authorLine6 .infoFt th,
body.authorLine6 .infoFt td,
body.authorLine6 .grid8 li,
body.authorLine6 .modCover3 li,
body.authorLine6 .contInfo li,
body.authorLine6 .shuHd li { border-color: #444; }
body.authorLine6 .hdCover,
body.authorLine6 .author8 input,
body.authorLine6 .itemList select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .linkblock { right: 10px; bottom: 14px; }
    .linkblock button { width: 48px; height: 32px; font-size: 13px; }
}

.blockCol7 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 12px; border: 3px solid #b9dff1; background: #fffdf6; margin-bottom: 18px; }
.storyRow { display: grid; grid-template-columns: 126px 1fr; gap: 14px; min-height: 176px; overflow: hidden; }
.updateBd img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.descInner h2 { height: 30px; line-height: 30px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.descInner h2 a { color: #5b6fad; font-weight: 700; }
.descInner h2 span { float: right; max-width: 78px; color: #aaa; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.descInner p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.shuMod { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.rankInfo, .time { margin-bottom: 18px; }
@media (max-width: 768px) {
    .blockCol7 { display: block; padding: 8px; border-width: 2px; margin-bottom: 10px; }
    .storyRow { grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .storyRow:last-child { border-bottom: 0; }
    .updateBd img { width: 82px; height: 110px; padding: 2px; }
    .descInner h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .descInner h2 span { display: none; }
    .descInner p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .shuMod { display: block; }
}

.mainText { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; margin-top: 16px; }
@media (max-width: 768px) {
    .mainText { display: flex; flex-direction: column; width: 100%; max-width: 100%; margin-top: 10px; }
    .mainText .rankCover { order: 1; }
    .mainText .tagGrid { order: 2; }
    .mainText .rankCover,
    .mainText .tagGrid { width: 100%; max-width: 100%; min-width: 0; }
}

.updatePanel6 { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.updatePanel6 .descMeta { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.menuBlock { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.num6 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    min-height: 200px;
    box-sizing: border-box;
    background: rgba(0,0,0,.04);
    padding: 12px;
    overflow: hidden;
}
.num6 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.novelImg3 h1 { font-size: 30px; line-height: 44px; color: #333; }
.rank { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.rank p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.rank .shuWrap { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.footBar { grid-column: 2; line-height: 1.8; color: #444; }
.rank4 { display: none; }
.link2 { display: none; }
.dateunit { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.dateunit h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.dateunit .secLine { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.dateunit .secLine li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.dateunit .secLine.secMain5 li { font-weight: 700; }
.cellCon5 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.cellCon5 a, .cellCon5 span, .cellCon5 button, .cellCon5 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.cellCon5 a, .cellCon5 span, .cellCon5 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.cellCon5 button:disabled { cursor: default; opacity: .65; }
.cellCon5 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.page { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.page h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.side2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.side2 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .updatePanel6, .dateunit { border-width: 2px; margin-bottom: 12px; }
    .updatePanel6 .descMeta { height: auto; line-height: 1.5; padding: 8px; }
    .menuBlock { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .num6 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .num6 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .novelImg3 { min-width: 0; }
    .novelImg3 h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .rank { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .rank p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .rank4 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .tagBd { display: block; height: 32px; line-height: 32px; border: 0; border-radius: 4px; color: #fff; text-align: center; font-weight: 700; font-size: 14px; cursor: pointer; }
    .tagBd:hover { color: #fff; text-decoration: none; opacity: .92; }
    .tagBd.metaBlock { background: #f0305a; }
    .tagBd.authorLine2 { background: #f1a51e; }
    .tagBd.wenCon { background: #5b8cc3; }
    .footBar { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .footBar.wen { max-height: none; }
    .link2 { display: block; grid-column: 1 / -1; justify-self: center; margin-top: -2px; border: 0; background: transparent; color: #4d6da8; font-weight: 700; font-size: 14px; cursor: pointer; }
    .dateunit .secLine { grid-template-columns: 1fr; padding: 0 8px; }
    .dateunit .secLine li { height: 36px; line-height: 36px; padding-right: 0; }
    .cellCon5 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .cellCon5 select { grid-column: 1 / -1; order: -1; }
    .side2 { grid-template-columns: 1fr; gap: 8px; }
}

.linkblock a { width: 54px; height: 34px; line-height: 34px; border: 1px solid #5eb1d8; background: #79c2e3; color: #fff; border-radius: 3px; cursor: pointer; font-weight: 700; box-shadow: 0 2px 8px rgba(0,0,0,.12); text-align: center; }
.linkblock a:hover { background: #4eadd0; color: #fff; text-decoration: none; }
@media (max-width: 768px) {
    .volFt { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .volFt a, .volFt span { width: 100%; }
    .linkblock a { width: 48px; height: 32px; line-height: 32px; font-size: 13px; }
}

@media (max-width: 768px) {
    .linkBox9 .volFt { grid-template-columns: 1fr 1fr; }
    .linkBox9 .volFt a:last-child,
    .linkBox9 .volFt span:last-child { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .cat, .metainner, .tooltext, .volLink, .linkBox9, .updatePanel6, .dateunit { max-width: 100%; overflow-x: hidden; }
    .cardBox { width: 100%; max-width: 100%; }
    .hdCover { min-width: 0; }
    .secInner { flex: 0 0 68px; width: 68px; }
    .sec { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .linkBox9 { padding-left: 10px; padding-right: 10px; }
    .descMeta { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .coverInfo h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .coverInfo p { white-space: normal; overflow-wrap: anywhere; }
    .novelMeta2 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .novelMeta2 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .linkblock { right: 8px; }
}

.hdRow { display: none; margin-left: auto; padding: 6px 13px; color: #fff; border: 1px solid rgba(255,255,255,.65); border-radius: 3px; font-weight: 700; white-space: nowrap; }
.hdRow:hover { color: #fff; background: rgba(255,255,255,.16); text-decoration: none; }
@media (max-width: 768px) {
    .volLink { position: relative; }
    .hdRow { display: inline-block; position: absolute; right: 0; top: 0; margin-left: 0; padding: 4px 9px; color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); font-size: 13px; }
    .hdRow:hover { color: #0871bd; background: rgba(255,255,255,.8); }
}

.cover2 {
    display: grid;
    grid-template-columns: auto 32px 32px 32px auto 48px 48px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 12px;
    background: #fff;
    border-bottom: 1px dashed #d8cfbd;
}
.cover2.wenCon { border-top: 1px dashed #d8cfbd; border-bottom: 0; margin-top: 8px; }
.cover2 span { color: #287dc2; }
.cover2 label { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
.cover2 select { height: 28px; border: 1px solid #83bfe0; background: #fff; }
.cover2 button { height: 28px; border: 1px solid #1e8bd1; background: #fff; color: #006eb8; border-radius: 3px; cursor: pointer; }
.cover2 button.num { background: #d8effc; font-weight: 700; }
@media (min-width: 1024px) {
    .linkBox9 { position: relative; }
    .linkBox9 > .descMeta { padding-right: 390px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .linkBox9 > .cover2:not(.wenCon) {
        position: absolute;
        top: 5px;
        right: 24px;
        z-index: 2;
        width: auto;
        padding: 0;
        background: transparent;
        border: 0;
    }
    .linkBox9 > .cover2.wenCon { display: none; }
}
.sideLink { margin: 18px 0; padding: 18px 14px; background: #eee; }
.sideLink h2 { text-align: center; color: #777; font-size: 16px; font-weight: 400; margin-bottom: 14px; }
.boxList2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 36px; }
.boxList2 a { display: block; height: 34px; line-height: 34px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body.authorLine6 .sideLink { background: #2a2a2a; }
body.authorLine6 .boxList2 a { background: #333; color: #bbb; }
@media (max-width: 768px) {
    .cover2 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; padding: 8px 0; border-bottom: 1px dashed #d8cfbd; }
    .cover2.wenCon { border-top: 1px dashed #d8cfbd; border-bottom: 0; margin-top: 8px; }
    .cover2 button,
    .cover2 a { height: 28px; line-height: 28px; border: 1px solid #d8cfbd; background: #fff; color: #287dc2; border-radius: 2px; text-align: center; font-size: 12px; padding: 0; }
    .cover2 button { cursor: pointer; }
    .cover2 a:hover { text-decoration: none; }
    body.authorLine6 .cover2 button,
    body.authorLine6 .cover2 a { background: #333; border-color: #555; color: #9eb8e8; }
    .sideLink { margin: 12px 0; padding: 12px 8px; }
    .boxList2 { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .boxList2 a { height: 32px; line-height: 32px; font-size: 13px; }
}

@media (max-width: 768px) {
    .linkBox9 .volFt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
    .linkBox9 .volFt a,
    .linkBox9 .volFt span { border-radius: 0; }
    .linkBox9 .volFt a:last-child,
    .linkBox9 .volFt span:last-child { grid-column: auto; }
}

body.dateName .linkBox9 { background: #e9fbfb; }
body.barwrap .linkBox9 { background: #f6f1e7; }
body.siteLine6 .linkBox9 { background: #eeeeee; }
@media (max-width: 768px) {
    .cover2 { grid-template-columns: auto 28px 28px 28px 1fr 42px 42px; align-items: center; gap: 4px; padding: 7px 4px; background: #fff; }
    .cover2 span { color: #287dc2; font-size: 13px; }
    .cover2 label { display: flex; align-items: center; gap: 3px; min-width: 0; font-size: 12px; color: #333; white-space: nowrap; }
    .cover2 select { width: 54px; height: 25px; border: 1px solid #83bfe0; background: #fff; font-size: 12px; }
    .cover2 button { height: 25px; line-height: 23px; border: 1px solid #1e8bd1; background: #fff; color: #006eb8; border-radius: 3px; font-size: 12px; }
    .cover2 button.num { background: #d8effc; font-weight: 700; }
    .cover2 a { display: none; }
    body.authorLine6 .cover2 { background: #292929; }
    body.authorLine6 .cover2 span,
    body.authorLine6 .cover2 label { color: #bbb; }
    body.authorLine6 .cover2 select,
    body.authorLine6 .cover2 button { background: #333; border-color: #666; color: #9eb8e8; }
}

body.authorLine6 .rankBox a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.authorLine6 .linkBox9 { background: #242424; }
body.authorLine6 .coverInfo h1 { color: #ddd; }
body.authorLine6 .coverInfo p,
body.authorLine6 .descMeta { color: #aaa; }
body.authorLine6 .novelMeta2 { color: #d2d2d2; }
body.authorLine6 .novelMeta2 p { color: #d2d2d2; }
body.authorLine6.barwrap .linkBox9,
body.authorLine6.dateName .linkBox9,
body.authorLine6.siteLine6 .linkBox9 { background: #242424; }
@media (max-width: 768px) {
    .cover2 { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.authorLine6 .cover2 { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.linkBox9 { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.authorLine6) .linkBox9 { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.authorLine6) .novelMeta2 { color: #333; }

@media (max-width: 768px) {
    .cover2 { grid-template-columns: auto 28px 28px 28px 1fr 42px 42px; }
}

@media (max-width: 768px) {
    .linkBox9 > .descMeta,
    .linkBox9 > .coverInfo { display: none; }
    .linkBox9 { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.authorLine6 { background: #e6f8fb; color: #555; }
body.authorLine6 a { color: #4d6da8; }
body.authorLine6 .maingrid { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.authorLine6 .tooltext,
body.authorLine6 .novelWrap { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.authorLine6 .panel,
body.authorLine6 .sec { background: #79c2e3; }
body.authorLine6 .panel a,
body.authorLine6 .sec a { color: #fff; }
body.authorLine6 .hdCover,
body.authorLine6 .author8 input,
body.authorLine6 .itemList select { background: #fff; color: #333; border-color: #9bc7df; }
body.authorLine6 .linkBox9,
body.authorLine6.barwrap .linkBox9,
body.authorLine6.dateName .linkBox9,
body.authorLine6.siteLine6 .linkBox9 { background: #2f3437; border-color: #444; }
body.authorLine6 .coverInfo h1 { color: #ddd; }
body.authorLine6 .coverInfo p,
body.authorLine6 .descMeta { color: #aaa; }
body.authorLine6 .volFt a,
body.authorLine6 .volFt span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.authorLine6 .cover2 { background: #2f3437; border-color: #555; }
body.authorLine6 .cover2 span,
body.authorLine6 .cover2 label { color: #c8c8c8; }
body.authorLine6 .cover2 select,
body.authorLine6 .cover2 button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.authorLine6 .novelMeta2 { background: transparent; color: #aaa; }
body.authorLine6 .novelMain7 { border-color: #555; color: #bbb; }
body.authorLine6 .novelMeta2 p { color: #aaa; }
body.authorLine6 .rankBox a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.authorLine6 .hdRow { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.authorLine6 .hdRow:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.authorLine6 .sideLink { background: #eee; }
body.authorLine6 .sideLink h2 { color: #777; }
body.authorLine6 .boxList2 a { background: #e3e3e3; color: #333; }
.authorMain { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.authorMain h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.authorMain p { margin: 8px 0; color: #555; }
.modLink9 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.modLink9:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.authorLine6 .tooltext { background: #dff5fb; }
    .authorMain { padding: 42px 12px 48px; border-width: 2px; }
    .authorMain h1 { font-size: 24px; }
}

@media (max-width: 768px) {
    .cover2 {
        align-items: center;
    }
    .cover2 span,
    .cover2 label,
    .cover2 button,
    .cover2 select {
        height: 25px;
        line-height: 25px;
        vertical-align: middle;
    }
    .cover2 span,
    .cover2 label {
        display: flex;
        align-items: center;
    }
    .cover2 button {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    .cover2 select {
        padding: 0 4px;
        line-height: 25px;
    }
}

/* Home update/new panels alignment fix */
.mainText .tagGrid,
.mainText .rankCover { align-self: start; }
.mainText .grid8,
.mainText .modCover3 { padding: 8px 10px; font-size: 13px; }
.mainText .grid8 li,
.mainText .modCover3 li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.mainText .grid8 li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.mainText .modCover3 li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.mainText .grid8 .hotUnit,
.mainText .grid8 .secCell,
.mainText .grid8 .homeWrap3,
.mainText .grid8 .shuItem,
.mainText .grid8 .colSec6,
.mainText .modCover3 span,
.mainText .modCover3 a,
.mainText .modCover3 em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .mainText .grid8,
    .mainText .modCover3 { padding: 4px 8px; font-size: 14px; }
    .mainText .grid8 li,
    .mainText .modCover3 li { height: 34px; line-height: 34px; }
    .mainText .grid8 li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .mainText .modCover3 li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

/* rank-static-layout */
.headName.colLink {
    display: block !important;
    border: 2px solid #86c7e7;
    background: #fffdf6;
    padding: 10px 12px;
    margin: 12px auto 0;
    box-sizing: border-box;
}
.headName.colLink .authorName6 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 18px;
}
.headName.colLink .hotMain2 {
    float: none !important;
    width: auto !important;
    min-height: 164px;
    margin: 0 !important;
    padding: 0 0 10px;
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 12px;
    border-bottom: 1px dotted #b9ccd2;
    box-sizing: border-box;
    overflow: hidden;
}
.headName.colLink .panelLine4,
.headName.colLink .panelLine4 img {
    display: block;
    width: 116px;
    height: 154px;
}
.headName.colLink .panelLine4 img {
    object-fit: cover;
    border: 1px solid #b7cbd4;
    background: #f4f4f4;
    box-sizing: border-box;
}
.headName.colLink .hdLine6 {
    min-width: 0;
    overflow: hidden;
}
.headName.colLink .hdLine6 h2 {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 5px;
    padding: 0 0 4px;
    border-bottom: 1px dotted #b9ccd2;
    font-size: 15px;
    line-height: 22px;
    white-space: nowrap;
}
.headName.colLink .hdLine6 h2 a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.headName.colLink .rankCol {
    margin-left: auto;
    max-width: 66px;
    color: #aaa;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.headName.colLink .tool {
    margin: 0;
    color: #333;
    font-size: 13px;
    line-height: 24px;
    text-indent: 2em;
    max-height: 120px;
    overflow: hidden;
}
.headName.colLink .unitImg {
    grid-column: 1 / -1;
    margin: 0;
    padding: 12px;
    color: #555;
}
@media (max-width: 720px) {
    .headName.colLink {
        padding: 8px;
    }
    .headName.colLink .authorName6 {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .headName.colLink .hotMain2 {
        min-height: 108px;
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 0;
    }
    .headName.colLink .panelLine4,
    .headName.colLink .panelLine4 img {
        width: 76px;
        height: 100px;
    }
    .headName.colLink .hdLine6 h2 {
        font-size: 14px;
        line-height: 20px;
    }
    .headName.colLink .tool {
        font-size: 13px;
        line-height: 20px;
        max-height: 60px;
        text-indent: 0;
    }
}
/* /rank-static-layout */

/* static rank page, bqg style */
.headName.boxFt9 {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.boxFt9 .maininfo {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.boxFt9 .maininfo h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.boxFt9 .maininfo strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.boxFt9 .blockCover7 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.boxFt9 .colcover {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.boxFt9 .hotCon img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.boxFt9 .page6 {
  min-width: 0;
}
.boxFt9 .colcover h3 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  padding-bottom: 2px;
  border-bottom: 1px dotted #9fc7d6;
  font-size: 14px;
  line-height: 22px;
}
.boxFt9 .colcover h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.boxFt9 .colcover h3 span,
.boxFt9 .colcover h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.boxFt9 .updateHd2 {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.boxFt9 .updateHd2 a {
  display: inline;
}
.boxFt9 .tool {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .headName.boxFt9 {
    padding: 8px;
  }
  .boxFt9 .maininfo {
    display: flex;
    justify-content: space-between;
  }
  .boxFt9 .maininfo h2 {
    font-size: 20px;
  }
  .boxFt9 .maininfo strong {
    font-size: 16px;
  }
  .boxFt9 .blockCover7 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .boxFt9 .colcover {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .boxFt9 .hotCon img {
    width: 86px;
    height: 116px;
  }
  .boxFt9 .tool {
    max-height: 66px;
  }
}

/* static category layout fix */
body { background: #e6f8fb; color: #333; font: 14px/1.8 "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
a { color: #2d65ad; }
a:hover { color: #c00; text-decoration: underline; }
.cat, .new9, .volLink, .tagGridline { width: 980px; max-width: 980px; margin: 0 auto; }
.tooltext { background: #e6f8fb; }
.volLink { height: 86px; display: flex; align-items: center; gap: 28px; }
.rankBox { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.rankBox a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.rankBox a:hover { text-decoration: none; color: #0871bd; }
.cardBox { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.hdCover { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.secInner { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.panel { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.tagGridline { display: flex; height: 42px; width: 980px; }
.panel a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.panel a:hover, .panel a.num { background: #57acd2; color: #fff; text-decoration: none; }
.metainner { padding: 12px 0 20px; }

.wenList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 18px; border: 3px solid #9bd5ee; background: #fffdf5; padding: 10px; margin-bottom: 12px; }
.wenList .tagLine3, .cate6 .tagLine3 { display: grid; grid-template-columns: 112px 1fr; gap: 12px; min-height: 150px; overflow: hidden; }
.chaLine4 { display: block; width: 112px; }
.chaLine4 img { width: 112px; height: 150px; object-fit: cover; border: 1px solid #b7d3df; background: #fff; }
.cellLink { min-width: 0; }
.cellLink h3 { height: 26px; line-height: 26px; margin: 0 0 6px; border-bottom: 1px dotted #b9cfd7; font-size: 15px; overflow: hidden; }
.cellLink h3 a { font-weight: 700; }
.cellLink h3 span { float: right; max-width: 72px; color: #aaa; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cellLink p { margin: 0; text-indent: 2em; height: 108px; overflow: hidden; color: #333; line-height: 1.85; }

.cate6 { display: grid; grid-template-columns: repeat(3, 1fr); border: 3px solid #9bd5ee; background: #fffdf5; margin-bottom: 12px; }
.topPanel4 { min-height: 275px; padding: 8px 12px; border-right: 1px dotted #9bd5ee; border-bottom: 1px solid #ddd; overflow: hidden; }
.topPanel4:nth-child(3n) { border-right: 0; }
.topPanel4 h2 { margin: 0 0 8px; height: 24px; line-height: 24px; border-bottom: 1px solid #cddbe0; font-size: 16px; color: #333; }
.topPanel4 .tagLine3 { grid-template-columns: 86px 1fr; min-height: 116px; margin-bottom: 6px; }
.topPanel4 .chaLine4, .topPanel4 .chaLine4 img { width: 86px; }
.topPanel4 .chaLine4 img { height: 116px; }
.topPanel4 .cellLink h3 { font-size: 14px; height: 24px; line-height: 24px; }
.topPanel4 .cellLink p { height: 96px; font-size: 13px; line-height: 24px; }
.tag, .chaWrap, .itemline, .new { list-style: none; margin: 0; padding: 0; }
.tag li { display: flex; align-items: center; height: 24px; line-height: 24px; border-top: 1px solid #ddd; overflow: hidden; }
.tag a { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tag span { width: 74px; margin-left: 6px; color: #666; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.numinfo { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.wrapPanel6, .numList, .timeWrap { border: 3px solid #9bd5ee; background: #eefafa; }
.wrapPanel6 h2, .numList h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.itemline li, .chaWrap li, .new li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.itemline li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.chaWrap li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.chaWrap li.barInfo { grid-template-columns: 76px minmax(0, 1fr); }
.new li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.itemline a, .chaWrap a, .new a, .unit3, .siteCon, .shuBd2, .coverImg, .chaWrap em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.unit3 { color: #555; }
.siteCon, .shuBd2, .coverImg, .chaWrap em { color: #777; font-style: normal; text-align: right; }
.timeWrap { padding-bottom: 8px; }
.timeWrap h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.ft { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.ft button, .ft select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.ft button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.ft button:disabled { opacity: .55; cursor: default; }
.ft select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.titleInfo2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.titleInfo2 button, .titleInfo2 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.shuName6 > [hidden] { display: none !important; }
.siteCover { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.siteCover h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.siteCover p, .tag2 { color: #555; }

.boxFt9 { border: 3px solid #9bd5ee; background: #fffdf5; padding: 10px; }
.maininfo { display: grid; grid-template-columns: 1fr 1fr; height: 38px; line-height: 38px; border-bottom: 1px solid #ddd; margin-bottom: 8px; }
.maininfo h2, .maininfo strong { font-size: 20px; color: #333; }
.time7 { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px 18px; }
.textCover8 { display: grid; grid-template-columns: 112px 1fr; gap: 12px; min-height: 164px; overflow: hidden; }
.panelLine4 img { width: 112px; height: 150px; object-fit: cover; border: 1px solid #b7d3df; }
.hdLine6 h3 { height: 26px; line-height: 26px; border-bottom: 1px dotted #b9cfd7; font-size: 15px; overflow: hidden; }
.hdLine6 h3 span { float: right; max-width: 72px; color: #aaa; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hdLine6 h3 em { float: right; margin-left: 6px; color: #999; font-style: normal; font-weight: 400; }
.updateHd2 { height: auto !important; color: #555; font-size: 13px; }
.hdLine6 p { padding-top: 0; height: 130px; max-height: 130px; overflow: hidden; line-height: 26px; }

.novelWrap { border-top: 2px solid #74c0df; padding: 18px 0 24px; text-align: center; color: #444; font-size: 12px; }
.linkblock { position: fixed; right: 16px; bottom: 16px; z-index: 20; }
.linkblock button { border: 1px solid #54afd4; background: #74c0df; color: #fff; border-radius: 3px; padding: 8px 10px; cursor: pointer; }

@media (max-width: 1023px) {
  .cat, .new9, .volLink, .panel, .tagGridline { width: auto; max-width: none; }
  .maingrid { display: block; }
  .new9 { padding: 0 10px; justify-content: center; }
  .tooltext { padding: 10px; }
  .volLink { height: auto; display: block; }
  .rankBox { width: auto; margin-bottom: 8px; font-size: 28px; }
  .cardBox { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .panel { margin: 0 10px; height: 38px; overflow-x: auto; }
  .tagGridline { display: flex; height: 38px; min-width: max-content; }
  .panel a { line-height: 38px; padding: 0 12px; }
  .metainner { padding: 8px 10px 16px; }
  .wenList { display: block; padding: 8px; }
  .wenList .tagLine3 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .wenList .chaLine4, .wenList .chaLine4 img { width: 86px; }
  .wenList .chaLine4 img { height: 116px; }
  .cate6 { display: block; }
  .topPanel4 { min-height: 0; border-right: 0; }
  .numinfo { display: flex; flex-direction: column; }
  .numList { order: 1; }
  .wrapPanel6 { order: 2; }
  .itemline li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .itemline .unit3, .itemline .siteCon, .itemline .coverImg { display: none; }
  .chaWrap li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .chaWrap li span { display: none; }
  .new li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .new .unit3, .new .panelList { display: none; }
  .new .siteCon, .new .shuBd2 { text-align: right; }
  .timeWrap h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .ft { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .titleInfo2 { grid-template-columns: 1fr 1.25fr 1fr; }
  .time7 { display: block; }
  .textCover8 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .panelLine4 img { width: 86px; height: 116px; }
}

/* mobile category layout restore: compact bqg-style category pages */
@media (max-width: 1023px) {
  .metainner > .cat {
    width: auto;
    margin-left: 8px;
    margin-right: 8px;
  }

  .bar {
    display: block;
    padding: 8px 10px;
    border: 2px solid #8fd1ed;
    background: #fffdf4;
    margin-bottom: 10px;
    box-sizing: border-box;
  }

  .bar .tagLine3 {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 10px;
    min-height: 112px;
    padding: 8px 0;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    box-sizing: border-box;
  }

  .bar .tagLine3:last-child {
    border-bottom: 0;
  }

  .bar .chaLine4,
  .bar .chaLine4 img {
    width: 82px;
  }

  .bar .chaLine4 img {
    height: 110px;
    object-fit: cover;
  }

  .bar .cellLink {
    min-width: 0;
  }

  .bar .cellLink h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    margin: 0 0 4px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #b7d1da;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
  }

  .bar .cellLink h3 a {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .bar .cellLink h3 span {
    flex: 0 0 auto;
    max-width: 5.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    font-size: 12px;
    font-weight: normal;
  }

  .bar .cellLink p {
    margin: 0;
    font-size: 13px;
    line-height: 22px;
    max-height: 66px;
    overflow: hidden;
  }

  .catImg {
    display: block;
    margin-top: 10px;
  }

  .catImg .wrapPanel6,
  .catImg .numList {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .catImg .wrapPanel6 h2,
  .catImg .numList h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .catImg .itemline li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
    gap: 6px;
    align-items: center;
    min-height: 32px;
    padding: 0 8px;
    box-sizing: border-box;
  }

  .catImg .itemline .unit3,
  .catImg .itemline .col,
  .catImg .itemline .panelList {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .catImg .itemline .unit3 {
    display: none;
  }

  .catImg .itemline .siteCon,
  .catImg .itemline .coverImg {
    display: none;
  }

  .catImg .chaWrap li {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px;
    gap: 6px;
    align-items: center;
    min-height: 32px;
    padding: 0 8px;
    box-sizing: border-box;
  }

  .catImg .chaWrap li.barInfo {
    grid-template-columns: minmax(0, 1fr);
  }

  .catImg .chaWrap li > span {
    display: none;
  }

  .catImg .chaWrap span,
  .catImg .chaWrap a,
  .catImg .chaWrap em {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }
}

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .cat,
  .new9,
  .volLink,
  .tagGridline {
    width: 1024px;
    max-width: 1024px;
  }

  .wenList {
    gap: 14px 20px;
    padding: 10px 12px;
  }

  .wenList .tagLine3 {
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 14px;
    min-height: 160px;
  }

  .wenList .chaLine4,
  .wenList .chaLine4 img {
    width: 120px;
  }

  .wenList .chaLine4 img {
    height: 160px;
  }

  .wenList .cellLink h3,
  .cate6 .cellLink h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .wenList .cellLink p,
  .cate6 .cellLink p {
    font-size: 14px;
    line-height: 24px;
  }

  .topPanel4 {
    padding: 10px 12px;
  }

  .topPanel4 .tagLine3 {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
    min-height: 124px;
  }

  .topPanel4 .chaLine4,
  .topPanel4 .chaLine4 img {
    width: 92px;
  }

  .topPanel4 .chaLine4 img {
    height: 124px;
  }

  .tag li,
  .chaWrap li,
  .itemline li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .wrapPanel6 h2,
  .numList h2,
  .topPanel4 h2 {
    font-size: 16px;
  }
}

/* 2026-07-12: desktop home layout restore: 4 featured + classic sidebar */
@media (min-width: 1024px) {
  .cat,
  .new9,
  .volLink,
  .tagGridline {
    width: 1024px;
    max-width: 1024px;
    box-sizing: border-box;
  }

  .tagGridline {
    display: flex;
    align-items: stretch;
    overflow: visible;
    height: 40px;
  }

  .tagGridline a,
  .sec a {
    flex: 0 0 auto;
    display: block;
    padding: 0 10px;
    font-size: 14px;
    line-height: 40px;
    white-space: nowrap;
    box-sizing: border-box;
  }

  .homeArea {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 12px;
    border: 3px solid #9bd5ee;
    background: #fffdf5;
    padding: 10px;
    margin: 0 0 12px;
    box-sizing: border-box;
  }

  .homeArea .wenList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .homeArea .wenList .tagLine3 {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    min-height: 160px;
    gap: 14px;
    padding: 0;
    border: 0;
    background: transparent;
  }

  .homeArea .wenList .tagLine3:nth-child(n+5) {
    display: none;
  }

  .homeArea .chaLine4,
  .homeArea .chaLine4 img {
    width: 120px;
    height: 160px;
    object-fit: cover;
  }

  .coverSec3 {
    border-left: 3px solid #9bd5ee;
    background: #eefafa;
    margin: -10px -10px -10px 0;
    min-width: 0;
  }

  .coverSec3 h2 {
    height: 36px;
    line-height: 36px;
    margin: 0;
    padding: 0 12px;
    background: #d9edf0;
    color: #333;
    font-size: 16px;
    font-weight: 700;
  }

  .coverSec3 ul {
    list-style: none;
    margin: 0;
    padding: 6px 10px;
  }

  .coverSec3 li {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) 68px;
    gap: 6px;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #d3e1e4;
    overflow: hidden;
  }

  .coverSec3 li span,
  .coverSec3 li a,
  .coverSec3 li em {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
    font-size: 13px;
  }

  .coverSec3 li a {
    color: #3366aa;
  }

  .coverSec3 li em {
    color: #666;
    text-align: right;
  }
}

@media (max-width: 1023px) {
  .homeArea {
    display: block;
    border: 2px solid #8fd1ed;
    background: #fffdf4;
    padding: 8px;
    margin-bottom: 10px;
  }

  .homeArea .wenList {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

  .coverSec3 {
    margin-top: 8px;
    border: 2px solid #8fd1ed;
    background: #eefafa;
  }

  .coverSec3 h2 {
    height: 34px;
    line-height: 34px;
    margin: 0;
    padding: 0 10px;
    background: #d9edf0;
    font-size: 15px;
  }

  .coverSec3 ul {
    list-style: none;
    margin: 0;
    padding: 4px 8px;
  }

  .coverSec3 li {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) 58px;
    gap: 4px;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #d3e1e4;
    overflow: hidden;
  }

  .coverSec3 li span,
  .coverSec3 li a,
  .coverSec3 li em {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
    font-size: 13px;
  }

  .coverSec3 li em {
    text-align: right;
  }
}

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .new9,
  .volLink,
  .tagGridline,
  .cat {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

  .panel,
  .sec {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }

  .tagGridline {
    display: flex !important;
    align-items: stretch !important;
    overflow: visible !important;
  }
}

/* 2026-07-12: remove current-menu selection mark, keep nav visually flat */
.panel a.num,
.panel a[aria-current="page"],
.sec a.num,
.sec a[aria-current="page"],
.tagGridline a.num,
.tagGridline a[aria-current="page"] {
  background: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
}

.panel a:hover,
.sec a:hover,
.tagGridline a:hover {
  background: #57acd2 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* 2026-07-12: desktop starts at 1024px; below 1024 uses mobile adaptive layout */
@media (min-width: 1024px) {
  .new9,
  .volLink,
  .tagGridline,
  .cat,
  .panel,
  .sec {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .panel,
  .sec {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .new9,
  .volLink,
  .tagGridline,
  .cat,
  .panel,
  .sec {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .cat,
  .volLink,
  .new9 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .panel,
  .sec {
    margin-left: 10px !important;
    margin-right: 10px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .tagGridline {
    min-width: max-content !important;
    display: flex !important;
  }
}

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.tooltext nav a:hover,
.tooltext nav a:focus,
.tooltext nav a.num,
.tooltext nav .num,
.volLink nav a:hover,
.volLink nav a:focus,
.volLink nav a.num,
.volLink nav .num,
.panel a:hover,
.panel a:focus,
.panel a.num,
.panel .num,
.sec a:hover,
.sec a:focus,
.sec a.num,
.sec .num {
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* responsive-1024-fix:start */
/* 桌面版：传统站宽度固定 1024，导航与主体保持同宽 */
@media (min-width: 1024px) {
    .new9,
    .tooltext .volLink,
    .volLink,
    .cat,
    .metainner,
    .name,
    .newLine,
    .areaBlock,
    .panel,
    .sec {
        width: 1024px !important;
        max-width: 1024px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}

/* 小于等于 1024：立即切到移动自适应，不再保留桌面定宽 */
@media (max-width: 1023px) {
    html,
    body {
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body {
        margin: 0 !important;
    }

    .maingrid,
    .tooltext,
    .metainner,
    .novelWrap,
    .new9,
    .tooltext .volLink,
    .volLink,
    .cat,
    .areaBlock,
    .name,
    .newLine,
    .blockPanel9,
    .panel,
    .sec {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .new9,
    .tooltext .volLink,
    .volLink,
    .cat,
    .name,
    .newLine,
    .metainner {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .tooltext .volLink,
    .volLink {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .rankBox,
    .tooltext h1,
    .tooltext .rankBox {
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        text-align: left !important;
    }

    .hdRow {
        margin-left: auto !important;
    }

    .cardBox {
        order: 3 !important;
        flex: 0 0 100% !important;
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .cardBox .hdCover,
    .cardBox input[type="text"] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        width: auto !important;
    }

    .cardBox .secInner,
    .cardBox button,
    .cardBox input[type="submit"] {
        flex: 0 0 82px !important;
        width: 82px !important;
    }

    .panel,
    .sec {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 !important;
    }

    .panel a,
    .sec a {
        flex: 0 0 auto !important;
        padding: 0 12px !important;
        text-align: center !important;
    }

    .headName,
    .nav9,
    .authorName6,
    .caterow,
    .chaMeta,
    .timeWrap .menuText,
    .new,
    .menuText,
    .bookBar,
    .titleCell,
    .card6,
    .updatePanel6 {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .areaInner,
    .cateList4,
    .menuText .cateMain,
    .new .cateMain,
    .bookBar .cateMain,
    .titleCell .cateMain,
    .card6 .cateMain,
    .imgLink8,
    .col3 {
        display: grid !important;
        grid-template-columns: 88px minmax(0, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 118px !important;
        margin: 0 0 12px !important;
        padding-bottom: 10px !important;
        border-bottom: 1px dotted #98c9d9 !important;
        box-sizing: border-box !important;
        break-inside: avoid !important;
    }

    .areaInner img,
    .cateList4 img,
    .panelLine4 img,
    .menuText .cateMain img,
    .new .cateMain img,
    .bookBar .cateMain img,
    .titleCell .cateMain img,
    .card6 .cateMain img,
    .imgLink8 img,
    .col3 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .hdLine6,
    .metaName,
    .cellLink,
    .ftMod7,
    .col3 dl,
    .col3 .hotSec5 {
        min-width: 0 !important;
    }

    .wen9,
    .box,
    .cate,
    .menuCell {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .wen9 > *,
    .box > *,
    .cate > *,
    .menuCell > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.panel a:hover,
.panel a:focus,
.panel a:active,
.panel a.num,
.panel .num,
.sec a:hover,
.sec a:focus,
.sec a:active,
.sec a.num,
.sec .num,
.tooltext nav a:hover,
.tooltext nav a:focus,
.tooltext nav a:active,
.tooltext nav a.num,
.volLink nav a:hover,
.volLink nav a:focus,
.volLink nav a:active,
.volLink nav a.num {
    background: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}
/* responsive-1024-fix:end */
/* Homepage featured descriptions: clip at exactly five complete lines. */
@media (min-width: 1024px) {
  .homeArea .cellLink p,
  .bar .cellLink p {
    height: 130px;
    line-height: 26px;
  }
}

/* Compact desktop header while preserving independent mobile layout. */
@media (min-width: 1024px) {
  .maingrid,
  .new9 {
    height: 28px;
  }

  .volLink {
    height: 68px;
  }

  .panel,
  .tagGridline {
    height: 38px;
  }

  .panel a,
  .tagGridline a {
    line-height: 38px;
  }

  .metainner {
    padding-top: 8px;
  }
}

/* Target-site adaptive header: up to 1023px mobile; 1024px and above desktop. */
.updateBox7,
.bookMeta {
  display: none;
}

@media (max-width: 1023px) {
  .maingrid {
    display: none !important;
  }

  .tooltext {
    padding: 0 !important;
    background: #e6f8fb !important;
  }

  .tooltext .volLink,
  .volLink {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    background: #e6f8fb !important;
  }

  .tooltext .rankBox,
  .tooltext h1 {
    height: 52px !important;
    line-height: 52px !important;
    padding-left: 12px !important;
    margin: 0 !important;
    color: #0871bd !important;
    font-size: 27px !important;
    text-shadow: 2px 3px 3px rgba(0, 90, 150, .28) !important;
  }

  .tooltext .rankBox a {
    color: #0871bd !important;
    text-shadow: 2px 3px 3px rgba(0, 90, 150, .28) !important;
  }

  .updateBox7 {
    display: flex !important;
    gap: 8px !important;
    padding-right: 10px !important;
  }

  .updateBox7 a {
    display: block !important;
    min-width: 48px !important;
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 8px !important;
    border-radius: 3px !important;
    background: #74c0df !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 13px !important;
  }

  .bookMeta {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 42px !important;
    background: #74c0df !important;
    border-top: 0 !important;
  }

  .bookMeta a {
    min-width: 0 !important;
    height: 42px !important;
    line-height: 42px !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
  }

  .tooltext .cardBox,
  .volLink .cardBox {
    display: flex !important;
    grid-column: 1 / -1 !important;
    order: initial !important;
    width: auto !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    border: 0 !important;
    background: #e6f8fb !important;
    box-sizing: border-box !important;
  }

  .tooltext .cardBox .hdCover,
  .tooltext .cardBox input[type="text"] {
    height: 34px !important;
    border: 1px solid #8dcde7 !important;
    border-right: 0 !important;
  }

  .tooltext .cardBox .secInner,
  .tooltext .cardBox button {
    flex: 0 0 82px !important;
    width: 82px !important;
    height: 34px !important;
    border: 1px solid #8dcde7 !important;
    background: #ddd !important;
    color: #222 !important;
  }

  body > .panel,
  body > nav.panel {
    display: none !important;
  }

  .metainner {
    padding-top: 0 !important;
  }

  .homeArea {
    margin-top: 0 !important;
  }

  /* Book detail: keep metadata beside the cover, but move actions/intro full width. */
  .menuBlock {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) !important;
    gap: 8px 10px !important;
    padding: 10px !important;
    align-items: start !important;
  }

  .menuBlock .num6 {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 96px !important;
    min-height: 126px !important;
    padding: 4px !important;
  }

  .menuBlock .num6 img {
    width: 100% !important;
    height: 118px !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  .menuBlock .novelImg3 {
    display: contents !important;
  }

  .menuBlock .novelImg3 h1 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    height: auto !important;
    line-height: 27px !important;
    font-size: 18px !important;
    white-space: normal !important;
  }

  .menuBlock .rank {
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .menuBlock .rank p {
    height: 25px !important;
    line-height: 25px !important;
  }

  .menuBlock .rank4 {
    grid-column: 1 / -1 !important;
    grid-row: 5 !important;
    margin: 2px 0 0 !important;
  }

  .menuBlock .footBar {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    max-height: 112px !important;
    padding-top: 2px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .menuBlock .footBar.wen {
    max-height: none !important;
  }

  .menuBlock .link2 {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .dateunit .secLine {
    grid-template-columns: 1fr !important;
  }

  .linkBox9 .page {
    margin: 14px 0 0 !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .linkBox9 .page h2 {
    margin-bottom: 12px !important;
    color: #888 !important;
    font-weight: 400 !important;
  }

  .linkBox9 .side2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .linkBox9 .side2 a {
    min-width: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .metainner .cat > .page {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .metainner .cat > .page .side2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .metainner .cat > .page .side2 a {
    min-width: 0 !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
}

/* 分类页桌面双栏等高：左侧 42×35px，右侧 49×30px。 */
@media (min-width: 1024px) {
  .catImg .itemline li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .catImg .chaWrap li,
  .catImg .chaWrap li.barInfo {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .catImg.unitLine .chaWrap li,
  .catImg.unitLine .chaWrap li.barInfo {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }
}

/* Category footer controls: keep the three paging controls on one row and
   pin the right-column entry to the bottom of the equally tall panel. */
.catImg { align-items: stretch; }
.catImg .wrapPanel6,
.catImg .numList { min-width: 0; }
.catImg .numList { display: flex; flex-direction: column; }
.catImg .numList .chaWrap { flex: 0 0 auto; }
.catImg .bd {
  display: grid;
  grid-template-columns: minmax(90px, 160px) minmax(120px, 1fr) minmax(90px, 160px);
  gap: 10px;
  align-items: center;
  padding: 12px 10px 10px;
  box-sizing: border-box;
}
.catImg .bd > a,
.catImg .bd > span,
.catImg .bd > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.catImg .bd > a,
.catImg .bd > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.catImg .bd > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.catImg .tool8 {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.catImg .tool8 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  background: #4badd3;
  color: #fff;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .catImg .bd {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 5px;
    padding: 10px 6px;
  }
}

/* Mobile reader width: avoid stacking page/container/reader side gutters. */
@media (max-width: 1023px) {
  .metainner.descCon,
  .metainner.bdPanel,
  .metainner.coverMain4 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .metainner.descCon > .cat,
  .metainner.bdPanel > .cat,
  .metainner.coverMain4 > .cat {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .metainner.topInner {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .metainner.topInner > .cat {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .metainner.topInner .linkBox9 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: clamp(6px, 2vw, 16px) !important;
    padding-right: clamp(6px, 2vw, 16px) !important;
    box-sizing: border-box !important;
  }

  .metainner.topInner .novelMeta2 {
    width: 100% !important;
    max-width: none !important;
    padding-left: clamp(2px, 1.2vw, 10px) !important;
    padding-right: clamp(2px, 1.2vw, 10px) !important;
    box-sizing: border-box !important;
  }

  .metainner.topInner .cover2,
  .metainner.topInner .volFt {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}