* { 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%; }
.linkFt4, .cover, .descs, .areaHd8, .chaBox7 { max-width: 980px; margin: 0 auto; }

.picCol { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.cover { display: flex; gap: 24px; align-items: center; height: 30px; }
.linkBar { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.linkBar:hover { color: #0871bd; text-decoration: underline; }
.hotLine4 { background: #2f8ed8; }
.descs { height: 76px; display: flex; align-items: center; gap: 28px; }
.unit2 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.unit2 a { color: #fff; letter-spacing: 0; }
.unit2 a:hover { color: inherit; text-decoration: none; }
.linkUnit5 { flex: 1; display: flex; max-width: 470px; }
.hdRow { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.novel { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.newsec { margin-left: auto; display: flex; gap: 10px; }
.newsec a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.new { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.timeUnit, .chaPanel6, .menuft, .area, .cateHd, .text8, .contImg { background: #fff; border: 1px solid #ddd; }
.timeUnit { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.linkMain { display: flex; min-height: 132px; overflow: hidden; }
.linkMain .authorMain9 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.linkMain .authorMain9 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.linkMain dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.linkMain dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.linkMain dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.linkMain dd a { color: #555; }
.num2, .menuft h2, .cateHd h2, .text8 h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.coverImg2, .linkLine6, .textMod, .panel6, .updateName { list-style: none; }
.coverImg2 li, .textMod li, .updateName li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.storyInfo, .titleItem { width: 86px; color: #888; flex: 0 0 86px; }
.date5, .menuName { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.textBd { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.picLine4, .secBar { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.rowImg { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .linkFt4, .cover, .descs, .areaHd8, .chaBox7 { width: 100%; max-width: none; }
    .picCol { display: none; }
    .hotLine4 { padding: 10px; }
    .descs { height: auto; display: block; }
    .unit2 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .linkUnit5 { max-width: none; }
    .newsec { display: none; }
    .areaHd8 { display: none; }
    .chaBox7 { display: flex; overflow-x: auto; background: #287dc2; }
    .chaBox7 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .coverList4 { padding: 8px; }
    .new, .menu6 { display: block; }
    .timeUnit { grid-template-columns: 1fr; margin-bottom: 10px; }
    .chaPanel6, .menuft { margin-bottom: 10px; }
    .storyInfo, .textBd, .picLine4, .titleItem, .secBar, .rowImg { display: none; }
    .linkLine6 { columns: 1; }
    .area { display: block; text-align: center; }
    .area .cha { margin: 0 auto 12px; }
    .gridName5 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .updateLink { justify-content: center; }
    .panel6 { grid-template-columns: 1fr; }
    .cateInfo { padding: 0 12px 18px; }
    .dateInfo h1 { font-size: 22px; }
    .novelMeta { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .siteLine9 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .navInner4 { gap: 8px; }
    .navInner4 a, .navInner4 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.linkFt4, .cover, .descs, .areaHd8, .chaBox7 { max-width: 1160px; }
.picCol { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.cover { color: #6d8f9e; }
.hotLine4 { background: #e6f8fb; }
.descs { height: 82px; gap: 24px; }
.unit2 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.unit2 a { color: #0871bd; }
.linkUnit5 { max-width: 480px; margin-left: auto; }
.hdRow { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.novel { height: 36px; background: #ddd; color: #222; }
.newsec { display: none; }
.areaHd8 { height: 44px; background: #79c2e3; padding: 0 10px; }
.areaHd8 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.areaHd8 a:hover { background: #5eb1d8; }
.coverList4 { padding: 12px 0 24px; }

.tag6 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.headMain { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.catBox6 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.hdArea h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.hdArea h2 a { color: #5b6fad; font-weight: 700; }
.hdArea h2 span { float: right; color: #aaa; font-weight: 400; }
.hdArea p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.sortBox { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.site, .blockSec { border: 3px solid #86c9e8; background: #eef6f6; }
.site h2, .blockSec h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.navMeta, .storyMain6 { list-style: none; padding: 8px 12px; }
.navMeta 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; }
.navMeta .cateList5 { color: #555; }
.navMeta .cateBox, .navMeta .numCol, .navMeta .newText { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.navMeta .newText, .navMeta .hdCol { color: #aaa; text-align: right; }
.storyMain6 li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.storyMain6 span { color: #555; }
.storyMain6 a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.storyMain6 em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chaRow2 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.chaRow2 a, .chaRow2 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.chaRow2 a { line-height: 40px; }
.chaRow2 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.cellInner8 { 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; }
    .linkFt4, .cover, .descs, .areaHd8, .chaBox7 { width: 100%; max-width: none; }
    .picCol { display: none; }
    .hotLine4 { padding: 10px; background: #dff5fb; }
    .descs { display: block; height: auto; }
    .unit2 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .linkUnit5 { max-width: none; display: flex; margin-left: 0; }
    .hdRow { height: 38px; font-size: 14px; }
    .novel { width: 72px; height: 38px; }
    .areaHd8 { display: none; }
    .chaBox7 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .chaBox7 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .descs .chaBox7 { margin-bottom: 8px; }
    .coverList4 { padding: 8px; }
    .tag6 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .headMain { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .headMain:last-child { border-bottom: 0; }
    .catBox6 img { width: 82px; height: 110px; padding: 2px; }
    .hdArea h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .hdArea h2 span { display: none; }
    .hdArea p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .sortBox { display: block; }
    .cat { display: flex; flex-direction: column; }
    .cat .blockSec { order: 1; }
    .cat .site { order: 2; }
    .site, .blockSec { border-width: 2px; margin-bottom: 10px; }
    .site h2, .blockSec h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .navMeta, .storyMain6 { padding: 4px 8px; }
    .navMeta 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; }
    .navMeta .newText, .navMeta .hdCol { display: none; }
    .navMeta .cateList5 { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .navMeta .cateBox { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .navMeta .numCol { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .storyMain6 li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .storyMain6 span { display: none; }
    .chaRow2 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .chaRow2 select { grid-column: 1 / -1; order: -1; }
    .cellInner8 { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.contInner8 { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.contInner8 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); }
.contInner8 button:hover { background: #4eadd0; }
body.shu7 { background: #1e1e1e; color: #aaa; }
body.shu7 a { color: #9eb8e8; }
body.shu7 .picCol,
body.shu7 .hotLine4,
body.shu7 .cellInner8 { background: #252525; border-color: #3a3a3a; color: #888; }
body.shu7 .areaHd8,
body.shu7 .chaBox7 { background: #333; }
body.shu7 .areaHd8 a:hover,
body.shu7 .chaBox7 a:hover { background: #444; }
body.shu7 .tag6,
body.shu7 .link3,
body.shu7 .titleLine,
body.shu7 .itemCon,
body.shu7 .boxBar,
body.shu7 .siteUnit9,
body.shu7 .area,
body.shu7 .cateHd,
body.shu7 .text8,
body.shu7 .contImg,
body.shu7 .site,
body.shu7 .blockSec,
body.shu7 .foot2,
body.shu7 .area9 { background: #2a2a2a; border-color: #444; }
body.shu7 .cateInfo { background: #202020; border-color: #444; }
body.shu7 .novelMeta { color: #b8b8b8; }
body.shu7 .num2,
body.shu7 .menuft h2,
body.shu7 .cateHd h2,
body.shu7 .text8 h2,
body.shu7 .site h2,
body.shu7 .blockSec h2,
body.shu7 .foot2 h2,
body.shu7 .boxBar h1,
body.shu7 .contImg h1,
body.shu7 .sideImg2 h2,
body.shu7 .siteUnit9 h1 { background: #333; color: #ccc; border-color: #444; }
body.shu7 .hdArea p,
body.shu7 .metaHd p,
body.shu7 .picMod4 p,
body.shu7 .barMeta p,
body.shu7 .cateHd p,
body.shu7 .gridName5 p,
body.shu7 .linkarea .pageline { color: #aaa; }
body.shu7 .novelRow2 th { background: #333; color: #ccc; }
body.shu7 .novelRow2 th,
body.shu7 .novelRow2 td,
body.shu7 .navMeta li,
body.shu7 .storyMain6 li,
body.shu7 .foot2 li,
body.shu7 .nameCover li { border-color: #444; }
body.shu7 .hdRow,
body.shu7 .cell4 input,
body.shu7 .chaRow2 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .contInner8 { right: 10px; bottom: 14px; }
    .contInner8 button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.panel5 { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.panel5 .ftBox7 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.sortName { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.toolCover4 {
    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;
}
.toolCover4 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.boxList h1 { font-size: 30px; line-height: 44px; color: #333; }
.navunit { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.navunit p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.navunit .itemSec { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.itemBd { grid-column: 2; line-height: 1.8; color: #444; }
.mod { display: none; }
.panelimg { display: none; }
.hotMain9 { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.hotMain9 h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.hotMain9 .panel6 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.hotMain9 .panel6 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.hotMain9 .panel6.authormain li { font-weight: 700; }
.updateHd6 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.updateHd6 a, .updateHd6 span, .updateHd6 button, .updateHd6 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.updateHd6 a, .updateHd6 span, .updateHd6 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.updateHd6 button:disabled { cursor: default; opacity: .65; }
.updateHd6 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.mainSec { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.mainSec h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.wrapMeta { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.wrapMeta a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .panel5, .hotMain9 { border-width: 2px; margin-bottom: 12px; }
    .panel5 .ftBox7 { height: auto; line-height: 1.5; padding: 8px; }
    .sortName { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .toolCover4 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .toolCover4 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .boxList { min-width: 0; }
    .boxList h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .navunit { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .navunit p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .mod { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .wenMain { 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; }
    .wenMain:hover { color: #fff; text-decoration: none; opacity: .92; }
    .wenMain.rankArea { background: #f0305a; }
    .wenMain.meta6 { background: #f1a51e; }
    .wenMain.barFt { background: #5b8cc3; }
    .itemBd { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .itemBd.col7 { max-height: none; }
    .panelimg { 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; }
    .hotMain9 .panel6 { grid-template-columns: 1fr; padding: 0 8px; }
    .hotMain9 .panel6 li { height: 36px; line-height: 36px; padding-right: 0; }
    .updateHd6 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .updateHd6 select { grid-column: 1 / -1; order: -1; }
    .wrapMeta { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .linkFt4, .coverList4, .hotLine4, .descs, .cateInfo, .panel5, .hotMain9 { max-width: 100%; overflow-x: hidden; }
    .linkUnit5 { width: 100%; max-width: 100%; }
    .hdRow { min-width: 0; }
    .novel { flex: 0 0 68px; width: 68px; }
    .chaBox7 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .cateInfo { padding-left: 10px; padding-right: 10px; }
    .ftBox7 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .dateInfo h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .dateInfo p { white-space: normal; overflow-wrap: anywhere; }
    .novelMeta { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .novelMeta p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .contInner8 { right: 8px; }
}

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

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

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

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

body.shu7 .unit2 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.shu7 .cateInfo { background: #242424; }
body.shu7 .dateInfo h1 { color: #ddd; }
body.shu7 .dateInfo p,
body.shu7 .ftBox7 { color: #aaa; }
body.shu7 .novelMeta { color: #d2d2d2; }
body.shu7 .novelMeta p { color: #d2d2d2; }
body.shu7.hdLink .cateInfo,
body.shu7.homePanel .cateInfo,
body.shu7.headPanel4 .cateInfo { background: #242424; }
@media (max-width: 768px) {
    .pagecon { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.shu7 .pagecon { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.cateInfo { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.shu7) .cateInfo { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.shu7) .novelMeta { color: #333; }

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

@media (max-width: 768px) {
    .cateInfo > .ftBox7,
    .cateInfo > .dateInfo { display: none; }
    .cateInfo { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.shu7 { background: #e6f8fb; color: #555; }
body.shu7 a { color: #4d6da8; }
body.shu7 .picCol { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.shu7 .hotLine4,
body.shu7 .cellInner8 { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.shu7 .areaHd8,
body.shu7 .chaBox7 { background: #79c2e3; }
body.shu7 .areaHd8 a,
body.shu7 .chaBox7 a { color: #fff; }
body.shu7 .hdRow,
body.shu7 .cell4 input,
body.shu7 .chaRow2 select { background: #fff; color: #333; border-color: #9bc7df; }
body.shu7 .cateInfo,
body.shu7.hdLink .cateInfo,
body.shu7.homePanel .cateInfo,
body.shu7.headPanel4 .cateInfo { background: #2f3437; border-color: #444; }
body.shu7 .dateInfo h1 { color: #ddd; }
body.shu7 .dateInfo p,
body.shu7 .ftBox7 { color: #aaa; }
body.shu7 .navInner4 a,
body.shu7 .navInner4 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.shu7 .pagecon { background: #2f3437; border-color: #555; }
body.shu7 .pagecon span,
body.shu7 .pagecon label { color: #c8c8c8; }
body.shu7 .pagecon select,
body.shu7 .pagecon button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.shu7 .novelMeta { background: transparent; color: #aaa; }
body.shu7 .siteLine9 { border-color: #555; color: #bbb; }
body.shu7 .novelMeta p { color: #aaa; }
body.shu7 .unit2 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.shu7 .cont { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.shu7 .cont:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.shu7 .secMod { background: #eee; }
body.shu7 .secMod h2 { color: #777; }
body.shu7 .readItem4 a { background: #e3e3e3; color: #333; }
.new5cover { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.new5cover h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.new5cover p { margin: 8px 0; color: #555; }
.itemLine5 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.itemLine5:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.shu7 .hotLine4 { background: #dff5fb; }
    .new5cover { padding: 42px 12px 48px; border-width: 2px; }
    .new5cover h1 { font-size: 24px; }
}

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

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

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

/* static rank page, bqg style */
.itemCon.grid3 {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.grid3 .menuBar {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.grid3 .menuBar h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.grid3 .menuBar strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.grid3 .tagFt4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.grid3 .text {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.grid3 .unitMod3 img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.grid3 .areaWrap7 {
  min-width: 0;
}
.grid3 .text 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;
}
.grid3 .text h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid3 .text h3 span,
.grid3 .text h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.grid3 .newitem {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.grid3 .newitem a {
  display: inline;
}
.grid3 .secLink4 {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .itemCon.grid3 {
    padding: 8px;
  }
  .grid3 .menuBar {
    display: flex;
    justify-content: space-between;
  }
  .grid3 .menuBar h2 {
    font-size: 20px;
  }
  .grid3 .menuBar strong {
    font-size: 16px;
  }
  .grid3 .tagFt4 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .grid3 .text {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .grid3 .unitMod3 img {
    width: 86px;
    height: 116px;
  }
  .grid3 .secLink4 {
    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; }
.linkFt4, .cover, .descs, .hdTextgrid { width: 980px; max-width: 980px; margin: 0 auto; }
.hotLine4 { background: #e6f8fb; }
.descs { height: 86px; display: flex; align-items: center; gap: 28px; }
.unit2 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.unit2 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.unit2 a:hover { text-decoration: none; color: #0871bd; }
.linkUnit5 { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.hdRow { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.novel { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.areaHd8 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.hdTextgrid { display: flex; height: 42px; width: 980px; }
.areaHd8 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.areaHd8 a:hover, .areaHd8 a.metaRow3 { background: #57acd2; color: #fff; text-decoration: none; }
.coverList4 { padding: 12px 0 20px; }

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

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

.foot4 { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.areaLine, .wrapcon, .hdText { border: 3px solid #9bd5ee; background: #eefafa; }
.areaLine h2, .wrapcon h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.textMod li, .imgInfo7 li, .updateName li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.textMod li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.imgInfo7 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.imgInfo7 li.imgUnit { grid-template-columns: 76px minmax(0, 1fr); }
.updateName li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.textMod a, .imgInfo7 a, .updateName a, .linkBox, .page, .pageSec, .coverbox, .imgInfo7 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.linkBox { color: #555; }
.page, .pageSec, .coverbox, .imgInfo7 em { color: #777; font-style: normal; text-align: right; }
.hdText { padding-bottom: 8px; }
.hdText h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.numBox { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.numBox button, .numBox select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.numBox button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.numBox button:disabled { opacity: .55; cursor: default; }
.numBox select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.mainWrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.mainWrap button, .mainWrap select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.chaImg6 > [hidden] { display: none !important; }
.hotText5 { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.hotText5 h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.hotText5 p, .sec { color: #555; }

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

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

@media (max-width: 1023px) {
  .linkFt4, .cover, .descs, .areaHd8, .hdTextgrid { width: auto; max-width: none; }
  .picCol { display: block; }
  .cover { padding: 0 10px; justify-content: center; }
  .hotLine4 { padding: 10px; }
  .descs { height: auto; display: block; }
  .unit2 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .linkUnit5 { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .areaHd8 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .hdTextgrid { display: flex; height: 38px; min-width: max-content; }
  .areaHd8 a { line-height: 38px; padding: 0 12px; }
  .coverList4 { padding: 8px 10px 16px; }
  .timeCol { display: block; padding: 8px; }
  .timeCol .num { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .timeCol .cha, .timeCol .cha img { width: 86px; }
  .timeCol .cha img { height: 116px; }
  .catWrap { display: block; }
  .readFt5 { min-height: 0; border-right: 0; }
  .foot4 { display: flex; flex-direction: column; }
  .wrapcon { order: 1; }
  .areaLine { order: 2; }
  .textMod li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .textMod .linkBox, .textMod .page, .textMod .coverbox { display: none; }
  .imgInfo7 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .imgInfo7 li span { display: none; }
  .updateName li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .updateName .linkBox, .updateName .menu { display: none; }
  .updateName .page, .updateName .pageSec { text-align: right; }
  .hdText h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .numBox { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .mainWrap { grid-template-columns: 1fr 1.25fr 1fr; }
  .top9 { display: block; }
  .story { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .piccol img { width: 86px; height: 116px; }
}

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

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

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

  .imgInfo .num:last-child {
    border-bottom: 0;
  }

  .imgInfo .cha,
  .imgInfo .cha img {
    width: 82px;
  }

  .imgInfo .cha img {
    height: 110px;
    object-fit: cover;
  }

  .imgInfo .cellCover {
    min-width: 0;
  }

  .imgInfo .cellCover 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;
  }

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

  .imgInfo .cellCover 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;
  }

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

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

  .headRow5 .areaLine,
  .headRow5 .wrapcon {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .headRow5 .areaLine h2,
  .headRow5 .wrapcon h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .headRow5 .textMod 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;
  }

  .headRow5 .textMod .linkBox,
  .headRow5 .textMod .topBd,
  .headRow5 .textMod .menu {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .headRow5 .textMod .linkBox {
    display: none;
  }

  .headRow5 .textMod .page,
  .headRow5 .textMod .coverbox {
    display: none;
  }

  .headRow5 .imgInfo7 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;
  }

  .headRow5 .imgInfo7 li.imgUnit {
    grid-template-columns: minmax(0, 1fr);
  }

  .headRow5 .imgInfo7 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .linkFt4,
  .cover,
  .descs,
  .hdTextgrid {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .timeCol .cha,
  .timeCol .cha img {
    width: 120px;
  }

  .timeCol .cha img {
    height: 160px;
  }

  .timeCol .cellCover h3,
  .catWrap .cellCover h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .timeCol .cellCover p,
  .catWrap .cellCover p {
    font-size: 14px;
    line-height: 24px;
  }

  .readFt5 {
    padding: 10px 12px;
  }

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

  .readFt5 .cha,
  .readFt5 .cha img {
    width: 92px;
  }

  .readFt5 .cha img {
    height: 124px;
  }

  .cate li,
  .imgInfo7 li,
  .textMod li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .areaLine h2,
  .wrapcon h2,
  .readFt5 h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .box5 .timeCol .num:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .box5 .timeCol {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .cover,
  .descs,
  .hdTextgrid,
  .linkFt4 {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.areaHd8 a:hover,
.chaBox7 a:hover,
.hdTextgrid 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) {
  .cover,
  .descs,
  .hdTextgrid,
  .linkFt4,
  .areaHd8,
  .chaBox7 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .areaHd8,
  .chaBox7 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .cover,
  .descs,
  .hdTextgrid,
  .linkFt4,
  .areaHd8,
  .chaBox7 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .linkFt4,
  .descs,
  .cover {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.hotLine4 nav a:hover,
.hotLine4 nav a:focus,
.hotLine4 nav a.metaRow3,
.hotLine4 nav .metaRow3,
.descs nav a:hover,
.descs nav a:focus,
.descs nav a.metaRow3,
.descs nav .metaRow3,
.areaHd8 a:hover,
.areaHd8 a:focus,
.areaHd8 a.metaRow3,
.areaHd8 .metaRow3,
.chaBox7 a:hover,
.chaBox7 a:focus,
.chaBox7 a.metaRow3,
.chaBox7 .metaRow3 {
    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) {
    .cover,
    .hotLine4 .descs,
    .descs,
    .linkFt4,
    .coverList4,
    .cardImg,
    .cateCon,
    .navmeta,
    .areaHd8,
    .chaBox7 {
        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;
    }

    .picCol,
    .hotLine4,
    .coverList4,
    .cellInner8,
    .cover,
    .hotLine4 .descs,
    .descs,
    .linkFt4,
    .navmeta,
    .cardImg,
    .cateCon,
    .bdUnit3,
    .areaHd8,
    .chaBox7 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .cover,
    .hotLine4 .descs,
    .descs,
    .linkFt4,
    .cardImg,
    .cateCon,
    .coverList4 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .itemCon,
    .story6,
    .boxMod,
    .storybar,
    .arealine,
    .hdText .col2,
    .updateName,
    .col2,
    .contwrap,
    .volRow,
    .tagRow,
    .panel5 {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .novelLink7,
    .descinner,
    .col2 .cate2,
    .updateName .cate2,
    .contwrap .cate2,
    .volRow .cate2,
    .tagRow .cate2,
    .new5,
    .linkMain {
        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;
    }

    .novelLink7 img,
    .descinner img,
    .piccol img,
    .col2 .cate2 img,
    .updateName .cate2 img,
    .contwrap .cate2 img,
    .volRow .cate2 img,
    .tagRow .cate2 img,
    .new5 img,
    .linkMain img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .barMeta,
    .secBarinfo,
    .cellCover,
    .gridName5,
    .linkMain dl,
    .linkMain .wrapCover {
        min-width: 0 !important;
    }

    .bookText3,
    .authorLine,
    .new,
    .title9 {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .bookText3 > *,
    .authorLine > *,
    .new > *,
    .title9 > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.areaHd8 a:hover,
.areaHd8 a:focus,
.areaHd8 a:active,
.areaHd8 a.metaRow3,
.areaHd8 .metaRow3,
.chaBox7 a:hover,
.chaBox7 a:focus,
.chaBox7 a:active,
.chaBox7 a.metaRow3,
.chaBox7 .metaRow3,
.hotLine4 nav a:hover,
.hotLine4 nav a:focus,
.hotLine4 nav a:active,
.hotLine4 nav a.metaRow3,
.descs nav a:hover,
.descs nav a:focus,
.descs nav a:active,
.descs nav a.metaRow3 {
    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) {
  .box5 .cellCover p,
  .imgInfo .cellCover p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .descs {
    height: 68px;
  }

  .areaHd8,
  .hdTextgrid {
    height: 38px;
  }

  .areaHd8 a,
  .hdTextgrid a {
    line-height: 38px;
  }

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

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

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

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

  .hotLine4 .descs,
  .descs {
    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;
  }

  .hotLine4 .unit2,
  .hotLine4 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;
  }

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

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

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

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

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

  .hotLine4 .linkUnit5,
  .descs .linkUnit5 {
    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;
  }

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

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

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

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

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

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

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

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

  .sortName .boxList {
    display: contents !important;
  }

  .sortName .boxList 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;
  }

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

  .sortName .navunit p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .sortName .itemBd.col7 {
    max-height: none !important;
  }

  .sortName .panelimg {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .hotMain9 .panel6 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .coverList4 .linkFt4 > .mainSec {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .coverList4 .linkFt4 > .mainSec .wrapMeta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .coverList4 .linkFt4 > .mainSec .wrapMeta 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) {
  .headRow5 .textMod li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .headRow5 .imgInfo7 li,
  .headRow5 .imgInfo7 li.imgUnit {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .headRow5.rank .imgInfo7 li,
  .headRow5.rank .imgInfo7 li.imgUnit {
    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. */
.headRow5 { align-items: stretch; }
.headRow5 .areaLine,
.headRow5 .wrapcon { min-width: 0; }
.headRow5 .wrapcon { display: flex; flex-direction: column; }
.headRow5 .wrapcon .imgInfo7 { flex: 0 0 auto; }
.headRow5 .homeArea {
  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;
}
.headRow5 .homeArea > a,
.headRow5 .homeArea > span,
.headRow5 .homeArea > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.headRow5 .homeArea > a,
.headRow5 .homeArea > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.headRow5 .homeArea > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.headRow5 .menu9 {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.headRow5 .menu9 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) {
  .headRow5 .homeArea {
    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) {
  .coverList4.bdGrid,
  .coverList4.dateLine,
  .coverList4.pageBd9 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .coverList4.bdGrid > .linkFt4,
  .coverList4.dateLine > .linkFt4,
  .coverList4.pageBd9 > .linkFt4 {
    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;
  }

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

  .coverList4.listCon6 > .linkFt4 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .coverList4.listCon6 .cateInfo {
    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;
  }

  .coverList4.listCon6 .novelMeta {
    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;
  }

  .coverList4.listCon6 .pagecon,
  .coverList4.listCon6 .navInner4 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}