* { 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%; }
.tool, .areaCon4, .ftBox, .wrapInner, .footMain { max-width: 980px; margin: 0 auto; }

.menuBar { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.areaCon4 { display: flex; gap: 24px; align-items: center; height: 30px; }
.wrapInner9 { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.wrapInner9:hover { color: #0871bd; text-decoration: underline; }
.numInner { background: #2f8ed8; }
.ftBox { height: 76px; display: flex; align-items: center; gap: 28px; }
.read7 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.read7 a { color: #fff; letter-spacing: 0; }
.read7 a:hover { color: inherit; text-decoration: none; }
.textList6 { flex: 1; display: flex; max-width: 470px; }
.chaBd { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.titleImg { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.infoPanel { margin-left: auto; display: flex; gap: 10px; }
.infoPanel a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.mod { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.modName4, .descCover, .newMod6, .titleSec6, .unitFt, .hdInner, .ftSec { background: #fff; border: 1px solid #ddd; }
.modName4 { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.shucon { display: flex; min-height: 132px; overflow: hidden; }
.shucon .homeWrap { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.shucon .homeWrap img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.shucon dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.shucon dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shucon dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.shucon dd a { color: #555; }
.topSec, .newMod6 h2, .unitFt h2, .hdInner h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.barFt, .shu4, .maintext, .cont4, .toolWrap { list-style: none; }
.barFt li, .maintext li, .toolWrap li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.navCol, .homeLink { width: 86px; color: #888; flex: 0 0 86px; }
.menuLink, .cateItem { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.metabox { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wenMain6, .readBd { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.datemod { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .tool, .areaCon4, .ftBox, .wrapInner, .footMain { width: 100%; max-width: none; }
    .menuBar { display: none; }
    .numInner { padding: 10px; }
    .ftBox { height: auto; display: block; }
    .read7 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .textList6 { max-width: none; }
    .infoPanel { display: none; }
    .wrapInner { display: none; }
    .footMain { display: flex; overflow-x: auto; background: #287dc2; }
    .footMain a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .coverItem { padding: 8px; }
    .mod, .topLine { display: block; }
    .modName4 { grid-template-columns: 1fr; margin-bottom: 10px; }
    .descCover, .newMod6 { margin-bottom: 10px; }
    .navCol, .metabox, .wenMain6, .homeLink, .readBd, .datemod { display: none; }
    .shu4 { columns: 1; }
    .titleSec6 { display: block; text-align: center; }
    .titleSec6 .novelWrap5 { margin: 0 auto 12px; }
    .infocol h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .authorCon { justify-content: center; }
    .cont4 { grid-template-columns: 1fr; }
    .footBox4 { padding: 0 12px 18px; }
    .coverImg h1 { font-size: 22px; }
    .col { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .novelInner9 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .barGrid5 { gap: 8px; }
    .barGrid5 a, .barGrid5 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.tool, .areaCon4, .ftBox, .wrapInner, .footMain { max-width: 1160px; }
.menuBar { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.areaCon4 { color: #6d8f9e; }
.numInner { background: #e6f8fb; }
.ftBox { height: 82px; gap: 24px; }
.read7 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.read7 a { color: #0871bd; }
.textList6 { max-width: 480px; margin-left: auto; }
.chaBd { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.titleImg { height: 36px; background: #ddd; color: #222; }
.infoPanel { display: none; }
.wrapInner { height: 44px; background: #79c2e3; padding: 0 10px; }
.wrapInner a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.wrapInner a:hover { background: #5eb1d8; }
.coverItem { padding: 12px 0 24px; }

.novel7 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.colHd6 { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.contSec3 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.dateCell h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.dateCell h2 a { color: #5b6fad; font-weight: 700; }
.dateCell h2 span { float: right; color: #aaa; font-weight: 400; }
.dateCell p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.barName { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.listArea9, .infoArea { border: 3px solid #86c9e8; background: #eef6f6; }
.listArea9 h2, .infoArea h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.linkCol, .readBdbox { list-style: none; padding: 8px 12px; }
.linkCol 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; }
.linkCol .menuName { color: #555; }
.linkCol .ftUnit, .linkCol .homeSec, .linkCol .text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.linkCol .text, .linkCol .tag7 { color: #aaa; text-align: right; }
.readBdbox li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.readBdbox span { color: #555; }
.readBdbox a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.readBdbox em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.descRow { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.descRow a, .descRow select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.descRow a { line-height: 40px; }
.descRow select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.name { 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; }
    .tool, .areaCon4, .ftBox, .wrapInner, .footMain { width: 100%; max-width: none; }
    .menuBar { display: none; }
    .numInner { padding: 10px; background: #dff5fb; }
    .ftBox { display: block; height: auto; }
    .read7 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .textList6 { max-width: none; display: flex; margin-left: 0; }
    .chaBd { height: 38px; font-size: 14px; }
    .titleImg { width: 72px; height: 38px; }
    .wrapInner { display: none; }
    .footMain { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .footMain a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .ftBox .footMain { margin-bottom: 8px; }
    .coverItem { padding: 8px; }
    .novel7 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .colHd6 { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .colHd6:last-child { border-bottom: 0; }
    .contSec3 img { width: 82px; height: 110px; padding: 2px; }
    .dateCell h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .dateCell h2 span { display: none; }
    .dateCell p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .barName { display: block; }
    .storyLine8 { display: flex; flex-direction: column; }
    .storyLine8 .infoArea { order: 1; }
    .storyLine8 .listArea9 { order: 2; }
    .listArea9, .infoArea { border-width: 2px; margin-bottom: 10px; }
    .listArea9 h2, .infoArea h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .linkCol, .readBdbox { padding: 4px 8px; }
    .linkCol 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; }
    .linkCol .text, .linkCol .tag7 { display: none; }
    .linkCol .menuName { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .linkCol .ftUnit { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .linkCol .homeSec { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .readBdbox li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .readBdbox span { display: none; }
    .descRow { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .descRow select { grid-column: 1 / -1; order: -1; }
    .name { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.cell { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.cell 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); }
.cell button:hover { background: #4eadd0; }
body.top7 { background: #1e1e1e; color: #aaa; }
body.top7 a { color: #9eb8e8; }
body.top7 .menuBar,
body.top7 .numInner,
body.top7 .name { background: #252525; border-color: #3a3a3a; color: #888; }
body.top7 .wrapInner,
body.top7 .footMain { background: #333; }
body.top7 .wrapInner a:hover,
body.top7 .footMain a:hover { background: #444; }
body.top7 .novel7,
body.top7 .sortCol,
body.top7 .siteBox7,
body.top7 .cate,
body.top7 .navmod,
body.top7 .boxInfo,
body.top7 .titleSec6,
body.top7 .unitFt,
body.top7 .hdInner,
body.top7 .ftSec,
body.top7 .listArea9,
body.top7 .infoArea,
body.top7 .coverWrap6,
body.top7 .sideBlock { background: #2a2a2a; border-color: #444; }
body.top7 .footBox4 { background: #202020; border-color: #444; }
body.top7 .col { color: #b8b8b8; }
body.top7 .topSec,
body.top7 .newMod6 h2,
body.top7 .unitFt h2,
body.top7 .hdInner h2,
body.top7 .listArea9 h2,
body.top7 .infoArea h2,
body.top7 .coverWrap6 h2,
body.top7 .navmod h1,
body.top7 .ftSec h1,
body.top7 .headPanel h2,
body.top7 .boxInfo h1 { background: #333; color: #ccc; border-color: #444; }
body.top7 .dateCell p,
body.top7 .wrapBd6 p,
body.top7 .coverCol7 p,
body.top7 .read p,
body.top7 .unitFt p,
body.top7 .infocol p,
body.top7 .itemCell .infoImg { color: #aaa; }
body.top7 .cateUnit3 th { background: #333; color: #ccc; }
body.top7 .cateUnit3 th,
body.top7 .cateUnit3 td,
body.top7 .linkCol li,
body.top7 .readBdbox li,
body.top7 .coverWrap6 li,
body.top7 .picUnit li { border-color: #444; }
body.top7 .chaBd,
body.top7 .menuInfo input,
body.top7 .descRow select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .cell { right: 10px; bottom: 14px; }
    .cell button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.novelCon { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.novelCon .ftRow { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.footRow { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.siteMain6 {
    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;
}
.siteMain6 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.cateImginfo h1 { font-size: 30px; line-height: 44px; color: #333; }
.page { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.page p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.page .read5 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.updateCover { grid-column: 2; line-height: 1.8; color: #444; }
.block5 { display: none; }
.cellline { display: none; }
.site { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.site h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.site .cont4 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.site .cont4 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.site .cont4.vol li { font-weight: 700; }
.unit7 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.unit7 a, .unit7 span, .unit7 button, .unit7 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.unit7 a, .unit7 span, .unit7 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.unit7 button:disabled { cursor: default; opacity: .65; }
.unit7 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.itemFt { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.itemFt h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.sortBd { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.sortBd a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .novelCon, .site { border-width: 2px; margin-bottom: 12px; }
    .novelCon .ftRow { height: auto; line-height: 1.5; padding: 8px; }
    .footRow { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .siteMain6 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .siteMain6 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .cateImginfo { min-width: 0; }
    .cateImginfo h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .page { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .page p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .block5 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .infoGrid { 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; }
    .infoGrid:hover { color: #fff; text-decoration: none; opacity: .92; }
    .infoGrid.cellBd4 { background: #f0305a; }
    .infoGrid.rank2 { background: #f1a51e; }
    .infoGrid.cellInner { background: #5b8cc3; }
    .updateCover { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .updateCover.textCon2 { max-height: none; }
    .cellline { 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; }
    .site .cont4 { grid-template-columns: 1fr; padding: 0 8px; }
    .site .cont4 li { height: 36px; line-height: 36px; padding-right: 0; }
    .unit7 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .unit7 select { grid-column: 1 / -1; order: -1; }
    .sortBd { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .tool, .coverItem, .numInner, .ftBox, .footBox4, .novelCon, .site { max-width: 100%; overflow-x: hidden; }
    .textList6 { width: 100%; max-width: 100%; }
    .chaBd { min-width: 0; }
    .titleImg { flex: 0 0 68px; width: 68px; }
    .footMain { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .footBox4 { padding-left: 10px; padding-right: 10px; }
    .ftRow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .coverImg h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .coverImg p { white-space: normal; overflow-wrap: anywhere; }
    .col { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .col p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .cell { right: 8px; }
}

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

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

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

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

body.top7 .read7 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.top7 .footBox4 { background: #242424; }
body.top7 .coverImg h1 { color: #ddd; }
body.top7 .coverImg p,
body.top7 .ftRow { color: #aaa; }
body.top7 .col { color: #d2d2d2; }
body.top7 .col p { color: #d2d2d2; }
body.top7.textname .footBox4,
body.top7.gridcover .footBox4,
body.top7.itemMod .footBox4 { background: #242424; }
@media (max-width: 768px) {
    .cateMod { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.top7 .cateMod { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.footBox4 { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.top7) .footBox4 { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.top7) .col { color: #333; }

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

@media (max-width: 768px) {
    .footBox4 > .ftRow,
    .footBox4 > .coverImg { display: none; }
    .footBox4 { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.top7 { background: #e6f8fb; color: #555; }
body.top7 a { color: #4d6da8; }
body.top7 .menuBar { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.top7 .numInner,
body.top7 .name { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.top7 .wrapInner,
body.top7 .footMain { background: #79c2e3; }
body.top7 .wrapInner a,
body.top7 .footMain a { color: #fff; }
body.top7 .chaBd,
body.top7 .menuInfo input,
body.top7 .descRow select { background: #fff; color: #333; border-color: #9bc7df; }
body.top7 .footBox4,
body.top7.textname .footBox4,
body.top7.gridcover .footBox4,
body.top7.itemMod .footBox4 { background: #2f3437; border-color: #444; }
body.top7 .coverImg h1 { color: #ddd; }
body.top7 .coverImg p,
body.top7 .ftRow { color: #aaa; }
body.top7 .barGrid5 a,
body.top7 .barGrid5 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.top7 .cateMod { background: #2f3437; border-color: #555; }
body.top7 .cateMod span,
body.top7 .cateMod label { color: #c8c8c8; }
body.top7 .cateMod select,
body.top7 .cateMod button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.top7 .col { background: transparent; color: #aaa; }
body.top7 .novelInner9 { border-color: #555; color: #bbb; }
body.top7 .col p { color: #aaa; }
body.top7 .read7 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.top7 .barBox8 { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.top7 .barBox8:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.top7 .block { background: #eee; }
body.top7 .block h2 { color: #777; }
body.top7 .titleImg5 a { background: #e3e3e3; color: #333; }
.modWrap { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.modWrap h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.modWrap p { margin: 8px 0; color: #555; }
.topunit { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.topunit:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.top7 .numInner { background: #dff5fb; }
    .modWrap { padding: 42px 12px 48px; border-width: 2px; }
    .modWrap h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.storyLine8 .listArea9,
.storyLine8 .infoArea { align-self: start; }
.storyLine8 .linkCol,
.storyLine8 .readBdbox { padding: 8px 10px; font-size: 13px; }
.storyLine8 .linkCol li,
.storyLine8 .readBdbox li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.storyLine8 .linkCol li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.storyLine8 .readBdbox li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.storyLine8 .linkCol .menuName,
.storyLine8 .linkCol .ftUnit,
.storyLine8 .linkCol .homeSec,
.storyLine8 .linkCol .text,
.storyLine8 .linkCol .tag7,
.storyLine8 .readBdbox span,
.storyLine8 .readBdbox a,
.storyLine8 .readBdbox em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .storyLine8 .linkCol,
    .storyLine8 .readBdbox { padding: 4px 8px; font-size: 14px; }
    .storyLine8 .linkCol li,
    .storyLine8 .readBdbox li { height: 34px; line-height: 34px; }
    .storyLine8 .linkCol li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .storyLine8 .readBdbox li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.cate.catehd {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.catehd .story6 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.catehd .story6 h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.catehd .story6 strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.catehd .img {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.catehd .contCon9 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.catehd .shuArea img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.catehd .imgLink {
  min-width: 0;
}
.catehd .contCon9 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;
}
.catehd .contCon9 h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.catehd .contCon9 h3 span,
.catehd .contCon9 h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.catehd .cateArea3 {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.catehd .cateArea3 a {
  display: inline;
}
.catehd .card {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .cate.catehd {
    padding: 8px;
  }
  .catehd .story6 {
    display: flex;
    justify-content: space-between;
  }
  .catehd .story6 h2 {
    font-size: 20px;
  }
  .catehd .story6 strong {
    font-size: 16px;
  }
  .catehd .img {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .catehd .contCon9 {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .catehd .shuArea img {
    width: 86px;
    height: 116px;
  }
  .catehd .card {
    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; }
.tool, .areaCon4, .ftBox, .readUnit6 { width: 980px; max-width: 980px; margin: 0 auto; }
.numInner { background: #e6f8fb; }
.ftBox { height: 86px; display: flex; align-items: center; gap: 28px; }
.read7 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.read7 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.read7 a:hover { text-decoration: none; color: #0871bd; }
.textList6 { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.chaBd { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.titleImg { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.wrapInner { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.readUnit6 { display: flex; height: 42px; width: 980px; }
.wrapInner a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.wrapInner a:hover, .wrapInner a.foot { background: #57acd2; color: #fff; text-decoration: none; }
.coverItem { padding: 12px 0 20px; }

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

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

.listWrap7 { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.siteimg, .timeInner, .rank { border: 3px solid #9bd5ee; background: #eefafa; }
.siteimg h2, .timeInner h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.maintext li, .wenInner li, .toolWrap li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.maintext li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.wenInner li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.wenInner li.contBlock { grid-template-columns: 76px minmax(0, 1fr); }
.toolWrap li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.maintext a, .wenInner a, .toolWrap a, .link, .infoCon, .coverBd, .textArea7, .wenInner em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.link { color: #555; }
.infoCon, .coverBd, .textArea7, .wenInner em { color: #777; font-style: normal; text-align: right; }
.rank { padding-bottom: 8px; }
.rank h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.rowSec3 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.rowSec3 button, .rowSec3 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.rowSec3 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.rowSec3 button:disabled { opacity: .55; cursor: default; }
.rowSec3 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.boxArea9 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.boxArea9 button, .boxArea9 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.volGrid6 > [hidden] { display: none !important; }
.wraparea { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.wraparea h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.wraparea p, .sideName4 { color: #555; }

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

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

@media (max-width: 1023px) {
  .tool, .areaCon4, .ftBox, .wrapInner, .readUnit6 { width: auto; max-width: none; }
  .menuBar { display: block; }
  .areaCon4 { padding: 0 10px; justify-content: center; }
  .numInner { padding: 10px; }
  .ftBox { height: auto; display: block; }
  .read7 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .textList6 { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .wrapInner { margin: 0 10px; height: 38px; overflow-x: auto; }
  .readUnit6 { display: flex; height: 38px; min-width: max-content; }
  .wrapInner a { line-height: 38px; padding: 0 12px; }
  .coverItem { padding: 8px 10px 16px; }
  .gridLine { display: block; padding: 8px; }
  .gridLine .areaHd { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .gridLine .novelWrap5, .gridLine .novelWrap5 img { width: 86px; }
  .gridLine .novelWrap5 img { height: 116px; }
  .barMeta { display: block; }
  .tagName { min-height: 0; border-right: 0; }
  .listWrap7 { display: flex; flex-direction: column; }
  .timeInner { order: 1; }
  .siteimg { order: 2; }
  .maintext li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .maintext .link, .maintext .infoCon, .maintext .textArea7 { display: none; }
  .wenInner li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .wenInner li span { display: none; }
  .toolWrap li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .toolWrap .link, .toolWrap .cha4 { display: none; }
  .toolWrap .infoCon, .toolWrap .coverBd { text-align: right; }
  .rank h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .rowSec3 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .boxArea9 { grid-template-columns: 1fr 1.25fr 1fr; }
  .hdName9 { display: block; }
  .dateMeta { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .bd img { width: 86px; height: 116px; }
}

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

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

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

  .tagNamepanel .areaHd:last-child {
    border-bottom: 0;
  }

  .tagNamepanel .novelWrap5,
  .tagNamepanel .novelWrap5 img {
    width: 82px;
  }

  .tagNamepanel .novelWrap5 img {
    height: 110px;
    object-fit: cover;
  }

  .tagNamepanel .grid {
    min-width: 0;
  }

  .tagNamepanel .grid 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;
  }

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

  .tagNamepanel .grid 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;
  }

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

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

  .site7 .siteimg,
  .site7 .timeInner {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .site7 .siteimg h2,
  .site7 .timeInner h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .site7 .maintext 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;
  }

  .site7 .maintext .link,
  .site7 .maintext .updateImg,
  .site7 .maintext .cha4 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .site7 .maintext .link {
    display: none;
  }

  .site7 .maintext .infoCon,
  .site7 .maintext .textArea7 {
    display: none;
  }

  .site7 .wenInner 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;
  }

  .site7 .wenInner li.contBlock {
    grid-template-columns: minmax(0, 1fr);
  }

  .site7 .wenInner li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .tool,
  .areaCon4,
  .ftBox,
  .readUnit6 {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .gridLine .novelWrap5,
  .gridLine .novelWrap5 img {
    width: 120px;
  }

  .gridLine .novelWrap5 img {
    height: 160px;
  }

  .gridLine .grid h3,
  .barMeta .grid h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .gridLine .grid p,
  .barMeta .grid p {
    font-size: 14px;
    line-height: 24px;
  }

  .tagName {
    padding: 10px 12px;
  }

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

  .tagName .novelWrap5,
  .tagName .novelWrap5 img {
    width: 92px;
  }

  .tagName .novelWrap5 img {
    height: 124px;
  }

  .cateCover li,
  .wenInner li,
  .maintext li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .siteimg h2,
  .timeInner h2,
  .tagName h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .tagGrid9 .gridLine .areaHd:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .tagGrid9 .gridLine {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .areaCon4,
  .ftBox,
  .readUnit6,
  .tool {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.wrapInner a:hover,
.footMain a:hover,
.readUnit6 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) {
  .areaCon4,
  .ftBox,
  .readUnit6,
  .tool,
  .wrapInner,
  .footMain {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .wrapInner,
  .footMain {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .areaCon4,
  .ftBox,
  .readUnit6,
  .tool,
  .wrapInner,
  .footMain {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .tool,
  .ftBox,
  .areaCon4 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.numInner nav a:hover,
.numInner nav a:focus,
.numInner nav a.foot,
.numInner nav .foot,
.ftBox nav a:hover,
.ftBox nav a:focus,
.ftBox nav a.foot,
.ftBox nav .foot,
.wrapInner a:hover,
.wrapInner a:focus,
.wrapInner a.foot,
.wrapInner .foot,
.footMain a:hover,
.footMain a:focus,
.footMain a.foot,
.footMain .foot {
    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) {
    .areaCon4,
    .numInner .ftBox,
    .ftBox,
    .tool,
    .coverItem,
    .time3,
    .linkName,
    .linkMod,
    .wrapInner,
    .footMain {
        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;
    }

    .menuBar,
    .numInner,
    .coverItem,
    .name,
    .areaCon4,
    .numInner .ftBox,
    .ftBox,
    .tool,
    .linkMod,
    .time3,
    .linkName,
    .cate3,
    .wrapInner,
    .footMain {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .areaCon4,
    .numInner .ftBox,
    .ftBox,
    .tool,
    .time3,
    .linkName,
    .coverItem {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .cate,
    .barInner,
    .sitesec,
    .linkCol5,
    .modFt,
    .rank .areaGrid,
    .toolWrap,
    .areaGrid,
    .storyLine,
    .rowArea,
    .list,
    .novelCon {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .toolUnit,
    .readMod,
    .areaGrid .sec,
    .toolWrap .sec,
    .storyLine .sec,
    .rowArea .sec,
    .list .sec,
    .infoSec,
    .shucon {
        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;
    }

    .toolUnit img,
    .readMod img,
    .bd img,
    .areaGrid .sec img,
    .toolWrap .sec img,
    .storyLine .sec img,
    .rowArea .sec img,
    .list .sec img,
    .infoSec img,
    .shucon img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .read,
    .cont,
    .grid,
    .infocol,
    .shucon dl,
    .shucon .sortUnit {
        min-width: 0 !important;
    }

    .cateCell6,
    .siteFt,
    .mod,
    .areaBar {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .cateCell6 > *,
    .siteFt > *,
    .mod > *,
    .areaBar > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.wrapInner a:hover,
.wrapInner a:focus,
.wrapInner a:active,
.wrapInner a.foot,
.wrapInner .foot,
.footMain a:hover,
.footMain a:focus,
.footMain a:active,
.footMain a.foot,
.footMain .foot,
.numInner nav a:hover,
.numInner nav a:focus,
.numInner nav a:active,
.numInner nav a.foot,
.ftBox nav a:hover,
.ftBox nav a:focus,
.ftBox nav a:active,
.ftBox nav a.foot {
    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) {
  .tagGrid9 .grid p,
  .tagNamepanel .grid p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .ftBox {
    height: 68px;
  }

  .wrapInner,
  .readUnit6 {
    height: 38px;
  }

  .wrapInner a,
  .readUnit6 a {
    line-height: 38px;
  }

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

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

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

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

  .numInner .ftBox,
  .ftBox {
    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;
  }

  .numInner .read7,
  .numInner 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;
  }

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

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

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

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

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

  .numInner .textList6,
  .ftBox .textList6 {
    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;
  }

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

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

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

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

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

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

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

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

  .footRow .cateImginfo {
    display: contents !important;
  }

  .footRow .cateImginfo 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;
  }

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

  .footRow .page p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .footRow .updateCover.textCon2 {
    max-height: none !important;
  }

  .footRow .cellline {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .site .cont4 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .coverItem .tool > .itemFt {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .coverItem .tool > .itemFt .sortBd {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .coverItem .tool > .itemFt .sortBd 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) {
  .site7 .maintext li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .site7 .wenInner li,
  .site7 .wenInner li.contBlock {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .site7.hotCon7 .wenInner li,
  .site7.hotCon7 .wenInner li.contBlock {
    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. */
.site7 { align-items: stretch; }
.site7 .siteimg,
.site7 .timeInner { min-width: 0; }
.site7 .timeInner { display: flex; flex-direction: column; }
.site7 .timeInner .wenInner { flex: 0 0 auto; }
.site7 .topText7 {
  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;
}
.site7 .topText7 > a,
.site7 .topText7 > span,
.site7 .topText7 > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.site7 .topText7 > a,
.site7 .topText7 > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site7 .topText7 > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.site7 .newArea {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.site7 .newArea 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) {
  .site7 .topText7 {
    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) {
  .coverItem.numName5,
  .coverItem.rowInner,
  .coverItem.itemName {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .coverItem.numName5 > .tool,
  .coverItem.rowInner > .tool,
  .coverItem.itemName > .tool {
    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;
  }

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

  .coverItem.textCell6 > .tool {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .coverItem.textCell6 .footBox4 {
    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;
  }

  .coverItem.textCell6 .col {
    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;
  }

  .coverItem.textCell6 .cateMod,
  .coverItem.textCell6 .barGrid5 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}