* { 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%; }
.hdMod, .newbar, .cellCover9, .hd5, .descCon { max-width: 980px; margin: 0 auto; }

.navSec9 { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.newbar { display: flex; gap: 24px; align-items: center; height: 30px; }
.bookft { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.bookft:hover { color: #0871bd; text-decoration: underline; }
.numFtbox { background: #2f8ed8; }
.cellCover9 { height: 76px; display: flex; align-items: center; gap: 28px; }
.sideBd3 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.sideBd3 a { color: #fff; letter-spacing: 0; }
.sideBd3 a:hover { color: inherit; text-decoration: none; }
.unitarea { flex: 1; display: flex; max-width: 470px; }
.novelItem { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.sortItem8 { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.blockSec { margin-left: auto; display: flex; gap: 10px; }
.blockSec a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.wrapImg { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.authorFt, .panel9, .barBlock, .headHd, .novelRow, .unitLine, .tagPanel7 { background: #fff; border: 1px solid #ddd; }
.authorFt { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.headBd9 { display: flex; min-height: 132px; overflow: hidden; }
.headBd9 .footMetaname { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.headBd9 .footMetaname img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.headBd9 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.headBd9 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.headBd9 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.headBd9 dd a { color: #555; }
.main9, .barBlock h2, .novelRow h2, .unitLine h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.navPanel, .cate2, .rowUnit, .sort, .cellCol2 { list-style: none; }
.navPanel li, .rowUnit li, .cellCol2 li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.footCell6, .nameCol4 { width: 86px; color: #888; flex: 0 0 86px; }
.cateInner, .cateCol { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pic7 { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.barFt, .unitMeta9 { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.card { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .hdMod, .newbar, .cellCover9, .hd5, .descCon { width: 100%; max-width: none; }
    .navSec9 { display: none; }
    .numFtbox { padding: 10px; }
    .cellCover9 { height: auto; display: block; }
    .sideBd3 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .unitarea { max-width: none; }
    .blockSec { display: none; }
    .hd5 { display: none; }
    .descCon { display: flex; overflow-x: auto; background: #287dc2; }
    .descCon a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .descSec { padding: 8px; }
    .wrapImg, .hotblock { display: block; }
    .authorFt { grid-template-columns: 1fr; margin-bottom: 10px; }
    .panel9, .barBlock { margin-bottom: 10px; }
    .footCell6, .pic7, .barFt, .nameCol4, .unitMeta9, .card { display: none; }
    .cate2 { columns: 1; }
    .headHd { display: block; text-align: center; }
    .headHd .sort4 { margin: 0 auto 12px; }
    .side2 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .unitMeta { justify-content: center; }
    .sort { grid-template-columns: 1fr; }
    .titleBar { padding: 0 12px 18px; }
    .infoft h1 { font-size: 22px; }
    .modBlock6 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .mainUnit4 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .foot4 { gap: 8px; }
    .foot4 a, .foot4 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.hdMod, .newbar, .cellCover9, .hd5, .descCon { max-width: 1160px; }
.navSec9 { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.newbar { color: #6d8f9e; }
.numFtbox { background: #e6f8fb; }
.cellCover9 { height: 82px; gap: 24px; }
.sideBd3 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.sideBd3 a { color: #0871bd; }
.unitarea { max-width: 480px; margin-left: auto; }
.novelItem { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.sortItem8 { height: 36px; background: #ddd; color: #222; }
.blockSec { display: none; }
.hd5 { height: 44px; background: #79c2e3; padding: 0 10px; }
.hd5 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.hd5 a:hover { background: #5eb1d8; }
.descSec { padding: 12px 0 24px; }

.picFt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.new { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.gridLink4 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.maintext h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.maintext h2 a { color: #5b6fad; font-weight: 700; }
.maintext h2 span { float: right; color: #aaa; font-weight: 400; }
.maintext p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.novelBd { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.listInner8, .hd { border: 3px solid #86c9e8; background: #eef6f6; }
.listInner8 h2, .hd h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.hdSec, .hot { list-style: none; padding: 8px 12px; }
.hdSec 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; }
.hdSec .vol6 { color: #555; }
.hdSec .itemRow, .hdSec .sideBar, .hdSec .dateCol7 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hdSec .dateCol7, .hdSec .bdCol { color: #aaa; text-align: right; }
.hot li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.hot span { color: #555; }
.hot a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hot em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.storySec6 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.storySec6 a, .storySec6 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.storySec6 a { line-height: 40px; }
.storySec6 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.topitem { 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; }
    .hdMod, .newbar, .cellCover9, .hd5, .descCon { width: 100%; max-width: none; }
    .navSec9 { display: none; }
    .numFtbox { padding: 10px; background: #dff5fb; }
    .cellCover9 { display: block; height: auto; }
    .sideBd3 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .unitarea { max-width: none; display: flex; margin-left: 0; }
    .novelItem { height: 38px; font-size: 14px; }
    .sortItem8 { width: 72px; height: 38px; }
    .hd5 { display: none; }
    .descCon { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .descCon a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .cellCover9 .descCon { margin-bottom: 8px; }
    .descSec { padding: 8px; }
    .picFt { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .new { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .new:last-child { border-bottom: 0; }
    .gridLink4 img { width: 82px; height: 110px; padding: 2px; }
    .maintext h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .maintext h2 span { display: none; }
    .maintext p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .novelBd { display: block; }
    .numInner { display: flex; flex-direction: column; }
    .numInner .hd { order: 1; }
    .numInner .listInner8 { order: 2; }
    .listInner8, .hd { border-width: 2px; margin-bottom: 10px; }
    .listInner8 h2, .hd h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .hdSec, .hot { padding: 4px 8px; }
    .hdSec 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; }
    .hdSec .dateCol7, .hdSec .bdCol { display: none; }
    .hdSec .vol6 { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .hdSec .itemRow { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .hdSec .sideBar { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .hot li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .hot span { display: none; }
    .storySec6 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .storySec6 select { grid-column: 1 / -1; order: -1; }
    .topitem { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.itemList8 { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.itemList8 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); }
.itemList8 button:hover { background: #4eadd0; }
body.topMeta4 { background: #1e1e1e; color: #aaa; }
body.topMeta4 a { color: #9eb8e8; }
body.topMeta4 .navSec9,
body.topMeta4 .numFtbox,
body.topMeta4 .topitem { background: #252525; border-color: #3a3a3a; color: #888; }
body.topMeta4 .hd5,
body.topMeta4 .descCon { background: #333; }
body.topMeta4 .hd5 a:hover,
body.topMeta4 .descCon a:hover { background: #444; }
body.topMeta4 .picFt,
body.topMeta4 .link5,
body.topMeta4 .mainName,
body.topMeta4 .mainRow,
body.topMeta4 .footMeta,
body.topMeta4 .cateLine,
body.topMeta4 .headHd,
body.topMeta4 .novelRow,
body.topMeta4 .unitLine,
body.topMeta4 .tagPanel7,
body.topMeta4 .listInner8,
body.topMeta4 .hd,
body.topMeta4 .list,
body.topMeta4 .contArea3 { background: #2a2a2a; border-color: #444; }
body.topMeta4 .titleBar { background: #202020; border-color: #444; }
body.topMeta4 .modBlock6 { color: #b8b8b8; }
body.topMeta4 .main9,
body.topMeta4 .barBlock h2,
body.topMeta4 .novelRow h2,
body.topMeta4 .unitLine h2,
body.topMeta4 .listInner8 h2,
body.topMeta4 .hd h2,
body.topMeta4 .list h2,
body.topMeta4 .footMeta h1,
body.topMeta4 .tagPanel7 h1,
body.topMeta4 .boxCol6 h2,
body.topMeta4 .cateLine h1 { background: #333; color: #ccc; border-color: #444; }
body.topMeta4 .maintext p,
body.topMeta4 .author4 p,
body.topMeta4 .hotCover6 p,
body.topMeta4 .imgInner2 p,
body.topMeta4 .novelRow p,
body.topMeta4 .side2 p,
body.topMeta4 .area .link6 { color: #aaa; }
body.topMeta4 .infoMeta th { background: #333; color: #ccc; }
body.topMeta4 .infoMeta th,
body.topMeta4 .infoMeta td,
body.topMeta4 .hdSec li,
body.topMeta4 .hot li,
body.topMeta4 .list li,
body.topMeta4 .cover li { border-color: #444; }
body.topMeta4 .novelItem,
body.topMeta4 .colCover input,
body.topMeta4 .storySec6 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .itemList8 { right: 10px; bottom: 14px; }
    .itemList8 button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.contBox { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.contBox .sideLine { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.hotUnit { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.pic2 {
    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;
}
.pic2 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.chaList9 h1 { font-size: 30px; line-height: 44px; color: #333; }
.contMain { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.contMain p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.contMain .nameLine4 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.contMain2 { grid-column: 2; line-height: 1.8; color: #444; }
.topWrap8 { display: none; }
.numFt { display: none; }
.site5 { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.site5 h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.site5 .sort { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.site5 .sort li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.site5 .sort.menu li { font-weight: 700; }
.textImg3 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.textImg3 a, .textImg3 span, .textImg3 button, .textImg3 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.textImg3 a, .textImg3 span, .textImg3 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.textImg3 button:disabled { cursor: default; opacity: .65; }
.textImg3 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.sec { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.sec h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.celllink { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.celllink a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .contBox, .site5 { border-width: 2px; margin-bottom: 12px; }
    .contBox .sideLine { height: auto; line-height: 1.5; padding: 8px; }
    .hotUnit { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .pic2 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .pic2 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .chaList9 { min-width: 0; }
    .chaList9 h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .contMain { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .contMain p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .topWrap8 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .coverWrap { 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; }
    .coverWrap:hover { color: #fff; text-decoration: none; opacity: .92; }
    .coverWrap.update { background: #f0305a; }
    .coverWrap.img { background: #f1a51e; }
    .coverWrap.authorCon { background: #5b8cc3; }
    .contMain2 { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .contMain2.newPanel7 { max-height: none; }
    .numFt { 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; }
    .site5 .sort { grid-template-columns: 1fr; padding: 0 8px; }
    .site5 .sort li { height: 36px; line-height: 36px; padding-right: 0; }
    .textImg3 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .textImg3 select { grid-column: 1 / -1; order: -1; }
    .celllink { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .hdMod, .descSec, .numFtbox, .cellCover9, .titleBar, .contBox, .site5 { max-width: 100%; overflow-x: hidden; }
    .unitarea { width: 100%; max-width: 100%; }
    .novelItem { min-width: 0; }
    .sortItem8 { flex: 0 0 68px; width: 68px; }
    .descCon { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .titleBar { padding-left: 10px; padding-right: 10px; }
    .sideLine { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .infoft h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .infoft p { white-space: normal; overflow-wrap: anywhere; }
    .modBlock6 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .modBlock6 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .itemList8 { right: 8px; }
}

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

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

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

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

body.topMeta4 .sideBd3 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.topMeta4 .titleBar { background: #242424; }
body.topMeta4 .infoft h1 { color: #ddd; }
body.topMeta4 .infoft p,
body.topMeta4 .sideLine { color: #aaa; }
body.topMeta4 .modBlock6 { color: #d2d2d2; }
body.topMeta4 .modBlock6 p { color: #d2d2d2; }
body.topMeta4.tag .titleBar,
body.topMeta4.linkcon .titleBar,
body.topMeta4.homeLink .titleBar { background: #242424; }
@media (max-width: 768px) {
    .authorArea7 { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.topMeta4 .authorArea7 { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.titleBar { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.topMeta4) .titleBar { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.topMeta4) .modBlock6 { color: #333; }

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

@media (max-width: 768px) {
    .titleBar > .sideLine,
    .titleBar > .infoft { display: none; }
    .titleBar { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.topMeta4 { background: #e6f8fb; color: #555; }
body.topMeta4 a { color: #4d6da8; }
body.topMeta4 .navSec9 { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.topMeta4 .numFtbox,
body.topMeta4 .topitem { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.topMeta4 .hd5,
body.topMeta4 .descCon { background: #79c2e3; }
body.topMeta4 .hd5 a,
body.topMeta4 .descCon a { color: #fff; }
body.topMeta4 .novelItem,
body.topMeta4 .colCover input,
body.topMeta4 .storySec6 select { background: #fff; color: #333; border-color: #9bc7df; }
body.topMeta4 .titleBar,
body.topMeta4.tag .titleBar,
body.topMeta4.linkcon .titleBar,
body.topMeta4.homeLink .titleBar { background: #2f3437; border-color: #444; }
body.topMeta4 .infoft h1 { color: #ddd; }
body.topMeta4 .infoft p,
body.topMeta4 .sideLine { color: #aaa; }
body.topMeta4 .foot4 a,
body.topMeta4 .foot4 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.topMeta4 .authorArea7 { background: #2f3437; border-color: #555; }
body.topMeta4 .authorArea7 span,
body.topMeta4 .authorArea7 label { color: #c8c8c8; }
body.topMeta4 .authorArea7 select,
body.topMeta4 .authorArea7 button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.topMeta4 .modBlock6 { background: transparent; color: #aaa; }
body.topMeta4 .mainUnit4 { border-color: #555; color: #bbb; }
body.topMeta4 .modBlock6 p { color: #aaa; }
body.topMeta4 .sideBd3 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.topMeta4 .vol { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.topMeta4 .vol:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.topMeta4 .headGrid5 { background: #eee; }
body.topMeta4 .headGrid5 h2 { color: #777; }
body.topMeta4 .volList a { background: #e3e3e3; color: #333; }
.cell { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.cell h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.cell p { margin: 8px 0; color: #555; }
.chahd { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.chahd:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.topMeta4 .numFtbox { background: #dff5fb; }
    .cell { padding: 42px 12px 48px; border-width: 2px; }
    .cell h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.numInner .listInner8,
.numInner .hd { align-self: start; }
.numInner .hdSec,
.numInner .hot { padding: 8px 10px; font-size: 13px; }
.numInner .hdSec li,
.numInner .hot li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.numInner .hdSec li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.numInner .hot li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.numInner .hdSec .vol6,
.numInner .hdSec .itemRow,
.numInner .hdSec .sideBar,
.numInner .hdSec .dateCol7,
.numInner .hdSec .bdCol,
.numInner .hot span,
.numInner .hot a,
.numInner .hot em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .numInner .hdSec,
    .numInner .hot { padding: 4px 8px; font-size: 14px; }
    .numInner .hdSec li,
    .numInner .hot li { height: 34px; line-height: 34px; }
    .numInner .hdSec li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .numInner .hot li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.mainRow.ft {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.ft .mainGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.ft .mainGrid h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.ft .mainGrid strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.ft .listPanel9 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.ft .catSec {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.ft .sideMod img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.ft .title {
  min-width: 0;
}
.ft .catSec 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;
}
.ft .catSec h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ft .catSec h3 span,
.ft .catSec h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.ft .headLink {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.ft .headLink a {
  display: inline;
}
.ft .barCell {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .mainRow.ft {
    padding: 8px;
  }
  .ft .mainGrid {
    display: flex;
    justify-content: space-between;
  }
  .ft .mainGrid h2 {
    font-size: 20px;
  }
  .ft .mainGrid strong {
    font-size: 16px;
  }
  .ft .listPanel9 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .ft .catSec {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .ft .sideMod img {
    width: 86px;
    height: 116px;
  }
  .ft .barCell {
    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; }
.hdMod, .newbar, .cellCover9, .dateGrid { width: 980px; max-width: 980px; margin: 0 auto; }
.numFtbox { background: #e6f8fb; }
.cellCover9 { height: 86px; display: flex; align-items: center; gap: 28px; }
.sideBd3 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.sideBd3 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.sideBd3 a:hover { text-decoration: none; color: #0871bd; }
.unitarea { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.novelItem { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.sortItem8 { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.hd5 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.dateGrid { display: flex; height: 42px; width: 980px; }
.hd5 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.hd5 a:hover, .hd5 a.home8 { background: #57acd2; color: #fff; text-decoration: none; }
.descSec { padding: 12px 0 20px; }

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

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

.row { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.listCol5, .newUnit, .wrapMod { border: 3px solid #9bd5ee; background: #eefafa; }
.listCol5 h2, .newUnit h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.rowUnit li, .itemArea li, .cellCol2 li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.rowUnit li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.itemArea li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.itemArea li.chaRow { grid-template-columns: 76px minmax(0, 1fr); }
.cellCol2 li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.rowUnit a, .itemArea a, .cellCol2 a, .shuMeta, .box, .cardInner8, .homeUnit, .itemArea em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shuMeta { color: #555; }
.box, .cardInner8, .homeUnit, .itemArea em { color: #777; font-style: normal; text-align: right; }
.wrapMod { padding-bottom: 8px; }
.wrapMod h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.numItem { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.numItem button, .numItem select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.numItem button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.numItem button:disabled { opacity: .55; cursor: default; }
.numItem select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.card6 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.card6 button, .card6 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.areaInner > [hidden] { display: none !important; }
.listBlock { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.listBlock h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.listBlock p, .cha { color: #555; }

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

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

@media (max-width: 1023px) {
  .hdMod, .newbar, .cellCover9, .hd5, .dateGrid { width: auto; max-width: none; }
  .navSec9 { display: block; }
  .newbar { padding: 0 10px; justify-content: center; }
  .numFtbox { padding: 10px; }
  .cellCover9 { height: auto; display: block; }
  .sideBd3 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .unitarea { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .hd5 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .dateGrid { display: flex; height: 38px; min-width: max-content; }
  .hd5 a { line-height: 38px; padding: 0 12px; }
  .descSec { padding: 8px 10px 16px; }
  .footRow6 { display: block; padding: 8px; }
  .footRow6 .hd7 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .footRow6 .sort4, .footRow6 .sort4 img { width: 86px; }
  .footRow6 .sort4 img { height: 116px; }
  .imgArea { display: block; }
  .modSec { min-height: 0; border-right: 0; }
  .row { display: flex; flex-direction: column; }
  .newUnit { order: 1; }
  .listCol5 { order: 2; }
  .rowUnit li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .rowUnit .shuMeta, .rowUnit .box, .rowUnit .homeUnit { display: none; }
  .itemArea li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .itemArea li span { display: none; }
  .cellCol2 li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .cellCol2 .shuMeta, .cellCol2 .newName { display: none; }
  .cellCol2 .box, .cellCol2 .cardInner8 { text-align: right; }
  .wrapMod h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .numItem { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .card6 { grid-template-columns: 1fr 1.25fr 1fr; }
  .volMeta6 { display: block; }
  .authorInfo8 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .col img { width: 86px; height: 116px; }
}

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

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

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

  .authorbd .hd7:last-child {
    border-bottom: 0;
  }

  .authorbd .sort4,
  .authorbd .sort4 img {
    width: 82px;
  }

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

  .authorbd .cat7 {
    min-width: 0;
  }

  .authorbd .cat7 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;
  }

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

  .authorbd .cat7 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;
  }

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

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

  .panelList3 .listCol5,
  .panelList3 .newUnit {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .panelList3 .listCol5 h2,
  .panelList3 .newUnit h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .panelList3 .rowUnit 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;
  }

  .panelList3 .rowUnit .shuMeta,
  .panelList3 .rowUnit .volWrap,
  .panelList3 .rowUnit .newName {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .panelList3 .rowUnit .shuMeta {
    display: none;
  }

  .panelList3 .rowUnit .box,
  .panelList3 .rowUnit .homeUnit {
    display: none;
  }

  .panelList3 .itemArea 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;
  }

  .panelList3 .itemArea li.chaRow {
    grid-template-columns: minmax(0, 1fr);
  }

  .panelList3 .itemArea li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .hdMod,
  .newbar,
  .cellCover9,
  .dateGrid {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .footRow6 .sort4,
  .footRow6 .sort4 img {
    width: 120px;
  }

  .footRow6 .sort4 img {
    height: 160px;
  }

  .footRow6 .cat7 h3,
  .imgArea .cat7 h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .footRow6 .cat7 p,
  .imgArea .cat7 p {
    font-size: 14px;
    line-height: 24px;
  }

  .modSec {
    padding: 10px 12px;
  }

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

  .modSec .sort4,
  .modSec .sort4 img {
    width: 92px;
  }

  .modSec .sort4 img {
    height: 124px;
  }

  .cat li,
  .itemArea li,
  .rowUnit li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .listCol5 h2,
  .newUnit h2,
  .modSec h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .volunit .footRow6 .hd7:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .volunit .footRow6 {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .newbar,
  .cellCover9,
  .dateGrid,
  .hdMod {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.hd5 a:hover,
.descCon a:hover,
.dateGrid 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) {
  .newbar,
  .cellCover9,
  .dateGrid,
  .hdMod,
  .hd5,
  .descCon {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .hd5,
  .descCon {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .newbar,
  .cellCover9,
  .dateGrid,
  .hdMod,
  .hd5,
  .descCon {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .hdMod,
  .cellCover9,
  .newbar {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.numFtbox nav a:hover,
.numFtbox nav a:focus,
.numFtbox nav a.home8,
.numFtbox nav .home8,
.cellCover9 nav a:hover,
.cellCover9 nav a:focus,
.cellCover9 nav a.home8,
.cellCover9 nav .home8,
.hd5 a:hover,
.hd5 a:focus,
.hd5 a.home8,
.hd5 .home8,
.descCon a:hover,
.descCon a:focus,
.descCon a.home8,
.descCon .home8 {
    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) {
    .newbar,
    .numFtbox .cellCover9,
    .cellCover9,
    .hdMod,
    .descSec,
    .gridCon,
    .wenText,
    .colBd,
    .hd5,
    .descCon {
        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;
    }

    .navSec9,
    .numFtbox,
    .descSec,
    .topitem,
    .newbar,
    .numFtbox .cellCover9,
    .cellCover9,
    .hdMod,
    .colBd,
    .gridCon,
    .wenText,
    .cateImg6,
    .hd5,
    .descCon {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .newbar,
    .numFtbox .cellCover9,
    .cellCover9,
    .hdMod,
    .gridCon,
    .wenText,
    .descSec {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .mainRow,
    .tagCon8,
    .nameMod2,
    .cellRow,
    .navLink3,
    .wrapMod .topBd,
    .cellCol2,
    .topBd,
    .rankImg5,
    .listinner,
    .cellName,
    .contBox {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .blockInfo,
    .link,
    .topBd .bookBd,
    .cellCol2 .bookBd,
    .rankImg5 .bookBd,
    .listinner .bookBd,
    .cellName .bookBd,
    .homeArea5,
    .headBd9 {
        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;
    }

    .blockInfo img,
    .link img,
    .col img,
    .topBd .bookBd img,
    .cellCol2 .bookBd img,
    .rankImg5 .bookBd img,
    .listinner .bookBd img,
    .cellName .bookBd img,
    .homeArea5 img,
    .headBd9 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .imgInner2,
    .headText,
    .cat7,
    .side2,
    .headBd9 dl,
    .headBd9 .topText {
        min-width: 0 !important;
    }

    .home,
    .menuMain,
    .wrapImg,
    .menuUnit7 {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .home > *,
    .menuMain > *,
    .wrapImg > *,
    .menuUnit7 > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.hd5 a:hover,
.hd5 a:focus,
.hd5 a:active,
.hd5 a.home8,
.hd5 .home8,
.descCon a:hover,
.descCon a:focus,
.descCon a:active,
.descCon a.home8,
.descCon .home8,
.numFtbox nav a:hover,
.numFtbox nav a:focus,
.numFtbox nav a:active,
.numFtbox nav a.home8,
.cellCover9 nav a:hover,
.cellCover9 nav a:focus,
.cellCover9 nav a:active,
.cellCover9 nav a.home8 {
    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) {
  .volunit .cat7 p,
  .authorbd .cat7 p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .cellCover9 {
    height: 68px;
  }

  .hd5,
  .dateGrid {
    height: 38px;
  }

  .hd5 a,
  .dateGrid a {
    line-height: 38px;
  }

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

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

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

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

  .numFtbox .cellCover9,
  .cellCover9 {
    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;
  }

  .numFtbox .sideBd3,
  .numFtbox 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;
  }

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

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

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

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

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

  .numFtbox .unitarea,
  .cellCover9 .unitarea {
    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;
  }

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

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

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

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

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

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

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

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

  .hotUnit .chaList9 {
    display: contents !important;
  }

  .hotUnit .chaList9 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;
  }

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

  .hotUnit .contMain p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .hotUnit .contMain2.newPanel7 {
    max-height: none !important;
  }

  .hotUnit .numFt {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .site5 .sort {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .descSec .hdMod > .sec {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .descSec .hdMod > .sec .celllink {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .descSec .hdMod > .sec .celllink 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) {
  .panelList3 .rowUnit li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .panelList3 .itemArea li,
  .panelList3 .itemArea li.chaRow {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .panelList3.imgName .itemArea li,
  .panelList3.imgName .itemArea li.chaRow {
    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. */
.panelList3 { align-items: stretch; }
.panelList3 .listCol5,
.panelList3 .newUnit { min-width: 0; }
.panelList3 .newUnit { display: flex; flex-direction: column; }
.panelList3 .newUnit .itemArea { flex: 0 0 auto; }
.panelList3 .hotInner {
  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;
}
.panelList3 .hotInner > a,
.panelList3 .hotInner > span,
.panelList3 .hotInner > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.panelList3 .hotInner > a,
.panelList3 .hotInner > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.panelList3 .hotInner > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.panelList3 .imgFt4 {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.panelList3 .imgFt4 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) {
  .panelList3 .hotInner {
    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) {
  .descSec.menuSec3,
  .descSec.block,
  .descSec.toolBlock {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .descSec.menuSec3 > .hdMod,
  .descSec.block > .hdMod,
  .descSec.toolBlock > .hdMod {
    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;
  }

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

  .descSec.unit2 > .hdMod {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .descSec.unit2 .titleBar {
    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;
  }

  .descSec.unit2 .modBlock6 {
    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;
  }

  .descSec.unit2 .authorArea7,
  .descSec.unit2 .foot4 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}