* { 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%; }
.contblock, .sideinner, .volpanellink, .modcover6, .datecol { max-width: 980px; margin: 0 auto; }

.headline { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.sideinner { display: flex; gap: 24px; align-items: center; height: 30px; }
.toolft { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.toolft:hover { color: #0871bd; text-decoration: underline; }
.barunit7 { background: #2f8ed8; }
.volpanellink { height: 76px; display: flex; align-items: center; gap: 28px; }
.wen9 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.wen9 a { color: #fff; letter-spacing: 0; }
.wen9 a:hover { color: inherit; text-decoration: none; }
.navwrap3 { flex: 1; display: flex; max-width: 470px; }
.catemain { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.modimg { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.picmain3 { margin-left: auto; display: flex; gap: 10px; }
.picmain3 a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.itemft { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.secmod, .hdcon, .secrow, .wengrid6, .num, .hotname7, .chabox { background: #fff; border: 1px solid #ddd; }
.secmod { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.colline { display: flex; min-height: 132px; overflow: hidden; }
.colline .panelcover4 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.colline .panelcover4 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.colline dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.colline dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.colline dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.colline dd a { color: #555; }
.tag, .secrow h2, .num h2, .hotname7 h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.unitsec7, .menumeta, .rank2, .listitem4, .wencover2 { list-style: none; }
.unitsec7 li, .rank2 li, .wencover2 li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.headitem2, .coverpanel7 { width: 86px; color: #888; flex: 0 0 86px; }
.wrapgrid, .time { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.homeinnergrid { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.descblock, .secmeta { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.imgbox { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .contblock, .sideinner, .volpanellink, .modcover6, .datecol { width: 100%; max-width: none; }
    .headline { display: none; }
    .barunit7 { padding: 10px; }
    .volpanellink { height: auto; display: block; }
    .wen9 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .navwrap3 { max-width: none; }
    .picmain3 { display: none; }
    .modcover6 { display: none; }
    .datecol { display: flex; overflow-x: auto; background: #287dc2; }
    .datecol a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .coverwrapunit { padding: 8px; }
    .itemft, .catelink { display: block; }
    .secmod { grid-template-columns: 1fr; margin-bottom: 10px; }
    .hdcon, .secrow { margin-bottom: 10px; }
    .headitem2, .homeinnergrid, .descblock, .coverpanel7, .secmeta, .imgbox { display: none; }
    .menumeta { columns: 1; }
    .wengrid6 { display: block; text-align: center; }
    .wengrid6 .itemmain { margin: 0 auto 12px; }
    .homecol3 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .pagehd6 { justify-content: center; }
    .listitem4 { grid-template-columns: 1fr; }
    .storylist { padding: 0 12px 18px; }
    .authorunit5 h1 { font-size: 22px; }
    .unitarea { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .colwrap { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .barlist { gap: 8px; }
    .barlist a, .barlist span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.contblock, .sideinner, .volpanellink, .modcover6, .datecol { max-width: 1160px; }
.headline { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.sideinner { color: #6d8f9e; }
.barunit7 { background: #e6f8fb; }
.volpanellink { height: 82px; gap: 24px; }
.wen9 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.wen9 a { color: #0871bd; }
.navwrap3 { max-width: 480px; margin-left: auto; }
.catemain { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.modimg { height: 36px; background: #ddd; color: #222; }
.picmain3 { display: none; }
.modcover6 { height: 44px; background: #79c2e3; padding: 0 10px; }
.modcover6 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.modcover6 a:hover { background: #5eb1d8; }
.coverwrapunit { padding: 12px 0 24px; }

.title { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.chacol { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.updatebox4 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.new h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.new h2 a { color: #5b6fad; font-weight: 700; }
.new h2 span { float: right; color: #aaa; font-weight: 400; }
.new p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.foot { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.tool, .gridcon8 { border: 3px solid #86c9e8; background: #eef6f6; }
.tool h2, .gridcon8 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.wen3, .pagecol { list-style: none; padding: 8px 12px; }
.wen3 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; }
.wen3 .metaimg { color: #555; }
.wen3 .img, .wen3 .sortcell9, .wen3 .wenmeta2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wen3 .wenmeta2, .wen3 .novel { color: #aaa; text-align: right; }
.pagecol li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.pagecol span { color: #555; }
.pagecol a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pagecol em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.block2 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.block2 a, .block2 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.block2 a { line-height: 40px; }
.block2 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.infounit { 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; }
    .contblock, .sideinner, .volpanellink, .modcover6, .datecol { width: 100%; max-width: none; }
    .headline { display: none; }
    .barunit7 { padding: 10px; background: #dff5fb; }
    .volpanellink { display: block; height: auto; }
    .wen9 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .navwrap3 { max-width: none; display: flex; margin-left: 0; }
    .catemain { height: 38px; font-size: 14px; }
    .modimg { width: 72px; height: 38px; }
    .modcover6 { display: none; }
    .datecol { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .datecol a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .volpanellink .datecol { margin-bottom: 8px; }
    .coverwrapunit { padding: 8px; }
    .title { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .chacol { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .chacol:last-child { border-bottom: 0; }
    .updatebox4 img { width: 82px; height: 110px; padding: 2px; }
    .new h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .new h2 span { display: none; }
    .new p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .foot { display: block; }
    .picmod { display: flex; flex-direction: column; }
    .picmod .gridcon8 { order: 1; }
    .picmod .tool { order: 2; }
    .tool, .gridcon8 { border-width: 2px; margin-bottom: 10px; }
    .tool h2, .gridcon8 h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .wen3, .pagecol { padding: 4px 8px; }
    .wen3 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; }
    .wen3 .wenmeta2, .wen3 .novel { display: none; }
    .wen3 .metaimg { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .wen3 .img { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .wen3 .sortcell9 { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .pagecol li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .pagecol span { display: none; }
    .block2 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .block2 select { grid-column: 1 / -1; order: -1; }
    .infounit { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.novelname { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.novelname 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); }
.novelname button:hover { background: #4eadd0; }
body.textmain7 { background: #1e1e1e; color: #aaa; }
body.textmain7 a { color: #9eb8e8; }
body.textmain7 .headline,
body.textmain7 .barunit7,
body.textmain7 .infounit { background: #252525; border-color: #3a3a3a; color: #888; }
body.textmain7 .modcover6,
body.textmain7 .datecol { background: #333; }
body.textmain7 .modcover6 a:hover,
body.textmain7 .datecol a:hover { background: #444; }
body.textmain7 .title,
body.textmain7 .sec,
body.textmain7 .coverwrap,
body.textmain7 .catecover,
body.textmain7 .shuarea6,
body.textmain7 .secmodbd,
body.textmain7 .wengrid6,
body.textmain7 .num,
body.textmain7 .hotname7,
body.textmain7 .chabox,
body.textmain7 .tool,
body.textmain7 .gridcon8,
body.textmain7 .update8,
body.textmain7 .authorsec { background: #2a2a2a; border-color: #444; }
body.textmain7 .storylist { background: #202020; border-color: #444; }
body.textmain7 .unitarea { color: #b8b8b8; }
body.textmain7 .tag,
body.textmain7 .secrow h2,
body.textmain7 .num h2,
body.textmain7 .hotname7 h2,
body.textmain7 .tool h2,
body.textmain7 .gridcon8 h2,
body.textmain7 .update8 h2,
body.textmain7 .shuarea6 h1,
body.textmain7 .chabox h1,
body.textmain7 .ftwrap2 h2,
body.textmain7 .secmodbd h1 { background: #333; color: #ccc; border-color: #444; }
body.textmain7 .new p,
body.textmain7 .col p,
body.textmain7 .timemod p,
body.textmain7 .barcon p,
body.textmain7 .num p,
body.textmain7 .homecol3 p,
body.textmain7 .secline .text { color: #aaa; }
body.textmain7 .unit th { background: #333; color: #ccc; }
body.textmain7 .unit th,
body.textmain7 .unit td,
body.textmain7 .wen3 li,
body.textmain7 .pagecol li,
body.textmain7 .update8 li,
body.textmain7 .novelinner2 li { border-color: #444; }
body.textmain7 .catemain,
body.textmain7 .descinner input,
body.textmain7 .block2 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .novelname { right: 10px; bottom: 14px; }
    .novelname button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.imgft9 { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.imgft9 .areawrap { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.unitmain { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.titlerow {
    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;
}
.titlerow img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.cardbd h1 { font-size: 30px; line-height: 44px; color: #333; }
.readbar5 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.readbar5 p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.readbar5 .hdbd { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.wenrow { grid-column: 2; line-height: 1.8; color: #444; }
.read5 { display: none; }
.read { display: none; }
.griditem8 { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.griditem8 h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.griditem8 .listitem4 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.griditem8 .listitem4 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.griditem8 .listitem4.card li { font-weight: 700; }
.panelblock9 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.panelblock9 a, .panelblock9 span, .panelblock9 button, .panelblock9 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.panelblock9 a, .panelblock9 span, .panelblock9 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.panelblock9 button:disabled { cursor: default; opacity: .65; }
.panelblock9 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.rowlink4 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.rowlink4 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.navmain { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.navmain a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .imgft9, .griditem8 { border-width: 2px; margin-bottom: 12px; }
    .imgft9 .areawrap { height: auto; line-height: 1.5; padding: 8px; }
    .unitmain { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .titlerow { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .titlerow img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .cardbd { min-width: 0; }
    .cardbd h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .readbar5 { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .readbar5 p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .read5 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .footarea { 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; }
    .footarea:hover { color: #fff; text-decoration: none; opacity: .92; }
    .footarea.titlegrid { background: #f0305a; }
    .footarea.novelbox7 { background: #f1a51e; }
    .footarea.home6 { background: #5b8cc3; }
    .wenrow { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .wenrow.secitem { max-height: none; }
    .read { 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; }
    .griditem8 .listitem4 { grid-template-columns: 1fr; padding: 0 8px; }
    .griditem8 .listitem4 li { height: 36px; line-height: 36px; padding-right: 0; }
    .panelblock9 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .panelblock9 select { grid-column: 1 / -1; order: -1; }
    .navmain { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .contblock, .coverwrapunit, .barunit7, .volpanellink, .storylist, .imgft9, .griditem8 { max-width: 100%; overflow-x: hidden; }
    .navwrap3 { width: 100%; max-width: 100%; }
    .catemain { min-width: 0; }
    .modimg { flex: 0 0 68px; width: 68px; }
    .datecol { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .storylist { padding-left: 10px; padding-right: 10px; }
    .areawrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .authorunit5 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .authorunit5 p { white-space: normal; overflow-wrap: anywhere; }
    .unitarea { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .unitarea p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .novelname { right: 8px; }
}

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

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

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

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

body.textmain7 .wen9 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.textmain7 .storylist { background: #242424; }
body.textmain7 .authorunit5 h1 { color: #ddd; }
body.textmain7 .authorunit5 p,
body.textmain7 .areawrap { color: #aaa; }
body.textmain7 .unitarea { color: #d2d2d2; }
body.textmain7 .unitarea p { color: #d2d2d2; }
body.textmain7.coverbox .storylist,
body.textmain7.linkft .storylist,
body.textmain7.navhd .storylist { background: #242424; }
@media (max-width: 768px) {
    .book8 { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.textmain7 .book8 { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.storylist { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.textmain7) .storylist { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.textmain7) .unitarea { color: #333; }

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

@media (max-width: 768px) {
    .storylist > .areawrap,
    .storylist > .authorunit5 { display: none; }
    .storylist { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.textmain7 { background: #e6f8fb; color: #555; }
body.textmain7 a { color: #4d6da8; }
body.textmain7 .headline { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.textmain7 .barunit7,
body.textmain7 .infounit { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.textmain7 .modcover6,
body.textmain7 .datecol { background: #79c2e3; }
body.textmain7 .modcover6 a,
body.textmain7 .datecol a { color: #fff; }
body.textmain7 .catemain,
body.textmain7 .descinner input,
body.textmain7 .block2 select { background: #fff; color: #333; border-color: #9bc7df; }
body.textmain7 .storylist,
body.textmain7.coverbox .storylist,
body.textmain7.linkft .storylist,
body.textmain7.navhd .storylist { background: #2f3437; border-color: #444; }
body.textmain7 .authorunit5 h1 { color: #ddd; }
body.textmain7 .authorunit5 p,
body.textmain7 .areawrap { color: #aaa; }
body.textmain7 .barlist a,
body.textmain7 .barlist span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.textmain7 .book8 { background: #2f3437; border-color: #555; }
body.textmain7 .book8 span,
body.textmain7 .book8 label { color: #c8c8c8; }
body.textmain7 .book8 select,
body.textmain7 .book8 button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.textmain7 .unitarea { background: transparent; color: #aaa; }
body.textmain7 .colwrap { border-color: #555; color: #bbb; }
body.textmain7 .unitarea p { color: #aaa; }
body.textmain7 .wen9 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.textmain7 .imgline9 { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.textmain7 .imgline9:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.textmain7 .wrapft5 { background: #eee; }
body.textmain7 .wrapft5 h2 { color: #777; }
body.textmain7 .titlelink6 a { background: #e3e3e3; color: #333; }
.areacol9 { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.areacol9 h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.areacol9 p { margin: 8px 0; color: #555; }
.footitem6 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.footitem6:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.textmain7 .barunit7 { background: #dff5fb; }
    .areacol9 { padding: 42px 12px 48px; border-width: 2px; }
    .areacol9 h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.picmod .tool,
.picmod .gridcon8 { align-self: start; }
.picmod .wen3,
.picmod .pagecol { padding: 8px 10px; font-size: 13px; }
.picmod .wen3 li,
.picmod .pagecol li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.picmod .wen3 li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.picmod .pagecol li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.picmod .wen3 .metaimg,
.picmod .wen3 .img,
.picmod .wen3 .sortcell9,
.picmod .wen3 .wenmeta2,
.picmod .wen3 .novel,
.picmod .pagecol span,
.picmod .pagecol a,
.picmod .pagecol em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .picmod .wen3,
    .picmod .pagecol { padding: 4px 8px; font-size: 14px; }
    .picmod .wen3 li,
    .picmod .pagecol li { height: 34px; line-height: 34px; }
    .picmod .wen3 li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .picmod .pagecol li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.catecover.updatecover {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.updatecover .bditem9 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.updatecover .bditem9 h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.updatecover .bditem9 strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.updatecover .rank3 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.updatecover .readcell9 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.updatecover .storymeta img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.updatecover .mainwrap7 {
  min-width: 0;
}
.updatecover .readcell9 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;
}
.updatecover .readcell9 h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.updatecover .readcell9 h3 span,
.updatecover .readcell9 h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.updatecover .vol {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.updatecover .vol a {
  display: inline;
}
.updatecover .seccol {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .catecover.updatecover {
    padding: 8px;
  }
  .updatecover .bditem9 {
    display: flex;
    justify-content: space-between;
  }
  .updatecover .bditem9 h2 {
    font-size: 20px;
  }
  .updatecover .bditem9 strong {
    font-size: 16px;
  }
  .updatecover .rank3 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .updatecover .readcell9 {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .updatecover .storymeta img {
    width: 86px;
    height: 116px;
  }
  .updatecover .seccol {
    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; }
.contblock, .sideinner, .volpanellink, .bookbar { width: 980px; max-width: 980px; margin: 0 auto; }
.barunit7 { background: #e6f8fb; }
.volpanellink { height: 86px; display: flex; align-items: center; gap: 28px; }
.wen9 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.wen9 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.wen9 a:hover { text-decoration: none; color: #0871bd; }
.navwrap3 { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.catemain { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.modimg { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.modcover6 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.bookbar { display: flex; height: 42px; width: 980px; }
.modcover6 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.modcover6 a:hover, .modcover6 a.list { background: #57acd2; color: #fff; text-decoration: none; }
.coverwrapunit { padding: 12px 0 20px; }

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

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

.imgblock3 { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.newbd, .secs, .date4 { border: 3px solid #9bd5ee; background: #eefafa; }
.newbd h2, .secs h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.rank2 li, .wrapname5 li, .wencover2 li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.rank2 li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.wrapname5 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.wrapname5 li.new8 { grid-template-columns: 76px minmax(0, 1fr); }
.wencover2 li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.rank2 a, .wrapname5 a, .wencover2 a, .headsec8, .infopanel6, .topinfo7, .list4, .wrapname5 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.headsec8 { color: #555; }
.infopanel6, .topinfo7, .list4, .wrapname5 em { color: #777; font-style: normal; text-align: right; }
.date4 { padding-bottom: 8px; }
.date4 h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.imgft { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.imgft button, .imgft select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.imgft button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.imgft button:disabled { opacity: .55; cursor: default; }
.imgft select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.homeinner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.homeinner button, .homeinner select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.sortbd3 > [hidden] { display: none !important; }
.novelmain { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.novelmain h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.novelmain p, .shuline { color: #555; }

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

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

@media (max-width: 1023px) {
  .contblock, .sideinner, .volpanellink, .modcover6, .bookbar { width: auto; max-width: none; }
  .headline { display: block; }
  .sideinner { padding: 0 10px; justify-content: center; }
  .barunit7 { padding: 10px; }
  .volpanellink { height: auto; display: block; }
  .wen9 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .navwrap3 { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .modcover6 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .bookbar { display: flex; height: 38px; min-width: max-content; }
  .modcover6 a { line-height: 38px; padding: 0 12px; }
  .coverwrapunit { padding: 8px 10px 16px; }
  .datelink { display: block; padding: 8px; }
  .datelink .contbd5 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .datelink .itemmain, .datelink .itemmain img { width: 86px; }
  .datelink .itemmain img { height: 116px; }
  .wentext { display: block; }
  .tagrow { min-height: 0; border-right: 0; }
  .imgblock3 { display: flex; flex-direction: column; }
  .secs { order: 1; }
  .newbd { order: 2; }
  .rank2 li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .rank2 .headsec8, .rank2 .infopanel6, .rank2 .list4 { display: none; }
  .wrapname5 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .wrapname5 li span { display: none; }
  .wencover2 li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .wencover2 .headsec8, .wencover2 .titleline { display: none; }
  .wencover2 .infopanel6, .wencover2 .topinfo7 { text-align: right; }
  .date4 h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .imgft { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .homeinner { grid-template-columns: 1fr 1.25fr 1fr; }
  .readitem8 { display: block; }
  .unitareabox { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .cont img { width: 86px; height: 116px; }
}

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

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

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

  .menuline .contbd5:last-child {
    border-bottom: 0;
  }

  .menuline .itemmain,
  .menuline .itemmain img {
    width: 82px;
  }

  .menuline .itemmain img {
    height: 110px;
    object-fit: cover;
  }

  .menuline .volpanel {
    min-width: 0;
  }

  .menuline .volpanel 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;
  }

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

  .menuline .volpanel 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;
  }

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

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

  .sortft .newbd,
  .sortft .secs {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .sortft .newbd h2,
  .sortft .secs h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .sortft .rank2 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;
  }

  .sortft .rank2 .headsec8,
  .sortft .rank2 .blocklink4,
  .sortft .rank2 .titleline {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .sortft .rank2 .headsec8 {
    display: none;
  }

  .sortft .rank2 .infopanel6,
  .sortft .rank2 .list4 {
    display: none;
  }

  .sortft .wrapname5 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;
  }

  .sortft .wrapname5 li.new8 {
    grid-template-columns: minmax(0, 1fr);
  }

  .sortft .wrapname5 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .contblock,
  .sideinner,
  .volpanellink,
  .bookbar {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .datelink .itemmain,
  .datelink .itemmain img {
    width: 120px;
  }

  .datelink .itemmain img {
    height: 160px;
  }

  .datelink .volpanel h3,
  .wentext .volpanel h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .datelink .volpanel p,
  .wentext .volpanel p {
    font-size: 14px;
    line-height: 24px;
  }

  .tagrow {
    padding: 10px 12px;
  }

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

  .tagrow .itemmain,
  .tagrow .itemmain img {
    width: 92px;
  }

  .tagrow .itemmain img {
    height: 124px;
  }

  .numsec li,
  .wrapname5 li,
  .rank2 li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .newbd h2,
  .secs h2,
  .tagrow h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .homewrap .datelink .contbd5:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .homewrap .datelink {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .sideinner,
  .volpanellink,
  .bookbar,
  .contblock {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.modcover6 a:hover,
.datecol a:hover,
.bookbar 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) {
  .sideinner,
  .volpanellink,
  .bookbar,
  .contblock,
  .modcover6,
  .datecol {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .modcover6,
  .datecol {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .sideinner,
  .volpanellink,
  .bookbar,
  .contblock,
  .modcover6,
  .datecol {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .contblock,
  .volpanellink,
  .sideinner {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.barunit7 nav a:hover,
.barunit7 nav a:focus,
.barunit7 nav a.list,
.barunit7 nav .list,
.volpanellink nav a:hover,
.volpanellink nav a:focus,
.volpanellink nav a.list,
.volpanellink nav .list,
.modcover6 a:hover,
.modcover6 a:focus,
.modcover6 a.list,
.modcover6 .list,
.datecol a:hover,
.datecol a:focus,
.datecol a.list,
.datecol .list {
    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) {
    .sideinner,
    .barunit7 .volpanellink,
    .volpanellink,
    .contblock,
    .coverwrapunit,
    .catecol3,
    .cardcover,
    .sidebar,
    .modcover6,
    .datecol {
        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;
    }

    .headline,
    .barunit7,
    .coverwrapunit,
    .infounit,
    .sideinner,
    .barunit7 .volpanellink,
    .volpanellink,
    .contblock,
    .sidebar,
    .catecol3,
    .cardcover,
    .chaimg,
    .modcover6,
    .datecol {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .sideinner,
    .barunit7 .volpanellink,
    .volpanellink,
    .contblock,
    .catecol3,
    .cardcover,
    .coverwrapunit {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .catecover,
    .gridcover,
    .bookrow,
    .readmod,
    .updatecovercover,
    .date4 .storycover,
    .wencover2,
    .storycover,
    .noveltext5,
    .taginner5,
    .novel2,
    .imgft9 {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .listname,
    .numcover9,
    .storycover .bookmeta,
    .wencover2 .bookmeta,
    .noveltext5 .bookmeta,
    .taginner5 .bookmeta,
    .novel2 .bookmeta,
    .ftcell,
    .colline {
        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;
    }

    .listname img,
    .numcover9 img,
    .cont img,
    .storycover .bookmeta img,
    .wencover2 .bookmeta img,
    .noveltext5 .bookmeta img,
    .taginner5 .bookmeta img,
    .novel2 .bookmeta img,
    .ftcell img,
    .colline img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .barcon,
    .homesec,
    .volpanel,
    .homecol3,
    .colline dl,
    .colline .link {
        min-width: 0 !important;
    }

    .rankbox,
    .tophd6,
    .itemft,
    .wen {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .rankbox > *,
    .tophd6 > *,
    .itemft > *,
    .wen > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.modcover6 a:hover,
.modcover6 a:focus,
.modcover6 a:active,
.modcover6 a.list,
.modcover6 .list,
.datecol a:hover,
.datecol a:focus,
.datecol a:active,
.datecol a.list,
.datecol .list,
.barunit7 nav a:hover,
.barunit7 nav a:focus,
.barunit7 nav a:active,
.barunit7 nav a.list,
.volpanellink nav a:hover,
.volpanellink nav a:focus,
.volpanellink nav a:active,
.volpanellink nav a.list {
    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) {
  .homewrap .volpanel p,
  .menuline .volpanel p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .volpanellink {
    height: 68px;
  }

  .modcover6,
  .bookbar {
    height: 38px;
  }

  .modcover6 a,
  .bookbar a {
    line-height: 38px;
  }

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

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

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

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

  .barunit7 .volpanellink,
  .volpanellink {
    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;
  }

  .barunit7 .wen9,
  .barunit7 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;
  }

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

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

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

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

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

  .barunit7 .navwrap3,
  .volpanellink .navwrap3 {
    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;
  }

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

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

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

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

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

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

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

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

  .unitmain .cardbd {
    display: contents !important;
  }

  .unitmain .cardbd 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;
  }

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

  .unitmain .readbar5 p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .unitmain .wenrow.secitem {
    max-height: none !important;
  }

  .unitmain .read {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .griditem8 .listitem4 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .coverwrapunit .contblock > .rowlink4 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .coverwrapunit .contblock > .rowlink4 .navmain {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .coverwrapunit .contblock > .rowlink4 .navmain 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) {
  .sortft .rank2 li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .sortft .wrapname5 li,
  .sortft .wrapname5 li.new8 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .sortft.info9 .wrapname5 li,
  .sortft.info9 .wrapname5 li.new8 {
    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. */
.sortft { align-items: stretch; }
.sortft .newbd,
.sortft .secs { min-width: 0; }
.sortft .secs { display: flex; flex-direction: column; }
.sortft .secs .wrapname5 { flex: 0 0 auto; }
.sortft .unitft {
  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;
}
.sortft .unitft > a,
.sortft .unitft > span,
.sortft .unitft > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.sortft .unitft > a,
.sortft .unitft > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sortft .unitft > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.sortft .shulink6 {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.sortft .shulink6 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) {
  .sortft .unitft {
    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) {
  .coverwrapunit.hotinfo4,
  .coverwrapunit.homelink2,
  .coverwrapunit.volbd6 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .coverwrapunit.hotinfo4 > .contblock,
  .coverwrapunit.homelink2 > .contblock,
  .coverwrapunit.volbd6 > .contblock {
    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;
  }

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

  .coverwrapunit.storylist4 > .contblock {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .coverwrapunit.storylist4 .storylist {
    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;
  }

  .coverwrapunit.storylist4 .unitarea {
    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;
  }

  .coverwrapunit.storylist4 .book8,
  .coverwrapunit.storylist4 .barlist {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}