* { 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%; }
.secinnerwrap, .cha2, .headcover, .footmeta, .foot5 { max-width: 980px; margin: 0 auto; }

.bar2 { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.cha2 { display: flex; gap: 24px; align-items: center; height: 30px; }
.rowbd { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.rowbd:hover { color: #0871bd; text-decoration: underline; }
.menuarea { background: #2f8ed8; }
.headcover { height: 76px; display: flex; align-items: center; gap: 28px; }
.ftcover { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.ftcover a { color: #fff; letter-spacing: 0; }
.ftcover a:hover { color: inherit; text-decoration: none; }
.cellname8 { flex: 1; display: flex; max-width: 470px; }
.menuitem { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.imgpanel3 { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.titlerow { margin-left: auto; display: flex; gap: 10px; }
.titlerow a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.textpanel { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.pagerow, .metapanel, .bookpanel, .areainfo, .bdcon, .numcover, .chabox3 { background: #fff; border: 1px solid #ddd; }
.pagerow { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.bd { display: flex; min-height: 132px; overflow: hidden; }
.bd .name { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.bd .name img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.bd dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.bd dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bd dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.bd dd a { color: #555; }
.hdname9, .bookpanel h2, .bdcon h2, .numcover h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.listcol5, .hotunit, .hot, .infoname8, .updatemain { list-style: none; }
.listcol5 li, .hot li, .updatemain li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.ftrow, .foot { width: 86px; color: #888; flex: 0 0 86px; }
.collink, .descmod { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.head { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.card, .homesec { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.imgrow8 { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .secinnerwrap, .cha2, .headcover, .footmeta, .foot5 { width: 100%; max-width: none; }
    .bar2 { display: none; }
    .menuarea { padding: 10px; }
    .headcover { height: auto; display: block; }
    .ftcover { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .cellname8 { max-width: none; }
    .titlerow { display: none; }
    .footmeta { display: none; }
    .foot5 { display: flex; overflow-x: auto; background: #287dc2; }
    .foot5 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .siteinfo { padding: 8px; }
    .textpanel, .navbd { display: block; }
    .pagerow { grid-template-columns: 1fr; margin-bottom: 10px; }
    .metapanel, .bookpanel { margin-bottom: 10px; }
    .ftrow, .head, .card, .foot, .homesec, .imgrow8 { display: none; }
    .hotunit { columns: 1; }
    .areainfo { display: block; text-align: center; }
    .areainfo .catname2 { margin: 0 auto 12px; }
    .datecell h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .secitem { justify-content: center; }
    .infoname8 { grid-template-columns: 1fr; }
    .colimg { padding: 0 12px 18px; }
    .desctext h1 { font-size: 22px; }
    .site { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .time { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .volmeta { gap: 8px; }
    .volmeta a, .volmeta span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.secinnerwrap, .cha2, .headcover, .footmeta, .foot5 { max-width: 1160px; }
.bar2 { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.cha2 { color: #6d8f9e; }
.menuarea { background: #e6f8fb; }
.headcover { height: 82px; gap: 24px; }
.ftcover { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.ftcover a { color: #0871bd; }
.cellname8 { max-width: 480px; margin-left: auto; }
.menuitem { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.imgpanel3 { height: 36px; background: #ddd; color: #222; }
.titlerow { display: none; }
.footmeta { height: 44px; background: #79c2e3; padding: 0 10px; }
.footmeta a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.footmeta a:hover { background: #5eb1d8; }
.siteinfo { padding: 12px 0 24px; }

.sortbar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.textbar { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.metapanelunit img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.maininner2 h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.maininner2 h2 a { color: #5b6fad; font-weight: 700; }
.maininner2 h2 span { float: right; color: #aaa; font-weight: 400; }
.maininner2 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.shuline { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.volunit, .fthd3 { border: 3px solid #86c9e8; background: #eef6f6; }
.volunit h2, .fthd3 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.itemmain, .novelline { list-style: none; padding: 8px 12px; }
.itemmain 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; }
.itemmain .secname { color: #555; }
.itemmain .siteitem, .itemmain .sidecon, .itemmain .shuwrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.itemmain .shuwrap, .itemmain .metaunit { color: #aaa; text-align: right; }
.novelline li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.novelline span { color: #555; }
.novelline a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.novelline em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cate3 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.cate3 a, .cate3 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.cate3 a { line-height: 40px; }
.cate3 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.bookhd { 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; }
    .secinnerwrap, .cha2, .headcover, .footmeta, .foot5 { width: 100%; max-width: none; }
    .bar2 { display: none; }
    .menuarea { padding: 10px; background: #dff5fb; }
    .headcover { display: block; height: auto; }
    .ftcover { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .cellname8 { max-width: none; display: flex; margin-left: 0; }
    .menuitem { height: 38px; font-size: 14px; }
    .imgpanel3 { width: 72px; height: 38px; }
    .footmeta { display: none; }
    .foot5 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .foot5 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .headcover .foot5 { margin-bottom: 8px; }
    .siteinfo { padding: 8px; }
    .sortbar { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .textbar { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .textbar:last-child { border-bottom: 0; }
    .metapanelunit img { width: 82px; height: 110px; padding: 2px; }
    .maininner2 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .maininner2 h2 span { display: none; }
    .maininner2 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .shuline { display: block; }
    .imgcellcon { display: flex; flex-direction: column; }
    .imgcellcon .fthd3 { order: 1; }
    .imgcellcon .volunit { order: 2; }
    .volunit, .fthd3 { border-width: 2px; margin-bottom: 10px; }
    .volunit h2, .fthd3 h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .itemmain, .novelline { padding: 4px 8px; }
    .itemmain 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; }
    .itemmain .shuwrap, .itemmain .metaunit { display: none; }
    .itemmain .secname { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .itemmain .siteitem { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .itemmain .sidecon { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .novelline li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .novelline span { display: none; }
    .cate3 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .cate3 select { grid-column: 1 / -1; order: -1; }
    .bookhd { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.num { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.num 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); }
.num button:hover { background: #4eadd0; }
body.updatearea { background: #1e1e1e; color: #aaa; }
body.updatearea a { color: #9eb8e8; }
body.updatearea .bar2,
body.updatearea .menuarea,
body.updatearea .bookhd { background: #252525; border-color: #3a3a3a; color: #888; }
body.updatearea .footmeta,
body.updatearea .foot5 { background: #333; }
body.updatearea .footmeta a:hover,
body.updatearea .foot5 a:hover { background: #444; }
body.updatearea .sortbar,
body.updatearea .metablock,
body.updatearea .title2,
body.updatearea .picgrid,
body.updatearea .story,
body.updatearea .infotext,
body.updatearea .areainfo,
body.updatearea .bdcon,
body.updatearea .numcover,
body.updatearea .chabox3,
body.updatearea .volunit,
body.updatearea .fthd3,
body.updatearea .novelname9,
body.updatearea .namecover5 { background: #2a2a2a; border-color: #444; }
body.updatearea .colimg { background: #202020; border-color: #444; }
body.updatearea .site { color: #b8b8b8; }
body.updatearea .hdname9,
body.updatearea .bookpanel h2,
body.updatearea .bdcon h2,
body.updatearea .numcover h2,
body.updatearea .volunit h2,
body.updatearea .fthd3 h2,
body.updatearea .novelname9 h2,
body.updatearea .story h1,
body.updatearea .chabox3 h1,
body.updatearea .hditem h2,
body.updatearea .infotext h1 { background: #333; color: #ccc; border-color: #444; }
body.updatearea .maininner2 p,
body.updatearea .new p,
body.updatearea .sortlist p,
body.updatearea .gridname p,
body.updatearea .bdcon p,
body.updatearea .datecell p,
body.updatearea .box4 .infocol { color: #aaa; }
body.updatearea .namemain4 th { background: #333; color: #ccc; }
body.updatearea .namemain4 th,
body.updatearea .namemain4 td,
body.updatearea .itemmain li,
body.updatearea .novelline li,
body.updatearea .novelname9 li,
body.updatearea .updatecon li { border-color: #444; }
body.updatearea .menuitem,
body.updatearea .shutext input,
body.updatearea .cate3 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .num { right: 10px; bottom: 14px; }
    .num button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.storyname { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.storyname .metabar { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.metacell { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.textitem {
    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;
}
.textitem img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.hd h1 { font-size: 30px; line-height: 44px; color: #333; }
.rowwrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.rowwrap p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.rowwrap .infowrap { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.home { grid-column: 2; line-height: 1.8; color: #444; }
.updateinfo { display: none; }
.authorrow { display: none; }
.hdrow { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.hdrow h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.hdrow .infoname8 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.hdrow .infoname8 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.hdrow .infoname8.rowmain li { font-weight: 700; }
.ftmain { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.ftmain a, .ftmain span, .ftmain button, .ftmain select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.ftmain a, .ftmain span, .ftmain button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.ftmain button:disabled { cursor: default; opacity: .65; }
.ftmain select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.wenmod { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.wenmod h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.titleinner4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.titleinner4 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .storyname, .hdrow { border-width: 2px; margin-bottom: 12px; }
    .storyname .metabar { height: auto; line-height: 1.5; padding: 8px; }
    .metacell { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .textitem { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .textitem img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .hd { min-width: 0; }
    .hd h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .rowwrap { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .rowwrap p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .updateinfo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .imghd { 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; }
    .imghd:hover { color: #fff; text-decoration: none; opacity: .92; }
    .imghd.mod { background: #f0305a; }
    .imghd.home6 { background: #f1a51e; }
    .imghd.panelblock2 { background: #5b8cc3; }
    .home { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .home.maincol5 { max-height: none; }
    .authorrow { 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; }
    .hdrow .infoname8 { grid-template-columns: 1fr; padding: 0 8px; }
    .hdrow .infoname8 li { height: 36px; line-height: 36px; padding-right: 0; }
    .ftmain { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .ftmain select { grid-column: 1 / -1; order: -1; }
    .titleinner4 { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .secinnerwrap, .siteinfo, .menuarea, .headcover, .colimg, .storyname, .hdrow { max-width: 100%; overflow-x: hidden; }
    .cellname8 { width: 100%; max-width: 100%; }
    .menuitem { min-width: 0; }
    .imgpanel3 { flex: 0 0 68px; width: 68px; }
    .foot5 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .colimg { padding-left: 10px; padding-right: 10px; }
    .metabar { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .desctext h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .desctext p { white-space: normal; overflow-wrap: anywhere; }
    .site { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .site p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .num { right: 8px; }
}

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

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

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

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

body.updatearea .ftcover a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.updatearea .colimg { background: #242424; }
body.updatearea .desctext h1 { color: #ddd; }
body.updatearea .desctext p,
body.updatearea .metabar { color: #aaa; }
body.updatearea .site { color: #d2d2d2; }
body.updatearea .site p { color: #d2d2d2; }
body.updatearea.chasec8 .colimg,
body.updatearea.updateline3 .colimg,
body.updatearea.list2 .colimg { background: #242424; }
@media (max-width: 768px) {
    .datebd { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.updatearea .datebd { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.colimg { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.updatearea) .colimg { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.updatearea) .site { color: #333; }

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

@media (max-width: 768px) {
    .colimg > .metabar,
    .colimg > .desctext { display: none; }
    .colimg { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.updatearea { background: #e6f8fb; color: #555; }
body.updatearea a { color: #4d6da8; }
body.updatearea .bar2 { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.updatearea .menuarea,
body.updatearea .bookhd { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.updatearea .footmeta,
body.updatearea .foot5 { background: #79c2e3; }
body.updatearea .footmeta a,
body.updatearea .foot5 a { color: #fff; }
body.updatearea .menuitem,
body.updatearea .shutext input,
body.updatearea .cate3 select { background: #fff; color: #333; border-color: #9bc7df; }
body.updatearea .colimg,
body.updatearea.chasec8 .colimg,
body.updatearea.updateline3 .colimg,
body.updatearea.list2 .colimg { background: #2f3437; border-color: #444; }
body.updatearea .desctext h1 { color: #ddd; }
body.updatearea .desctext p,
body.updatearea .metabar { color: #aaa; }
body.updatearea .volmeta a,
body.updatearea .volmeta span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.updatearea .datebd { background: #2f3437; border-color: #555; }
body.updatearea .datebd span,
body.updatearea .datebd label { color: #c8c8c8; }
body.updatearea .datebd select,
body.updatearea .datebd button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.updatearea .site { background: transparent; color: #aaa; }
body.updatearea .time { border-color: #555; color: #bbb; }
body.updatearea .site p { color: #aaa; }
body.updatearea .ftcover a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.updatearea .picmod { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.updatearea .picmod:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.updatearea .secinner { background: #eee; }
body.updatearea .secinner h2 { color: #777; }
body.updatearea .imgcon a { background: #e3e3e3; color: #333; }
.footcell6 { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.footcell6 h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.footcell6 p { margin: 8px 0; color: #555; }
.itemsec { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.itemsec:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.updatearea .menuarea { background: #dff5fb; }
    .footcell6 { padding: 42px 12px 48px; border-width: 2px; }
    .footcell6 h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.imgcellcon .volunit,
.imgcellcon .fthd3 { align-self: start; }
.imgcellcon .itemmain,
.imgcellcon .novelline { padding: 8px 10px; font-size: 13px; }
.imgcellcon .itemmain li,
.imgcellcon .novelline li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.imgcellcon .itemmain li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.imgcellcon .novelline li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.imgcellcon .itemmain .secname,
.imgcellcon .itemmain .siteitem,
.imgcellcon .itemmain .sidecon,
.imgcellcon .itemmain .shuwrap,
.imgcellcon .itemmain .metaunit,
.imgcellcon .novelline span,
.imgcellcon .novelline a,
.imgcellcon .novelline em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .imgcellcon .itemmain,
    .imgcellcon .novelline { padding: 4px 8px; font-size: 14px; }
    .imgcellcon .itemmain li,
    .imgcellcon .novelline li { height: 34px; line-height: 34px; }
    .imgcellcon .itemmain li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .imgcellcon .novelline li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.picgrid.picinfo6 {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.picinfo6 .authorcell {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.picinfo6 .authorcell h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.picinfo6 .authorcell strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.picinfo6 .unitcon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.picinfo6 .blocktext5 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.picinfo6 .contarea img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.picinfo6 .storyitem2 {
  min-width: 0;
}
.picinfo6 .blocktext5 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;
}
.picinfo6 .blocktext5 h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.picinfo6 .blocktext5 h3 span,
.picinfo6 .blocktext5 h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.picinfo6 .new9 {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.picinfo6 .new9 a {
  display: inline;
}
.picinfo6 .img {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .picgrid.picinfo6 {
    padding: 8px;
  }
  .picinfo6 .authorcell {
    display: flex;
    justify-content: space-between;
  }
  .picinfo6 .authorcell h2 {
    font-size: 20px;
  }
  .picinfo6 .authorcell strong {
    font-size: 16px;
  }
  .picinfo6 .unitcon {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .picinfo6 .blocktext5 {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .picinfo6 .contarea img {
    width: 86px;
    height: 116px;
  }
  .picinfo6 .img {
    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; }
.secinnerwrap, .cha2, .headcover, .col6 { width: 980px; max-width: 980px; margin: 0 auto; }
.menuarea { background: #e6f8fb; }
.headcover { height: 86px; display: flex; align-items: center; gap: 28px; }
.ftcover { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.ftcover a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.ftcover a:hover { text-decoration: none; color: #0871bd; }
.cellname8 { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.menuitem { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.imgpanel3 { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.footmeta { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.col6 { display: flex; height: 42px; width: 980px; }
.footmeta a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.footmeta a:hover, .footmeta a.timewrap2 { background: #57acd2; color: #fff; text-decoration: none; }
.siteinfo { padding: 12px 0 20px; }

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

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

.cellwrap { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.ftsec6, .mainitem, .iteminner { border: 3px solid #9bd5ee; background: #eefafa; }
.ftsec6 h2, .mainitem h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.hot li, .cellbar7 li, .updatemain li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.hot li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.cellbar7 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.cellbar7 li.chalist5 { grid-template-columns: 76px minmax(0, 1fr); }
.updatemain li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.hot a, .cellbar7 a, .updatemain a, .block, .block3, .sec, .wentext, .cellbar7 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.block { color: #555; }
.block3, .sec, .wentext, .cellbar7 em { color: #777; font-style: normal; text-align: right; }
.iteminner { padding-bottom: 8px; }
.iteminner h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.mainmod { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.mainmod button, .mainmod select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.mainmod button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.mainmod button:disabled { opacity: .55; cursor: default; }
.mainmod select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.cat { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.cat button, .cat select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.seclink3 > [hidden] { display: none !important; }
.hothd { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.hothd h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.hothd p, .unitblock { color: #555; }

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

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

@media (max-width: 1023px) {
  .secinnerwrap, .cha2, .headcover, .footmeta, .col6 { width: auto; max-width: none; }
  .bar2 { display: block; }
  .cha2 { padding: 0 10px; justify-content: center; }
  .menuarea { padding: 10px; }
  .headcover { height: auto; display: block; }
  .ftcover { width: auto; margin-bottom: 8px; font-size: 28px; }
  .cellname8 { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .footmeta { margin: 0 10px; height: 38px; overflow-x: auto; }
  .col6 { display: flex; height: 38px; min-width: max-content; }
  .footmeta a { line-height: 38px; padding: 0 12px; }
  .siteinfo { padding: 8px 10px 16px; }
  .wrapgrid { display: block; padding: 8px; }
  .wrapgrid .headbox2 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .wrapgrid .catname2, .wrapgrid .catname2 img { width: 86px; }
  .wrapgrid .catname2 img { height: 116px; }
  .sort8 { display: block; }
  .colhd { min-height: 0; border-right: 0; }
  .cellwrap { display: flex; flex-direction: column; }
  .mainitem { order: 1; }
  .ftsec6 { order: 2; }
  .hot li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .hot .block, .hot .block3, .hot .wentext { display: none; }
  .cellbar7 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .cellbar7 li span { display: none; }
  .updatemain li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .updatemain .block, .updatemain .timemeta { display: none; }
  .updatemain .block3, .updatemain .sec { text-align: right; }
  .iteminner h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .mainmod { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .cat { grid-template-columns: 1fr 1.25fr 1fr; }
  .bdgrid { display: block; }
  .newcell { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .unit img { width: 86px; height: 116px; }
}

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

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

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

  .read .headbox2:last-child {
    border-bottom: 0;
  }

  .read .catname2,
  .read .catname2 img {
    width: 82px;
  }

  .read .catname2 img {
    height: 110px;
    object-fit: cover;
  }

  .read .imgcell {
    min-width: 0;
  }

  .read .imgcell 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;
  }

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

  .read .imgcell 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;
  }

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

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

  .maininfo4 .ftsec6,
  .maininfo4 .mainitem {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .maininfo4 .ftsec6 h2,
  .maininfo4 .mainitem h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .maininfo4 .hot 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;
  }

  .maininfo4 .hot .block,
  .maininfo4 .hot .imggrid,
  .maininfo4 .hot .timemeta {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .maininfo4 .hot .block {
    display: none;
  }

  .maininfo4 .hot .block3,
  .maininfo4 .hot .wentext {
    display: none;
  }

  .maininfo4 .cellbar7 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;
  }

  .maininfo4 .cellbar7 li.chalist5 {
    grid-template-columns: minmax(0, 1fr);
  }

  .maininfo4 .cellbar7 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .secinnerwrap,
  .cha2,
  .headcover,
  .col6 {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .wrapgrid .catname2,
  .wrapgrid .catname2 img {
    width: 120px;
  }

  .wrapgrid .catname2 img {
    height: 160px;
  }

  .wrapgrid .imgcell h3,
  .sort8 .imgcell h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .wrapgrid .imgcell p,
  .sort8 .imgcell p {
    font-size: 14px;
    line-height: 24px;
  }

  .colhd {
    padding: 10px 12px;
  }

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

  .colhd .catname2,
  .colhd .catname2 img {
    width: 92px;
  }

  .colhd .catname2 img {
    height: 124px;
  }

  .linkcell7 li,
  .cellbar7 li,
  .hot li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .ftsec6 h2,
  .mainitem h2,
  .colhd h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .bookitem .wrapgrid .headbox2:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .bookitem .wrapgrid {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .cha2,
  .headcover,
  .col6,
  .secinnerwrap {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.footmeta a:hover,
.foot5 a:hover,
.col6 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) {
  .cha2,
  .headcover,
  .col6,
  .secinnerwrap,
  .footmeta,
  .foot5 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .footmeta,
  .foot5 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .cha2,
  .headcover,
  .col6,
  .secinnerwrap,
  .footmeta,
  .foot5 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .secinnerwrap,
  .headcover,
  .cha2 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.menuarea nav a:hover,
.menuarea nav a:focus,
.menuarea nav a.timewrap2,
.menuarea nav .timewrap2,
.headcover nav a:hover,
.headcover nav a:focus,
.headcover nav a.timewrap2,
.headcover nav .timewrap2,
.footmeta a:hover,
.footmeta a:focus,
.footmeta a.timewrap2,
.footmeta .timewrap2,
.foot5 a:hover,
.foot5 a:focus,
.foot5 a.timewrap2,
.foot5 .timewrap2 {
    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) {
    .cha2,
    .menuarea .headcover,
    .headcover,
    .secinnerwrap,
    .siteinfo,
    .toppanel,
    .numlink,
    .novel,
    .footmeta,
    .foot5 {
        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;
    }

    .bar2,
    .menuarea,
    .siteinfo,
    .bookhd,
    .cha2,
    .menuarea .headcover,
    .headcover,
    .secinnerwrap,
    .novel,
    .toppanel,
    .numlink,
    .bargrid,
    .footmeta,
    .foot5 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .cha2,
    .menuarea .headcover,
    .headcover,
    .secinnerwrap,
    .toppanel,
    .numlink,
    .siteinfo {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .picgrid,
    .novelitem,
    .imgcol,
    .navcon,
    .cate4,
    .iteminner .itemcell,
    .updatemain,
    .itemcell,
    .chagrid8,
    .siteimg,
    .areamod,
    .storyname {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .page,
    .rankmod4,
    .itemcell .namehd,
    .updatemain .namehd,
    .chagrid8 .namehd,
    .siteimg .namehd,
    .areamod .namehd,
    .row,
    .bd {
        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;
    }

    .page img,
    .rankmod4 img,
    .unit img,
    .itemcell .namehd img,
    .updatemain .namehd img,
    .chagrid8 .namehd img,
    .siteimg .namehd img,
    .areamod .namehd img,
    .row img,
    .bd img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .gridname,
    .griditem,
    .imgcell,
    .datecell,
    .bd dl,
    .bd .title {
        min-width: 0 !important;
    }

    .novelinner,
    .listgrid9,
    .textpanel,
    .bdbox {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .novelinner > *,
    .listgrid9 > *,
    .textpanel > *,
    .bdbox > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.footmeta a:hover,
.footmeta a:focus,
.footmeta a:active,
.footmeta a.timewrap2,
.footmeta .timewrap2,
.foot5 a:hover,
.foot5 a:focus,
.foot5 a:active,
.foot5 a.timewrap2,
.foot5 .timewrap2,
.menuarea nav a:hover,
.menuarea nav a:focus,
.menuarea nav a:active,
.menuarea nav a.timewrap2,
.headcover nav a:hover,
.headcover nav a:focus,
.headcover nav a:active,
.headcover nav a.timewrap2 {
    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) {
  .bookitem .imgcell p,
  .read .imgcell p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .headcover {
    height: 68px;
  }

  .footmeta,
  .col6 {
    height: 38px;
  }

  .footmeta a,
  .col6 a {
    line-height: 38px;
  }

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

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

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

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

  .menuarea .headcover,
  .headcover {
    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;
  }

  .menuarea .ftcover,
  .menuarea 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;
  }

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

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

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

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

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

  .menuarea .cellname8,
  .headcover .cellname8 {
    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;
  }

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

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

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

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

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

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

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

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

  .metacell .hd {
    display: contents !important;
  }

  .metacell .hd 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;
  }

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

  .metacell .rowwrap p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .metacell .home.maincol5 {
    max-height: none !important;
  }

  .metacell .authorrow {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .hdrow .infoname8 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .siteinfo .secinnerwrap > .wenmod {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .siteinfo .secinnerwrap > .wenmod .titleinner4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .siteinfo .secinnerwrap > .wenmod .titleinner4 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) {
  .maininfo4 .hot li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .maininfo4 .cellbar7 li,
  .maininfo4 .cellbar7 li.chalist5 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .maininfo4.itemblock .cellbar7 li,
  .maininfo4.itemblock .cellbar7 li.chalist5 {
    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. */
.maininfo4 { align-items: stretch; }
.maininfo4 .ftsec6,
.maininfo4 .mainitem { min-width: 0; }
.maininfo4 .mainitem { display: flex; flex-direction: column; }
.maininfo4 .mainitem .cellbar7 { flex: 0 0 auto; }
.maininfo4 .nav9 {
  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;
}
.maininfo4 .nav9 > a,
.maininfo4 .nav9 > span,
.maininfo4 .nav9 > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.maininfo4 .nav9 > a,
.maininfo4 .nav9 > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.maininfo4 .nav9 > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.maininfo4 .sortline {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.maininfo4 .sortline 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) {
  .maininfo4 .nav9 {
    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) {
  .siteinfo.rowinner6,
  .siteinfo.chaname8,
  .siteinfo.catecell8 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .siteinfo.rowinner6 > .secinnerwrap,
  .siteinfo.chaname8 > .secinnerwrap,
  .siteinfo.catecell8 > .secinnerwrap {
    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;
  }

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

  .siteinfo.wraphd > .secinnerwrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .siteinfo.wraphd .colimg {
    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;
  }

  .siteinfo.wraphd .site {
    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;
  }

  .siteinfo.wraphd .datebd,
  .siteinfo.wraphd .volmeta {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}