* { 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%; }
.textMod, .new, .shuLine8, .page, .time2 { max-width: 980px; margin: 0 auto; }

.imgArea { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.new { display: flex; gap: 24px; align-items: center; height: 30px; }
.vol8 { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.vol8:hover { color: #0871bd; text-decoration: underline; }
.update3 { background: #2f8ed8; }
.shuLine8 { height: 76px; display: flex; align-items: center; gap: 28px; }
.hotMod2 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.hotMod2 a { color: #fff; letter-spacing: 0; }
.hotMod2 a:hover { color: inherit; text-decoration: none; }
.shuGrid { flex: 1; display: flex; max-width: 470px; }
.mod { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.nameSec { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.modList9 { margin-left: auto; display: flex; gap: 10px; }
.modList9 a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.gridWrap4 { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.hot, .descItem7, .top5, .ft6, .items, .page5, .modName { background: #fff; border: 1px solid #ddd; }
.hot { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.listMeta7 { display: flex; min-height: 132px; overflow: hidden; }
.listMeta7 .sideFt { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.listMeta7 .sideFt img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.listMeta7 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.listMeta7 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listMeta7 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.listMeta7 dd a { color: #555; }
.cellSec, .top5 h2, .items h2, .page5 h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.dateInfo, .textHdblock, .wrapBd, .item2, .read { list-style: none; }
.dateInfo li, .wrapBd li, .read li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.secLine, .colMod { width: 86px; color: #888; flex: 0 0 86px; }
.numMeta, .dateImg6 { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.covermod { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hd, .shu { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.unitBar { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .textMod, .new, .shuLine8, .page, .time2 { width: 100%; max-width: none; }
    .imgArea { display: none; }
    .update3 { padding: 10px; }
    .shuLine8 { height: auto; display: block; }
    .hotMod2 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .shuGrid { max-width: none; }
    .modList9 { display: none; }
    .page { display: none; }
    .time2 { display: flex; overflow-x: auto; background: #287dc2; }
    .time2 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .cate { padding: 8px; }
    .gridWrap4, .ftImg4 { display: block; }
    .hot { grid-template-columns: 1fr; margin-bottom: 10px; }
    .descItem7, .top5 { margin-bottom: 10px; }
    .secLine, .covermod, .hd, .colMod, .shu, .unitBar { display: none; }
    .textHdblock { columns: 1; }
    .ft6 { display: block; text-align: center; }
    .ft6 .bd { margin: 0 auto 12px; }
    .volUnit h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .tool2 { justify-content: center; }
    .item2 { grid-template-columns: 1fr; }
    .cont { padding: 0 12px 18px; }
    .hdLink6 h1 { font-size: 22px; }
    .listRow3 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .desc9 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .list { gap: 8px; }
    .list a, .list span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.textMod, .new, .shuLine8, .page, .time2 { max-width: 1160px; }
.imgArea { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.new { color: #6d8f9e; }
.update3 { background: #e6f8fb; }
.shuLine8 { height: 82px; gap: 24px; }
.hotMod2 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.hotMod2 a { color: #0871bd; }
.shuGrid { max-width: 480px; margin-left: auto; }
.mod { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.nameSec { height: 36px; background: #ddd; color: #222; }
.modList9 { display: none; }
.page { height: 44px; background: #79c2e3; padding: 0 10px; }
.page a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.page a:hover { background: #5eb1d8; }
.cate { padding: 12px 0 24px; }

.toolBd2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.imgInner8 { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.itemUnit img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.num3 h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.num3 h2 a { color: #5b6fad; font-weight: 700; }
.num3 h2 span { float: right; color: #aaa; font-weight: 400; }
.num3 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.author6 { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.blockFt9, .footWrap { border: 3px solid #86c9e8; background: #eef6f6; }
.blockFt9 h2, .footWrap h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.newItem, .navInner { list-style: none; padding: 8px 12px; }
.newItem 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; }
.newItem .bdHd { color: #555; }
.newItem .textHd, .newItem .head, .newItem .blockCell4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.newItem .blockCell4, .newItem .sort5 { color: #aaa; text-align: right; }
.navInner li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.navInner span { color: #555; }
.navInner a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.navInner em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cha { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.cha a, .cha select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.cha a { line-height: 40px; }
.cha select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.pageName { 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; }
    .textMod, .new, .shuLine8, .page, .time2 { width: 100%; max-width: none; }
    .imgArea { display: none; }
    .update3 { padding: 10px; background: #dff5fb; }
    .shuLine8 { display: block; height: auto; }
    .hotMod2 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .shuGrid { max-width: none; display: flex; margin-left: 0; }
    .mod { height: 38px; font-size: 14px; }
    .nameSec { width: 72px; height: 38px; }
    .page { display: none; }
    .time2 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .time2 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .shuLine8 .time2 { margin-bottom: 8px; }
    .cate { padding: 8px; }
    .toolBd2 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .imgInner8 { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .imgInner8:last-child { border-bottom: 0; }
    .itemUnit img { width: 82px; height: 110px; padding: 2px; }
    .num3 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .num3 h2 span { display: none; }
    .num3 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .author6 { display: block; }
    .gridRow { display: flex; flex-direction: column; }
    .gridRow .footWrap { order: 1; }
    .gridRow .blockFt9 { order: 2; }
    .blockFt9, .footWrap { border-width: 2px; margin-bottom: 10px; }
    .blockFt9 h2, .footWrap h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .newItem, .navInner { padding: 4px 8px; }
    .newItem 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; }
    .newItem .blockCell4, .newItem .sort5 { display: none; }
    .newItem .bdHd { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .newItem .textHd { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .newItem .head { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .navInner li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .navInner span { display: none; }
    .cha { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .cha select { grid-column: 1 / -1; order: -1; }
    .pageName { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.nameInner { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.nameInner 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); }
.nameInner button:hover { background: #4eadd0; }
body.numCover { background: #1e1e1e; color: #aaa; }
body.numCover a { color: #9eb8e8; }
body.numCover .imgArea,
body.numCover .update3,
body.numCover .pageName { background: #252525; border-color: #3a3a3a; color: #888; }
body.numCover .page,
body.numCover .time2 { background: #333; }
body.numCover .page a:hover,
body.numCover .time2 a:hover { background: #444; }
body.numCover .toolBd2,
body.numCover .authorText,
body.numCover .cat,
body.numCover .pageBar4,
body.numCover .headMeta,
body.numCover .rowBox7,
body.numCover .ft6,
body.numCover .items,
body.numCover .page5,
body.numCover .modName,
body.numCover .blockFt9,
body.numCover .footWrap,
body.numCover .boxInfo,
body.numCover .infoblock { background: #2a2a2a; border-color: #444; }
body.numCover .cont { background: #202020; border-color: #444; }
body.numCover .listRow3 { color: #b8b8b8; }
body.numCover .cellSec,
body.numCover .top5 h2,
body.numCover .items h2,
body.numCover .page5 h2,
body.numCover .blockFt9 h2,
body.numCover .footWrap h2,
body.numCover .boxInfo h2,
body.numCover .headMeta h1,
body.numCover .modName h1,
body.numCover .textFt h2,
body.numCover .rowBox7 h1 { background: #333; color: #ccc; border-color: #444; }
body.numCover .num3 p,
body.numCover .hotBox p,
body.numCover .panelItem p,
body.numCover .cell4 p,
body.numCover .items p,
body.numCover .volUnit p,
body.numCover .blockUnit5 .time { color: #aaa; }
body.numCover .card th { background: #333; color: #ccc; }
body.numCover .card th,
body.numCover .card td,
body.numCover .newItem li,
body.numCover .navInner li,
body.numCover .boxInfo li,
body.numCover .readCon li { border-color: #444; }
body.numCover .mod,
body.numCover .title input,
body.numCover .cha select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .nameInner { right: 10px; bottom: 14px; }
    .nameInner button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.foot3 { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.foot3 .bookImg7 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.timegrid { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.tagCol7 {
    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;
}
.tagCol7 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.picBd9 h1 { font-size: 30px; line-height: 44px; color: #333; }
.newMod2 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.newMod2 p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.newMod2 .timecell { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.modbar { grid-column: 2; line-height: 1.8; color: #444; }
.panelFt3 { display: none; }
.topInner { display: none; }
.navCon { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.navCon h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.navCon .item2 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.navCon .item2 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.navCon .item2.novelBox li { font-weight: 700; }
.tagWrap8 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.tagWrap8 a, .tagWrap8 span, .tagWrap8 button, .tagWrap8 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.tagWrap8 a, .tagWrap8 span, .tagWrap8 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.tagWrap8 button:disabled { cursor: default; opacity: .65; }
.tagWrap8 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.catUnit { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.catUnit h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.block6 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.block6 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .foot3, .navCon { border-width: 2px; margin-bottom: 12px; }
    .foot3 .bookImg7 { height: auto; line-height: 1.5; padding: 8px; }
    .timegrid { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .tagCol7 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .tagCol7 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .picBd9 { min-width: 0; }
    .picBd9 h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .newMod2 { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .newMod2 p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .panelFt3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .menu4 { 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; }
    .menu4:hover { color: #fff; text-decoration: none; opacity: .92; }
    .menu4.topBox5 { background: #f0305a; }
    .menu4.titleCol { background: #f1a51e; }
    .menu4.vol3 { background: #5b8cc3; }
    .modbar { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .modbar.picPanel { max-height: none; }
    .topInner { 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; }
    .navCon .item2 { grid-template-columns: 1fr; padding: 0 8px; }
    .navCon .item2 li { height: 36px; line-height: 36px; padding-right: 0; }
    .tagWrap8 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .tagWrap8 select { grid-column: 1 / -1; order: -1; }
    .block6 { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .textMod, .cate, .update3, .shuLine8, .cont, .foot3, .navCon { max-width: 100%; overflow-x: hidden; }
    .shuGrid { width: 100%; max-width: 100%; }
    .mod { min-width: 0; }
    .nameSec { flex: 0 0 68px; width: 68px; }
    .time2 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .cont { padding-left: 10px; padding-right: 10px; }
    .bookImg7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .hdLink6 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .hdLink6 p { white-space: normal; overflow-wrap: anywhere; }
    .listRow3 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .listRow3 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .nameInner { right: 8px; }
}

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

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

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

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

body.numCover .hotMod2 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.numCover .cont { background: #242424; }
body.numCover .hdLink6 h1 { color: #ddd; }
body.numCover .hdLink6 p,
body.numCover .bookImg7 { color: #aaa; }
body.numCover .listRow3 { color: #d2d2d2; }
body.numCover .listRow3 p { color: #d2d2d2; }
body.numCover.timeMain3 .cont,
body.numCover.sidelist .cont,
body.numCover.rankUnit .cont { background: #242424; }
@media (max-width: 768px) {
    .timeBd4 { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.numCover .timeBd4 { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.cont { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.numCover) .cont { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.numCover) .listRow3 { color: #333; }

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

@media (max-width: 768px) {
    .cont > .bookImg7,
    .cont > .hdLink6 { display: none; }
    .cont { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.numCover { background: #e6f8fb; color: #555; }
body.numCover a { color: #4d6da8; }
body.numCover .imgArea { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.numCover .update3,
body.numCover .pageName { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.numCover .page,
body.numCover .time2 { background: #79c2e3; }
body.numCover .page a,
body.numCover .time2 a { color: #fff; }
body.numCover .mod,
body.numCover .title input,
body.numCover .cha select { background: #fff; color: #333; border-color: #9bc7df; }
body.numCover .cont,
body.numCover.timeMain3 .cont,
body.numCover.sidelist .cont,
body.numCover.rankUnit .cont { background: #2f3437; border-color: #444; }
body.numCover .hdLink6 h1 { color: #ddd; }
body.numCover .hdLink6 p,
body.numCover .bookImg7 { color: #aaa; }
body.numCover .list a,
body.numCover .list span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.numCover .timeBd4 { background: #2f3437; border-color: #555; }
body.numCover .timeBd4 span,
body.numCover .timeBd4 label { color: #c8c8c8; }
body.numCover .timeBd4 select,
body.numCover .timeBd4 button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.numCover .listRow3 { background: transparent; color: #aaa; }
body.numCover .desc9 { border-color: #555; color: #bbb; }
body.numCover .listRow3 p { color: #aaa; }
body.numCover .hotMod2 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.numCover .hotInnerbox { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.numCover .hotInnerbox:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.numCover .col { background: #eee; }
body.numCover .col h2 { color: #777; }
body.numCover .wenBox a { background: #e3e3e3; color: #333; }
.unit9 { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.unit9 h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.unit9 p { margin: 8px 0; color: #555; }
.update6 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.update6:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.numCover .update3 { background: #dff5fb; }
    .unit9 { padding: 42px 12px 48px; border-width: 2px; }
    .unit9 h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.gridRow .blockFt9,
.gridRow .footWrap { align-self: start; }
.gridRow .newItem,
.gridRow .navInner { padding: 8px 10px; font-size: 13px; }
.gridRow .newItem li,
.gridRow .navInner li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.gridRow .newItem li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.gridRow .navInner li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.gridRow .newItem .bdHd,
.gridRow .newItem .textHd,
.gridRow .newItem .head,
.gridRow .newItem .blockCell4,
.gridRow .newItem .sort5,
.gridRow .navInner span,
.gridRow .navInner a,
.gridRow .navInner em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .gridRow .newItem,
    .gridRow .navInner { padding: 4px 8px; font-size: 14px; }
    .gridRow .newItem li,
    .gridRow .navInner li { height: 34px; line-height: 34px; }
    .gridRow .newItem li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .gridRow .navInner li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.pageBar4.contName {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.contName .updateUnit {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.contName .updateUnit h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.contName .updateUnit strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.contName .ftImg {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.contName .dateText {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.contName .panelArea img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.contName .homeItem {
  min-width: 0;
}
.contName .dateText 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;
}
.contName .dateText h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contName .dateText h3 span,
.contName .dateText h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.contName .datepanel {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.contName .datepanel a {
  display: inline;
}
.contName .blockSec {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .pageBar4.contName {
    padding: 8px;
  }
  .contName .updateUnit {
    display: flex;
    justify-content: space-between;
  }
  .contName .updateUnit h2 {
    font-size: 20px;
  }
  .contName .updateUnit strong {
    font-size: 16px;
  }
  .contName .ftImg {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .contName .dateText {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .contName .panelArea img {
    width: 86px;
    height: 116px;
  }
  .contName .blockSec {
    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; }
.textMod, .new, .shuLine8, .numArea5 { width: 980px; max-width: 980px; margin: 0 auto; }
.update3 { background: #e6f8fb; }
.shuLine8 { height: 86px; display: flex; align-items: center; gap: 28px; }
.hotMod2 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.hotMod2 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.hotMod2 a:hover { text-decoration: none; color: #0871bd; }
.shuGrid { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.mod { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.nameSec { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.page { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.numArea5 { display: flex; height: 42px; width: 980px; }
.page a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.page a:hover, .page a.sideBar9 { background: #57acd2; color: #fff; text-decoration: none; }
.cate { padding: 12px 0 20px; }

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

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

.mainCon2 { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.authorUnit7, .authorLine4, .bdRow { border: 3px solid #9bd5ee; background: #eefafa; }
.authorUnit7 h2, .authorLine4 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.wrapBd li, .blockInner2 li, .read li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.wrapBd li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.blockInner2 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.blockInner2 li.blockbd { grid-template-columns: 76px minmax(0, 1fr); }
.read li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.wrapBd a, .blockInner2 a, .read a, .sideBlock, .hotInner, .novelUnit, .rankBlock4, .blockInner2 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sideBlock { color: #555; }
.hotInner, .novelUnit, .rankBlock4, .blockInner2 em { color: #777; font-style: normal; text-align: right; }
.bdRow { padding-bottom: 8px; }
.bdRow h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.headCol2 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.headCol2 button, .headCol2 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.headCol2 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.headCol2 button:disabled { opacity: .55; cursor: default; }
.headCol2 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.side { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.side button, .side select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.coverMeta3 > [hidden] { display: none !important; }
.catitem { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.catitem h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.catitem p, .menuWrap { color: #555; }

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

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

@media (max-width: 1023px) {
  .textMod, .new, .shuLine8, .page, .numArea5 { width: auto; max-width: none; }
  .imgArea { display: block; }
  .new { padding: 0 10px; justify-content: center; }
  .update3 { padding: 10px; }
  .shuLine8 { height: auto; display: block; }
  .hotMod2 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .shuGrid { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .page { margin: 0 10px; height: 38px; overflow-x: auto; }
  .numArea5 { display: flex; height: 38px; min-width: max-content; }
  .page a { line-height: 38px; padding: 0 12px; }
  .cate { padding: 8px 10px 16px; }
  .timeImg3 { display: block; padding: 8px; }
  .timeImg3 .linkBar { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .timeImg3 .bd, .timeImg3 .bd img { width: 86px; }
  .timeImg3 .bd img { height: 116px; }
  .imgUnit { display: block; }
  .bdInner { min-height: 0; border-right: 0; }
  .mainCon2 { display: flex; flex-direction: column; }
  .authorLine4 { order: 1; }
  .authorUnit7 { order: 2; }
  .wrapBd li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .wrapBd .sideBlock, .wrapBd .hotInner, .wrapBd .rankBlock4 { display: none; }
  .blockInner2 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .blockInner2 li span { display: none; }
  .read li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .read .sideBlock, .read .headInfo4 { display: none; }
  .read .hotInner, .read .novelUnit { text-align: right; }
  .bdRow h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .headCol2 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .side { grid-template-columns: 1fr 1.25fr 1fr; }
  .rowPanel { display: block; }
  .novelBox9 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .readArea5 img { width: 86px; height: 116px; }
}

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

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

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

  .catWrap .linkBar:last-child {
    border-bottom: 0;
  }

  .catWrap .bd,
  .catWrap .bd img {
    width: 82px;
  }

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

  .catWrap .catLine {
    min-width: 0;
  }

  .catWrap .catLine 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;
  }

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

  .catWrap .catLine 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;
  }

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

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

  .cateCol .authorUnit7,
  .cateCol .authorLine4 {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .cateCol .authorUnit7 h2,
  .cateCol .authorLine4 h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .cateCol .wrapBd 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;
  }

  .cateCol .wrapBd .sideBlock,
  .cateCol .wrapBd .img7,
  .cateCol .wrapBd .headInfo4 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .cateCol .wrapBd .sideBlock {
    display: none;
  }

  .cateCol .wrapBd .hotInner,
  .cateCol .wrapBd .rankBlock4 {
    display: none;
  }

  .cateCol .blockInner2 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;
  }

  .cateCol .blockInner2 li.blockbd {
    grid-template-columns: minmax(0, 1fr);
  }

  .cateCol .blockInner2 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .textMod,
  .new,
  .shuLine8,
  .numArea5 {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .timeImg3 .bd,
  .timeImg3 .bd img {
    width: 120px;
  }

  .timeImg3 .bd img {
    height: 160px;
  }

  .timeImg3 .catLine h3,
  .imgUnit .catLine h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .timeImg3 .catLine p,
  .imgUnit .catLine p {
    font-size: 14px;
    line-height: 24px;
  }

  .bdInner {
    padding: 10px 12px;
  }

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

  .bdInner .bd,
  .bdInner .bd img {
    width: 92px;
  }

  .bdInner .bd img {
    height: 124px;
  }

  .itemCovers li,
  .blockInner2 li,
  .wrapBd li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .authorUnit7 h2,
  .authorLine4 h2,
  .bdInner h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .update6grid .timeImg3 .linkBar:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .update6grid .timeImg3 {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .new,
  .shuLine8,
  .numArea5,
  .textMod {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.page a:hover,
.time2 a:hover,
.numArea5 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) {
  .new,
  .shuLine8,
  .numArea5,
  .textMod,
  .page,
  .time2 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .page,
  .time2 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .new,
  .shuLine8,
  .numArea5,
  .textMod,
  .page,
  .time2 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .textMod,
  .shuLine8,
  .new {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.update3 nav a:hover,
.update3 nav a:focus,
.update3 nav a.sideBar9,
.update3 nav .sideBar9,
.shuLine8 nav a:hover,
.shuLine8 nav a:focus,
.shuLine8 nav a.sideBar9,
.shuLine8 nav .sideBar9,
.page a:hover,
.page a:focus,
.page a.sideBar9,
.page .sideBar9,
.time2 a:hover,
.time2 a:focus,
.time2 a.sideBar9,
.time2 .sideBar9 {
    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) {
    .new,
    .update3 .shuLine8,
    .shuLine8,
    .textMod,
    .cate,
    .blockWrap,
    .card3,
    .dateHd,
    .page,
    .time2 {
        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;
    }

    .imgArea,
    .update3,
    .cate,
    .pageName,
    .new,
    .update3 .shuLine8,
    .shuLine8,
    .textMod,
    .dateHd,
    .blockWrap,
    .card3,
    .shuimg,
    .page,
    .time2 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .new,
    .update3 .shuLine8,
    .shuLine8,
    .textMod,
    .blockWrap,
    .card3,
    .cate {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .pageBar4,
    .blockBox5,
    .textCell3,
    .pageGrid3,
    .timeBlock,
    .bdRow .card9,
    .read,
    .card9,
    .cover,
    .cardMain,
    .authorRow8,
    .foot3 {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .infoName,
    .hotRow3,
    .card9 .block,
    .read .block,
    .cover .block,
    .cardMain .block,
    .authorRow8 .block,
    .side4,
    .listMeta7 {
        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;
    }

    .infoName img,
    .hotRow3 img,
    .readArea5 img,
    .card9 .block img,
    .read .block img,
    .cover .block img,
    .cardMain .block img,
    .authorRow8 .block img,
    .side4 img,
    .listMeta7 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .cell4,
    .unitMeta3,
    .catLine,
    .volUnit,
    .listMeta7 dl,
    .listMeta7 .sidewrap {
        min-width: 0 !important;
    }

    .tool,
    .navArea,
    .gridWrap4,
    .timeGrid5 {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .tool > *,
    .navArea > *,
    .gridWrap4 > *,
    .timeGrid5 > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.page a:hover,
.page a:focus,
.page a:active,
.page a.sideBar9,
.page .sideBar9,
.time2 a:hover,
.time2 a:focus,
.time2 a:active,
.time2 a.sideBar9,
.time2 .sideBar9,
.update3 nav a:hover,
.update3 nav a:focus,
.update3 nav a:active,
.update3 nav a.sideBar9,
.shuLine8 nav a:hover,
.shuLine8 nav a:focus,
.shuLine8 nav a:active,
.shuLine8 nav a.sideBar9 {
    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) {
  .update6grid .catLine p,
  .catWrap .catLine p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .shuLine8 {
    height: 68px;
  }

  .page,
  .numArea5 {
    height: 38px;
  }

  .page a,
  .numArea5 a {
    line-height: 38px;
  }

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

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

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

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

  .update3 .shuLine8,
  .shuLine8 {
    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;
  }

  .update3 .hotMod2,
  .update3 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;
  }

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

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

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

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

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

  .update3 .shuGrid,
  .shuLine8 .shuGrid {
    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;
  }

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

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

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

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

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

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

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

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

  .timegrid .picBd9 {
    display: contents !important;
  }

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

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

  .timegrid .newMod2 p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .timegrid .modbar.picPanel {
    max-height: none !important;
  }

  .timegrid .topInner {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .navCon .item2 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .cate .textMod > .catUnit {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .cate .textMod > .catUnit .block6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .cate .textMod > .catUnit .block6 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) {
  .cateCol .wrapBd li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .cateCol .blockInner2 li,
  .cateCol .blockInner2 li.blockbd {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .cateCol.img .blockInner2 li,
  .cateCol.img .blockInner2 li.blockbd {
    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. */
.cateCol { align-items: stretch; }
.cateCol .authorUnit7,
.cateCol .authorLine4 { min-width: 0; }
.cateCol .authorLine4 { display: flex; flex-direction: column; }
.cateCol .authorLine4 .blockInner2 { flex: 0 0 auto; }
.cateCol .areaSec7 {
  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;
}
.cateCol .areaSec7 > a,
.cateCol .areaSec7 > span,
.cateCol .areaSec7 > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.cateCol .areaSec7 > a,
.cateCol .areaSec7 > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cateCol .areaSec7 > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.cateCol .bdItem {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.cateCol .bdItem 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) {
  .cateCol .areaSec7 {
    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) {
  .cate.itemCover,
  .cate.textUnit,
  .cate.hotRow4 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .cate.itemCover > .textMod,
  .cate.textUnit > .textMod,
  .cate.hotRow4 > .textMod {
    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;
  }

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

  .cate.shuHd > .textMod {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .cate.shuHd .cont {
    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;
  }

  .cate.shuHd .listRow3 {
    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;
  }

  .cate.shuHd .timeBd4,
  .cate.shuHd .list {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}