* { 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%; }
.num, .dateCell, .rowwrap, .mainInfo, .picArea { max-width: 980px; margin: 0 auto; }

.cont5 { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.dateCell { display: flex; gap: 24px; align-items: center; height: 30px; }
.unitCon7 { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.unitCon7:hover { color: #0871bd; text-decoration: underline; }
.colBox { background: #2f8ed8; }
.rowwrap { height: 76px; display: flex; align-items: center; gap: 28px; }
.ftbd { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.ftbd a { color: #fff; letter-spacing: 0; }
.ftbd a:hover { color: inherit; text-decoration: none; }
.readUnit { flex: 1; display: flex; max-width: 470px; }
.update8 { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.newCon { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.timeLink { margin-left: auto; display: flex; gap: 10px; }
.timeLink a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.secBlock { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.infoImg, .sortFt, .secs, .cont4, .chaName6, .homeCell9, .bookCol4 { background: #fff; border: 1px solid #ddd; }
.infoImg { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.ftsec { display: flex; min-height: 132px; overflow: hidden; }
.ftsec .ft { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.ftsec .ft img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.ftsec dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.ftsec dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ftsec dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.ftsec dd a { color: #555; }
.headcover, .secs h2, .chaName6 h2, .homeCell9 h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.volList, .titleSec5, .read9, .cell, .readBd9 { list-style: none; }
.volList li, .read9 li, .readBd9 li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.tagGrid, .wenMain { width: 86px; color: #888; flex: 0 0 86px; }
.chaBar7, .bookSec { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cateCol3 { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shuList, .tagInfo { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.numMain3 { width: 70px; color: #888; text-align: right; }

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

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

.panelFt9 { background: #f6f1e7; border: 1px solid #d8cfbd; padding: 0 24px 26px; }
.footWrap { height: 38px; line-height: 38px; color: #777; border-bottom: 1px solid #e4dccd; font-size: 13px; }
.storyMain3 { text-align: center; padding: 20px 0 10px; border-bottom: 1px dashed #d8cfbd; }
.storyMain3 h1 { font-size: 26px; font-weight: 500; color: #222; }
.storyMain3 p { color: #777; margin-top: 6px; }
.read { padding: 20px 8px; color: #222; font: 20px/2 "Microsoft YaHei", "PingFang SC", serif; }
.tagLink { 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; }
.read p { text-indent: 2em; margin-bottom: 14px; text-align: justify; }
.catArea { display: flex; justify-content: center; gap: 12px; padding: 18px 0 0; border-top: 1px dashed #d8cfbd; }
.catArea.cover { padding: 14px 0; border-top: 0; border-bottom: 1px dashed #d8cfbd; }
.panelFt9 .catArea.bar9 { margin-bottom: 18px; }
.catArea a, .catArea span { min-width: 110px; height: 34px; line-height: 34px; text-align: center; background: #fff; border: 1px solid #d8cfbd; color: #555; }
.catArea a:hover { background: #287dc2; color: #fff; text-decoration: none; border-color: #287dc2; }

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

@media (max-width: 768px) {
    .num, .dateCell, .rowwrap, .mainInfo, .picArea { width: 100%; max-width: none; }
    .cont5 { display: none; }
    .colBox { padding: 10px; }
    .rowwrap { height: auto; display: block; }
    .ftbd { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .readUnit { max-width: none; }
    .timeLink { display: none; }
    .mainInfo { display: none; }
    .picArea { display: flex; overflow-x: auto; background: #287dc2; }
    .picArea a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .cardMeta { padding: 8px; }
    .secBlock, .rankmod { display: block; }
    .infoImg { grid-template-columns: 1fr; margin-bottom: 10px; }
    .sortFt, .secs { margin-bottom: 10px; }
    .tagGrid, .cateCol3, .shuList, .wenMain, .tagInfo, .numMain3 { display: none; }
    .titleSec5 { columns: 1; }
    .cont4 { display: block; text-align: center; }
    .cont4 .new4 { margin: 0 auto 12px; }
    .navList h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .authorCover9 { justify-content: center; }
    .cell { grid-template-columns: 1fr; }
    .panelFt9 { padding: 0 12px 18px; }
    .storyMain3 h1 { font-size: 22px; }
    .read { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .tagLink { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .catArea { gap: 8px; }
    .catArea a, .catArea span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.num, .dateCell, .rowwrap, .mainInfo, .picArea { max-width: 1160px; }
.cont5 { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.dateCell { color: #6d8f9e; }
.colBox { background: #e6f8fb; }
.rowwrap { height: 82px; gap: 24px; }
.ftbd { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.ftbd a { color: #0871bd; }
.readUnit { max-width: 480px; margin-left: auto; }
.update8 { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.newCon { height: 36px; background: #ddd; color: #222; }
.timeLink { display: none; }
.mainInfo { height: 44px; background: #79c2e3; padding: 0 10px; }
.mainInfo a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.mainInfo a:hover { background: #5eb1d8; }
.cardMeta { padding: 12px 0 24px; }

.shuPanel { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.dateFt7 { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.menu8 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.wrap9 h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.wrap9 h2 a { color: #5b6fad; font-weight: 700; }
.wrap9 h2 span { float: right; color: #aaa; font-weight: 400; }
.wrap9 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.contName { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.bdText, .barImg { border: 3px solid #86c9e8; background: #eef6f6; }
.bdText h2, .barImg h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.pageMain, .metaCell9 { list-style: none; padding: 8px 12px; }
.pageMain 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; }
.pageMain .authorcover { color: #555; }
.pageMain .areaWrap, .pageMain .info2, .pageMain .navBlock3 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pageMain .navBlock3, .pageMain .toolInner { color: #aaa; text-align: right; }
.metaCell9 li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.metaCell9 span { color: #555; }
.metaCell9 a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.metaCell9 em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tagWrap { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.tagWrap a, .tagWrap select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.tagWrap a { line-height: 40px; }
.tagWrap select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.novelItem6 { 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; }
    .num, .dateCell, .rowwrap, .mainInfo, .picArea { width: 100%; max-width: none; }
    .cont5 { display: none; }
    .colBox { padding: 10px; background: #dff5fb; }
    .rowwrap { display: block; height: auto; }
    .ftbd { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .readUnit { max-width: none; display: flex; margin-left: 0; }
    .update8 { height: 38px; font-size: 14px; }
    .newCon { width: 72px; height: 38px; }
    .mainInfo { display: none; }
    .picArea { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .picArea a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .rowwrap .picArea { margin-bottom: 8px; }
    .cardMeta { padding: 8px; }
    .shuPanel { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .dateFt7 { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .dateFt7:last-child { border-bottom: 0; }
    .menu8 img { width: 82px; height: 110px; padding: 2px; }
    .wrap9 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .wrap9 h2 span { display: none; }
    .wrap9 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .contName { display: block; }
    .head7 { display: flex; flex-direction: column; }
    .head7 .barImg { order: 1; }
    .head7 .bdText { order: 2; }
    .bdText, .barImg { border-width: 2px; margin-bottom: 10px; }
    .bdText h2, .barImg h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .pageMain, .metaCell9 { padding: 4px 8px; }
    .pageMain 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; }
    .pageMain .navBlock3, .pageMain .toolInner { display: none; }
    .pageMain .authorcover { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .pageMain .areaWrap { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .pageMain .info2 { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .metaCell9 li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .metaCell9 span { display: none; }
    .tagWrap { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .tagWrap select { grid-column: 1 / -1; order: -1; }
    .novelItem6 { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.modImg { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.modImg 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); }
.modImg button:hover { background: #4eadd0; }
body.bookMeta { background: #1e1e1e; color: #aaa; }
body.bookMeta a { color: #9eb8e8; }
body.bookMeta .cont5,
body.bookMeta .colBox,
body.bookMeta .novelItem6 { background: #252525; border-color: #3a3a3a; color: #888; }
body.bookMeta .mainInfo,
body.bookMeta .picArea { background: #333; }
body.bookMeta .mainInfo a:hover,
body.bookMeta .picArea a:hover { background: #444; }
body.bookMeta .shuPanel,
body.bookMeta .nav8cover,
body.bookMeta .cat8,
body.bookMeta .volInfo,
body.bookMeta .titleCover,
body.bookMeta .catetext,
body.bookMeta .cont4,
body.bookMeta .chaName6,
body.bookMeta .homeCell9,
body.bookMeta .bookCol4,
body.bookMeta .bdText,
body.bookMeta .barImg,
body.bookMeta .metaPanel4,
body.bookMeta .row5 { background: #2a2a2a; border-color: #444; }
body.bookMeta .panelFt9 { background: #202020; border-color: #444; }
body.bookMeta .read { color: #b8b8b8; }
body.bookMeta .headcover,
body.bookMeta .secs h2,
body.bookMeta .chaName6 h2,
body.bookMeta .homeCell9 h2,
body.bookMeta .bdText h2,
body.bookMeta .barImg h2,
body.bookMeta .metaPanel4 h2,
body.bookMeta .titleCover h1,
body.bookMeta .bookCol4 h1,
body.bookMeta .nav8 h2,
body.bookMeta .catetext h1 { background: #333; color: #ccc; border-color: #444; }
body.bookMeta .wrap9 p,
body.bookMeta .homeArea p,
body.bookMeta .homeBlock p,
body.bookMeta .cateCell p,
body.bookMeta .chaName6 p,
body.bookMeta .navList p,
body.bookMeta .secMod .col { color: #aaa; }
body.bookMeta .novel th { background: #333; color: #ccc; }
body.bookMeta .novel th,
body.bookMeta .novel td,
body.bookMeta .pageMain li,
body.bookMeta .metaCell9 li,
body.bookMeta .metaPanel4 li,
body.bookMeta .secLine2 li { border-color: #444; }
body.bookMeta .update8,
body.bookMeta .tag4 input,
body.bookMeta .tagWrap select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .modImg { right: 10px; bottom: 14px; }
    .modImg button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.mainCover { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.mainCover .footWrap { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.authorCell { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.hd3 {
    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;
}
.hd3 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.rankInfo h1 { font-size: 30px; line-height: 44px; color: #333; }
.time4 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.time4 p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.time4 .barLink5 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.barLink3 { grid-column: 2; line-height: 1.8; color: #444; }
.chaFt { display: none; }
.secLine { display: none; }
.novelCon5 { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.novelCon5 h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.novelCon5 .cell { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.novelCon5 .cell li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.novelCon5 .cell.boxMain li { font-weight: 700; }
.tag { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.tag a, .tag span, .tag button, .tag select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.tag a, .tag span, .tag button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.tag button:disabled { cursor: default; opacity: .65; }
.tag select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.imgBox { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.imgBox h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.newInfo5 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.newInfo5 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .mainCover, .novelCon5 { border-width: 2px; margin-bottom: 12px; }
    .mainCover .footWrap { height: auto; line-height: 1.5; padding: 8px; }
    .authorCell { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .hd3 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .hd3 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .rankInfo { min-width: 0; }
    .rankInfo h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .time4 { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .time4 p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .chaFt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .shu { 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; }
    .shu:hover { color: #fff; text-decoration: none; opacity: .92; }
    .shu.volGrid { background: #f0305a; }
    .shu.bookFt { background: #f1a51e; }
    .shu.bar9 { background: #5b8cc3; }
    .barLink3 { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .barLink3.newBd { max-height: none; }
    .secLine { 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; }
    .novelCon5 .cell { grid-template-columns: 1fr; padding: 0 8px; }
    .novelCon5 .cell li { height: 36px; line-height: 36px; padding-right: 0; }
    .tag { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .tag select { grid-column: 1 / -1; order: -1; }
    .newInfo5 { grid-template-columns: 1fr; gap: 8px; }
}

.modImg 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; }
.modImg a:hover { background: #4eadd0; color: #fff; text-decoration: none; }
@media (max-width: 768px) {
    .catArea { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
    .catArea a, .catArea span { width: 100%; }
    .modImg a { width: 48px; height: 32px; line-height: 32px; font-size: 13px; }
}

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .num, .cardMeta, .colBox, .rowwrap, .panelFt9, .mainCover, .novelCon5 { max-width: 100%; overflow-x: hidden; }
    .readUnit { width: 100%; max-width: 100%; }
    .update8 { min-width: 0; }
    .newCon { flex: 0 0 68px; width: 68px; }
    .picArea { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .panelFt9 { padding-left: 10px; padding-right: 10px; }
    .footWrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .storyMain3 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .storyMain3 p { white-space: normal; overflow-wrap: anywhere; }
    .read { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .read p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .modImg { right: 8px; }
}

.toolGrid9 { 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; }
.toolGrid9:hover { color: #fff; background: rgba(255,255,255,.16); text-decoration: none; }
@media (max-width: 768px) {
    .rowwrap { position: relative; }
    .toolGrid9 { 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; }
    .toolGrid9:hover { color: #0871bd; background: rgba(255,255,255,.8); }
}

.footLine3 {
    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;
}
.footLine3.bar9 { border-top: 1px dashed #d8cfbd; border-bottom: 0; margin-top: 8px; }
.footLine3 span { color: #287dc2; }
.footLine3 label { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
.footLine3 select { height: 28px; border: 1px solid #83bfe0; background: #fff; }
.footLine3 button { height: 28px; border: 1px solid #1e8bd1; background: #fff; color: #006eb8; border-radius: 3px; cursor: pointer; }
.footLine3 button.foot5 { background: #d8effc; font-weight: 700; }
@media (min-width: 1024px) {
    .panelFt9 { position: relative; }
    .panelFt9 > .footWrap { padding-right: 390px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .panelFt9 > .footLine3:not(.bar9) {
        position: absolute;
        top: 5px;
        right: 24px;
        z-index: 2;
        width: auto;
        padding: 0;
        background: transparent;
        border: 0;
    }
    .panelFt9 > .footLine3.bar9 { display: none; }
}
.picInner { margin: 18px 0; padding: 18px 14px; background: #eee; }
.picInner h2 { text-align: center; color: #777; font-size: 16px; font-weight: 400; margin-bottom: 14px; }
.tagInfoinfo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 36px; }
.tagInfoinfo 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.bookMeta .picInner { background: #2a2a2a; }
body.bookMeta .tagInfoinfo a { background: #333; color: #bbb; }
@media (max-width: 768px) {
    .footLine3 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; padding: 8px 0; border-bottom: 1px dashed #d8cfbd; }
    .footLine3.bar9 { border-top: 1px dashed #d8cfbd; border-bottom: 0; margin-top: 8px; }
    .footLine3 button,
    .footLine3 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; }
    .footLine3 button { cursor: pointer; }
    .footLine3 a:hover { text-decoration: none; }
    body.bookMeta .footLine3 button,
    body.bookMeta .footLine3 a { background: #333; border-color: #555; color: #9eb8e8; }
    .picInner { margin: 12px 0; padding: 12px 8px; }
    .tagInfoinfo { grid-template-columns: repeat(2, 1fr); gap: 8px; }
    .tagInfoinfo a { height: 32px; line-height: 32px; font-size: 13px; }
}

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

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

body.bookMeta .ftbd a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.bookMeta .panelFt9 { background: #242424; }
body.bookMeta .storyMain3 h1 { color: #ddd; }
body.bookMeta .storyMain3 p,
body.bookMeta .footWrap { color: #aaa; }
body.bookMeta .read { color: #d2d2d2; }
body.bookMeta .read p { color: #d2d2d2; }
body.bookMeta.side .panelFt9,
body.bookMeta.wenMod .panelFt9,
body.bookMeta.navname .panelFt9 { background: #242424; }
@media (max-width: 768px) {
    .footLine3 { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.bookMeta .footLine3 { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.panelFt9 { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.bookMeta) .panelFt9 { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.bookMeta) .read { color: #333; }

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

@media (max-width: 768px) {
    .panelFt9 > .footWrap,
    .panelFt9 > .storyMain3 { display: none; }
    .panelFt9 { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.bookMeta { background: #e6f8fb; color: #555; }
body.bookMeta a { color: #4d6da8; }
body.bookMeta .cont5 { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.bookMeta .colBox,
body.bookMeta .novelItem6 { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.bookMeta .mainInfo,
body.bookMeta .picArea { background: #79c2e3; }
body.bookMeta .mainInfo a,
body.bookMeta .picArea a { color: #fff; }
body.bookMeta .update8,
body.bookMeta .tag4 input,
body.bookMeta .tagWrap select { background: #fff; color: #333; border-color: #9bc7df; }
body.bookMeta .panelFt9,
body.bookMeta.side .panelFt9,
body.bookMeta.wenMod .panelFt9,
body.bookMeta.navname .panelFt9 { background: #2f3437; border-color: #444; }
body.bookMeta .storyMain3 h1 { color: #ddd; }
body.bookMeta .storyMain3 p,
body.bookMeta .footWrap { color: #aaa; }
body.bookMeta .catArea a,
body.bookMeta .catArea span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.bookMeta .footLine3 { background: #2f3437; border-color: #555; }
body.bookMeta .footLine3 span,
body.bookMeta .footLine3 label { color: #c8c8c8; }
body.bookMeta .footLine3 select,
body.bookMeta .footLine3 button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.bookMeta .read { background: transparent; color: #aaa; }
body.bookMeta .tagLink { border-color: #555; color: #bbb; }
body.bookMeta .read p { color: #aaa; }
body.bookMeta .ftbd a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.bookMeta .toolGrid9 { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.bookMeta .toolGrid9:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.bookMeta .picInner { background: #eee; }
body.bookMeta .picInner h2 { color: #777; }
body.bookMeta .tagInfoinfo a { background: #e3e3e3; color: #333; }
.wrap2 { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.wrap2 h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.wrap2 p { margin: 8px 0; color: #555; }
.footCover8 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.footCover8:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.bookMeta .colBox { background: #dff5fb; }
    .wrap2 { padding: 42px 12px 48px; border-width: 2px; }
    .wrap2 h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.head7 .bdText,
.head7 .barImg { align-self: start; }
.head7 .pageMain,
.head7 .metaCell9 { padding: 8px 10px; font-size: 13px; }
.head7 .pageMain li,
.head7 .metaCell9 li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.head7 .pageMain li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.head7 .metaCell9 li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.head7 .pageMain .authorcover,
.head7 .pageMain .areaWrap,
.head7 .pageMain .info2,
.head7 .pageMain .navBlock3,
.head7 .pageMain .toolInner,
.head7 .metaCell9 span,
.head7 .metaCell9 a,
.head7 .metaCell9 em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .head7 .pageMain,
    .head7 .metaCell9 { padding: 4px 8px; font-size: 14px; }
    .head7 .pageMain li,
    .head7 .metaCell9 li { height: 34px; line-height: 34px; }
    .head7 .pageMain li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .head7 .metaCell9 li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

/* rank-static-layout */
.volInfo.timeArea {
    display: block !important;
    border: 2px solid #86c7e7;
    background: #fffdf6;
    padding: 10px 12px;
    margin: 12px auto 0;
    box-sizing: border-box;
}
.volInfo.timeArea .infoCon6 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 18px;
}
.volInfo.timeArea .wrapLink {
    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;
}
.volInfo.timeArea .toolCell9,
.volInfo.timeArea .toolCell9 img {
    display: block;
    width: 116px;
    height: 154px;
}
.volInfo.timeArea .toolCell9 img {
    object-fit: cover;
    border: 1px solid #b7cbd4;
    background: #f4f4f4;
    box-sizing: border-box;
}
.volInfo.timeArea .cateCell {
    min-width: 0;
    overflow: hidden;
}
.volInfo.timeArea .cateCell 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;
}
.volInfo.timeArea .cateCell h2 a {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.volInfo.timeArea .story {
    margin-left: auto;
    max-width: 66px;
    color: #aaa;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.volInfo.timeArea .cateimg {
    margin: 0;
    color: #333;
    font-size: 13px;
    line-height: 24px;
    text-indent: 2em;
    max-height: 120px;
    overflow: hidden;
}
.volInfo.timeArea .readInner {
    grid-column: 1 / -1;
    margin: 0;
    padding: 12px;
    color: #555;
}
@media (max-width: 720px) {
    .volInfo.timeArea {
        padding: 8px;
    }
    .volInfo.timeArea .infoCon6 {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .volInfo.timeArea .wrapLink {
        min-height: 108px;
        grid-template-columns: 78px minmax(0, 1fr);
        gap: 8px;
        padding: 8px 0;
    }
    .volInfo.timeArea .toolCell9,
    .volInfo.timeArea .toolCell9 img {
        width: 76px;
        height: 100px;
    }
    .volInfo.timeArea .cateCell h2 {
        font-size: 14px;
        line-height: 20px;
    }
    .volInfo.timeArea .cateimg {
        font-size: 13px;
        line-height: 20px;
        max-height: 60px;
        text-indent: 0;
    }
}
/* /rank-static-layout */

/* static rank page, bqg style */
.volInfo.homeInner {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.homeInner .metaPanel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.homeInner .metaPanel h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.homeInner .metaPanel strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.homeInner .updateGrid7 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.homeInner .rank {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.homeInner .cateMain img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.homeInner .sec {
  min-width: 0;
}
.homeInner .rank 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;
}
.homeInner .rank h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homeInner .rank h3 span,
.homeInner .rank h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.homeInner .blockPanel {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.homeInner .blockPanel a {
  display: inline;
}
.homeInner .cateimg {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .volInfo.homeInner {
    padding: 8px;
  }
  .homeInner .metaPanel {
    display: flex;
    justify-content: space-between;
  }
  .homeInner .metaPanel h2 {
    font-size: 20px;
  }
  .homeInner .metaPanel strong {
    font-size: 16px;
  }
  .homeInner .updateGrid7 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .homeInner .rank {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .homeInner .cateMain img {
    width: 86px;
    height: 116px;
  }
  .homeInner .cateimg {
    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; }
.num, .dateCell, .rowwrap, .contCon { width: 980px; max-width: 980px; margin: 0 auto; }
.colBox { background: #e6f8fb; }
.rowwrap { height: 86px; display: flex; align-items: center; gap: 28px; }
.ftbd { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.ftbd a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.ftbd a:hover { text-decoration: none; color: #0871bd; }
.readUnit { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.update8 { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.newCon { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.mainInfo { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.contCon { display: flex; height: 42px; width: 980px; }
.mainInfo a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.mainInfo a:hover, .mainInfo a.foot5 { background: #57acd2; color: #fff; text-decoration: none; }
.cardMeta { padding: 12px 0 20px; }

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

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

.readLine { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.infoLink, .volItem, .contMain { border: 3px solid #9bd5ee; background: #eefafa; }
.infoLink h2, .volItem h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.read9 li, .boxCover li, .readBd9 li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.read9 li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.boxCover li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.boxCover li.vol { grid-template-columns: 76px minmax(0, 1fr); }
.readBd9 li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.read9 a, .boxCover a, .readBd9 a, .col7, .nameInner, .text, .toolImg8, .boxCover em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.col7 { color: #555; }
.nameInner, .text, .toolImg8, .boxCover em { color: #777; font-style: normal; text-align: right; }
.contMain { padding-bottom: 8px; }
.contMain h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.rowLine { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.rowLine button, .rowLine select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.rowLine button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.rowLine button:disabled { opacity: .55; cursor: default; }
.rowLine select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.info9 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.info9 button, .info9 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.picMeta > [hidden] { display: none !important; }
.cellLine { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.cellLine h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.cellLine p, .sortGrid { color: #555; }

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

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

@media (max-width: 1023px) {
  .num, .dateCell, .rowwrap, .mainInfo, .contCon { width: auto; max-width: none; }
  .cont5 { display: block; }
  .dateCell { padding: 0 10px; justify-content: center; }
  .colBox { padding: 10px; }
  .rowwrap { height: auto; display: block; }
  .ftbd { width: auto; margin-bottom: 8px; font-size: 28px; }
  .readUnit { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .mainInfo { margin: 0 10px; height: 38px; overflow-x: auto; }
  .contCon { display: flex; height: 38px; min-width: max-content; }
  .mainInfo a { line-height: 38px; padding: 0 12px; }
  .cardMeta { padding: 8px 10px 16px; }
  .bar { display: block; padding: 8px; }
  .bar .colLink2 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .bar .new4, .bar .new4 img { width: 86px; }
  .bar .new4 img { height: 116px; }
  .itemText { display: block; }
  .descMeta2 { min-height: 0; border-right: 0; }
  .readLine { display: flex; flex-direction: column; }
  .volItem { order: 1; }
  .infoLink { order: 2; }
  .read9 li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .read9 .col7, .read9 .nameInner, .read9 .toolImg8 { display: none; }
  .boxCover li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .boxCover li span { display: none; }
  .readBd9 li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .readBd9 .col7, .readBd9 .rankLink8 { display: none; }
  .readBd9 .nameInner, .readBd9 .text { text-align: right; }
  .contMain h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .rowLine { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .info9 { grid-template-columns: 1fr 1.25fr 1fr; }
  .infoArea { display: block; }
  .unitmain { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .toolCell9 img { width: 86px; height: 116px; }
}

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

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

  .img .colLink2 {
    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;
  }

  .img .colLink2:last-child {
    border-bottom: 0;
  }

  .img .new4,
  .img .new4 img {
    width: 82px;
  }

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

  .img .cat2 {
    min-width: 0;
  }

  .img .cat2 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;
  }

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

  .img .cat2 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;
  }

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

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

  .authorGrid .infoLink,
  .authorGrid .volItem {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .authorGrid .infoLink h2,
  .authorGrid .volItem h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .authorGrid .read9 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;
  }

  .authorGrid .read9 .col7,
  .authorGrid .read9 .row,
  .authorGrid .read9 .rankLink8 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .authorGrid .read9 .col7 {
    display: none;
  }

  .authorGrid .read9 .nameInner,
  .authorGrid .read9 .toolImg8 {
    display: none;
  }

  .authorGrid .boxCover 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;
  }

  .authorGrid .boxCover li.vol {
    grid-template-columns: minmax(0, 1fr);
  }

  .authorGrid .boxCover li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .num,
  .dateCell,
  .rowwrap,
  .contCon {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .bar .new4,
  .bar .new4 img {
    width: 120px;
  }

  .bar .new4 img {
    height: 160px;
  }

  .bar .cat2 h3,
  .itemText .cat2 h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .bar .cat2 p,
  .itemText .cat2 p {
    font-size: 14px;
    line-height: 24px;
  }

  .descMeta2 {
    padding: 10px 12px;
  }

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

  .descMeta2 .new4,
  .descMeta2 .new4 img {
    width: 92px;
  }

  .descMeta2 .new4 img {
    height: 124px;
  }

  .ftbar li,
  .boxCover li,
  .read9 li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .infoLink h2,
  .volItem h2,
  .descMeta2 h2 {
    font-size: 16px;
  }
}

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

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

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

  .itemFt {
    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;
  }

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

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

  .itemFt .bar .colLink2:nth-child(n+5) {
    display: none;
  }

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

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

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

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

  .rank2 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;
  }

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

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

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

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

  .itemFt .bar {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

  .rank2 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;
  }

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .dateCell,
  .rowwrap,
  .contCon,
  .num {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.mainInfo a:hover,
.picArea a:hover,
.contCon 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) {
  .dateCell,
  .rowwrap,
  .contCon,
  .num,
  .mainInfo,
  .picArea {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .mainInfo,
  .picArea {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .dateCell,
  .rowwrap,
  .contCon,
  .num,
  .mainInfo,
  .picArea {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .num,
  .rowwrap,
  .dateCell {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.colBox nav a:hover,
.colBox nav a:focus,
.colBox nav a.foot5,
.colBox nav .foot5,
.rowwrap nav a:hover,
.rowwrap nav a:focus,
.rowwrap nav a.foot5,
.rowwrap nav .foot5,
.mainInfo a:hover,
.mainInfo a:focus,
.mainInfo a.foot5,
.mainInfo .foot5,
.picArea a:hover,
.picArea a:focus,
.picArea a.foot5,
.picArea .foot5 {
    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) {
    .dateCell,
    .colBox .rowwrap,
    .rowwrap,
    .num,
    .cardMeta,
    .tool7,
    .chaBox9,
    .img8,
    .mainInfo,
    .picArea {
        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;
    }

    .cont5,
    .colBox,
    .cardMeta,
    .novelItem6,
    .dateCell,
    .colBox .rowwrap,
    .rowwrap,
    .num,
    .img8,
    .tool7,
    .chaBox9,
    .cate,
    .mainInfo,
    .picArea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .dateCell,
    .colBox .rowwrap,
    .rowwrap,
    .num,
    .tool7,
    .chaBox9,
    .cardMeta {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .volInfo,
    .link4,
    .infoCon6,
    .box3,
    .shu8,
    .contMain .block,
    .readBd9,
    .block,
    .footArea,
    .coverWrap,
    .mainHd8,
    .mainCover {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .cellList,
    .ftText9,
    .block .textInner3,
    .readBd9 .textInner3,
    .footArea .textInner3,
    .coverWrap .textInner3,
    .mainHd8 .textInner3,
    .titleMain6,
    .ftsec {
        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;
    }

    .cellList img,
    .ftText9 img,
    .toolCell9 img,
    .block .textInner3 img,
    .readBd9 .textInner3 img,
    .footArea .textInner3 img,
    .coverWrap .textInner3 img,
    .mainHd8 .textInner3 img,
    .titleMain6 img,
    .ftsec img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .cateCell,
    .toolText,
    .cat2,
    .navList,
    .ftsec dl,
    .ftsec .areaCon3 {
        min-width: 0 !important;
    }

    .hot,
    .hd,
    .secBlock,
    .colWrap {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .hot > *,
    .hd > *,
    .secBlock > *,
    .colWrap > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.mainInfo a:hover,
.mainInfo a:focus,
.mainInfo a:active,
.mainInfo a.foot5,
.mainInfo .foot5,
.picArea a:hover,
.picArea a:focus,
.picArea a:active,
.picArea a.foot5,
.picArea .foot5,
.colBox nav a:hover,
.colBox nav a:focus,
.colBox nav a:active,
.colBox nav a.foot5,
.rowwrap nav a:hover,
.rowwrap nav a:focus,
.rowwrap nav a:active,
.rowwrap nav a.foot5 {
    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) {
  .itemFt .cat2 p,
  .img .cat2 p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .rowwrap {
    height: 68px;
  }

  .mainInfo,
  .contCon {
    height: 38px;
  }

  .mainInfo a,
  .contCon a {
    line-height: 38px;
  }

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

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

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

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

  .colBox .rowwrap,
  .rowwrap {
    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;
  }

  .colBox .ftbd,
  .colBox 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;
  }

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

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

  .cateCol7 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;
  }

  .tagBlock4 {
    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;
  }

  .tagBlock4 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;
  }

  .colBox .readUnit,
  .rowwrap .readUnit {
    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;
  }

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

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

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

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

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

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

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

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

  .authorCell .rankInfo {
    display: contents !important;
  }

  .authorCell .rankInfo 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;
  }

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

  .authorCell .time4 p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

  .authorCell .barLink3 {
    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;
  }

  .authorCell .barLink3.newBd {
    max-height: none !important;
  }

  .authorCell .secLine {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .novelCon5 .cell {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .cardMeta .num > .imgBox {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .cardMeta .num > .imgBox .newInfo5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .cardMeta .num > .imgBox .newInfo5 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) {
  .authorGrid .read9 li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .authorGrid .boxCover li,
  .authorGrid .boxCover li.vol {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .authorGrid.sortCell8 .boxCover li,
  .authorGrid.sortCell8 .boxCover li.vol {
    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. */
.authorGrid { align-items: stretch; }
.authorGrid .infoLink,
.authorGrid .volItem { min-width: 0; }
.authorGrid .volItem { display: flex; flex-direction: column; }
.authorGrid .volItem .boxCover { flex: 0 0 auto; }
.authorGrid .novelArea6 {
  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;
}
.authorGrid .novelArea6 > a,
.authorGrid .novelArea6 > span,
.authorGrid .novelArea6 > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.authorGrid .novelArea6 > a,
.authorGrid .novelArea6 > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.authorGrid .novelArea6 > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.authorGrid .bdGrid {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.authorGrid .bdGrid 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) {
  .authorGrid .novelArea6 {
    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) {
  .cardMeta.boxName,
  .cardMeta.head,
  .cardMeta.shuUnit7 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .cardMeta.boxName > .num,
  .cardMeta.head > .num,
  .cardMeta.shuUnit7 > .num {
    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;
  }

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

  .cardMeta.linkMod > .num {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .cardMeta.linkMod .panelFt9 {
    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;
  }

  .cardMeta.linkMod .read {
    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;
  }

  .cardMeta.linkMod .footLine3,
  .cardMeta.linkMod .catArea {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}