* { 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%; }
.dateblock7, .namesec, .bdbox5, .titlecellmeta, .linkbar { max-width: 980px; margin: 0 auto; }

.foot7 { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.namesec { display: flex; gap: 24px; align-items: center; height: 30px; }
.item4 { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.item4:hover { color: #0871bd; text-decoration: underline; }
.bookwrap { background: #2f8ed8; }
.bdbox5 { height: 76px; display: flex; align-items: center; gap: 28px; }
.metaname { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.metaname a { color: #fff; letter-spacing: 0; }
.metaname a:hover { color: inherit; text-decoration: none; }
.cha { flex: 1; display: flex; max-width: 470px; }
.cover { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.picname4 { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.side7panel { margin-left: auto; display: flex; gap: 10px; }
.side7panel a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.colcon7 { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.side7, .readline, .authorbd, .novelcover9, .gridsec9, .contblock, .contcover7 { background: #fff; border: 1px solid #ddd; }
.side7 { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.bookrow { display: flex; min-height: 132px; overflow: hidden; }
.bookrow .listft { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.bookrow .listft img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.bookrow dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.bookrow dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bookrow dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.bookrow dd a { color: #555; }
.wenpanel6, .authorbd h2, .gridsec9 h2, .contblock h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.panelcellsec, .hotcell, .seccover8, .contbox, .navline { list-style: none; }
.panelcellsec li, .seccover8 li, .navline li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.gridbar, .page { width: 86px; color: #888; flex: 0 0 86px; }
.bdbar2, .toolunit { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.textrow5 { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.footinner, .novelpanel { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wenlist7 { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .dateblock7, .namesec, .bdbox5, .titlecellmeta, .linkbar { width: 100%; max-width: none; }
    .foot7 { display: none; }
    .bookwrap { padding: 10px; }
    .bdbox5 { height: auto; display: block; }
    .metaname { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .cha { max-width: none; }
    .side7panel { display: none; }
    .titlecellmeta { display: none; }
    .linkbar { display: flex; overflow-x: auto; background: #287dc2; }
    .linkbar a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .wencon6 { padding: 8px; }
    .colcon7, .itemimg { display: block; }
    .side7 { grid-template-columns: 1fr; margin-bottom: 10px; }
    .readline, .authorbd { margin-bottom: 10px; }
    .gridbar, .textrow5, .footinner, .page, .novelpanel, .wenlist7 { display: none; }
    .hotcell { columns: 1; }
    .novelcover9 { display: block; text-align: center; }
    .novelcover9 .metacover { margin: 0 auto 12px; }
    .contlink h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .head3 { justify-content: center; }
    .contbox { grid-template-columns: 1fr; }
    .headmeta { padding: 0 12px 18px; }
    .navblock8 h1 { font-size: 22px; }
    .hotrow8 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .homeinfo { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .linktext9 { gap: 8px; }
    .linktext9 a, .linktext9 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.dateblock7, .namesec, .bdbox5, .titlecellmeta, .linkbar { max-width: 1160px; }
.foot7 { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.namesec { color: #6d8f9e; }
.bookwrap { background: #e6f8fb; }
.bdbox5 { height: 82px; gap: 24px; }
.metaname { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.metaname a { color: #0871bd; }
.cha { max-width: 480px; margin-left: auto; }
.cover { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.picname4 { height: 36px; background: #ddd; color: #222; }
.side7panel { display: none; }
.titlecellmeta { height: 44px; background: #79c2e3; padding: 0 10px; }
.titlecellmeta a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.titlecellmeta a:hover { background: #5eb1d8; }
.wencon6 { padding: 12px 0 24px; }

.gridmod { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.timehd { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.cat4 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.cellrow6 h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.cellrow6 h2 a { color: #5b6fad; font-weight: 700; }
.cellrow6 h2 span { float: right; color: #aaa; font-weight: 400; }
.cellrow6 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.foot { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.sidelist, .newlink { border: 3px solid #86c9e8; background: #eef6f6; }
.sidelist h2, .newlink h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.catelist, .grid { list-style: none; padding: 8px 12px; }
.catelist 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; }
.catelist .rowgrid { color: #555; }
.catelist .linkinner, .catelist .shubd, .catelist .rankwrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.catelist .rankwrap, .catelist .story9 { color: #aaa; text-align: right; }
.grid li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.grid span { color: #555; }
.grid a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.grid em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.modft { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.modft a, .modft select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.modft a { line-height: 40px; }
.modft select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.chaft { 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; }
    .dateblock7, .namesec, .bdbox5, .titlecellmeta, .linkbar { width: 100%; max-width: none; }
    .foot7 { display: none; }
    .bookwrap { padding: 10px; background: #dff5fb; }
    .bdbox5 { display: block; height: auto; }
    .metaname { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .cha { max-width: none; display: flex; margin-left: 0; }
    .cover { height: 38px; font-size: 14px; }
    .picname4 { width: 72px; height: 38px; }
    .titlecellmeta { display: none; }
    .linkbar { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .linkbar a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .bdbox5 .linkbar { margin-bottom: 8px; }
    .wencon6 { padding: 8px; }
    .gridmod { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .timehd { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .timehd:last-child { border-bottom: 0; }
    .cat4 img { width: 82px; height: 110px; padding: 2px; }
    .cellrow6 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .cellrow6 h2 span { display: none; }
    .cellrow6 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .foot { display: block; }
    .modlist { display: flex; flex-direction: column; }
    .modlist .newlink { order: 1; }
    .modlist .sidelist { order: 2; }
    .sidelist, .newlink { border-width: 2px; margin-bottom: 10px; }
    .sidelist h2, .newlink h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .catelist, .grid { padding: 4px 8px; }
    .catelist 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; }
    .catelist .rankwrap, .catelist .story9 { display: none; }
    .catelist .rowgrid { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .catelist .linkinner { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .catelist .shubd { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .grid li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .grid span { display: none; }
    .modft { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .modft select { grid-column: 1 / -1; order: -1; }
    .chaft { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.headbox { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.headbox 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); }
.headbox button:hover { background: #4eadd0; }
body.colinner { background: #1e1e1e; color: #aaa; }
body.colinner a { color: #9eb8e8; }
body.colinner .foot7,
body.colinner .bookwrap,
body.colinner .chaft { background: #252525; border-color: #3a3a3a; color: #888; }
body.colinner .titlecellmeta,
body.colinner .linkbar { background: #333; }
body.colinner .titlecellmeta a:hover,
body.colinner .linkbar a:hover { background: #444; }
body.colinner .gridmod,
body.colinner .mod,
body.colinner .listrow,
body.colinner .bdhd2,
body.colinner .updatebox,
body.colinner .listimg,
body.colinner .novelcover9,
body.colinner .gridsec9,
body.colinner .contblock,
body.colinner .contcover7,
body.colinner .sidelist,
body.colinner .newlink,
body.colinner .tool,
body.colinner .itemcover { background: #2a2a2a; border-color: #444; }
body.colinner .headmeta { background: #202020; border-color: #444; }
body.colinner .hotrow8 { color: #b8b8b8; }
body.colinner .wenpanel6,
body.colinner .authorbd h2,
body.colinner .gridsec9 h2,
body.colinner .contblock h2,
body.colinner .sidelist h2,
body.colinner .newlink h2,
body.colinner .tool h2,
body.colinner .updatebox h1,
body.colinner .contcover7 h1,
body.colinner .dateline3 h2,
body.colinner .listimg h1 { background: #333; color: #ccc; border-color: #444; }
body.colinner .cellrow6 p,
body.colinner .shurow p,
body.colinner .secpanel p,
body.colinner .wengrid p,
body.colinner .gridsec9 p,
body.colinner .contlink p,
body.colinner .taggrid .unittext { color: #aaa; }
body.colinner .hdcol th { background: #333; color: #ccc; }
body.colinner .hdcol th,
body.colinner .hdcol td,
body.colinner .catelist li,
body.colinner .grid li,
body.colinner .tool li,
body.colinner .timename li { border-color: #444; }
body.colinner .cover,
body.colinner .sorttext input,
body.colinner .modft select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .headbox { right: 10px; bottom: 14px; }
    .headbox button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.readbox2 { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.readbox2 .pagemod { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.namewrap { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.sortcon9 {
    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;
}
.sortcon9 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.navwrap7 h1 { font-size: 30px; line-height: 44px; color: #333; }
.linkitem { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.linkitem p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.linkitem .block4 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.side { grid-column: 2; line-height: 1.8; color: #444; }
.imgwrap5 { display: none; }
.panelhd { display: none; }
.hot { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.hot h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.hot .contbox { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.hot .contbox li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.hot .contbox.cellarea li { font-weight: 700; }
.novelsec { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.novelsec a, .novelsec span, .novelsec button, .novelsec select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.novelsec a, .novelsec span, .novelsec button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.novelsec button:disabled { cursor: default; opacity: .65; }
.novelsec select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.cellarea9 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.cellarea9 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.bookhd8 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.bookhd8 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .readbox2, .hot { border-width: 2px; margin-bottom: 12px; }
    .readbox2 .pagemod { height: auto; line-height: 1.5; padding: 8px; }
    .namewrap { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .sortcon9 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .sortcon9 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .navwrap7 { min-width: 0; }
    .navwrap7 h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .linkitem { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .linkitem p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .imgwrap5 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .head6 { 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; }
    .head6:hover { color: #fff; text-decoration: none; opacity: .92; }
    .head6.imginfo9 { background: #f0305a; }
    .head6.cont { background: #f1a51e; }
    .head6.storysec { background: #5b8cc3; }
    .side { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .side.hotgrid { max-height: none; }
    .panelhd { 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; }
    .hot .contbox { grid-template-columns: 1fr; padding: 0 8px; }
    .hot .contbox li { height: 36px; line-height: 36px; padding-right: 0; }
    .novelsec { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .novelsec select { grid-column: 1 / -1; order: -1; }
    .bookhd8 { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .dateblock7, .wencon6, .bookwrap, .bdbox5, .headmeta, .readbox2, .hot { max-width: 100%; overflow-x: hidden; }
    .cha { width: 100%; max-width: 100%; }
    .cover { min-width: 0; }
    .picname4 { flex: 0 0 68px; width: 68px; }
    .linkbar { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .headmeta { padding-left: 10px; padding-right: 10px; }
    .pagemod { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .navblock8 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .navblock8 p { white-space: normal; overflow-wrap: anywhere; }
    .hotrow8 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .hotrow8 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .headbox { right: 8px; }
}

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

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

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

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

body.colinner .metaname a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.colinner .headmeta { background: #242424; }
body.colinner .navblock8 h1 { color: #ddd; }
body.colinner .navblock8 p,
body.colinner .pagemod { color: #aaa; }
body.colinner .hotrow8 { color: #d2d2d2; }
body.colinner .hotrow8 p { color: #d2d2d2; }
body.colinner.tag5 .headmeta,
body.colinner.pagelist .headmeta,
body.colinner.homecell6 .headmeta { background: #242424; }
@media (max-width: 768px) {
    .card { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.colinner .card { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.headmeta { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.colinner) .headmeta { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.colinner) .hotrow8 { color: #333; }

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

@media (max-width: 768px) {
    .headmeta > .pagemod,
    .headmeta > .navblock8 { display: none; }
    .headmeta { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.colinner { background: #e6f8fb; color: #555; }
body.colinner a { color: #4d6da8; }
body.colinner .foot7 { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.colinner .bookwrap,
body.colinner .chaft { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.colinner .titlecellmeta,
body.colinner .linkbar { background: #79c2e3; }
body.colinner .titlecellmeta a,
body.colinner .linkbar a { color: #fff; }
body.colinner .cover,
body.colinner .sorttext input,
body.colinner .modft select { background: #fff; color: #333; border-color: #9bc7df; }
body.colinner .headmeta,
body.colinner.tag5 .headmeta,
body.colinner.pagelist .headmeta,
body.colinner.homecell6 .headmeta { background: #2f3437; border-color: #444; }
body.colinner .navblock8 h1 { color: #ddd; }
body.colinner .navblock8 p,
body.colinner .pagemod { color: #aaa; }
body.colinner .linktext9 a,
body.colinner .linktext9 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.colinner .card { background: #2f3437; border-color: #555; }
body.colinner .card span,
body.colinner .card label { color: #c8c8c8; }
body.colinner .card select,
body.colinner .card button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.colinner .hotrow8 { background: transparent; color: #aaa; }
body.colinner .homeinfo { border-color: #555; color: #bbb; }
body.colinner .hotrow8 p { color: #aaa; }
body.colinner .metaname a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.colinner .gridinfo { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.colinner .gridinfo:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.colinner .datelist { background: #eee; }
body.colinner .datelist h2 { color: #777; }
body.colinner .pageinfo7 a { background: #e3e3e3; color: #333; }
.novelmetagrid { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.novelmetagrid h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.novelmetagrid p { margin: 8px 0; color: #555; }
.modrow6 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.modrow6:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.colinner .bookwrap { background: #dff5fb; }
    .novelmetagrid { padding: 42px 12px 48px; border-width: 2px; }
    .novelmetagrid h1 { font-size: 24px; }
}

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

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

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

/* static rank page, bqg style */
.bdhd2.cat {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.cat .descpanel {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.cat .descpanel h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.cat .descpanel strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.cat .numblock {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.cat .cellunitarea {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.cat .author7 img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.cat .tagft {
  min-width: 0;
}
.cat .cellunitarea 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;
}
.cat .cellunitarea h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cat .cellunitarea h3 span,
.cat .cellunitarea h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.cat .bd6 {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.cat .bd6 a {
  display: inline;
}
.cat .headitem {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .bdhd2.cat {
    padding: 8px;
  }
  .cat .descpanel {
    display: flex;
    justify-content: space-between;
  }
  .cat .descpanel h2 {
    font-size: 20px;
  }
  .cat .descpanel strong {
    font-size: 16px;
  }
  .cat .numblock {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .cat .cellunitarea {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .cat .author7 img {
    width: 86px;
    height: 116px;
  }
  .cat .headitem {
    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; }
.dateblock7, .namesec, .bdbox5, .titlecol { width: 980px; max-width: 980px; margin: 0 auto; }
.bookwrap { background: #e6f8fb; }
.bdbox5 { height: 86px; display: flex; align-items: center; gap: 28px; }
.metaname { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.metaname a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.metaname a:hover { text-decoration: none; color: #0871bd; }
.cha { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.cover { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.picname4 { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.titlecellmeta { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.titlecol { display: flex; height: 42px; width: 980px; }
.titlecellmeta a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.titlecellmeta a:hover, .titlecellmeta a.pagetext { background: #57acd2; color: #fff; text-decoration: none; }
.wencon6 { padding: 12px 0 20px; }

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

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

.sec { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.footft6, .cellunit, .secgrid { border: 3px solid #9bd5ee; background: #eefafa; }
.footft6 h2, .cellunit h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.seccover8 li, .bookinner li, .navline li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.seccover8 li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.bookinner li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.bookinner li.newitem { grid-template-columns: 76px minmax(0, 1fr); }
.navline li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.seccover8 a, .bookinner a, .navline a, .bd, .row, .boximg9, .taglink3, .bookinner em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bd { color: #555; }
.row, .boximg9, .taglink3, .bookinner em { color: #777; font-style: normal; text-align: right; }
.secgrid { padding-bottom: 8px; }
.secgrid h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.newhd9 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.newhd9 button, .newhd9 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.newhd9 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.newhd9 button:disabled { opacity: .55; cursor: default; }
.newhd9 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.novelmeta { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.novelmeta button, .novelmeta select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.listcon > [hidden] { display: none !important; }
.updateft { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.updateft h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.updateft p, .topbd { color: #555; }

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

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

@media (max-width: 1023px) {
  .dateblock7, .namesec, .bdbox5, .titlecellmeta, .titlecol { width: auto; max-width: none; }
  .foot7 { display: block; }
  .namesec { padding: 0 10px; justify-content: center; }
  .bookwrap { padding: 10px; }
  .bdbox5 { height: auto; display: block; }
  .metaname { width: auto; margin-bottom: 8px; font-size: 28px; }
  .cha { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .titlecellmeta { margin: 0 10px; height: 38px; overflow-x: auto; }
  .titlecol { display: flex; height: 38px; min-width: max-content; }
  .titlecellmeta a { line-height: 38px; padding: 0 12px; }
  .wencon6 { padding: 8px 10px 16px; }
  .head9 { display: block; padding: 8px; }
  .head9 .timeline { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .head9 .metacover, .head9 .metacover img { width: 86px; }
  .head9 .metacover img { height: 116px; }
  .main7 { display: block; }
  .cateblock { min-height: 0; border-right: 0; }
  .sec { display: flex; flex-direction: column; }
  .cellunit { order: 1; }
  .footft6 { order: 2; }
  .seccover8 li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .seccover8 .bd, .seccover8 .row, .seccover8 .taglink3 { display: none; }
  .bookinner li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .bookinner li span { display: none; }
  .navline li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .navline .bd, .navline .wenmod { display: none; }
  .navline .row, .navline .boximg9 { text-align: right; }
  .secgrid h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .newhd9 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .novelmeta { grid-template-columns: 1fr 1.25fr 1fr; }
  .tagitem { display: block; }
  .tagcon { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .rankbar6 img { width: 86px; height: 116px; }
}

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

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

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

  .sideline7 .timeline:last-child {
    border-bottom: 0;
  }

  .sideline7 .metacover,
  .sideline7 .metacover img {
    width: 82px;
  }

  .sideline7 .metacover img {
    height: 110px;
    object-fit: cover;
  }

  .sideline7 .navsec {
    min-width: 0;
  }

  .sideline7 .navsec 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;
  }

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

  .sideline7 .navsec 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;
  }

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

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

  .new .footft6,
  .new .cellunit {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .new .footft6 h2,
  .new .cellunit h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .new .seccover8 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;
  }

  .new .seccover8 .bd,
  .new .seccover8 .bararea,
  .new .seccover8 .wenmod {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .new .seccover8 .bd {
    display: none;
  }

  .new .seccover8 .row,
  .new .seccover8 .taglink3 {
    display: none;
  }

  .new .bookinner 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;
  }

  .new .bookinner li.newitem {
    grid-template-columns: minmax(0, 1fr);
  }

  .new .bookinner li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .dateblock7,
  .namesec,
  .bdbox5,
  .titlecol {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .head9 .metacover,
  .head9 .metacover img {
    width: 120px;
  }

  .head9 .metacover img {
    height: 160px;
  }

  .head9 .navsec h3,
  .main7 .navsec h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .head9 .navsec p,
  .main7 .navsec p {
    font-size: 14px;
    line-height: 24px;
  }

  .cateblock {
    padding: 10px 12px;
  }

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

  .cateblock .metacover,
  .cateblock .metacover img {
    width: 92px;
  }

  .cateblock .metacover img {
    height: 124px;
  }

  .authorsec li,
  .bookinner li,
  .seccover8 li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .footft6 h2,
  .cellunit h2,
  .cateblock h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .story3 .head9 .timeline:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .story3 .head9 {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .namesec,
  .bdbox5,
  .titlecol,
  .dateblock7 {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.titlecellmeta a:hover,
.linkbar a:hover,
.titlecol 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) {
  .namesec,
  .bdbox5,
  .titlecol,
  .dateblock7,
  .titlecellmeta,
  .linkbar {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .titlecellmeta,
  .linkbar {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .namesec,
  .bdbox5,
  .titlecol,
  .dateblock7,
  .titlecellmeta,
  .linkbar {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .dateblock7,
  .bdbox5,
  .namesec {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.bookwrap nav a:hover,
.bookwrap nav a:focus,
.bookwrap nav a.pagetext,
.bookwrap nav .pagetext,
.bdbox5 nav a:hover,
.bdbox5 nav a:focus,
.bdbox5 nav a.pagetext,
.bdbox5 nav .pagetext,
.titlecellmeta a:hover,
.titlecellmeta a:focus,
.titlecellmeta a.pagetext,
.titlecellmeta .pagetext,
.linkbar a:hover,
.linkbar a:focus,
.linkbar a.pagetext,
.linkbar .pagetext {
    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) {
    .namesec,
    .bookwrap .bdbox5,
    .bdbox5,
    .dateblock7,
    .wencon6,
    .updatebd,
    .wrapgrid,
    .itemcol,
    .titlecellmeta,
    .linkbar {
        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;
    }

    .foot7,
    .bookwrap,
    .wencon6,
    .chaft,
    .namesec,
    .bookwrap .bdbox5,
    .bdbox5,
    .dateblock7,
    .itemcol,
    .updatebd,
    .wrapgrid,
    .title2,
    .titlecellmeta,
    .linkbar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .namesec,
    .bookwrap .bdbox5,
    .bdbox5,
    .dateblock7,
    .updatebd,
    .wrapgrid,
    .wencon6 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .bdhd2,
    .timepanel6,
    .nameunit,
    .catecol4,
    .rankmain,
    .secgrid .titlecell,
    .navline,
    .titlecell,
    .time,
    .novelcol7,
    .descwrap,
    .readbox2 {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .cellinner6,
    .chawrap,
    .titlecell .descitem,
    .navline .descitem,
    .time .descitem,
    .novelcol7 .descitem,
    .descwrap .descitem,
    .unit,
    .bookrow {
        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;
    }

    .cellinner6 img,
    .chawrap img,
    .rankbar6 img,
    .titlecell .descitem img,
    .navline .descitem img,
    .time .descitem img,
    .novelcol7 .descitem img,
    .descwrap .descitem img,
    .unit img,
    .bookrow img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .wengrid,
    .bdlink,
    .navsec,
    .contlink,
    .bookrow dl,
    .bookrow .infolist {
        min-width: 0 !important;
    }

    .menuhd,
    .timecon,
    .colcon7,
    .sitecol {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .menuhd > *,
    .timecon > *,
    .colcon7 > *,
    .sitecol > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.titlecellmeta a:hover,
.titlecellmeta a:focus,
.titlecellmeta a:active,
.titlecellmeta a.pagetext,
.titlecellmeta .pagetext,
.linkbar a:hover,
.linkbar a:focus,
.linkbar a:active,
.linkbar a.pagetext,
.linkbar .pagetext,
.bookwrap nav a:hover,
.bookwrap nav a:focus,
.bookwrap nav a:active,
.bookwrap nav a.pagetext,
.bdbox5 nav a:hover,
.bdbox5 nav a:focus,
.bdbox5 nav a:active,
.bdbox5 nav a.pagetext {
    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) {
  .story3 .navsec p,
  .sideline7 .navsec p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .bdbox5 {
    height: 68px;
  }

  .titlecellmeta,
  .titlecol {
    height: 38px;
  }

  .titlecellmeta a,
  .titlecol a {
    line-height: 38px;
  }

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

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

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

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

  .bookwrap .bdbox5,
  .bdbox5 {
    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;
  }

  .bookwrap .metaname,
  .bookwrap 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;
  }

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

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

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

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

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

  .bookwrap .cha,
  .bdbox5 .cha {
    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;
  }

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

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

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

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

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

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

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

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

  .namewrap .navwrap7 {
    display: contents !important;
  }

  .namewrap .navwrap7 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;
  }

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

  .namewrap .linkitem p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .namewrap .side.hotgrid {
    max-height: none !important;
  }

  .namewrap .panelhd {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .hot .contbox {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .wencon6 .dateblock7 > .cellarea9 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .wencon6 .dateblock7 > .cellarea9 .bookhd8 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .wencon6 .dateblock7 > .cellarea9 .bookhd8 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) {
  .new .seccover8 li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .new .bookinner li,
  .new .bookinner li.newitem {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .new.footarea6 .bookinner li,
  .new.footarea6 .bookinner li.newitem {
    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. */
.new { align-items: stretch; }
.new .footft6,
.new .cellunit { min-width: 0; }
.new .cellunit { display: flex; flex-direction: column; }
.new .cellunit .bookinner { flex: 0 0 auto; }
.new .linktext {
  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;
}
.new .linktext > a,
.new .linktext > span,
.new .linktext > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.new .linktext > a,
.new .linktext > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new .linktext > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.new .shumain {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.new .shumain 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) {
  .new .linktext {
    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) {
  .wencon6.volcover,
  .wencon6.img,
  .wencon6.wrap4 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .wencon6.volcover > .dateblock7,
  .wencon6.img > .dateblock7,
  .wencon6.wrap4 > .dateblock7 {
    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;
  }

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

  .wencon6.hdbar4 > .dateblock7 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .wencon6.hdbar4 .headmeta {
    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;
  }

  .wencon6.hdbar4 .hotrow8 {
    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;
  }

  .wencon6.hdbar4 .card,
  .wencon6.hdbar4 .linktext9 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}