* { 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%; }
.descrow, .wrapbox, .authorblock, .desc5, .datebd3 { max-width: 980px; margin: 0 auto; }

.arealist { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.wrapbox { display: flex; gap: 24px; align-items: center; height: 30px; }
.sidearea { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.sidearea:hover { color: #0871bd; text-decoration: underline; }
.headunit { background: #2f8ed8; }
.authorblock { height: 76px; display: flex; align-items: center; gap: 28px; }
.infoft { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.infoft a { color: #fff; letter-spacing: 0; }
.infoft a:hover { color: inherit; text-decoration: none; }
.picrowcol { flex: 1; display: flex; max-width: 470px; }
.read { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.navitem { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.side4 { margin-left: auto; display: flex; gap: 10px; }
.side4 a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.pagelink { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.namehd, .titlebar, .secblock, .headinfo, .info3, .homepanel, .sidetext6 { background: #fff; border: 1px solid #ddd; }
.namehd { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.cont { display: flex; min-height: 132px; overflow: hidden; }
.cont .newcol5 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.cont .newcol5 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.cont dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.cont dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cont dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.cont dd a { color: #555; }
.readgrid, .secblock h2, .info3 h2, .homepanel h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.item5, .timecol, .authorline, .num, .namebar3 { list-style: none; }
.item5 li, .authorline li, .namebar3 li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.sitename, .card7 { width: 86px; color: #888; flex: 0 0 86px; }
.page, .toolname4 { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.blocks { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.itemcol6, .textinfo { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mainitem8 { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .descrow, .wrapbox, .authorblock, .desc5, .datebd3 { width: 100%; max-width: none; }
    .arealist { display: none; }
    .headunit { padding: 10px; }
    .authorblock { height: auto; display: block; }
    .infoft { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .picrowcol { max-width: none; }
    .side4 { display: none; }
    .desc5 { display: none; }
    .datebd3 { display: flex; overflow-x: auto; background: #287dc2; }
    .datebd3 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .readcover { padding: 8px; }
    .pagelink, .fttext { display: block; }
    .namehd { grid-template-columns: 1fr; margin-bottom: 10px; }
    .titlebar, .secblock { margin-bottom: 10px; }
    .sitename, .blocks, .itemcol6, .card7, .textinfo, .mainitem8 { display: none; }
    .timecol { columns: 1; }
    .headinfo { display: block; text-align: center; }
    .headinfo .cellwrap { margin: 0 auto 12px; }
    .grid h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .volsec4 { justify-content: center; }
    .num { grid-template-columns: 1fr; }
    .cardmeta { padding: 0 12px 18px; }
    .box h1 { font-size: 22px; }
    .numbar8 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .listwrap2 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .navwrap3 { gap: 8px; }
    .navwrap3 a, .navwrap3 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.descrow, .wrapbox, .authorblock, .desc5, .datebd3 { max-width: 1160px; }
.arealist { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.wrapbox { color: #6d8f9e; }
.headunit { background: #e6f8fb; }
.authorblock { height: 82px; gap: 24px; }
.infoft { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.infoft a { color: #0871bd; }
.picrowcol { max-width: 480px; margin-left: auto; }
.read { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.navitem { height: 36px; background: #ddd; color: #222; }
.side4 { display: none; }
.desc5 { height: 44px; background: #79c2e3; padding: 0 10px; }
.desc5 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.desc5 a:hover { background: #5eb1d8; }
.readcover { padding: 12px 0 24px; }

.box4 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.imgline { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.secmain img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.wencell h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.wencell h2 a { color: #5b6fad; font-weight: 700; }
.wencell h2 span { float: right; color: #aaa; font-weight: 400; }
.wencell p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.picline { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.rowhd, .cate { border: 3px solid #86c9e8; background: #eef6f6; }
.rowhd h2, .cate h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.hotmod, .sortcover { list-style: none; padding: 8px 12px; }
.hotmod 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; }
.hotmod .mod { color: #555; }
.hotmod .updatecover, .hotmod .footname, .hotmod .wrap9 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hotmod .wrap9, .hotmod .cell3 { color: #aaa; text-align: right; }
.sortcover li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.sortcover span { color: #555; }
.sortcover a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sortcover em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hot2 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.hot2 a, .hot2 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.hot2 a { line-height: 40px; }
.hot2 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.toollink { 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; }
    .descrow, .wrapbox, .authorblock, .desc5, .datebd3 { width: 100%; max-width: none; }
    .arealist { display: none; }
    .headunit { padding: 10px; background: #dff5fb; }
    .authorblock { display: block; height: auto; }
    .infoft { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .picrowcol { max-width: none; display: flex; margin-left: 0; }
    .read { height: 38px; font-size: 14px; }
    .navitem { width: 72px; height: 38px; }
    .desc5 { display: none; }
    .datebd3 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .datebd3 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .authorblock .datebd3 { margin-bottom: 8px; }
    .readcover { padding: 8px; }
    .box4 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .imgline { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .imgline:last-child { border-bottom: 0; }
    .secmain img { width: 82px; height: 110px; padding: 2px; }
    .wencell h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .wencell h2 span { display: none; }
    .wencell p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .picline { display: block; }
    .volhd7 { display: flex; flex-direction: column; }
    .volhd7 .cate { order: 1; }
    .volhd7 .rowhd { order: 2; }
    .rowhd, .cate { border-width: 2px; margin-bottom: 10px; }
    .rowhd h2, .cate h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .hotmod, .sortcover { padding: 4px 8px; }
    .hotmod 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; }
    .hotmod .wrap9, .hotmod .cell3 { display: none; }
    .hotmod .mod { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .hotmod .updatecover { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .hotmod .footname { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .sortcover li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .sortcover span { display: none; }
    .hot2 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .hot2 select { grid-column: 1 / -1; order: -1; }
    .toollink { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.bar { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.bar 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); }
.bar button:hover { background: #4eadd0; }
body.textlist { background: #1e1e1e; color: #aaa; }
body.textlist a { color: #9eb8e8; }
body.textlist .arealist,
body.textlist .headunit,
body.textlist .toollink { background: #252525; border-color: #3a3a3a; color: #888; }
body.textlist .desc5,
body.textlist .datebd3 { background: #333; }
body.textlist .desc5 a:hover,
body.textlist .datebd3 a:hover { background: #444; }
body.textlist .box4,
body.textlist .read7,
body.textlist .readcover8,
body.textlist .img,
body.textlist .footcon,
body.textlist .boxtext,
body.textlist .headinfo,
body.textlist .info3,
body.textlist .homepanel,
body.textlist .sidetext6,
body.textlist .rowhd,
body.textlist .cate,
body.textlist .coverrow,
body.textlist .shu { background: #2a2a2a; border-color: #444; }
body.textlist .cardmeta { background: #202020; border-color: #444; }
body.textlist .numbar8 { color: #b8b8b8; }
body.textlist .readgrid,
body.textlist .secblock h2,
body.textlist .info3 h2,
body.textlist .homepanel h2,
body.textlist .rowhd h2,
body.textlist .cate h2,
body.textlist .coverrow h2,
body.textlist .footcon h1,
body.textlist .sidetext6 h1,
body.textlist .headbox h2,
body.textlist .boxtext h1 { background: #333; color: #ccc; border-color: #444; }
body.textlist .wencell p,
body.textlist .datelink p,
body.textlist .titlecon7 p,
body.textlist .wrapbd p,
body.textlist .info3 p,
body.textlist .grid p,
body.textlist .headmeta4 .blockbd7 { color: #aaa; }
body.textlist .linkrow7 th { background: #333; color: #ccc; }
body.textlist .linkrow7 th,
body.textlist .linkrow7 td,
body.textlist .hotmod li,
body.textlist .sortcover li,
body.textlist .coverrow li,
body.textlist .linkbd li { border-color: #444; }
body.textlist .read,
body.textlist .pagebd input,
body.textlist .hot2 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .bar { right: 10px; bottom: 14px; }
    .bar button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.imgunit { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.imgunit .desccol5 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.datelist8 { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.ft {
    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;
}
.ft img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.rank4 h1 { font-size: 30px; line-height: 44px; color: #333; }
.novel { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.novel p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.novel .nameinner { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.cell { grid-column: 2; line-height: 1.8; color: #444; }
.tool { display: none; }
.box3 { display: none; }
.sidecell { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.sidecell h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.sidecell .num { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.sidecell .num li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.sidecell .num.navft li { font-weight: 700; }
.date2 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.date2 a, .date2 span, .date2 button, .date2 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.date2 a, .date2 span, .date2 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.date2 button:disabled { cursor: default; opacity: .65; }
.date2 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.numitem { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.numitem h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.footnamebox { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.footnamebox a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .imgunit, .sidecell { border-width: 2px; margin-bottom: 12px; }
    .imgunit .desccol5 { height: auto; line-height: 1.5; padding: 8px; }
    .datelist8 { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .ft { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .ft img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .rank4 { min-width: 0; }
    .rank4 h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .novel { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .novel p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .tool { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .datemeta { 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; }
    .datemeta:hover { color: #fff; text-decoration: none; opacity: .92; }
    .datemeta.newpanel3 { background: #f0305a; }
    .datemeta.namebox9 { background: #f1a51e; }
    .datemeta.home { background: #5b8cc3; }
    .cell { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .cell.updatemeta2 { max-height: none; }
    .box3 { 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; }
    .sidecell .num { grid-template-columns: 1fr; padding: 0 8px; }
    .sidecell .num li { height: 36px; line-height: 36px; padding-right: 0; }
    .date2 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .date2 select { grid-column: 1 / -1; order: -1; }
    .footnamebox { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .descrow, .readcover, .headunit, .authorblock, .cardmeta, .imgunit, .sidecell { max-width: 100%; overflow-x: hidden; }
    .picrowcol { width: 100%; max-width: 100%; }
    .read { min-width: 0; }
    .navitem { flex: 0 0 68px; width: 68px; }
    .datebd3 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .cardmeta { padding-left: 10px; padding-right: 10px; }
    .desccol5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .box h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .box p { white-space: normal; overflow-wrap: anywhere; }
    .numbar8 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .numbar8 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .bar { right: 8px; }
}

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

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

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

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

body.textlist .infoft a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.textlist .cardmeta { background: #242424; }
body.textlist .box h1 { color: #ddd; }
body.textlist .box p,
body.textlist .desccol5 { color: #aaa; }
body.textlist .numbar8 { color: #d2d2d2; }
body.textlist .numbar8 p { color: #d2d2d2; }
body.textlist.bookblock .cardmeta,
body.textlist.cardmetalink .cardmeta,
body.textlist.titleinner .cardmeta { background: #242424; }
@media (max-width: 768px) {
    .pageinner { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.textlist .pageinner { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.cardmeta { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.textlist) .cardmeta { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.textlist) .numbar8 { color: #333; }

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

@media (max-width: 768px) {
    .cardmeta > .desccol5,
    .cardmeta > .box { display: none; }
    .cardmeta { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.textlist { background: #e6f8fb; color: #555; }
body.textlist a { color: #4d6da8; }
body.textlist .arealist { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.textlist .headunit,
body.textlist .toollink { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.textlist .desc5,
body.textlist .datebd3 { background: #79c2e3; }
body.textlist .desc5 a,
body.textlist .datebd3 a { color: #fff; }
body.textlist .read,
body.textlist .pagebd input,
body.textlist .hot2 select { background: #fff; color: #333; border-color: #9bc7df; }
body.textlist .cardmeta,
body.textlist.bookblock .cardmeta,
body.textlist.cardmetalink .cardmeta,
body.textlist.titleinner .cardmeta { background: #2f3437; border-color: #444; }
body.textlist .box h1 { color: #ddd; }
body.textlist .box p,
body.textlist .desccol5 { color: #aaa; }
body.textlist .navwrap3 a,
body.textlist .navwrap3 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.textlist .pageinner { background: #2f3437; border-color: #555; }
body.textlist .pageinner span,
body.textlist .pageinner label { color: #c8c8c8; }
body.textlist .pageinner select,
body.textlist .pageinner button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.textlist .numbar8 { background: transparent; color: #aaa; }
body.textlist .listwrap2 { border-color: #555; color: #bbb; }
body.textlist .numbar8 p { color: #aaa; }
body.textlist .infoft a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.textlist .sortft4 { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.textlist .sortft4:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.textlist .tool8 { background: #eee; }
body.textlist .tool8 h2 { color: #777; }
body.textlist .volarea a { background: #e3e3e3; color: #333; }
.rank8 { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.rank8 h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.rank8 p { margin: 8px 0; color: #555; }
.taglist8 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.taglist8:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.textlist .headunit { background: #dff5fb; }
    .rank8 { padding: 42px 12px 48px; border-width: 2px; }
    .rank8 h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.volhd7 .rowhd,
.volhd7 .cate { align-self: start; }
.volhd7 .hotmod,
.volhd7 .sortcover { padding: 8px 10px; font-size: 13px; }
.volhd7 .hotmod li,
.volhd7 .sortcover li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.volhd7 .hotmod li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.volhd7 .sortcover li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.volhd7 .hotmod .mod,
.volhd7 .hotmod .updatecover,
.volhd7 .hotmod .footname,
.volhd7 .hotmod .wrap9,
.volhd7 .hotmod .cell3,
.volhd7 .sortcover span,
.volhd7 .sortcover a,
.volhd7 .sortcover em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .volhd7 .hotmod,
    .volhd7 .sortcover { padding: 4px 8px; font-size: 14px; }
    .volhd7 .hotmod li,
    .volhd7 .sortcover li { height: 34px; line-height: 34px; }
    .volhd7 .hotmod li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .volhd7 .sortcover li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.img.text {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.text .rankcover4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.text .rankcover4 h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.text .rankcover4 strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.text .storylist5 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.text .authorcover {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.text .barblock img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.text .nameft {
  min-width: 0;
}
.text .authorcover 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;
}
.text .authorcover h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text .authorcover h3 span,
.text .authorcover h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.text .infoitem {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.text .infoitem a {
  display: inline;
}
.text .descinner {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .img.text {
    padding: 8px;
  }
  .text .rankcover4 {
    display: flex;
    justify-content: space-between;
  }
  .text .rankcover4 h2 {
    font-size: 20px;
  }
  .text .rankcover4 strong {
    font-size: 16px;
  }
  .text .storylist5 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .text .authorcover {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .text .barblock img {
    width: 86px;
    height: 116px;
  }
  .text .descinner {
    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; }
.descrow, .wrapbox, .authorblock, .sideitem { width: 980px; max-width: 980px; margin: 0 auto; }
.headunit { background: #e6f8fb; }
.authorblock { height: 86px; display: flex; align-items: center; gap: 28px; }
.infoft { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.infoft a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.infoft a:hover { text-decoration: none; color: #0871bd; }
.picrowcol { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.read { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.navitem { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.desc5 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.sideitem { display: flex; height: 42px; width: 980px; }
.desc5 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.desc5 a:hover, .desc5 a.newcol { background: #57acd2; color: #fff; text-decoration: none; }
.readcover { padding: 12px 0 20px; }

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

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

.block { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.textmod9, .unitimg, .barcover6 { border: 3px solid #9bd5ee; background: #eefafa; }
.textmod9 h2, .unitimg h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.authorline li, .timewrap li, .namebar3 li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.authorline li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.timewrap li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.timewrap li.infolink { grid-template-columns: 76px minmax(0, 1fr); }
.namebar3 li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.authorline a, .timewrap a, .namebar3 a, .navlink, .linkunit, .hotcover, .unit, .timewrap em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.navlink { color: #555; }
.linkunit, .hotcover, .unit, .timewrap em { color: #777; font-style: normal; text-align: right; }
.barcover6 { padding-bottom: 8px; }
.barcover6 h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.catlist8 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.catlist8 button, .catlist8 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.catlist8 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.catlist8 button:disabled { opacity: .55; cursor: default; }
.catlist8 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.cat4 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.cat4 button, .cat4 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.bd6 > [hidden] { display: none !important; }
.rowinner { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.rowinner h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.rowinner p, .hd { color: #555; }

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

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

@media (max-width: 1023px) {
  .descrow, .wrapbox, .authorblock, .desc5, .sideitem { width: auto; max-width: none; }
  .arealist { display: block; }
  .wrapbox { padding: 0 10px; justify-content: center; }
  .headunit { padding: 10px; }
  .authorblock { height: auto; display: block; }
  .infoft { width: auto; margin-bottom: 8px; font-size: 28px; }
  .picrowcol { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .desc5 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .sideitem { display: flex; height: 38px; min-width: max-content; }
  .desc5 a { line-height: 38px; padding: 0 12px; }
  .readcover { padding: 8px 10px 16px; }
  .collist8 { display: block; padding: 8px; }
  .collist8 .time5 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .collist8 .cellwrap, .collist8 .cellwrap img { width: 86px; }
  .collist8 .cellwrap img { height: 116px; }
  .numimg { display: block; }
  .rankgrid { min-height: 0; border-right: 0; }
  .block { display: flex; flex-direction: column; }
  .unitimg { order: 1; }
  .textmod9 { order: 2; }
  .authorline li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .authorline .navlink, .authorline .linkunit, .authorline .unit { display: none; }
  .timewrap li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .timewrap li span { display: none; }
  .namebar3 li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .namebar3 .navlink, .namebar3 .ranktext { display: none; }
  .namebar3 .linkunit, .namebar3 .hotcover { text-align: right; }
  .barcover6 h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .catlist8 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .cat4 { grid-template-columns: 1fr 1.25fr 1fr; }
  .namebd { display: block; }
  .col2 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .picrow img { width: 86px; height: 116px; }
}

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

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

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

  .hdlink .time5:last-child {
    border-bottom: 0;
  }

  .hdlink .cellwrap,
  .hdlink .cellwrap img {
    width: 82px;
  }

  .hdlink .cellwrap img {
    height: 110px;
    object-fit: cover;
  }

  .hdlink .listbar {
    min-width: 0;
  }

  .hdlink .listbar 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;
  }

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

  .hdlink .listbar 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;
  }

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

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

  .tops .textmod9,
  .tops .unitimg {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .tops .textmod9 h2,
  .tops .unitimg h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .tops .authorline 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;
  }

  .tops .authorline .navlink,
  .tops .authorline .cateunit,
  .tops .authorline .ranktext {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .tops .authorline .navlink {
    display: none;
  }

  .tops .authorline .linkunit,
  .tops .authorline .unit {
    display: none;
  }

  .tops .timewrap 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;
  }

  .tops .timewrap li.infolink {
    grid-template-columns: minmax(0, 1fr);
  }

  .tops .timewrap li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .descrow,
  .wrapbox,
  .authorblock,
  .sideitem {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .collist8 .cellwrap,
  .collist8 .cellwrap img {
    width: 120px;
  }

  .collist8 .cellwrap img {
    height: 160px;
  }

  .collist8 .listbar h3,
  .numimg .listbar h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .collist8 .listbar p,
  .numimg .listbar p {
    font-size: 14px;
    line-height: 24px;
  }

  .rankgrid {
    padding: 10px 12px;
  }

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

  .rankgrid .cellwrap,
  .rankgrid .cellwrap img {
    width: 92px;
  }

  .rankgrid .cellwrap img {
    height: 124px;
  }

  .novelbar li,
  .timewrap li,
  .authorline li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .textmod9 h2,
  .unitimg h2,
  .rankgrid h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .mod2 .collist8 .time5:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .mod2 .collist8 {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .wrapbox,
  .authorblock,
  .sideitem,
  .descrow {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.desc5 a:hover,
.datebd3 a:hover,
.sideitem 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) {
  .wrapbox,
  .authorblock,
  .sideitem,
  .descrow,
  .desc5,
  .datebd3 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .desc5,
  .datebd3 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .wrapbox,
  .authorblock,
  .sideitem,
  .descrow,
  .desc5,
  .datebd3 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .descrow,
  .authorblock,
  .wrapbox {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.headunit nav a:hover,
.headunit nav a:focus,
.headunit nav a.newcol,
.headunit nav .newcol,
.authorblock nav a:hover,
.authorblock nav a:focus,
.authorblock nav a.newcol,
.authorblock nav .newcol,
.desc5 a:hover,
.desc5 a:focus,
.desc5 a.newcol,
.desc5 .newcol,
.datebd3 a:hover,
.datebd3 a:focus,
.datebd3 a.newcol,
.datebd3 .newcol {
    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) {
    .wrapbox,
    .headunit .authorblock,
    .authorblock,
    .descrow,
    .readcover,
    .cellunit,
    .modinner3,
    .secwrap,
    .desc5,
    .datebd3 {
        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;
    }

    .arealist,
    .headunit,
    .readcover,
    .toollink,
    .wrapbox,
    .headunit .authorblock,
    .authorblock,
    .descrow,
    .secwrap,
    .cellunit,
    .modinner3,
    .readcol,
    .desc5,
    .datebd3 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .wrapbox,
    .headunit .authorblock,
    .authorblock,
    .descrow,
    .cellunit,
    .modinner3,
    .readcover {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .img,
    .sortunit2,
    .cate2,
    .pageblock,
    .catimg6,
    .barcover6 .toprow,
    .namebar3,
    .toprow,
    .namecol,
    .bdinner,
    .chabar,
    .imgunit {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .covercol5,
    .coverinner,
    .toprow .areapanel,
    .namebar3 .areapanel,
    .namecol .areapanel,
    .bdinner .areapanel,
    .chabar .areapanel,
    .cellcover7,
    .cont {
        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;
    }

    .covercol5 img,
    .coverinner img,
    .picrow img,
    .toprow .areapanel img,
    .namebar3 .areapanel img,
    .namecol .areapanel img,
    .bdinner .areapanel img,
    .chabar .areapanel img,
    .cellcover7 img,
    .cont img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .wrapbd,
    .gridbox,
    .listbar,
    .grid,
    .cont dl,
    .cont .volmain {
        min-width: 0 !important;
    }

    .panel,
    .unit6,
    .pagelink,
    .sidemod {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .panel > *,
    .unit6 > *,
    .pagelink > *,
    .sidemod > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.desc5 a:hover,
.desc5 a:focus,
.desc5 a:active,
.desc5 a.newcol,
.desc5 .newcol,
.datebd3 a:hover,
.datebd3 a:focus,
.datebd3 a:active,
.datebd3 a.newcol,
.datebd3 .newcol,
.headunit nav a:hover,
.headunit nav a:focus,
.headunit nav a:active,
.headunit nav a.newcol,
.authorblock nav a:hover,
.authorblock nav a:focus,
.authorblock nav a:active,
.authorblock nav a.newcol {
    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) {
  .mod2 .listbar p,
  .hdlink .listbar p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .authorblock {
    height: 68px;
  }

  .desc5,
  .sideitem {
    height: 38px;
  }

  .desc5 a,
  .sideitem a {
    line-height: 38px;
  }

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

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

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

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

  .headunit .authorblock,
  .authorblock {
    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;
  }

  .headunit .infoft,
  .headunit 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;
  }

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

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

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

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

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

  .headunit .picrowcol,
  .authorblock .picrowcol {
    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;
  }

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

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

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

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

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

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

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

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

  .datelist8 .rank4 {
    display: contents !important;
  }

  .datelist8 .rank4 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;
  }

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

  .datelist8 .novel p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .datelist8 .cell.updatemeta2 {
    max-height: none !important;
  }

  .datelist8 .box3 {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .sidecell .num {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .readcover .descrow > .numitem {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .readcover .descrow > .numitem .footnamebox {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .readcover .descrow > .numitem .footnamebox 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) {
  .tops .authorline li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .tops .timewrap li,
  .tops .timewrap li.infolink {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .tops.newblock .timewrap li,
  .tops.newblock .timewrap li.infolink {
    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. */
.tops { align-items: stretch; }
.tops .textmod9,
.tops .unitimg { min-width: 0; }
.tops .unitimg { display: flex; flex-direction: column; }
.tops .unitimg .timewrap { flex: 0 0 auto; }
.tops .blockcell {
  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;
}
.tops .blockcell > a,
.tops .blockcell > span,
.tops .blockcell > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.tops .blockcell > a,
.tops .blockcell > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tops .blockcell > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.tops .cover {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.tops .cover 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) {
  .tops .blockcell {
    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) {
  .readcover.text9,
  .readcover.nummain,
  .readcover.blockft8 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .readcover.text9 > .descrow,
  .readcover.nummain > .descrow,
  .readcover.blockft8 > .descrow {
    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;
  }

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

  .readcover.secblock2 > .descrow {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .readcover.secblock2 .cardmeta {
    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;
  }

  .readcover.secblock2 .numbar8 {
    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;
  }

  .readcover.secblock2 .pageinner,
  .readcover.secblock2 .navwrap3 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}