* { 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%; }
.contLine, .sideUnit, .bd, .tag, .infoBlock4 { max-width: 980px; margin: 0 auto; }

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

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

.toolMod { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.nav5, .sortUnit4, .row5, .unitBd4, .barLink2, .time5, .name { background: #fff; border: 1px solid #ddd; }
.nav5 { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.boxPanel8 { display: flex; min-height: 132px; overflow: hidden; }
.boxPanel8 .imgItem { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.boxPanel8 .imgItem img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.boxPanel8 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.boxPanel8 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.boxPanel8 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.boxPanel8 dd a { color: #555; }
.sitewrap, .row5 h2, .barLink2 h2, .time5 h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.picRow, .rowImg, .name9sec, .panel, .sideMeta { list-style: none; }
.picRow li, .name9sec li, .sideMeta li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.menuImg, .wrapft { width: 86px; color: #888; flex: 0 0 86px; }
.cardBlock, .numMod { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.timeBarlist { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.textInner, .updateMod { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.navImg3 { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .contLine, .sideUnit, .bd, .tag, .infoBlock4 { width: 100%; max-width: none; }
    .authorUnitft { display: none; }
    .modCon { padding: 10px; }
    .bd { height: auto; display: block; }
    .vol { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .cardcon { max-width: none; }
    .bookgrid { display: none; }
    .tag { display: none; }
    .infoBlock4 { display: flex; overflow-x: auto; background: #287dc2; }
    .infoBlock4 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .cover4 { padding: 8px; }
    .toolMod, .sec { display: block; }
    .nav5 { grid-template-columns: 1fr; margin-bottom: 10px; }
    .sortUnit4, .row5 { margin-bottom: 10px; }
    .menuImg, .timeBarlist, .textInner, .wrapft, .updateMod, .navImg3 { display: none; }
    .rowImg { columns: 1; }
    .unitBd4 { display: block; text-align: center; }
    .unitBd4 .textLine { margin: 0 auto 12px; }
    .tagText5 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .col8 { justify-content: center; }
    .panel { grid-template-columns: 1fr; }
    .nameLine5 { padding: 0 12px 18px; }
    .hdcover h1 { font-size: 22px; }
    .hdFt8 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .catFt { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .daterow { gap: 8px; }
    .daterow a, .daterow span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.contLine, .sideUnit, .bd, .tag, .infoBlock4 { max-width: 1160px; }
.authorUnitft { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.sideUnit { color: #6d8f9e; }
.modCon { background: #e6f8fb; }
.bd { height: 82px; gap: 24px; }
.vol { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.vol a { color: #0871bd; }
.cardcon { max-width: 480px; margin-left: auto; }
.infoArea { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.itemCell { height: 36px; background: #ddd; color: #222; }
.bookgrid { display: none; }
.tag { height: 44px; background: #79c2e3; padding: 0 10px; }
.tag a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.tag a:hover { background: #5eb1d8; }
.cover4 { padding: 12px 0 24px; }

.descBox { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.homeItem5 { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.volName img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.imgList h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.imgList h2 a { color: #5b6fad; font-weight: 700; }
.imgList h2 span { float: right; color: #aaa; font-weight: 400; }
.imgList p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.hot4 { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.secBlock, .dateBar { border: 3px solid #86c9e8; background: #eef6f6; }
.secBlock h2, .dateBar h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.boxArea, .colCon { list-style: none; padding: 8px 12px; }
.boxArea 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; }
.boxArea .cardImg { color: #555; }
.boxArea .site, .boxArea .footBd2, .boxArea .newHd7 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.boxArea .newHd7, .boxArea .secBd { color: #aaa; text-align: right; }
.colCon li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.colCon span { color: #555; }
.colCon a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.colCon em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.modMain9 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.modMain9 a, .modMain9 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.modMain9 a { line-height: 40px; }
.modMain9 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.wrapCell4 { 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; }
    .contLine, .sideUnit, .bd, .tag, .infoBlock4 { width: 100%; max-width: none; }
    .authorUnitft { display: none; }
    .modCon { padding: 10px; background: #dff5fb; }
    .bd { display: block; height: auto; }
    .vol { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .cardcon { max-width: none; display: flex; margin-left: 0; }
    .infoArea { height: 38px; font-size: 14px; }
    .itemCell { width: 72px; height: 38px; }
    .tag { display: none; }
    .infoBlock4 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .infoBlock4 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .bd .infoBlock4 { margin-bottom: 8px; }
    .cover4 { padding: 8px; }
    .descBox { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .homeItem5 { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .homeItem5:last-child { border-bottom: 0; }
    .volName img { width: 82px; height: 110px; padding: 2px; }
    .imgList h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .imgList h2 span { display: none; }
    .imgList p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .hot4 { display: block; }
    .navFt4 { display: flex; flex-direction: column; }
    .navFt4 .dateBar { order: 1; }
    .navFt4 .secBlock { order: 2; }
    .secBlock, .dateBar { border-width: 2px; margin-bottom: 10px; }
    .secBlock h2, .dateBar h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .boxArea, .colCon { padding: 4px 8px; }
    .boxArea 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; }
    .boxArea .newHd7, .boxArea .secBd { display: none; }
    .boxArea .cardImg { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .boxArea .site { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .boxArea .footBd2 { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .colCon li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .colCon span { display: none; }
    .modMain9 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .modMain9 select { grid-column: 1 / -1; order: -1; }
    .wrapCell4 { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.boxName { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.boxName 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); }
.boxName button:hover { background: #4eadd0; }
body.sortlink { background: #1e1e1e; color: #aaa; }
body.sortlink a { color: #9eb8e8; }
body.sortlink .authorUnitft,
body.sortlink .modCon,
body.sortlink .wrapCell4 { background: #252525; border-color: #3a3a3a; color: #888; }
body.sortlink .tag,
body.sortlink .infoBlock4 { background: #333; }
body.sortlink .tag a:hover,
body.sortlink .infoBlock4 a:hover { background: #444; }
body.sortlink .descBox,
body.sortlink .hdPanel,
body.sortlink .secName,
body.sortlink .linkLine2,
body.sortlink .headFt,
body.sortlink .namename,
body.sortlink .unitBd4,
body.sortlink .barLink2,
body.sortlink .time5,
body.sortlink .name,
body.sortlink .secBlock,
body.sortlink .dateBar,
body.sortlink .col3sec,
body.sortlink .modRow6 { background: #2a2a2a; border-color: #444; }
body.sortlink .nameLine5 { background: #202020; border-color: #444; }
body.sortlink .hdFt8 { color: #b8b8b8; }
body.sortlink .sitewrap,
body.sortlink .row5 h2,
body.sortlink .barLink2 h2,
body.sortlink .time5 h2,
body.sortlink .secBlock h2,
body.sortlink .dateBar h2,
body.sortlink .col3sec h2,
body.sortlink .headFt h1,
body.sortlink .name h1,
body.sortlink .new h2,
body.sortlink .namename h1 { background: #333; color: #ccc; border-color: #444; }
body.sortlink .imgList p,
body.sortlink .textMod p,
body.sortlink .contItem p,
body.sortlink .newPanel p,
body.sortlink .barLink2 p,
body.sortlink .tagText5 p,
body.sortlink .img4 .metaItem9 { color: #aaa; }
body.sortlink .areaGrid th { background: #333; color: #ccc; }
body.sortlink .areaGrid th,
body.sortlink .areaGrid td,
body.sortlink .boxArea li,
body.sortlink .colCon li,
body.sortlink .col3sec li,
body.sortlink .menuUnit li { border-color: #444; }
body.sortlink .infoArea,
body.sortlink .dateHd input,
body.sortlink .modMain9 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .boxName { right: 10px; bottom: 14px; }
    .boxName button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.footHd { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.footHd .sideitem { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.itemWrap { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.bookRow4 {
    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;
}
.bookRow4 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.date7 h1 { font-size: 30px; line-height: 44px; color: #333; }
.homeFt { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.homeFt p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.homeFt .bookCon2 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.linkRow { grid-column: 2; line-height: 1.8; color: #444; }
.coverList { display: none; }
.coverMod3 { display: none; }
.blockWrap { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.blockWrap h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.blockWrap .panel { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.blockWrap .panel li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.blockWrap .panel.contHd li { font-weight: 700; }
.name9 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.name9 a, .name9 span, .name9 button, .name9 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.name9 a, .name9 span, .name9 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.name9 button:disabled { cursor: default; opacity: .65; }
.name9 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.link5 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.link5 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.time { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.time a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .footHd, .blockWrap { border-width: 2px; margin-bottom: 12px; }
    .footHd .sideitem { height: auto; line-height: 1.5; padding: 8px; }
    .itemWrap { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .bookRow4 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .bookRow4 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .date7 { min-width: 0; }
    .date7 h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .homeFt { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .homeFt p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .coverList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .picMain { 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; }
    .picMain:hover { color: #fff; text-decoration: none; opacity: .92; }
    .picMain.rank3 { background: #f0305a; }
    .picMain.homeList { background: #f1a51e; }
    .picMain.bdArea { background: #5b8cc3; }
    .linkRow { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .linkRow.tagBd9 { max-height: none; }
    .coverMod3 { 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; }
    .blockWrap .panel { grid-template-columns: 1fr; padding: 0 8px; }
    .blockWrap .panel li { height: 36px; line-height: 36px; padding-right: 0; }
    .name9 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .name9 select { grid-column: 1 / -1; order: -1; }
    .time { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .contLine, .cover4, .modCon, .bd, .nameLine5, .footHd, .blockWrap { max-width: 100%; overflow-x: hidden; }
    .cardcon { width: 100%; max-width: 100%; }
    .infoArea { min-width: 0; }
    .itemCell { flex: 0 0 68px; width: 68px; }
    .infoBlock4 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .nameLine5 { padding-left: 10px; padding-right: 10px; }
    .sideitem { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .hdcover h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .hdcover p { white-space: normal; overflow-wrap: anywhere; }
    .hdFt8 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .hdFt8 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .boxName { right: 8px; }
}

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

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

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

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

body.sortlink .vol a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.sortlink .nameLine5 { background: #242424; }
body.sortlink .hdcover h1 { color: #ddd; }
body.sortlink .hdcover p,
body.sortlink .sideitem { color: #aaa; }
body.sortlink .hdFt8 { color: #d2d2d2; }
body.sortlink .hdFt8 p { color: #d2d2d2; }
body.sortlink.hdUnit5 .nameLine5,
body.sortlink.menuUnitmain .nameLine5,
body.sortlink.coverBd .nameLine5 { background: #242424; }
@media (max-width: 768px) {
    .modCell { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.sortlink .modCell { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.nameLine5 { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.sortlink) .nameLine5 { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.sortlink) .hdFt8 { color: #333; }

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

@media (max-width: 768px) {
    .nameLine5 > .sideitem,
    .nameLine5 > .hdcover { display: none; }
    .nameLine5 { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.sortlink { background: #e6f8fb; color: #555; }
body.sortlink a { color: #4d6da8; }
body.sortlink .authorUnitft { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.sortlink .modCon,
body.sortlink .wrapCell4 { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.sortlink .tag,
body.sortlink .infoBlock4 { background: #79c2e3; }
body.sortlink .tag a,
body.sortlink .infoBlock4 a { color: #fff; }
body.sortlink .infoArea,
body.sortlink .dateHd input,
body.sortlink .modMain9 select { background: #fff; color: #333; border-color: #9bc7df; }
body.sortlink .nameLine5,
body.sortlink.hdUnit5 .nameLine5,
body.sortlink.menuUnitmain .nameLine5,
body.sortlink.coverBd .nameLine5 { background: #2f3437; border-color: #444; }
body.sortlink .hdcover h1 { color: #ddd; }
body.sortlink .hdcover p,
body.sortlink .sideitem { color: #aaa; }
body.sortlink .daterow a,
body.sortlink .daterow span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.sortlink .modCell { background: #2f3437; border-color: #555; }
body.sortlink .modCell span,
body.sortlink .modCell label { color: #c8c8c8; }
body.sortlink .modCell select,
body.sortlink .modCell button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.sortlink .hdFt8 { background: transparent; color: #aaa; }
body.sortlink .catFt { border-color: #555; color: #bbb; }
body.sortlink .hdFt8 p { color: #aaa; }
body.sortlink .vol a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.sortlink .authorUnit { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.sortlink .authorUnit:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.sortlink .gridText2 { background: #eee; }
body.sortlink .gridText2 h2 { color: #777; }
body.sortlink .panelBox a { background: #e3e3e3; color: #333; }
.homewrap { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.homewrap h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.homewrap p { margin: 8px 0; color: #555; }
.rowBlock { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.rowBlock:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.sortlink .modCon { background: #dff5fb; }
    .homewrap { padding: 42px 12px 48px; border-width: 2px; }
    .homewrap h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.navFt4 .secBlock,
.navFt4 .dateBar { align-self: start; }
.navFt4 .boxArea,
.navFt4 .colCon { padding: 8px 10px; font-size: 13px; }
.navFt4 .boxArea li,
.navFt4 .colCon li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.navFt4 .boxArea li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.navFt4 .colCon li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.navFt4 .boxArea .cardImg,
.navFt4 .boxArea .site,
.navFt4 .boxArea .footBd2,
.navFt4 .boxArea .newHd7,
.navFt4 .boxArea .secBd,
.navFt4 .colCon span,
.navFt4 .colCon a,
.navFt4 .colCon em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .navFt4 .boxArea,
    .navFt4 .colCon { padding: 4px 8px; font-size: 14px; }
    .navFt4 .boxArea li,
    .navFt4 .colCon li { height: 34px; line-height: 34px; }
    .navFt4 .boxArea li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .navFt4 .colCon li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.linkLine2.cont {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.cont .booktext {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.cont .booktext h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.cont .booktext strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.cont .pageLine {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.cont .panelFt3 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.cont .panel5 img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.cont .gridWrap {
  min-width: 0;
}
.cont .panelFt3 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;
}
.cont .panelFt3 h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cont .panelFt3 h3 span,
.cont .panelFt3 h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.cont .sidegrid {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.cont .sidegrid a {
  display: inline;
}
.cont .area7 {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .linkLine2.cont {
    padding: 8px;
  }
  .cont .booktext {
    display: flex;
    justify-content: space-between;
  }
  .cont .booktext h2 {
    font-size: 20px;
  }
  .cont .booktext strong {
    font-size: 16px;
  }
  .cont .pageLine {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .cont .panelFt3 {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .cont .panel5 img {
    width: 86px;
    height: 116px;
  }
  .cont .area7 {
    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; }
.contLine, .sideUnit, .bd, .metaInfo4 { width: 980px; max-width: 980px; margin: 0 auto; }
.modCon { background: #e6f8fb; }
.bd { height: 86px; display: flex; align-items: center; gap: 28px; }
.vol { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.vol a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.vol a:hover { text-decoration: none; color: #0871bd; }
.cardcon { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.infoArea { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.itemCell { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.tag { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.metaInfo4 { display: flex; height: 42px; width: 980px; }
.tag a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.tag a:hover, .tag a.volSec { background: #57acd2; color: #fff; text-decoration: none; }
.cover4 { padding: 12px 0 20px; }

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

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

.contLink { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.siteBlock, .imgArea, .unitRow { border: 3px solid #9bd5ee; background: #eefafa; }
.siteBlock h2, .imgArea h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.name9sec li, .title li, .sideMeta li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.name9sec li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.title li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.title li.sortBd { grid-template-columns: 76px minmax(0, 1fr); }
.sideMeta li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.name9sec a, .title a, .sideMeta a, .rank7, .mainwrap, .timeBar, .wrap2, .title em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rank7 { color: #555; }
.mainwrap, .timeBar, .wrap2, .title em { color: #777; font-style: normal; text-align: right; }
.unitRow { padding-bottom: 8px; }
.unitRow h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.navArea7 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.navArea7 button, .navArea7 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.navArea7 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.navArea7 button:disabled { opacity: .55; cursor: default; }
.navArea7 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.readInfo { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.readInfo button, .readInfo select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.readCover5 > [hidden] { display: none !important; }
.hd { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.hd h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.hd p, .blockCon { color: #555; }

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

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

@media (max-width: 1023px) {
  .contLine, .sideUnit, .bd, .tag, .metaInfo4 { width: auto; max-width: none; }
  .authorUnitft { display: block; }
  .sideUnit { padding: 0 10px; justify-content: center; }
  .modCon { padding: 10px; }
  .bd { height: auto; display: block; }
  .vol { width: auto; margin-bottom: 8px; font-size: 28px; }
  .cardcon { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .tag { margin: 0 10px; height: 38px; overflow-x: auto; }
  .metaInfo4 { display: flex; height: 38px; min-width: max-content; }
  .tag a { line-height: 38px; padding: 0 12px; }
  .cover4 { padding: 8px 10px 16px; }
  .siteCon { display: block; padding: 8px; }
  .siteCon .cell { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .siteCon .textLine, .siteCon .textLine img { width: 86px; }
  .siteCon .textLine img { height: 116px; }
  .titleBar { display: block; }
  .list6 { min-height: 0; border-right: 0; }
  .contLink { display: flex; flex-direction: column; }
  .imgArea { order: 1; }
  .siteBlock { order: 2; }
  .name9sec li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .name9sec .rank7, .name9sec .mainwrap, .name9sec .wrap2 { display: none; }
  .title li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .title li span { display: none; }
  .sideMeta li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .sideMeta .rank7, .sideMeta .sort { display: none; }
  .sideMeta .mainwrap, .sideMeta .timeBar { text-align: right; }
  .unitRow h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .navArea7 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .readInfo { grid-template-columns: 1fr 1.25fr 1fr; }
  .siteBar5 { display: block; }
  .wrapImg3 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .areagrid img { width: 86px; height: 116px; }
}

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

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

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

  .pageLink .cell:last-child {
    border-bottom: 0;
  }

  .pageLink .textLine,
  .pageLink .textLine img {
    width: 82px;
  }

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

  .pageLink .rankText {
    min-width: 0;
  }

  .pageLink .rankText 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;
  }

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

  .pageLink .rankText 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;
  }

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

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

  .novelArea6 .siteBlock,
  .novelArea6 .imgArea {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .novelArea6 .siteBlock h2,
  .novelArea6 .imgArea h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .novelArea6 .name9sec 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;
  }

  .novelArea6 .name9sec .rank7,
  .novelArea6 .name9sec .topcol,
  .novelArea6 .name9sec .sort {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .novelArea6 .name9sec .rank7 {
    display: none;
  }

  .novelArea6 .name9sec .mainwrap,
  .novelArea6 .name9sec .wrap2 {
    display: none;
  }

  .novelArea6 .title 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;
  }

  .novelArea6 .title li.sortBd {
    grid-template-columns: minmax(0, 1fr);
  }

  .novelArea6 .title li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .contLine,
  .sideUnit,
  .bd,
  .metaInfo4 {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .siteCon .textLine,
  .siteCon .textLine img {
    width: 120px;
  }

  .siteCon .textLine img {
    height: 160px;
  }

  .siteCon .rankText h3,
  .titleBar .rankText h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .siteCon .rankText p,
  .titleBar .rankText p {
    font-size: 14px;
    line-height: 24px;
  }

  .list6 {
    padding: 10px 12px;
  }

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

  .list6 .textLine,
  .list6 .textLine img {
    width: 92px;
  }

  .list6 .textLine img {
    height: 124px;
  }

  .headPanel5 li,
  .title li,
  .name9sec li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .siteBlock h2,
  .imgArea h2,
  .list6 h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .siteBox .siteCon .cell:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .siteBox .siteCon {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .sideUnit,
  .bd,
  .metaInfo4,
  .contLine {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.tag a:hover,
.infoBlock4 a:hover,
.metaInfo4 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) {
  .sideUnit,
  .bd,
  .metaInfo4,
  .contLine,
  .tag,
  .infoBlock4 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .tag,
  .infoBlock4 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .sideUnit,
  .bd,
  .metaInfo4,
  .contLine,
  .tag,
  .infoBlock4 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .contLine,
  .bd,
  .sideUnit {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.modCon nav a:hover,
.modCon nav a:focus,
.modCon nav a.volSec,
.modCon nav .volSec,
.bd nav a:hover,
.bd nav a:focus,
.bd nav a.volSec,
.bd nav .volSec,
.tag a:hover,
.tag a:focus,
.tag a.volSec,
.tag .volSec,
.infoBlock4 a:hover,
.infoBlock4 a:focus,
.infoBlock4 a.volSec,
.infoBlock4 .volSec {
    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) {
    .sideUnit,
    .modCon .bd,
    .bd,
    .contLine,
    .cover4,
    .update,
    .namemeta,
    .unit5,
    .tag,
    .infoBlock4 {
        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;
    }

    .authorUnitft,
    .modCon,
    .cover4,
    .wrapCell4,
    .sideUnit,
    .modCon .bd,
    .bd,
    .contLine,
    .unit5,
    .update,
    .namemeta,
    .wrapInfo,
    .tag,
    .infoBlock4 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .sideUnit,
    .modCon .bd,
    .bd,
    .contLine,
    .update,
    .namemeta,
    .cover4 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .linkLine2,
    .chaLink9,
    .storyMeta3,
    .toolModbox,
    .link,
    .unitRow .home,
    .sideMeta,
    .home,
    .grid,
    .bdUnit2,
    .author6,
    .footHd {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .toolModpanel,
    .metaBar,
    .home .textFt2,
    .sideMeta .textFt2,
    .grid .textFt2,
    .bdUnit2 .textFt2,
    .author6 .textFt2,
    .wrapSec3,
    .boxPanel8 {
        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;
    }

    .toolModpanel img,
    .metaBar img,
    .areagrid img,
    .home .textFt2 img,
    .sideMeta .textFt2 img,
    .grid .textFt2 img,
    .bdUnit2 .textFt2 img,
    .author6 .textFt2 img,
    .wrapSec3 img,
    .boxPanel8 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .newPanel,
    .box,
    .rankText,
    .tagText5,
    .boxPanel8 dl,
    .boxPanel8 .areaInner {
        min-width: 0 !important;
    }

    .newInner,
    .cardRow3,
    .toolMod,
    .headInfo {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .newInner > *,
    .cardRow3 > *,
    .toolMod > *,
    .headInfo > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.tag a:hover,
.tag a:focus,
.tag a:active,
.tag a.volSec,
.tag .volSec,
.infoBlock4 a:hover,
.infoBlock4 a:focus,
.infoBlock4 a:active,
.infoBlock4 a.volSec,
.infoBlock4 .volSec,
.modCon nav a:hover,
.modCon nav a:focus,
.modCon nav a:active,
.modCon nav a.volSec,
.bd nav a:hover,
.bd nav a:focus,
.bd nav a:active,
.bd nav a.volSec {
    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) {
  .siteBox .rankText p,
  .pageLink .rankText p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .bd {
    height: 68px;
  }

  .tag,
  .metaInfo4 {
    height: 38px;
  }

  .tag a,
  .metaInfo4 a {
    line-height: 38px;
  }

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

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

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

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

  .modCon .bd,
  .bd {
    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;
  }

  .modCon .vol,
  .modCon 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;
  }

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

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

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

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

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

  .modCon .cardcon,
  .bd .cardcon {
    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;
  }

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

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

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

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

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

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

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

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

  .itemWrap .date7 {
    display: contents !important;
  }

  .itemWrap .date7 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;
  }

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

  .itemWrap .homeFt p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .itemWrap .linkRow.tagBd9 {
    max-height: none !important;
  }

  .itemWrap .coverMod3 {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .blockWrap .panel {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .cover4 .contLine > .link5 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .cover4 .contLine > .link5 .time {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .cover4 .contLine > .link5 .time 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) {
  .novelArea6 .name9sec li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .novelArea6 .title li,
  .novelArea6 .title li.sortBd {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .novelArea6.side .title li,
  .novelArea6.side .title li.sortBd {
    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. */
.novelArea6 { align-items: stretch; }
.novelArea6 .siteBlock,
.novelArea6 .imgArea { min-width: 0; }
.novelArea6 .imgArea { display: flex; flex-direction: column; }
.novelArea6 .imgArea .title { flex: 0 0 auto; }
.novelArea6 .imgGrid {
  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;
}
.novelArea6 .imgGrid > a,
.novelArea6 .imgGrid > span,
.novelArea6 .imgGrid > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.novelArea6 .imgGrid > a,
.novelArea6 .imgGrid > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.novelArea6 .imgGrid > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.novelArea6 .footRow {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.novelArea6 .footRow 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) {
  .novelArea6 .imgGrid {
    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) {
  .cover4.col3,
  .cover4.sort3,
  .cover4.sideGrid {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .cover4.col3 > .contLine,
  .cover4.sort3 > .contLine,
  .cover4.sideGrid > .contLine {
    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;
  }

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

  .cover4.itemFt > .contLine {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

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

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

  .cover4.itemFt .modCell,
  .cover4.itemFt .daterow {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}