* { 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%; }
.pageUnit, .chalink, .side, .novelList2, .imgName3 { max-width: 980px; margin: 0 auto; }

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

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

.cateInnerline { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.hotBox, .home, .authorGrid3, .tool, .topBox5, .linkImg8, .authorCell { background: #fff; border: 1px solid #ddd; }
.hotBox { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.area { display: flex; min-height: 132px; overflow: hidden; }
.area .wenFt8 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.area .wenFt8 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.area dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.area dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.area dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.area dd a { color: #555; }
.row, .authorGrid3 h2, .topBox5 h2, .linkImg8 h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.title, .panelSec, .cateList6, .siteBox, .coverCon8 { list-style: none; }
.title li, .cateList6 li, .coverCon8 li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.link5, .headCol { width: 86px; color: #888; flex: 0 0 86px; }
.card6, .bdList { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cateHd { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.secHd, .foot2 { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.catCol { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .pageUnit, .chalink, .side, .novelList2, .imgName3 { width: 100%; max-width: none; }
    .sortText5 { display: none; }
    .linkRow { padding: 10px; }
    .side { height: auto; display: block; }
    .secModcover { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .descs { max-width: none; }
    .navcol { display: none; }
    .novelList2 { display: none; }
    .imgName3 { display: flex; overflow-x: auto; background: #287dc2; }
    .imgName3 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .tool8 { padding: 8px; }
    .cateInnerline, .navLine { display: block; }
    .hotBox { grid-template-columns: 1fr; margin-bottom: 10px; }
    .home, .authorGrid3 { margin-bottom: 10px; }
    .link5, .cateHd, .secHd, .headCol, .foot2, .catCol { display: none; }
    .panelSec { columns: 1; }
    .tool { display: block; text-align: center; }
    .tool .gridMod { margin: 0 auto 12px; }
    .storyImg7 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .coverWrap3 { justify-content: center; }
    .siteBox { grid-template-columns: 1fr; }
    .authorMod3 { padding: 0 12px 18px; }
    .timeGrid h1 { font-size: 22px; }
    .modBlock5 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .mod { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .num6 { gap: 8px; }
    .num6 a, .num6 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.pageUnit, .chalink, .side, .novelList2, .imgName3 { max-width: 1160px; }
.sortText5 { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.chalink { color: #6d8f9e; }
.linkRow { background: #e6f8fb; }
.side { height: 82px; gap: 24px; }
.secModcover { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.secModcover a { color: #0871bd; }
.descs { max-width: 480px; margin-left: auto; }
.update { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.cellUnit { height: 36px; background: #ddd; color: #222; }
.navcol { display: none; }
.novelList2 { height: 44px; background: #79c2e3; padding: 0 10px; }
.novelList2 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.novelList2 a:hover { background: #5eb1d8; }
.tool8 { padding: 12px 0 24px; }

.numMeta9 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.cont8 { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.boxArea img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.titleCover h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.titleCover h2 a { color: #5b6fad; font-weight: 700; }
.titleCover h2 span { float: right; color: #aaa; font-weight: 400; }
.titleCover p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.sort { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.hd, .storyWrap { border: 3px solid #86c9e8; background: #eef6f6; }
.hd h2, .storyWrap h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.panelBar, .pageCover { list-style: none; padding: 8px 12px; }
.panelBar 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; }
.panelBar .areaRow { color: #555; }
.panelBar .novel3, .panelBar .metaLine, .panelBar .cha { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.panelBar .cha, .panelBar .metas { color: #aaa; text-align: right; }
.pageCover li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.pageCover span { color: #555; }
.pageCover a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pageCover em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.update9 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.update9 a, .update9 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.update9 a { line-height: 40px; }
.update9 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.boxLink5 { 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; }
    .pageUnit, .chalink, .side, .novelList2, .imgName3 { width: 100%; max-width: none; }
    .sortText5 { display: none; }
    .linkRow { padding: 10px; background: #dff5fb; }
    .side { display: block; height: auto; }
    .secModcover { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .descs { max-width: none; display: flex; margin-left: 0; }
    .update { height: 38px; font-size: 14px; }
    .cellUnit { width: 72px; height: 38px; }
    .novelList2 { display: none; }
    .imgName3 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .imgName3 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .side .imgName3 { margin-bottom: 8px; }
    .tool8 { padding: 8px; }
    .numMeta9 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .cont8 { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .cont8:last-child { border-bottom: 0; }
    .boxArea img { width: 82px; height: 110px; padding: 2px; }
    .titleCover h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .titleCover h2 span { display: none; }
    .titleCover p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .sort { display: block; }
    .panelInner3 { display: flex; flex-direction: column; }
    .panelInner3 .storyWrap { order: 1; }
    .panelInner3 .hd { order: 2; }
    .hd, .storyWrap { border-width: 2px; margin-bottom: 10px; }
    .hd h2, .storyWrap h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .panelBar, .pageCover { padding: 4px 8px; }
    .panelBar 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; }
    .panelBar .cha, .panelBar .metas { display: none; }
    .panelBar .areaRow { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .panelBar .novel3 { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .panelBar .metaLine { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .pageCover li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .pageCover span { display: none; }
    .update9 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .update9 select { grid-column: 1 / -1; order: -1; }
    .boxLink5 { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.sortArea { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.sortArea 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); }
.sortArea button:hover { background: #4eadd0; }
body.infolink { background: #1e1e1e; color: #aaa; }
body.infolink a { color: #9eb8e8; }
body.infolink .sortText5,
body.infolink .linkRow,
body.infolink .boxLink5 { background: #252525; border-color: #3a3a3a; color: #888; }
body.infolink .novelList2,
body.infolink .imgName3 { background: #333; }
body.infolink .novelList2 a:hover,
body.infolink .imgName3 a:hover { background: #444; }
body.infolink .numMeta9,
body.infolink .link,
body.infolink .pageItem7,
body.infolink .footInfo,
body.infolink .dateBar,
body.infolink .hotInner2,
body.infolink .tool,
body.infolink .topBox5,
body.infolink .linkImg8,
body.infolink .authorCell,
body.infolink .hd,
body.infolink .storyWrap,
body.infolink .area8,
body.infolink .textSec7 { background: #2a2a2a; border-color: #444; }
body.infolink .authorMod3 { background: #202020; border-color: #444; }
body.infolink .modBlock5 { color: #b8b8b8; }
body.infolink .row,
body.infolink .authorGrid3 h2,
body.infolink .topBox5 h2,
body.infolink .linkImg8 h2,
body.infolink .hd h2,
body.infolink .storyWrap h2,
body.infolink .area8 h2,
body.infolink .dateBar h1,
body.infolink .authorCell h1,
body.infolink .homeLink h2,
body.infolink .hotInner2 h1 { background: #333; color: #ccc; border-color: #444; }
body.infolink .titleCover p,
body.infolink .ftWrap p,
body.infolink .toolrow p,
body.infolink .topLink2 p,
body.infolink .topBox5 p,
body.infolink .storyImg7 p,
body.infolink .boxText7 .authorwrap { color: #aaa; }
body.infolink .readBar th { background: #333; color: #ccc; }
body.infolink .readBar th,
body.infolink .readBar td,
body.infolink .panelBar li,
body.infolink .pageCover li,
body.infolink .area8 li,
body.infolink .metaItem li { border-color: #444; }
body.infolink .update,
body.infolink .gridCell8 input,
body.infolink .update9 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .sortArea { right: 10px; bottom: 14px; }
    .sortArea button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.hdCell3 { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.hdCell3 .readWrap { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.unitImg { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.novelPanel {
    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;
}
.novelPanel img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.hotSec h1 { font-size: 30px; line-height: 44px; color: #333; }
.shuCol { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.shuCol p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.shuCol .headColtext { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.blockLine { grid-column: 2; line-height: 1.8; color: #444; }
.homeCell { display: none; }
.cat8 { display: none; }
.sec3 { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.sec3 h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.sec3 .siteBox { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.sec3 .siteBox li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.sec3 .siteBox.bookCol li { font-weight: 700; }
.novelLine { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.novelLine a, .novelLine span, .novelLine button, .novelLine select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.novelLine a, .novelLine span, .novelLine button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.novelLine button:disabled { cursor: default; opacity: .65; }
.novelLine select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.time9 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.time9 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.areaInfo4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.areaInfo4 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .hdCell3, .sec3 { border-width: 2px; margin-bottom: 12px; }
    .hdCell3 .readWrap { height: auto; line-height: 1.5; padding: 8px; }
    .unitImg { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .novelPanel { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .novelPanel img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .hotSec { min-width: 0; }
    .hotSec h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .shuCol { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .shuCol p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .homeCell { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .wrap6 { 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; }
    .wrap6:hover { color: #fff; text-decoration: none; opacity: .92; }
    .wrap6.card { background: #f0305a; }
    .wrap6.cateBox { background: #f1a51e; }
    .wrap6.toolGrid { background: #5b8cc3; }
    .blockLine { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .blockLine.boxMod { max-height: none; }
    .cat8 { 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; }
    .sec3 .siteBox { grid-template-columns: 1fr; padding: 0 8px; }
    .sec3 .siteBox li { height: 36px; line-height: 36px; padding-right: 0; }
    .novelLine { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .novelLine select { grid-column: 1 / -1; order: -1; }
    .areaInfo4 { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .pageUnit, .tool8, .linkRow, .side, .authorMod3, .hdCell3, .sec3 { max-width: 100%; overflow-x: hidden; }
    .descs { width: 100%; max-width: 100%; }
    .update { min-width: 0; }
    .cellUnit { flex: 0 0 68px; width: 68px; }
    .imgName3 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .authorMod3 { padding-left: 10px; padding-right: 10px; }
    .readWrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .timeGrid h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .timeGrid p { white-space: normal; overflow-wrap: anywhere; }
    .modBlock5 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .modBlock5 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .sortArea { right: 8px; }
}

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

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

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

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

body.infolink .secModcover a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.infolink .authorMod3 { background: #242424; }
body.infolink .timeGrid h1 { color: #ddd; }
body.infolink .timeGrid p,
body.infolink .readWrap { color: #aaa; }
body.infolink .modBlock5 { color: #d2d2d2; }
body.infolink .modBlock5 p { color: #d2d2d2; }
body.infolink.ft .authorMod3,
body.infolink.cateLink .authorMod3,
body.infolink.navCover .authorMod3 { background: #242424; }
@media (max-width: 768px) {
    .tagBar4 { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.infolink .tagBar4 { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.authorMod3 { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.infolink) .authorMod3 { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.infolink) .modBlock5 { color: #333; }

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

@media (max-width: 768px) {
    .authorMod3 > .readWrap,
    .authorMod3 > .timeGrid { display: none; }
    .authorMod3 { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.infolink { background: #e6f8fb; color: #555; }
body.infolink a { color: #4d6da8; }
body.infolink .sortText5 { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.infolink .linkRow,
body.infolink .boxLink5 { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.infolink .novelList2,
body.infolink .imgName3 { background: #79c2e3; }
body.infolink .novelList2 a,
body.infolink .imgName3 a { color: #fff; }
body.infolink .update,
body.infolink .gridCell8 input,
body.infolink .update9 select { background: #fff; color: #333; border-color: #9bc7df; }
body.infolink .authorMod3,
body.infolink.ft .authorMod3,
body.infolink.cateLink .authorMod3,
body.infolink.navCover .authorMod3 { background: #2f3437; border-color: #444; }
body.infolink .timeGrid h1 { color: #ddd; }
body.infolink .timeGrid p,
body.infolink .readWrap { color: #aaa; }
body.infolink .num6 a,
body.infolink .num6 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.infolink .tagBar4 { background: #2f3437; border-color: #555; }
body.infolink .tagBar4 span,
body.infolink .tagBar4 label { color: #c8c8c8; }
body.infolink .tagBar4 select,
body.infolink .tagBar4 button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.infolink .modBlock5 { background: transparent; color: #aaa; }
body.infolink .mod { border-color: #555; color: #bbb; }
body.infolink .modBlock5 p { color: #aaa; }
body.infolink .secModcover a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.infolink .time { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.infolink .time:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.infolink .readCell { background: #eee; }
body.infolink .readCell h2 { color: #777; }
body.infolink .picBox a { background: #e3e3e3; color: #333; }
.cateInner { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.cateInner h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.cateInner p { margin: 8px 0; color: #555; }
.date5 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.date5:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.infolink .linkRow { background: #dff5fb; }
    .cateInner { padding: 42px 12px 48px; border-width: 2px; }
    .cateInner h1 { font-size: 24px; }
}

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

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

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

/* static rank page, bqg style */
.footInfo.infounit {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.infounit .headWrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.infounit .headWrap h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.infounit .headWrap strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.infounit .story5 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.infounit .page7 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.infounit .cellUnit9 img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.infounit .cont {
  min-width: 0;
}
.infounit .page7 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;
}
.infounit .page7 h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.infounit .page7 h3 span,
.infounit .page7 h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.infounit .toolCover {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.infounit .toolCover a {
  display: inline;
}
.infounit .barWrap {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .footInfo.infounit {
    padding: 8px;
  }
  .infounit .headWrap {
    display: flex;
    justify-content: space-between;
  }
  .infounit .headWrap h2 {
    font-size: 20px;
  }
  .infounit .headWrap strong {
    font-size: 16px;
  }
  .infounit .story5 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .infounit .page7 {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .infounit .cellUnit9 img {
    width: 86px;
    height: 116px;
  }
  .infounit .barWrap {
    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; }
.pageUnit, .chalink, .side, .updateFt { width: 980px; max-width: 980px; margin: 0 auto; }
.linkRow { background: #e6f8fb; }
.side { height: 86px; display: flex; align-items: center; gap: 28px; }
.secModcover { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.secModcover a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.secModcover a:hover { text-decoration: none; color: #0871bd; }
.descs { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.update { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.cellUnit { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.novelList2 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.updateFt { display: flex; height: 42px; width: 980px; }
.novelList2 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.novelList2 a:hover, .novelList2 a.imgCon { background: #57acd2; color: #fff; text-decoration: none; }
.tool8 { padding: 12px 0 20px; }

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

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

.rankPanel { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.wen6, .headImg6, .bd { border: 3px solid #9bd5ee; background: #eefafa; }
.wen6 h2, .headImg6 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.cateList6 li, .boxInfo6 li, .coverCon8 li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.cateList6 li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.boxInfo6 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.boxInfo6 li.sortList { grid-template-columns: 76px minmax(0, 1fr); }
.coverCon8 li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.cateList6 a, .boxInfo6 a, .coverCon8 a, .cellCover, .descinfo, .block, .novelUnit4, .boxInfo6 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cellCover { color: #555; }
.descinfo, .block, .novelUnit4, .boxInfo6 em { color: #777; font-style: normal; text-align: right; }
.bd { padding-bottom: 8px; }
.bd h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.hotItem { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.hotItem button, .hotItem select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.hotItem button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.hotItem button:disabled { opacity: .55; cursor: default; }
.hotItem select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.bookFt7 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.bookFt7 button, .bookFt7 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.text > [hidden] { display: none !important; }
.rank { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.rank h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.rank p, .chas { color: #555; }

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

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

@media (max-width: 1023px) {
  .pageUnit, .chalink, .side, .novelList2, .updateFt { width: auto; max-width: none; }
  .sortText5 { display: block; }
  .chalink { padding: 0 10px; justify-content: center; }
  .linkRow { padding: 10px; }
  .side { height: auto; display: block; }
  .secModcover { width: auto; margin-bottom: 8px; font-size: 28px; }
  .descs { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .novelList2 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .updateFt { display: flex; height: 38px; min-width: max-content; }
  .novelList2 a { line-height: 38px; padding: 0 12px; }
  .tool8 { padding: 8px 10px 16px; }
  .barMod7 { display: block; padding: 8px; }
  .barMod7 .secMod { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .barMod7 .gridMod, .barMod7 .gridMod img { width: 86px; }
  .barMod7 .gridMod img { height: 116px; }
  .unit9 { display: block; }
  .cell { min-height: 0; border-right: 0; }
  .rankPanel { display: flex; flex-direction: column; }
  .headImg6 { order: 1; }
  .wen6 { order: 2; }
  .cateList6 li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .cateList6 .cellCover, .cateList6 .descinfo, .cateList6 .novelUnit4 { display: none; }
  .boxInfo6 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .boxInfo6 li span { display: none; }
  .coverCon8 li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .coverCon8 .cellCover, .coverCon8 .storyCover9 { display: none; }
  .coverCon8 .descinfo, .coverCon8 .block { text-align: right; }
  .bd h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .hotItem { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .bookFt7 { grid-template-columns: 1fr 1.25fr 1fr; }
  .navblock { display: block; }
  .picItem { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .new img { width: 86px; height: 116px; }
}

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

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

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

  .grid4 .secMod:last-child {
    border-bottom: 0;
  }

  .grid4 .gridMod,
  .grid4 .gridMod img {
    width: 82px;
  }

  .grid4 .gridMod img {
    height: 110px;
    object-fit: cover;
  }

  .grid4 .itemimg {
    min-width: 0;
  }

  .grid4 .itemimg 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;
  }

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

  .grid4 .itemimg 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;
  }

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

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

  .cha8 .wen6,
  .cha8 .headImg6 {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .cha8 .wen6 h2,
  .cha8 .headImg6 h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .cha8 .cateList6 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;
  }

  .cha8 .cateList6 .cellCover,
  .cha8 .cateList6 .homeGrid,
  .cha8 .cateList6 .storyCover9 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .cha8 .cateList6 .cellCover {
    display: none;
  }

  .cha8 .cateList6 .descinfo,
  .cha8 .cateList6 .novelUnit4 {
    display: none;
  }

  .cha8 .boxInfo6 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;
  }

  .cha8 .boxInfo6 li.sortList {
    grid-template-columns: minmax(0, 1fr);
  }

  .cha8 .boxInfo6 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .pageUnit,
  .chalink,
  .side,
  .updateFt {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .barMod7 .gridMod,
  .barMod7 .gridMod img {
    width: 120px;
  }

  .barMod7 .gridMod img {
    height: 160px;
  }

  .barMod7 .itemimg h3,
  .unit9 .itemimg h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .barMod7 .itemimg p,
  .unit9 .itemimg p {
    font-size: 14px;
    line-height: 24px;
  }

  .cell {
    padding: 10px 12px;
  }

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

  .cell .gridMod,
  .cell .gridMod img {
    width: 92px;
  }

  .cell .gridMod img {
    height: 124px;
  }

  .storyName li,
  .boxInfo6 li,
  .cateList6 li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .wen6 h2,
  .headImg6 h2,
  .cell h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .cateArea .barMod7 .secMod:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .cateArea .barMod7 {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .chalink,
  .side,
  .updateFt,
  .pageUnit {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.novelList2 a:hover,
.imgName3 a:hover,
.updateFt 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) {
  .chalink,
  .side,
  .updateFt,
  .pageUnit,
  .novelList2,
  .imgName3 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .novelList2,
  .imgName3 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .chalink,
  .side,
  .updateFt,
  .pageUnit,
  .novelList2,
  .imgName3 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .pageUnit,
  .side,
  .chalink {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.linkRow nav a:hover,
.linkRow nav a:focus,
.linkRow nav a.imgCon,
.linkRow nav .imgCon,
.side nav a:hover,
.side nav a:focus,
.side nav a.imgCon,
.side nav .imgCon,
.novelList2 a:hover,
.novelList2 a:focus,
.novelList2 a.imgCon,
.novelList2 .imgCon,
.imgName3 a:hover,
.imgName3 a:focus,
.imgName3 a.imgCon,
.imgName3 .imgCon {
    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) {
    .chalink,
    .linkRow .side,
    .side,
    .pageUnit,
    .tool8,
    .infocon,
    .textCell2,
    .toolBar,
    .novelList2,
    .imgName3 {
        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;
    }

    .sortText5,
    .linkRow,
    .tool8,
    .boxLink5,
    .chalink,
    .linkRow .side,
    .side,
    .pageUnit,
    .toolBar,
    .infocon,
    .textCell2,
    .rowLink,
    .novelList2,
    .imgName3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .chalink,
    .linkRow .side,
    .side,
    .pageUnit,
    .infocon,
    .textCell2,
    .tool8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .footInfo,
    .cellInfo,
    .infoBd6,
    .infoBd,
    .cell9,
    .bd .hotWrap,
    .coverCon8,
    .hotWrap,
    .hdrow,
    .listPanel,
    .metaInfo7,
    .hdCell3 {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .hdItem,
    .rankunit,
    .hotWrap .storyCell8,
    .coverCon8 .storyCell8,
    .hdrow .storyCell8,
    .listPanel .storyCell8,
    .metaInfo7 .storyCell8,
    .secHd2,
    .area {
        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;
    }

    .hdItem img,
    .rankunit img,
    .new img,
    .hotWrap .storyCell8 img,
    .coverCon8 .storyCell8 img,
    .hdrow .storyCell8 img,
    .listPanel .storyCell8 img,
    .metaInfo7 .storyCell8 img,
    .secHd2 img,
    .area img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .topLink2,
    .linkCon5,
    .itemimg,
    .storyImg7,
    .area dl,
    .area .ftArea {
        min-width: 0 !important;
    }

    .rankcover,
    .topmod,
    .cateInnerline,
    .topCell8 {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .rankcover > *,
    .topmod > *,
    .cateInnerline > *,
    .topCell8 > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.novelList2 a:hover,
.novelList2 a:focus,
.novelList2 a:active,
.novelList2 a.imgCon,
.novelList2 .imgCon,
.imgName3 a:hover,
.imgName3 a:focus,
.imgName3 a:active,
.imgName3 a.imgCon,
.imgName3 .imgCon,
.linkRow nav a:hover,
.linkRow nav a:focus,
.linkRow nav a:active,
.linkRow nav a.imgCon,
.side nav a:hover,
.side nav a:focus,
.side nav a:active,
.side nav a.imgCon {
    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) {
  .cateArea .itemimg p,
  .grid4 .itemimg p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .side {
    height: 68px;
  }

  .novelList2,
  .updateFt {
    height: 38px;
  }

  .novelList2 a,
  .updateFt a {
    line-height: 38px;
  }

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

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

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

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

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

  .linkRow .secModcover,
  .linkRow 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;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .unitImg .hotSec {
    display: contents !important;
  }

  .unitImg .hotSec 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;
  }

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

  .unitImg .shuCol p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .unitImg .blockLine.boxMod {
    max-height: none !important;
  }

  .unitImg .cat8 {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .sec3 .siteBox {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .tool8 .pageUnit > .time9 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .tool8 .pageUnit > .time9 .areaInfo4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .tool8 .pageUnit > .time9 .areaInfo4 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) {
  .cha8 .cateList6 li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .cha8 .boxInfo6 li,
  .cha8 .boxInfo6 li.sortList {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .cha8.sideRow .boxInfo6 li,
  .cha8.sideRow .boxInfo6 li.sortList {
    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. */
.cha8 { align-items: stretch; }
.cha8 .wen6,
.cha8 .headImg6 { min-width: 0; }
.cha8 .headImg6 { display: flex; flex-direction: column; }
.cha8 .headImg6 .boxInfo6 { flex: 0 0 auto; }
.cha8 .linkName {
  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;
}
.cha8 .linkName > a,
.cha8 .linkName > span,
.cha8 .linkName > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.cha8 .linkName > a,
.cha8 .linkName > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.cha8 .linkName > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.cha8 .wrapBlock {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.cha8 .wrapBlock 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) {
  .cha8 .linkName {
    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) {
  .tool8.panelFt,
  .tool8.itemImg,
  .tool8.grid4list {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .tool8.panelFt > .pageUnit,
  .tool8.itemImg > .pageUnit,
  .tool8.grid4list > .pageUnit {
    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;
  }

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

  .tool8.chaCover > .pageUnit {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .tool8.chaCover .authorMod3 {
    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;
  }

  .tool8.chaCover .modBlock5 {
    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;
  }

  .tool8.chaCover .tagBar4,
  .tool8.chaCover .num6 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}