* { 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%; }
.bdsec, .siteimg7, .toolhd, .numinner, .side7 { max-width: 980px; margin: 0 auto; }

.text { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.siteimg7 { display: flex; gap: 24px; align-items: center; height: 30px; }
.hometext { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.hometext:hover { color: #0871bd; text-decoration: underline; }
.updateline { background: #2f8ed8; }
.toolhd { height: 76px; display: flex; align-items: center; gap: 28px; }
.nameunit { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.nameunit a { color: #fff; letter-spacing: 0; }
.nameunit a:hover { color: inherit; text-decoration: none; }
.chatext { flex: 1; display: flex; max-width: 470px; }
.toolbox { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.wrap5 { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.footpanel { margin-left: auto; display: flex; gap: 10px; }
.footpanel a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.shuitem9 { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.ftcon, .update, .vol7, .new, .metaft, .cha, .linkbar { background: #fff; border: 1px solid #ddd; }
.ftcon { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.side { display: flex; min-height: 132px; overflow: hidden; }
.side .datesec { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.side .datesec img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.side dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.side dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.side dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.side dd a { color: #555; }
.grid, .vol7 h2, .metaft h2, .cha h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.bookmod, .wraparea, .timegrid, .namebox, .shuitem { list-style: none; }
.bookmod li, .timegrid li, .shuitem li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.navname, .hotbox { width: 86px; color: #888; flex: 0 0 86px; }
.gridtext7, .home { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shumain { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.linkimg, .modwrap3 { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.modname2 { width: 70px; color: #888; text-align: right; }

.block { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.headsec { display: flex; padding: 12px; border-bottom: 1px dashed #ddd; }
.headsec .datesec { width: 76px; flex: 0 0 76px; margin-right: 12px; }
.headsec .datesec 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; }
.wraparea { padding: 7px 12px; columns: 2; }
.wraparea li { height: 28px; line-height: 28px; overflow: hidden; break-inside: avoid; }

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

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

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

@media (max-width: 768px) {
    .bdsec, .siteimg7, .toolhd, .numinner, .side7 { width: 100%; max-width: none; }
    .text { display: none; }
    .updateline { padding: 10px; }
    .toolhd { height: auto; display: block; }
    .nameunit { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .chatext { max-width: none; }
    .footpanel { display: none; }
    .numinner { display: none; }
    .side7 { display: flex; overflow-x: auto; background: #287dc2; }
    .side7 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .cont { padding: 8px; }
    .shuitem9, .block { display: block; }
    .ftcon { grid-template-columns: 1fr; margin-bottom: 10px; }
    .update, .vol7 { margin-bottom: 10px; }
    .navname, .shumain, .linkimg, .hotbox, .modwrap3, .modname2 { display: none; }
    .wraparea { columns: 1; }
    .new { display: block; text-align: center; }
    .new .metacell { margin: 0 auto 12px; }
    .sidebox h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .infoblock { justify-content: center; }
    .namebox { grid-template-columns: 1fr; }
    .rankarea { padding: 0 12px 18px; }
    .cat7 h1 { font-size: 22px; }
    .namelink { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .tagcover { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .novelline { gap: 8px; }
    .novelline a, .novelline span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.bdsec, .siteimg7, .toolhd, .numinner, .side7 { max-width: 1160px; }
.text { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.siteimg7 { color: #6d8f9e; }
.updateline { background: #e6f8fb; }
.toolhd { height: 82px; gap: 24px; }
.nameunit { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.nameunit a { color: #0871bd; }
.chatext { max-width: 480px; margin-left: auto; }
.toolbox { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.wrap5 { height: 36px; background: #ddd; color: #222; }
.footpanel { display: none; }
.numinner { height: 44px; background: #79c2e3; padding: 0 10px; }
.numinner a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.numinner a:hover { background: #5eb1d8; }
.cont { padding: 12px 0 24px; }

.infocon { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.blockcol { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.sidehd9 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.sides h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.sides h2 a { color: #5b6fad; font-weight: 700; }
.sides h2 span { float: right; color: #aaa; font-weight: 400; }
.sides p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.bookbd { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.headmain, .picpanel { border: 3px solid #86c9e8; background: #eef6f6; }
.headmain h2, .picpanel h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.blocklist9, .ranklist { list-style: none; padding: 8px 12px; }
.blocklist9 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; }
.blocklist9 .cellbd { color: #555; }
.blocklist9 .descbar, .blocklist9 .wenitem, .blocklist9 .sortline { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.blocklist9 .sortline, .blocklist9 .unititem { color: #aaa; text-align: right; }
.ranklist li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.ranklist span { color: #555; }
.ranklist a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ranklist em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ft { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.ft a, .ft select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.ft a { line-height: 40px; }
.ft select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.celltext8 { 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; }
    .bdsec, .siteimg7, .toolhd, .numinner, .side7 { width: 100%; max-width: none; }
    .text { display: none; }
    .updateline { padding: 10px; background: #dff5fb; }
    .toolhd { display: block; height: auto; }
    .nameunit { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .chatext { max-width: none; display: flex; margin-left: 0; }
    .toolbox { height: 38px; font-size: 14px; }
    .wrap5 { width: 72px; height: 38px; }
    .numinner { display: none; }
    .side7 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .side7 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .toolhd .side7 { margin-bottom: 8px; }
    .cont { padding: 8px; }
    .infocon { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .blockcol { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .blockcol:last-child { border-bottom: 0; }
    .sidehd9 img { width: 82px; height: 110px; padding: 2px; }
    .sides h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .sides h2 span { display: none; }
    .sides p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .bookbd { display: block; }
    .metaline8 { display: flex; flex-direction: column; }
    .metaline8 .picpanel { order: 1; }
    .metaline8 .headmain { order: 2; }
    .headmain, .picpanel { border-width: 2px; margin-bottom: 10px; }
    .headmain h2, .picpanel h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .blocklist9, .ranklist { padding: 4px 8px; }
    .blocklist9 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; }
    .blocklist9 .sortline, .blocklist9 .unititem { display: none; }
    .blocklist9 .cellbd { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .blocklist9 .descbar { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .blocklist9 .wenitem { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .ranklist li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .ranklist span { display: none; }
    .ft { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .ft select { grid-column: 1 / -1; order: -1; }
    .celltext8 { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.piclink { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.piclink 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); }
.piclink button:hover { background: #4eadd0; }
body.authorbar { background: #1e1e1e; color: #aaa; }
body.authorbar a { color: #9eb8e8; }
body.authorbar .text,
body.authorbar .updateline,
body.authorbar .celltext8 { background: #252525; border-color: #3a3a3a; color: #888; }
body.authorbar .numinner,
body.authorbar .side7 { background: #333; }
body.authorbar .numinner a:hover,
body.authorbar .side7 a:hover { background: #444; }
body.authorbar .infocon,
body.authorbar .panelmeta,
body.authorbar .hdgrid,
body.authorbar .barwrap,
body.authorbar .toolgrid,
body.authorbar .cardmain3,
body.authorbar .new,
body.authorbar .metaft,
body.authorbar .cha,
body.authorbar .linkbar,
body.authorbar .headmain,
body.authorbar .picpanel,
body.authorbar .num,
body.authorbar .titlecol { background: #2a2a2a; border-color: #444; }
body.authorbar .rankarea { background: #202020; border-color: #444; }
body.authorbar .namelink { color: #b8b8b8; }
body.authorbar .grid,
body.authorbar .vol7 h2,
body.authorbar .metaft h2,
body.authorbar .cha h2,
body.authorbar .headmain h2,
body.authorbar .picpanel h2,
body.authorbar .num h2,
body.authorbar .toolgrid h1,
body.authorbar .linkbar h1,
body.authorbar .mainline h2,
body.authorbar .cardmain3 h1 { background: #333; color: #ccc; border-color: #444; }
body.authorbar .sides p,
body.authorbar .navcol p,
body.authorbar .vol p,
body.authorbar .seclink3 p,
body.authorbar .metaft p,
body.authorbar .sidebox p,
body.authorbar .itemcol .timecol { color: #aaa; }
body.authorbar .barlist3 th { background: #333; color: #ccc; }
body.authorbar .barlist3 th,
body.authorbar .barlist3 td,
body.authorbar .blocklist9 li,
body.authorbar .ranklist li,
body.authorbar .num li,
body.authorbar .cover li { border-color: #444; }
body.authorbar .toolbox,
body.authorbar .hotpanel input,
body.authorbar .ft select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .piclink { right: 10px; bottom: 14px; }
    .piclink button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.timeinfo { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.timeinfo .chaline { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.gridmodwrap { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.rowcon8 {
    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;
}
.rowcon8 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.rankname h1 { font-size: 30px; line-height: 44px; color: #333; }
.menu { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.menu p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.menu .cellbox { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.desccell { grid-column: 2; line-height: 1.8; color: #444; }
.read { display: none; }
.modimg { display: none; }
.storyft9 { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.storyft9 h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.storyft9 .namebox { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.storyft9 .namebox li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.storyft9 .namebox.link li { font-weight: 700; }
.panellink { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.panellink a, .panellink span, .panellink button, .panellink select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.panellink a, .panellink span, .panellink button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.panellink button:disabled { cursor: default; opacity: .65; }
.panellink select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.updatepanel6 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.updatepanel6 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.cat2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.cat2 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .timeinfo, .storyft9 { border-width: 2px; margin-bottom: 12px; }
    .timeinfo .chaline { height: auto; line-height: 1.5; padding: 8px; }
    .gridmodwrap { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .rowcon8 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .rowcon8 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .rankname { min-width: 0; }
    .rankname h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .menu { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .menu p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .read { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .tag { 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; }
    .tag:hover { color: #fff; text-decoration: none; opacity: .92; }
    .tag.grids { background: #f0305a; }
    .tag.hdlink7 { background: #f1a51e; }
    .tag.shubd6 { background: #5b8cc3; }
    .desccell { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .desccell.story { max-height: none; }
    .modimg { 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; }
    .storyft9 .namebox { grid-template-columns: 1fr; padding: 0 8px; }
    .storyft9 .namebox li { height: 36px; line-height: 36px; padding-right: 0; }
    .panellink { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .panellink select { grid-column: 1 / -1; order: -1; }
    .cat2 { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .bdsec, .cont, .updateline, .toolhd, .rankarea, .timeinfo, .storyft9 { max-width: 100%; overflow-x: hidden; }
    .chatext { width: 100%; max-width: 100%; }
    .toolbox { min-width: 0; }
    .wrap5 { flex: 0 0 68px; width: 68px; }
    .side7 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .rankarea { padding-left: 10px; padding-right: 10px; }
    .chaline { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .cat7 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .cat7 p { white-space: normal; overflow-wrap: anywhere; }
    .namelink { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .namelink p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .piclink { right: 8px; }
}

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

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

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

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

body.authorbar .nameunit a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.authorbar .rankarea { background: #242424; }
body.authorbar .cat7 h1 { color: #ddd; }
body.authorbar .cat7 p,
body.authorbar .chaline { color: #aaa; }
body.authorbar .namelink { color: #d2d2d2; }
body.authorbar .namelink p { color: #d2d2d2; }
body.authorbar.cate8 .rankarea,
body.authorbar.wrapmeta .rankarea,
body.authorbar.area7 .rankarea { background: #242424; }
@media (max-width: 768px) {
    .authorcol { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.authorbar .authorcol { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.rankarea { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.authorbar) .rankarea { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.authorbar) .namelink { color: #333; }

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

@media (max-width: 768px) {
    .rankarea > .chaline,
    .rankarea > .cat7 { display: none; }
    .rankarea { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.authorbar { background: #e6f8fb; color: #555; }
body.authorbar a { color: #4d6da8; }
body.authorbar .text { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.authorbar .updateline,
body.authorbar .celltext8 { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.authorbar .numinner,
body.authorbar .side7 { background: #79c2e3; }
body.authorbar .numinner a,
body.authorbar .side7 a { color: #fff; }
body.authorbar .toolbox,
body.authorbar .hotpanel input,
body.authorbar .ft select { background: #fff; color: #333; border-color: #9bc7df; }
body.authorbar .rankarea,
body.authorbar.cate8 .rankarea,
body.authorbar.wrapmeta .rankarea,
body.authorbar.area7 .rankarea { background: #2f3437; border-color: #444; }
body.authorbar .cat7 h1 { color: #ddd; }
body.authorbar .cat7 p,
body.authorbar .chaline { color: #aaa; }
body.authorbar .novelline a,
body.authorbar .novelline span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.authorbar .authorcol { background: #2f3437; border-color: #555; }
body.authorbar .authorcol span,
body.authorbar .authorcol label { color: #c8c8c8; }
body.authorbar .authorcol select,
body.authorbar .authorcol button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.authorbar .namelink { background: transparent; color: #aaa; }
body.authorbar .tagcover { border-color: #555; color: #bbb; }
body.authorbar .namelink p { color: #aaa; }
body.authorbar .nameunit a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.authorbar .headblock6 { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.authorbar .headblock6:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.authorbar .colbd { background: #eee; }
body.authorbar .colbd h2 { color: #777; }
body.authorbar .update9 a { background: #e3e3e3; color: #333; }
.sitewrap { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.sitewrap h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.sitewrap p { margin: 8px 0; color: #555; }
.img { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.img:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.authorbar .updateline { background: #dff5fb; }
    .sitewrap { padding: 42px 12px 48px; border-width: 2px; }
    .sitewrap h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.metaline8 .headmain,
.metaline8 .picpanel { align-self: start; }
.metaline8 .blocklist9,
.metaline8 .ranklist { padding: 8px 10px; font-size: 13px; }
.metaline8 .blocklist9 li,
.metaline8 .ranklist li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.metaline8 .blocklist9 li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.metaline8 .ranklist li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.metaline8 .blocklist9 .cellbd,
.metaline8 .blocklist9 .descbar,
.metaline8 .blocklist9 .wenitem,
.metaline8 .blocklist9 .sortline,
.metaline8 .blocklist9 .unititem,
.metaline8 .ranklist span,
.metaline8 .ranklist a,
.metaline8 .ranklist em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .metaline8 .blocklist9,
    .metaline8 .ranklist { padding: 4px 8px; font-size: 14px; }
    .metaline8 .blocklist9 li,
    .metaline8 .ranklist li { height: 34px; line-height: 34px; }
    .metaline8 .blocklist9 li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .metaline8 .ranklist li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.barwrap.vollink {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.vollink .gridcol {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.vollink .gridcol h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.vollink .gridcol strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.vollink .area6 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.vollink .modinfo {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.vollink .page7 img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.vollink .panelsec6 {
  min-width: 0;
}
.vollink .modinfo 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;
}
.vollink .modinfo h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vollink .modinfo h3 span,
.vollink .modinfo h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.vollink .toolpanel {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.vollink .toolpanel a {
  display: inline;
}
.vollink .hdname {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .barwrap.vollink {
    padding: 8px;
  }
  .vollink .gridcol {
    display: flex;
    justify-content: space-between;
  }
  .vollink .gridcol h2 {
    font-size: 20px;
  }
  .vollink .gridcol strong {
    font-size: 16px;
  }
  .vollink .area6 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .vollink .modinfo {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .vollink .page7 img {
    width: 86px;
    height: 116px;
  }
  .vollink .hdname {
    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; }
.bdsec, .siteimg7, .toolhd, .updategrid5 { width: 980px; max-width: 980px; margin: 0 auto; }
.updateline { background: #e6f8fb; }
.toolhd { height: 86px; display: flex; align-items: center; gap: 28px; }
.nameunit { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.nameunit a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.nameunit a:hover { text-decoration: none; color: #0871bd; }
.chatext { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.toolbox { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.wrap5 { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.numinner { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.updategrid5 { display: flex; height: 42px; width: 980px; }
.numinner a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.numinner a:hover, .numinner a.textcover8 { background: #57acd2; color: #fff; text-decoration: none; }
.cont { padding: 12px 0 20px; }

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

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

.bookimg6 { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.ftcol3, .panelrow, .main4 { border: 3px solid #9bd5ee; background: #eefafa; }
.ftcol3 h2, .panelrow h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.timegrid li, .unitwrap li, .shuitem li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.timegrid li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.unitwrap li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.unitwrap li.blockgrid2 { grid-template-columns: 76px minmax(0, 1fr); }
.shuitem li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.timegrid a, .unitwrap a, .shuitem a, .novel6, .authorline9, .shubox, .col4, .unitwrap em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.novel6 { color: #555; }
.authorline9, .shubox, .col4, .unitwrap em { color: #777; font-style: normal; text-align: right; }
.main4 { padding-bottom: 8px; }
.main4 h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.itemname8 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.itemname8 button, .itemname8 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.itemname8 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.itemname8 button:disabled { opacity: .55; cursor: default; }
.itemname8 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.wenpanel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.wenpanel button, .wenpanel select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.cardwrap8 > [hidden] { display: none !important; }
.cateline { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.cateline h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.cateline p, .unitgrid { color: #555; }

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

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

@media (max-width: 1023px) {
  .bdsec, .siteimg7, .toolhd, .numinner, .updategrid5 { width: auto; max-width: none; }
  .text { display: block; }
  .siteimg7 { padding: 0 10px; justify-content: center; }
  .updateline { padding: 10px; }
  .toolhd { height: auto; display: block; }
  .nameunit { width: auto; margin-bottom: 8px; font-size: 28px; }
  .chatext { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .numinner { margin: 0 10px; height: 38px; overflow-x: auto; }
  .updategrid5 { display: flex; height: 38px; min-width: max-content; }
  .numinner a { line-height: 38px; padding: 0 12px; }
  .cont { padding: 8px 10px 16px; }
  .hotinner { display: block; padding: 8px; }
  .hotinner .pictext3 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .hotinner .metacell, .hotinner .metacell img { width: 86px; }
  .hotinner .metacell img { height: 116px; }
  .gridmod { display: block; }
  .metacol { min-height: 0; border-right: 0; }
  .bookimg6 { display: flex; flex-direction: column; }
  .panelrow { order: 1; }
  .ftcol3 { order: 2; }
  .timegrid li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .timegrid .novel6, .timegrid .authorline9, .timegrid .col4 { display: none; }
  .unitwrap li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .unitwrap li span { display: none; }
  .shuitem li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .shuitem .novel6, .shuitem .datehd8 { display: none; }
  .shuitem .authorline9, .shuitem .shubox { text-align: right; }
  .main4 h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .itemname8 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .wenpanel { grid-template-columns: 1fr 1.25fr 1fr; }
  .blocksec { display: block; }
  .tagimg { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .timehd img { width: 86px; height: 116px; }
}

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

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

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

  .menubox .pictext3:last-child {
    border-bottom: 0;
  }

  .menubox .metacell,
  .menubox .metacell img {
    width: 82px;
  }

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

  .menubox .datecol {
    min-width: 0;
  }

  .menubox .datecol 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;
  }

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

  .menubox .datecol 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;
  }

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

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

  .namearea .ftcol3,
  .namearea .panelrow {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .namearea .ftcol3 h2,
  .namearea .panelrow h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .namearea .timegrid 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;
  }

  .namearea .timegrid .novel6,
  .namearea .timegrid .rowcell7,
  .namearea .timegrid .datehd8 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .namearea .timegrid .novel6 {
    display: none;
  }

  .namearea .timegrid .authorline9,
  .namearea .timegrid .col4 {
    display: none;
  }

  .namearea .unitwrap 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;
  }

  .namearea .unitwrap li.blockgrid2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .namearea .unitwrap li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .bdsec,
  .siteimg7,
  .toolhd,
  .updategrid5 {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .hotinner .metacell,
  .hotinner .metacell img {
    width: 120px;
  }

  .hotinner .metacell img {
    height: 160px;
  }

  .hotinner .datecol h3,
  .gridmod .datecol h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .hotinner .datecol p,
  .gridmod .datecol p {
    font-size: 14px;
    line-height: 24px;
  }

  .metacol {
    padding: 10px 12px;
  }

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

  .metacol .metacell,
  .metacol .metacell img {
    width: 92px;
  }

  .metacol .metacell img {
    height: 124px;
  }

  .descmeta li,
  .unitwrap li,
  .timegrid li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .ftcol3 h2,
  .panelrow h2,
  .metacol h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .wrapcol .hotinner .pictext3:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .wrapcol .hotinner {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .siteimg7,
  .toolhd,
  .updategrid5,
  .bdsec {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.numinner a:hover,
.side7 a:hover,
.updategrid5 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) {
  .siteimg7,
  .toolhd,
  .updategrid5,
  .bdsec,
  .numinner,
  .side7 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .numinner,
  .side7 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .siteimg7,
  .toolhd,
  .updategrid5,
  .bdsec,
  .numinner,
  .side7 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .bdsec,
  .toolhd,
  .siteimg7 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.updateline nav a:hover,
.updateline nav a:focus,
.updateline nav a.textcover8,
.updateline nav .textcover8,
.toolhd nav a:hover,
.toolhd nav a:focus,
.toolhd nav a.textcover8,
.toolhd nav .textcover8,
.numinner a:hover,
.numinner a:focus,
.numinner a.textcover8,
.numinner .textcover8,
.side7 a:hover,
.side7 a:focus,
.side7 a.textcover8,
.side7 .textcover8 {
    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) {
    .siteimg7,
    .updateline .toolhd,
    .toolhd,
    .bdsec,
    .cont,
    .secarea7,
    .cellcol,
    .title,
    .numinner,
    .side7 {
        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;
    }

    .text,
    .updateline,
    .cont,
    .celltext8,
    .siteimg7,
    .updateline .toolhd,
    .toolhd,
    .bdsec,
    .title,
    .secarea7,
    .cellcol,
    .piccon,
    .numinner,
    .side7 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .siteimg7,
    .updateline .toolhd,
    .toolhd,
    .bdsec,
    .secarea7,
    .cellcol,
    .cont {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .barwrap,
    .hdpanel,
    .numinner2,
    .newpanel,
    .panelmain,
    .main4 .linkmain,
    .shuitem,
    .linkmain,
    .rowft4,
    .home6,
    .volinner,
    .timeinfo {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .contlink,
    .footimg,
    .linkmain .novel7,
    .shuitem .novel7,
    .rowft4 .novel7,
    .home6 .novel7,
    .volinner .novel7,
    .bar,
    .side {
        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;
    }

    .contlink img,
    .footimg img,
    .timehd img,
    .linkmain .novel7 img,
    .shuitem .novel7 img,
    .rowft4 .novel7 img,
    .home6 .novel7 img,
    .volinner .novel7 img,
    .bar img,
    .side img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .seclink3,
    .boxft,
    .datecol,
    .sidebox,
    .side dl,
    .side .rank6 {
        min-width: 0 !important;
    }

    .hdmod,
    .toolline5,
    .shuitem9,
    .sortrow {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .hdmod > *,
    .toolline5 > *,
    .shuitem9 > *,
    .sortrow > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.numinner a:hover,
.numinner a:focus,
.numinner a:active,
.numinner a.textcover8,
.numinner .textcover8,
.side7 a:hover,
.side7 a:focus,
.side7 a:active,
.side7 a.textcover8,
.side7 .textcover8,
.updateline nav a:hover,
.updateline nav a:focus,
.updateline nav a:active,
.updateline nav a.textcover8,
.toolhd nav a:hover,
.toolhd nav a:focus,
.toolhd nav a:active,
.toolhd nav a.textcover8 {
    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) {
  .wrapcol .datecol p,
  .menubox .datecol p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .toolhd {
    height: 68px;
  }

  .numinner,
  .updategrid5 {
    height: 38px;
  }

  .numinner a,
  .updategrid5 a {
    line-height: 38px;
  }

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

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

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

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

  .updateline .toolhd,
  .toolhd {
    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;
  }

  .updateline .nameunit,
  .updateline 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;
  }

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

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

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

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

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

  .updateline .chatext,
  .toolhd .chatext {
    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;
  }

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

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

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

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

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

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

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

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

  .gridmodwrap .rankname {
    display: contents !important;
  }

  .gridmodwrap .rankname 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;
  }

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

  .gridmodwrap .menu p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .gridmodwrap .desccell.story {
    max-height: none !important;
  }

  .gridmodwrap .modimg {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .storyft9 .namebox {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .cont .bdsec > .updatepanel6 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .cont .bdsec > .updatepanel6 .cat2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .cont .bdsec > .updatepanel6 .cat2 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) {
  .namearea .timegrid li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .namearea .unitwrap li,
  .namearea .unitwrap li.blockgrid2 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .namearea.main5 .unitwrap li,
  .namearea.main5 .unitwrap li.blockgrid2 {
    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. */
.namearea { align-items: stretch; }
.namearea .ftcol3,
.namearea .panelrow { min-width: 0; }
.namearea .panelrow { display: flex; flex-direction: column; }
.namearea .panelrow .unitwrap { flex: 0 0 auto; }
.namearea .topunit {
  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;
}
.namearea .topunit > a,
.namearea .topunit > span,
.namearea .topunit > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.namearea .topunit > a,
.namearea .topunit > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.namearea .topunit > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.namearea .contpanel {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.namearea .contpanel 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) {
  .namearea .topunit {
    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) {
  .cont.picinfo9,
  .cont.infotext,
  .cont.footimg3 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .cont.picinfo9 > .bdsec,
  .cont.infotext > .bdsec,
  .cont.footimg3 > .bdsec {
    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;
  }

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

  .cont.cellinner7 > .bdsec {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .cont.cellinner7 .rankarea {
    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;
  }

  .cont.cellinner7 .namelink {
    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;
  }

  .cont.cellinner7 .authorcol,
  .cont.cellinner7 .novelline {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}