* { 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%; }
.coverInner, .pageCon7, .side8, .desc5, .novel { max-width: 980px; margin: 0 auto; }

.infowrap { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.pageCon7 { display: flex; gap: 24px; align-items: center; height: 30px; }
.mainmeta { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.mainmeta:hover { color: #0871bd; text-decoration: underline; }
.itemImg3 { background: #2f8ed8; }
.side8 { height: 76px; display: flex; align-items: center; gap: 28px; }
.metaImg8 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.metaImg8 a { color: #fff; letter-spacing: 0; }
.metaImg8 a:hover { color: inherit; text-decoration: none; }
.homeText9 { flex: 1; display: flex; max-width: 470px; }
.imgUnit { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.cateCell5 { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.cellSec { margin-left: auto; display: flex; gap: 10px; }
.cellSec a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.panel { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.item3, .menuMeta9, .listMeta, .wrapArea, .sec, .pic, .headMain8 { background: #fff; border: 1px solid #ddd; }
.item3 { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.rank { display: flex; min-height: 132px; overflow: hidden; }
.rank .authorRow8 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.rank .authorRow8 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.rank dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.rank dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rank dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.rank dd a { color: #555; }
.bookBar, .listMeta h2, .sec h2, .pic h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.readLink7, .rowLine, .cardWrap, .time, .home4 { list-style: none; }
.readLink7 li, .cardWrap li, .home4 li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.topInfo, .modList { width: 86px; color: #888; flex: 0 0 86px; }
.bd, .menu4 { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nameMeta6 { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.link, .img9 { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.metaCover { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .coverInner, .pageCon7, .side8, .desc5, .novel { width: 100%; max-width: none; }
    .infowrap { display: none; }
    .itemImg3 { padding: 10px; }
    .side8 { height: auto; display: block; }
    .metaImg8 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .homeText9 { max-width: none; }
    .cellSec { display: none; }
    .desc5 { display: none; }
    .novel { display: flex; overflow-x: auto; background: #287dc2; }
    .novel a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .siteCell { padding: 8px; }
    .panel, .unitInner8 { display: block; }
    .item3 { grid-template-columns: 1fr; margin-bottom: 10px; }
    .menuMeta9, .listMeta { margin-bottom: 10px; }
    .topInfo, .nameMeta6, .link, .modList, .img9, .metaCover { display: none; }
    .rowLine { columns: 1; }
    .wrapArea { display: block; text-align: center; }
    .wrapArea .metaUnit { margin: 0 auto 12px; }
    .boxList2 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .pic5 { justify-content: center; }
    .time { grid-template-columns: 1fr; }
    .sideBox { padding: 0 12px 18px; }
    .readName h1 { font-size: 22px; }
    .picwrap { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .picMod { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .navSec2 { gap: 8px; }
    .navSec2 a, .navSec2 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.coverInner, .pageCon7, .side8, .desc5, .novel { max-width: 1160px; }
.infowrap { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.pageCon7 { color: #6d8f9e; }
.itemImg3 { background: #e6f8fb; }
.side8 { height: 82px; gap: 24px; }
.metaImg8 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.metaImg8 a { color: #0871bd; }
.homeText9 { max-width: 480px; margin-left: auto; }
.imgUnit { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.cateCell5 { height: 36px; background: #ddd; color: #222; }
.cellSec { display: none; }
.desc5 { height: 44px; background: #79c2e3; padding: 0 10px; }
.desc5 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.desc5 a:hover { background: #5eb1d8; }
.siteCell { padding: 12px 0 24px; }

.secBlock { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.ftCell { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.wrapFt8 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.block h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.block h2 a { color: #5b6fad; font-weight: 700; }
.block h2 span { float: right; color: #aaa; font-weight: 400; }
.block p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.infoCon { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.col, .head7 { border: 3px solid #86c9e8; background: #eef6f6; }
.col h2, .head7 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.toolBlock, .textLine { list-style: none; padding: 8px 12px; }
.toolBlock 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; }
.toolBlock .numListcon { color: #555; }
.toolBlock .date4, .toolBlock .secBlock4, .toolBlock .newMod { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.toolBlock .newMod, .toolBlock .linkWrap6 { color: #aaa; text-align: right; }
.textLine li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.textLine span { color: #555; }
.textLine a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.textLine em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.catemeta { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.catemeta a, .catemeta select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.catemeta a { line-height: 40px; }
.catemeta select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.cha5 { 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; }
    .coverInner, .pageCon7, .side8, .desc5, .novel { width: 100%; max-width: none; }
    .infowrap { display: none; }
    .itemImg3 { padding: 10px; background: #dff5fb; }
    .side8 { display: block; height: auto; }
    .metaImg8 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .homeText9 { max-width: none; display: flex; margin-left: 0; }
    .imgUnit { height: 38px; font-size: 14px; }
    .cateCell5 { width: 72px; height: 38px; }
    .desc5 { display: none; }
    .novel { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .novel a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .side8 .novel { margin-bottom: 8px; }
    .siteCell { padding: 8px; }
    .secBlock { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .ftCell { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .ftCell:last-child { border-bottom: 0; }
    .wrapFt8 img { width: 82px; height: 110px; padding: 2px; }
    .block h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .block h2 span { display: none; }
    .block p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .infoCon { display: block; }
    .panelpanel { display: flex; flex-direction: column; }
    .panelpanel .head7 { order: 1; }
    .panelpanel .col { order: 2; }
    .col, .head7 { border-width: 2px; margin-bottom: 10px; }
    .col h2, .head7 h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .toolBlock, .textLine { padding: 4px 8px; }
    .toolBlock 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; }
    .toolBlock .newMod, .toolBlock .linkWrap6 { display: none; }
    .toolBlock .numListcon { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .toolBlock .date4 { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .toolBlock .secBlock4 { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .textLine li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .textLine span { display: none; }
    .catemeta { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .catemeta select { grid-column: 1 / -1; order: -1; }
    .cha5 { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.updateRow { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.updateRow 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); }
.updateRow button:hover { background: #4eadd0; }
body.cha { background: #1e1e1e; color: #aaa; }
body.cha a { color: #9eb8e8; }
body.cha .infowrap,
body.cha .itemImg3,
body.cha .cha5 { background: #252525; border-color: #3a3a3a; color: #888; }
body.cha .desc5,
body.cha .novel { background: #333; }
body.cha .desc5 a:hover,
body.cha .novel a:hover { background: #444; }
body.cha .secBlock,
body.cha .homeFt,
body.cha .updateBd,
body.cha .timecover,
body.cha .navBlock,
body.cha .contRow5,
body.cha .wrapArea,
body.cha .sec,
body.cha .pic,
body.cha .headMain8,
body.cha .col,
body.cha .head7,
body.cha .panelBox8,
body.cha .num7 { background: #2a2a2a; border-color: #444; }
body.cha .sideBox { background: #202020; border-color: #444; }
body.cha .picwrap { color: #b8b8b8; }
body.cha .bookBar,
body.cha .listMeta h2,
body.cha .sec h2,
body.cha .pic h2,
body.cha .col h2,
body.cha .head7 h2,
body.cha .panelBox8 h2,
body.cha .navBlock h1,
body.cha .headMain8 h1,
body.cha .pageText h2,
body.cha .contRow5 h1 { background: #333; color: #ccc; border-color: #444; }
body.cha .block p,
body.cha .home p,
body.cha .name p,
body.cha .bookBox p,
body.cha .sec p,
body.cha .boxList2 p,
body.cha .hotFt .numInner4 { color: #aaa; }
body.cha .menu8 th { background: #333; color: #ccc; }
body.cha .menu8 th,
body.cha .menu8 td,
body.cha .toolBlock li,
body.cha .textLine li,
body.cha .panelBox8 li,
body.cha .rowMain li { border-color: #444; }
body.cha .imgUnit,
body.cha .volCon input,
body.cha .catemeta select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .updateRow { right: 10px; bottom: 14px; }
    .updateRow button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.coverUnit { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.coverUnit .tag8 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.contName { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.sortbd {
    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;
}
.sortbd img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.gridPanel h1 { font-size: 30px; line-height: 44px; color: #333; }
.foot { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.foot p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.foot .footHd4 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.menuBar8 { grid-column: 2; line-height: 1.8; color: #444; }
.headCon3 { display: none; }
.cover9 { display: none; }
.contMain { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.contMain h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.contMain .time { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.contMain .time li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.contMain .time.names li { font-weight: 700; }
.boxMod7 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.boxMod7 a, .boxMod7 span, .boxMod7 button, .boxMod7 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.boxMod7 a, .boxMod7 span, .boxMod7 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.boxMod7 button:disabled { cursor: default; opacity: .65; }
.boxMod7 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.wrapItem7 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.wrapItem7 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.menuBlock { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.menuBlock a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .coverUnit, .contMain { border-width: 2px; margin-bottom: 12px; }
    .coverUnit .tag8 { height: auto; line-height: 1.5; padding: 8px; }
    .contName { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .sortbd { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .sortbd img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .gridPanel { min-width: 0; }
    .gridPanel h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .foot { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .foot p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .headCon3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .coverinner { 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; }
    .coverinner:hover { color: #fff; text-decoration: none; opacity: .92; }
    .coverinner.readMain { background: #f0305a; }
    .coverinner.headText5 { background: #f1a51e; }
    .coverinner.picItem7 { background: #5b8cc3; }
    .menuBar8 { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .menuBar8.row { max-height: none; }
    .cover9 { 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; }
    .contMain .time { grid-template-columns: 1fr; padding: 0 8px; }
    .contMain .time li { height: 36px; line-height: 36px; padding-right: 0; }
    .boxMod7 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .boxMod7 select { grid-column: 1 / -1; order: -1; }
    .menuBlock { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .coverInner, .siteCell, .itemImg3, .side8, .sideBox, .coverUnit, .contMain { max-width: 100%; overflow-x: hidden; }
    .homeText9 { width: 100%; max-width: 100%; }
    .imgUnit { min-width: 0; }
    .cateCell5 { flex: 0 0 68px; width: 68px; }
    .novel { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .sideBox { padding-left: 10px; padding-right: 10px; }
    .tag8 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .readName h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .readName p { white-space: normal; overflow-wrap: anywhere; }
    .picwrap { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .picwrap p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .updateRow { right: 8px; }
}

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

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

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

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

body.cha .metaImg8 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.cha .sideBox { background: #242424; }
body.cha .readName h1 { color: #ddd; }
body.cha .readName p,
body.cha .tag8 { color: #aaa; }
body.cha .picwrap { color: #d2d2d2; }
body.cha .picwrap p { color: #d2d2d2; }
body.cha.hdMod .sideBox,
body.cha.boxSec .sideBox,
body.cha.sortFt4 .sideBox { background: #242424; }
@media (max-width: 768px) {
    .catelist { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.cha .catelist { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.sideBox { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.cha) .sideBox { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.cha) .picwrap { color: #333; }

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

@media (max-width: 768px) {
    .sideBox > .tag8,
    .sideBox > .readName { display: none; }
    .sideBox { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.cha { background: #e6f8fb; color: #555; }
body.cha a { color: #4d6da8; }
body.cha .infowrap { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.cha .itemImg3,
body.cha .cha5 { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.cha .desc5,
body.cha .novel { background: #79c2e3; }
body.cha .desc5 a,
body.cha .novel a { color: #fff; }
body.cha .imgUnit,
body.cha .volCon input,
body.cha .catemeta select { background: #fff; color: #333; border-color: #9bc7df; }
body.cha .sideBox,
body.cha.hdMod .sideBox,
body.cha.boxSec .sideBox,
body.cha.sortFt4 .sideBox { background: #2f3437; border-color: #444; }
body.cha .readName h1 { color: #ddd; }
body.cha .readName p,
body.cha .tag8 { color: #aaa; }
body.cha .navSec2 a,
body.cha .navSec2 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.cha .catelist { background: #2f3437; border-color: #555; }
body.cha .catelist span,
body.cha .catelist label { color: #c8c8c8; }
body.cha .catelist select,
body.cha .catelist button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.cha .picwrap { background: transparent; color: #aaa; }
body.cha .picMod { border-color: #555; color: #bbb; }
body.cha .picwrap p { color: #aaa; }
body.cha .metaImg8 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.cha .pageUnit { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.cha .pageUnit:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.cha .headImg { background: #eee; }
body.cha .headImg h2 { color: #777; }
body.cha .sortFt9 a { background: #e3e3e3; color: #333; }
.ftMeta { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.ftMeta h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.ftMeta p { margin: 8px 0; color: #555; }
.toolArea { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.toolArea:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.cha .itemImg3 { background: #dff5fb; }
    .ftMeta { padding: 42px 12px 48px; border-width: 2px; }
    .ftMeta h1 { font-size: 24px; }
}

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

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

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

/* static rank page, bqg style */
.timecover.toptext {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.toptext .update {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.toptext .update h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.toptext .update strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.toptext .block4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.toptext .dateMod {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.toptext .bdUnit8 img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.toptext .itemCon {
  min-width: 0;
}
.toptext .dateMod 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;
}
.toptext .dateMod h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toptext .dateMod h3 span,
.toptext .dateMod h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.toptext .namepanel {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.toptext .namepanel a {
  display: inline;
}
.toptext .sideMod {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .timecover.toptext {
    padding: 8px;
  }
  .toptext .update {
    display: flex;
    justify-content: space-between;
  }
  .toptext .update h2 {
    font-size: 20px;
  }
  .toptext .update strong {
    font-size: 16px;
  }
  .toptext .block4 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .toptext .dateMod {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .toptext .bdUnit8 img {
    width: 86px;
    height: 116px;
  }
  .toptext .sideMod {
    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; }
.coverInner, .pageCon7, .side8, .pageCol { width: 980px; max-width: 980px; margin: 0 auto; }
.itemImg3 { background: #e6f8fb; }
.side8 { height: 86px; display: flex; align-items: center; gap: 28px; }
.metaImg8 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.metaImg8 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.metaImg8 a:hover { text-decoration: none; color: #0871bd; }
.homeText9 { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.imgUnit { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.cateCell5 { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.desc5 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.pageCol { display: flex; height: 42px; width: 980px; }
.desc5 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.desc5 a:hover, .desc5 a.sideBlock4 { background: #57acd2; color: #fff; text-decoration: none; }
.siteCell { padding: 12px 0 20px; }

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

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

.novelPanel { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.timebar, .cellhd, .sideLink { border: 3px solid #9bd5ee; background: #eefafa; }
.timebar h2, .cellhd h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.cardWrap li, .ftInner li, .home4 li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.cardWrap li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.ftInner li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.ftInner li.picMeta { grid-template-columns: 76px minmax(0, 1fr); }
.home4 li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.cardWrap a, .ftInner a, .home4 a, .coverWrap, .blockLine, .wrapLink, .wrapMod, .ftInner em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.coverWrap { color: #555; }
.blockLine, .wrapLink, .wrapMod, .ftInner em { color: #777; font-style: normal; text-align: right; }
.sideLink { padding-bottom: 8px; }
.sideLink h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.menu6 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.menu6 button, .menu6 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.menu6 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.menu6 button:disabled { opacity: .55; cursor: default; }
.menu6 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.sortInner6 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.sortInner6 button, .sortInner6 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.ftInner6 > [hidden] { display: none !important; }
.blockName { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.blockName h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.blockName p, .unitText { color: #555; }

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

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

@media (max-width: 1023px) {
  .coverInner, .pageCon7, .side8, .desc5, .pageCol { width: auto; max-width: none; }
  .infowrap { display: block; }
  .pageCon7 { padding: 0 10px; justify-content: center; }
  .itemImg3 { padding: 10px; }
  .side8 { height: auto; display: block; }
  .metaImg8 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .homeText9 { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .desc5 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .pageCol { display: flex; height: 38px; min-width: max-content; }
  .desc5 a { line-height: 38px; padding: 0 12px; }
  .siteCell { padding: 8px 10px 16px; }
  .bdUnit4 { display: block; padding: 8px; }
  .bdUnit4 .read { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .bdUnit4 .metaUnit, .bdUnit4 .metaUnit img { width: 86px; }
  .bdUnit4 .metaUnit img { height: 116px; }
  .sort { display: block; }
  .areaFt8 { min-height: 0; border-right: 0; }
  .novelPanel { display: flex; flex-direction: column; }
  .cellhd { order: 1; }
  .timebar { order: 2; }
  .cardWrap li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .cardWrap .coverWrap, .cardWrap .blockLine, .cardWrap .wrapMod { display: none; }
  .ftInner li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .ftInner li span { display: none; }
  .home4 li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .home4 .coverWrap, .home4 .ft { display: none; }
  .home4 .blockLine, .home4 .wrapLink { text-align: right; }
  .sideLink h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .menu6 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .sortInner6 { grid-template-columns: 1fr 1.25fr 1fr; }
  .picList8 { display: block; }
  .menu { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .ftMain img { width: 86px; height: 116px; }
}

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

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

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

  .chaName9 .read:last-child {
    border-bottom: 0;
  }

  .chaName9 .metaUnit,
  .chaName9 .metaUnit img {
    width: 82px;
  }

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

  .chaName9 .nameCon2 {
    min-width: 0;
  }

  .chaName9 .nameCon2 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;
  }

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

  .chaName9 .nameCon2 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;
  }

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

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

  .hotLine .timebar,
  .hotLine .cellhd {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .hotLine .timebar h2,
  .hotLine .cellhd h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .hotLine .cardWrap 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;
  }

  .hotLine .cardWrap .coverWrap,
  .hotLine .cardWrap .tag,
  .hotLine .cardWrap .ft {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .hotLine .cardWrap .coverWrap {
    display: none;
  }

  .hotLine .cardWrap .blockLine,
  .hotLine .cardWrap .wrapMod {
    display: none;
  }

  .hotLine .ftInner 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;
  }

  .hotLine .ftInner li.picMeta {
    grid-template-columns: minmax(0, 1fr);
  }

  .hotLine .ftInner li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .coverInner,
  .pageCon7,
  .side8,
  .pageCol {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .bdUnit4 .metaUnit,
  .bdUnit4 .metaUnit img {
    width: 120px;
  }

  .bdUnit4 .metaUnit img {
    height: 160px;
  }

  .bdUnit4 .nameCon2 h3,
  .sort .nameCon2 h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .bdUnit4 .nameCon2 p,
  .sort .nameCon2 p {
    font-size: 14px;
    line-height: 24px;
  }

  .areaFt8 {
    padding: 10px 12px;
  }

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

  .areaFt8 .metaUnit,
  .areaFt8 .metaUnit img {
    width: 92px;
  }

  .areaFt8 .metaUnit img {
    height: 124px;
  }

  .authorInner li,
  .ftInner li,
  .cardWrap li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .timebar h2,
  .cellhd h2,
  .areaFt8 h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .site6 .bdUnit4 .read:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .site6 .bdUnit4 {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .pageCon7,
  .side8,
  .pageCol,
  .coverInner {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.desc5 a:hover,
.novel a:hover,
.pageCol 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) {
  .pageCon7,
  .side8,
  .pageCol,
  .coverInner,
  .desc5,
  .novel {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .desc5,
  .novel {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .pageCon7,
  .side8,
  .pageCol,
  .coverInner,
  .desc5,
  .novel {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .coverInner,
  .side8,
  .pageCon7 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.itemImg3 nav a:hover,
.itemImg3 nav a:focus,
.itemImg3 nav a.sideBlock4,
.itemImg3 nav .sideBlock4,
.side8 nav a:hover,
.side8 nav a:focus,
.side8 nav a.sideBlock4,
.side8 nav .sideBlock4,
.desc5 a:hover,
.desc5 a:focus,
.desc5 a.sideBlock4,
.desc5 .sideBlock4,
.novel a:hover,
.novel a:focus,
.novel a.sideBlock4,
.novel .sideBlock4 {
    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) {
    .pageCon7,
    .itemImg3 .side8,
    .side8,
    .coverInner,
    .siteCell,
    .listLine,
    .titleLine,
    .footLine5,
    .desc5,
    .novel {
        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;
    }

    .infowrap,
    .itemImg3,
    .siteCell,
    .cha5,
    .pageCon7,
    .itemImg3 .side8,
    .side8,
    .coverInner,
    .footLine5,
    .listLine,
    .titleLine,
    .descCell,
    .desc5,
    .novel {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .pageCon7,
    .itemImg3 .side8,
    .side8,
    .coverInner,
    .listLine,
    .titleLine,
    .siteCell {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .timecover,
    .chaItem8,
    .sort2,
    .volList,
    .infoBlock,
    .sideLink .wrapGrid2,
    .home4,
    .wrapGrid2,
    .descCol,
    .sideGrid9,
    .picMod9,
    .coverUnit {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .footBar3,
    .contLine6,
    .wrapGrid2 .bdFt,
    .home4 .bdFt,
    .descCol .bdFt,
    .sideGrid9 .bdFt,
    .picMod9 .bdFt,
    .linkGrid,
    .rank {
        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;
    }

    .footBar3 img,
    .contLine6 img,
    .ftMain img,
    .wrapGrid2 .bdFt img,
    .home4 .bdFt img,
    .descCol .bdFt img,
    .sideGrid9 .bdFt img,
    .picMod9 .bdFt img,
    .linkGrid img,
    .rank img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .bookBox,
    .cateInfo,
    .nameCon2,
    .boxList2,
    .rank dl,
    .rank .cat3 {
        min-width: 0 !important;
    }

    .headCol,
    .cate,
    .panel,
    .maininfo {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

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

/* 导航条不保留 hover/focus/active 视觉印记 */
.desc5 a:hover,
.desc5 a:focus,
.desc5 a:active,
.desc5 a.sideBlock4,
.desc5 .sideBlock4,
.novel a:hover,
.novel a:focus,
.novel a:active,
.novel a.sideBlock4,
.novel .sideBlock4,
.itemImg3 nav a:hover,
.itemImg3 nav a:focus,
.itemImg3 nav a:active,
.itemImg3 nav a.sideBlock4,
.side8 nav a:hover,
.side8 nav a:focus,
.side8 nav a:active,
.side8 nav a.sideBlock4 {
    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) {
  .site6 .nameCon2 p,
  .chaName9 .nameCon2 p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .side8 {
    height: 68px;
  }

  .desc5,
  .pageCol {
    height: 38px;
  }

  .desc5 a,
  .pageCol a {
    line-height: 38px;
  }

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

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

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

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

  .itemImg3 .side8,
  .side8 {
    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;
  }

  .itemImg3 .metaImg8,
  .itemImg3 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;
  }

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

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

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

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

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

  .itemImg3 .homeText9,
  .side8 .homeText9 {
    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;
  }

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

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

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

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

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

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

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

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

  .contName .gridPanel {
    display: contents !important;
  }

  .contName .gridPanel 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;
  }

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

  .contName .foot p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .contName .menuBar8.row {
    max-height: none !important;
  }

  .contName .cover9 {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .contMain .time {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .siteCell .coverInner > .wrapItem7 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .siteCell .coverInner > .wrapItem7 .menuBlock {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .siteCell .coverInner > .wrapItem7 .menuBlock 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) {
  .hotLine .cardWrap li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .hotLine .ftInner li,
  .hotLine .ftInner li.picMeta {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .hotLine.area .ftInner li,
  .hotLine.area .ftInner li.picMeta {
    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. */
.hotLine { align-items: stretch; }
.hotLine .timebar,
.hotLine .cellhd { min-width: 0; }
.hotLine .cellhd { display: flex; flex-direction: column; }
.hotLine .cellhd .ftInner { flex: 0 0 auto; }
.hotLine .coverimg {
  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;
}
.hotLine .coverimg > a,
.hotLine .coverimg > span,
.hotLine .coverimg > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.hotLine .coverimg > a,
.hotLine .coverimg > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hotLine .coverimg > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.hotLine .footCell6 {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.hotLine .footCell6 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) {
  .hotLine .coverimg {
    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) {
  .siteCell.coverHd,
  .siteCell.infoMod5,
  .siteCell.newMain {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .siteCell.coverHd > .coverInner,
  .siteCell.infoMod5 > .coverInner,
  .siteCell.newMain > .coverInner {
    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;
  }

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

  .siteCell.sideCell > .coverInner {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteCell.sideCell .sideBox {
    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;
  }

  .siteCell.sideCell .picwrap {
    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;
  }

  .siteCell.sideCell .catelist,
  .siteCell.sideCell .navSec2 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}