* { 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%; }
.itemUnit, .rank, .rowLink8, .novel, .cell { max-width: 980px; margin: 0 auto; }

.panelInfo { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.rank { display: flex; gap: 24px; align-items: center; height: 30px; }
.desc3 { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.desc3:hover { color: #0871bd; text-decoration: underline; }
.linkItem { background: #2f8ed8; }
.rowLink8 { height: 76px; display: flex; align-items: center; gap: 28px; }
.itemRow2 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.itemRow2 a { color: #fff; letter-spacing: 0; }
.itemRow2 a:hover { color: inherit; text-decoration: none; }
.covermod { flex: 1; display: flex; max-width: 470px; }
.infoName { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.authorText9 { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.timeGridmod { margin-left: auto; display: flex; gap: 10px; }
.timeGridmod a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.box { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.gridArea, .homeTextunit, .chaCon7, .volFt4, .siteText, .infoLink, .update { background: #fff; border: 1px solid #ddd; }
.gridArea { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.numCover8 { display: flex; min-height: 132px; overflow: hidden; }
.numCover8 .modList9 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.numCover8 .modList9 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.numCover8 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.numCover8 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.numCover8 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.numCover8 dd a { color: #555; }
.cateimg, .chaCon7 h2, .siteText h2, .infoLink h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.panelMod, .colLine2, .infoCover, .contUnit5, .rankMeta { list-style: none; }
.panelMod li, .infoCover li, .rankMeta li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.sortImg, .shuRow { width: 86px; color: #888; flex: 0 0 86px; }
.mainItem, .mainUnit7 { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.updateft { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.infoMod, .book3 { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.linkText { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .itemUnit, .rank, .rowLink8, .novel, .cell { width: 100%; max-width: none; }
    .panelInfo { display: none; }
    .linkItem { padding: 10px; }
    .rowLink8 { height: auto; display: block; }
    .itemRow2 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .covermod { max-width: none; }
    .timeGridmod { display: none; }
    .novel { display: none; }
    .cell { display: flex; overflow-x: auto; background: #287dc2; }
    .cell a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .cellHd { padding: 8px; }
    .box, .covers { display: block; }
    .gridArea { grid-template-columns: 1fr; margin-bottom: 10px; }
    .homeTextunit, .chaCon7 { margin-bottom: 10px; }
    .sortImg, .updateft, .infoMod, .shuRow, .book3, .linkText { display: none; }
    .colLine2 { columns: 1; }
    .volFt4 { display: block; text-align: center; }
    .volFt4 .infotext { margin: 0 auto 12px; }
    .bookLink h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .bookInner { justify-content: center; }
    .contUnit5 { grid-template-columns: 1fr; }
    .barMeta { padding: 0 12px 18px; }
    .updateItem h1 { font-size: 22px; }
    .cover { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .unit4 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .top5 { gap: 8px; }
    .top5 a, .top5 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.itemUnit, .rank, .rowLink8, .novel, .cell { max-width: 1160px; }
.panelInfo { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.rank { color: #6d8f9e; }
.linkItem { background: #e6f8fb; }
.rowLink8 { height: 82px; gap: 24px; }
.itemRow2 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.itemRow2 a { color: #0871bd; }
.covermod { max-width: 480px; margin-left: auto; }
.infoName { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.authorText9 { height: 36px; background: #ddd; color: #222; }
.timeGridmod { display: none; }
.novel { height: 44px; background: #79c2e3; padding: 0 10px; }
.novel a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.novel a:hover { background: #5eb1d8; }
.cellHd { padding: 12px 0 24px; }

.row3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.homeBar { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.tool img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.menuGrid h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.menuGrid h2 a { color: #5b6fad; font-weight: 700; }
.menuGrid h2 span { float: right; color: #aaa; font-weight: 400; }
.menuGrid p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.volLine3 { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.homeText, .infoText { border: 3px solid #86c9e8; background: #eef6f6; }
.homeText h2, .infoText h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.siteCover, .contRow3 { list-style: none; padding: 8px 12px; }
.siteCover 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; }
.siteCover .numSec { color: #555; }
.siteCover .cateBlock, .siteCover .ftName, .siteCover .site5 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.siteCover .site5, .siteCover .topbox { color: #aaa; text-align: right; }
.contRow3 li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.contRow3 span { color: #555; }
.contRow3 a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.contRow3 em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menuCon { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.menuCon a, .menuCon select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.menuCon a { line-height: 40px; }
.menuCon select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.card { 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; }
    .itemUnit, .rank, .rowLink8, .novel, .cell { width: 100%; max-width: none; }
    .panelInfo { display: none; }
    .linkItem { padding: 10px; background: #dff5fb; }
    .rowLink8 { display: block; height: auto; }
    .itemRow2 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .covermod { max-width: none; display: flex; margin-left: 0; }
    .infoName { height: 38px; font-size: 14px; }
    .authorText9 { width: 72px; height: 38px; }
    .novel { display: none; }
    .cell { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .cell a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .rowLink8 .cell { margin-bottom: 8px; }
    .cellHd { padding: 8px; }
    .row3 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .homeBar { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .homeBar:last-child { border-bottom: 0; }
    .tool img { width: 82px; height: 110px; padding: 2px; }
    .menuGrid h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .menuGrid h2 span { display: none; }
    .menuGrid p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .volLine3 { display: block; }
    .cate { display: flex; flex-direction: column; }
    .cate .infoText { order: 1; }
    .cate .homeText { order: 2; }
    .homeText, .infoText { border-width: 2px; margin-bottom: 10px; }
    .homeText h2, .infoText h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .siteCover, .contRow3 { padding: 4px 8px; }
    .siteCover 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; }
    .siteCover .site5, .siteCover .topbox { display: none; }
    .siteCover .numSec { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .siteCover .cateBlock { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .siteCover .ftName { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .contRow3 li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .contRow3 span { display: none; }
    .menuCon { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .menuCon select { grid-column: 1 / -1; order: -1; }
    .card { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.card9col { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.card9col 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); }
.card9col button:hover { background: #4eadd0; }
body.block { background: #1e1e1e; color: #aaa; }
body.block a { color: #9eb8e8; }
body.block .panelInfo,
body.block .linkItem,
body.block .card { background: #252525; border-color: #3a3a3a; color: #888; }
body.block .novel,
body.block .cell { background: #333; }
body.block .novel a:hover,
body.block .cell a:hover { background: #444; }
body.block .row3,
body.block .new,
body.block .novelItem,
body.block .blockWrap,
body.block .colHd,
body.block .readMeta2,
body.block .volFt4,
body.block .siteText,
body.block .infoLink,
body.block .update,
body.block .homeText,
body.block .infoText,
body.block .storyCol4,
body.block .volGrid { background: #2a2a2a; border-color: #444; }
body.block .barMeta { background: #202020; border-color: #444; }
body.block .cover { color: #b8b8b8; }
body.block .cateimg,
body.block .chaCon7 h2,
body.block .siteText h2,
body.block .infoLink h2,
body.block .homeText h2,
body.block .infoText h2,
body.block .storyCol4 h2,
body.block .colHd h1,
body.block .update h1,
body.block .rowMod h2,
body.block .readMeta2 h1 { background: #333; color: #ccc; border-color: #444; }
body.block .menuGrid p,
body.block .bookArea5 p,
body.block .storyBar p,
body.block .cont3 p,
body.block .siteText p,
body.block .bookLink p,
body.block .descList .wenCol { color: #aaa; }
body.block .topMod6 th { background: #333; color: #ccc; }
body.block .topMod6 th,
body.block .topMod6 td,
body.block .siteCover li,
body.block .contRow3 li,
body.block .storyCol4 li,
body.block .toolWrap6 li { border-color: #444; }
body.block .infoName,
body.block .cover6 input,
body.block .menuCon select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .card9col { right: 10px; bottom: 14px; }
    .card9col button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.updateCell { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.updateCell .boxImg { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.listMetabox { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.desccol {
    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;
}
.desccol img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.authorBlock h1 { font-size: 30px; line-height: 44px; color: #333; }
.title { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.title p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.title .barHd3 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.textInfo4 { grid-column: 2; line-height: 1.8; color: #444; }
.boxInner { display: none; }
.menuInfo { display: none; }
.linkBlock { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.linkBlock h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.linkBlock .contUnit5 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.linkBlock .contUnit5 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.linkBlock .contUnit5.colMod li { font-weight: 700; }
.volMod9 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.volMod9 a, .volMod9 span, .volMod9 button, .volMod9 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.volMod9 a, .volMod9 span, .volMod9 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.volMod9 button:disabled { cursor: default; opacity: .65; }
.volMod9 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.titleBlock5 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.titleBlock5 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.panelbar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.panelbar a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .updateCell, .linkBlock { border-width: 2px; margin-bottom: 12px; }
    .updateCell .boxImg { height: auto; line-height: 1.5; padding: 8px; }
    .listMetabox { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .desccol { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .desccol img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .authorBlock { min-width: 0; }
    .authorBlock h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .title { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .title p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .boxInner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .catItem8 { 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; }
    .catItem8:hover { color: #fff; text-decoration: none; opacity: .92; }
    .catItem8.metaHd4 { background: #f0305a; }
    .catItem8.shuCover9 { background: #f1a51e; }
    .catItem8.gridCover8 { background: #5b8cc3; }
    .textInfo4 { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .textInfo4.shuWrap { max-height: none; }
    .menuInfo { 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; }
    .linkBlock .contUnit5 { grid-template-columns: 1fr; padding: 0 8px; }
    .linkBlock .contUnit5 li { height: 36px; line-height: 36px; padding-right: 0; }
    .volMod9 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .volMod9 select { grid-column: 1 / -1; order: -1; }
    .panelbar { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .itemUnit, .cellHd, .linkItem, .rowLink8, .barMeta, .updateCell, .linkBlock { max-width: 100%; overflow-x: hidden; }
    .covermod { width: 100%; max-width: 100%; }
    .infoName { min-width: 0; }
    .authorText9 { flex: 0 0 68px; width: 68px; }
    .cell { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .barMeta { padding-left: 10px; padding-right: 10px; }
    .boxImg { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .updateItem h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .updateItem p { white-space: normal; overflow-wrap: anywhere; }
    .cover { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .cover p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .card9col { right: 8px; }
}

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

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

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

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

body.block .itemRow2 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.block .barMeta { background: #242424; }
body.block .updateItem h1 { color: #ddd; }
body.block .updateItem p,
body.block .boxImg { color: #aaa; }
body.block .cover { color: #d2d2d2; }
body.block .cover p { color: #d2d2d2; }
body.block.infoMod8 .barMeta,
body.block.navLine .barMeta,
body.block.homeLink .barMeta { background: #242424; }
@media (max-width: 768px) {
    .nameSec { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.block .nameSec { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.barMeta { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.block) .barMeta { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.block) .cover { color: #333; }

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

@media (max-width: 768px) {
    .barMeta > .boxImg,
    .barMeta > .updateItem { display: none; }
    .barMeta { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.block { background: #e6f8fb; color: #555; }
body.block a { color: #4d6da8; }
body.block .panelInfo { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.block .linkItem,
body.block .card { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.block .novel,
body.block .cell { background: #79c2e3; }
body.block .novel a,
body.block .cell a { color: #fff; }
body.block .infoName,
body.block .cover6 input,
body.block .menuCon select { background: #fff; color: #333; border-color: #9bc7df; }
body.block .barMeta,
body.block.infoMod8 .barMeta,
body.block.navLine .barMeta,
body.block.homeLink .barMeta { background: #2f3437; border-color: #444; }
body.block .updateItem h1 { color: #ddd; }
body.block .updateItem p,
body.block .boxImg { color: #aaa; }
body.block .top5 a,
body.block .top5 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.block .nameSec { background: #2f3437; border-color: #555; }
body.block .nameSec span,
body.block .nameSec label { color: #c8c8c8; }
body.block .nameSec select,
body.block .nameSec button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.block .cover { background: transparent; color: #aaa; }
body.block .unit4 { border-color: #555; color: #bbb; }
body.block .cover p { color: #aaa; }
body.block .itemRow2 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.block .unitLink7 { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.block .unitLink7:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.block .timeGrid { background: #eee; }
body.block .timeGrid h2 { color: #777; }
body.block .menuImg a { background: #e3e3e3; color: #333; }
.sideWrap { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.sideWrap h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.sideWrap p { margin: 8px 0; color: #555; }
.card9 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.card9:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.block .linkItem { background: #dff5fb; }
    .sideWrap { padding: 42px 12px 48px; border-width: 2px; }
    .sideWrap h1 { font-size: 24px; }
}

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

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

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

/* static rank page, bqg style */
.blockWrap.row {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.row .modItem5 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.row .modItem5 h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.row .modItem5 strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.row .numMeta8 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.row .mod {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.row .navMeta img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.row .newGrid {
  min-width: 0;
}
.row .mod 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;
}
.row .mod h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.row .mod h3 span,
.row .mod h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.row .timeArea4 {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.row .timeArea4 a {
  display: inline;
}
.row .descbar {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .blockWrap.row {
    padding: 8px;
  }
  .row .modItem5 {
    display: flex;
    justify-content: space-between;
  }
  .row .modItem5 h2 {
    font-size: 20px;
  }
  .row .modItem5 strong {
    font-size: 16px;
  }
  .row .numMeta8 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .row .mod {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .row .navMeta img {
    width: 86px;
    height: 116px;
  }
  .row .descbar {
    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; }
.itemUnit, .rank, .rowLink8, .block4 { width: 980px; max-width: 980px; margin: 0 auto; }
.linkItem { background: #e6f8fb; }
.rowLink8 { height: 86px; display: flex; align-items: center; gap: 28px; }
.itemRow2 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.itemRow2 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.itemRow2 a:hover { text-decoration: none; color: #0871bd; }
.covermod { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.infoName { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.authorText9 { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.novel { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.block4 { display: flex; height: 42px; width: 980px; }
.novel a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.novel a:hover, .novel a.hotImg { background: #57acd2; color: #fff; text-decoration: none; }
.cellHd { padding: 12px 0 20px; }

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

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

.shu { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.sideImg, .picCover, .tagBlock { border: 3px solid #9bd5ee; background: #eefafa; }
.sideImg h2, .picCover h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.infoCover li, .area li, .rankMeta li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.infoCover li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.area li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.area li.side { grid-template-columns: 76px minmax(0, 1fr); }
.rankMeta li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.infoCover a, .area a, .rankMeta a, .storyMeta3, .panel, .cat5, .pageFt7, .area em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.storyMeta3 { color: #555; }
.panel, .cat5, .pageFt7, .area em { color: #777; font-style: normal; text-align: right; }
.tagBlock { padding-bottom: 8px; }
.tagBlock h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.nameBar6 { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.nameBar6 button, .nameBar6 select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.nameBar6 button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.nameBar6 button:disabled { opacity: .55; cursor: default; }
.nameBar6 select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.readMeta { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.readMeta button, .readMeta select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.gridCover > [hidden] { display: none !important; }
.hotInfo { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.hotInfo h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.hotInfo p, .cover2 { color: #555; }

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

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

@media (max-width: 1023px) {
  .itemUnit, .rank, .rowLink8, .novel, .block4 { width: auto; max-width: none; }
  .panelInfo { display: block; }
  .rank { padding: 0 10px; justify-content: center; }
  .linkItem { padding: 10px; }
  .rowLink8 { height: auto; display: block; }
  .itemRow2 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .covermod { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .novel { margin: 0 10px; height: 38px; overflow-x: auto; }
  .block4 { display: flex; height: 38px; min-width: max-content; }
  .novel a { line-height: 38px; padding: 0 12px; }
  .cellHd { padding: 8px 10px 16px; }
  .itemMeta9 { display: block; padding: 8px; }
  .itemMeta9 .cellMod7 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .itemMeta9 .infotext, .itemMeta9 .infotext img { width: 86px; }
  .itemMeta9 .infotext img { height: 116px; }
  .modHd { display: block; }
  .descArea9 { min-height: 0; border-right: 0; }
  .shu { display: flex; flex-direction: column; }
  .picCover { order: 1; }
  .sideImg { order: 2; }
  .infoCover li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .infoCover .storyMeta3, .infoCover .panel, .infoCover .pageFt7 { display: none; }
  .area li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .area li span { display: none; }
  .rankMeta li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .rankMeta .storyMeta3, .rankMeta .listMeta { display: none; }
  .rankMeta .panel, .rankMeta .cat5 { text-align: right; }
  .tagBlock h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .nameBar6 { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .readMeta { grid-template-columns: 1fr 1.25fr 1fr; }
  .cellLine7 { display: block; }
  .siteBlock { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .descWrap5 img { width: 86px; height: 116px; }
}

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

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

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

  .mainimg .cellMod7:last-child {
    border-bottom: 0;
  }

  .mainimg .infotext,
  .mainimg .infotext img {
    width: 82px;
  }

  .mainimg .infotext img {
    height: 110px;
    object-fit: cover;
  }

  .mainimg .unit {
    min-width: 0;
  }

  .mainimg .unit 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;
  }

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

  .mainimg .unit 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;
  }

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

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

  .wenWrap .sideImg,
  .wenWrap .picCover {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .wenWrap .sideImg h2,
  .wenWrap .picCover h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .wenWrap .infoCover 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;
  }

  .wenWrap .infoCover .storyMeta3,
  .wenWrap .infoCover .topInfo,
  .wenWrap .infoCover .listMeta {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .wenWrap .infoCover .storyMeta3 {
    display: none;
  }

  .wenWrap .infoCover .panel,
  .wenWrap .infoCover .pageFt7 {
    display: none;
  }

  .wenWrap .area 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;
  }

  .wenWrap .area li.side {
    grid-template-columns: minmax(0, 1fr);
  }

  .wenWrap .area li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .itemUnit,
  .rank,
  .rowLink8,
  .block4 {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .itemMeta9 .infotext,
  .itemMeta9 .infotext img {
    width: 120px;
  }

  .itemMeta9 .infotext img {
    height: 160px;
  }

  .itemMeta9 .unit h3,
  .modHd .unit h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .itemMeta9 .unit p,
  .modHd .unit p {
    font-size: 14px;
    line-height: 24px;
  }

  .descArea9 {
    padding: 10px 12px;
  }

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

  .descArea9 .infotext,
  .descArea9 .infotext img {
    width: 92px;
  }

  .descArea9 .infotext img {
    height: 124px;
  }

  .tool4 li,
  .area li,
  .infoCover li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .sideImg h2,
  .picCover h2,
  .descArea9 h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .imgItem .itemMeta9 .cellMod7:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .imgItem .itemMeta9 {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .rank,
  .rowLink8,
  .block4,
  .itemUnit {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.novel a:hover,
.cell a:hover,
.block4 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) {
  .rank,
  .rowLink8,
  .block4,
  .itemUnit,
  .novel,
  .cell {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .novel,
  .cell {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .rank,
  .rowLink8,
  .block4,
  .itemUnit,
  .novel,
  .cell {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .itemUnit,
  .rowLink8,
  .rank {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.linkItem nav a:hover,
.linkItem nav a:focus,
.linkItem nav a.hotImg,
.linkItem nav .hotImg,
.rowLink8 nav a:hover,
.rowLink8 nav a:focus,
.rowLink8 nav a.hotImg,
.rowLink8 nav .hotImg,
.novel a:hover,
.novel a:focus,
.novel a.hotImg,
.novel .hotImg,
.cell a:hover,
.cell a:focus,
.cell a.hotImg,
.cell .hotImg {
    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) {
    .rank,
    .linkItem .rowLink8,
    .rowLink8,
    .itemUnit,
    .cellHd,
    .numNamemeta,
    .toolinfo,
    .bookPanel,
    .novel,
    .cell {
        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;
    }

    .panelInfo,
    .linkItem,
    .cellHd,
    .card,
    .rank,
    .linkItem .rowLink8,
    .rowLink8,
    .itemUnit,
    .bookPanel,
    .numNamemeta,
    .toolinfo,
    .sec,
    .novel,
    .cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .rank,
    .linkItem .rowLink8,
    .rowLink8,
    .itemUnit,
    .numNamemeta,
    .toolinfo,
    .cellHd {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .blockWrap,
    .boxPanel2,
    .authorUnit,
    .menuBlock3,
    .headFt,
    .tagBlock .contCell,
    .rankMeta,
    .contCell,
    .numName,
    .authorImg,
    .wrap7,
    .updateCell {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .linkArea,
    .coverMod,
    .contCell .siteHd,
    .rankMeta .siteHd,
    .numName .siteHd,
    .authorImg .siteHd,
    .wrap7 .siteHd,
    .readRow8,
    .numCover8 {
        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;
    }

    .linkArea img,
    .coverMod img,
    .descWrap5 img,
    .contCell .siteHd img,
    .rankMeta .siteHd img,
    .numName .siteHd img,
    .authorImg .siteHd img,
    .wrap7 .siteHd img,
    .readRow8 img,
    .numCover8 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .cont3,
    .readBar,
    .unit,
    .bookLink,
    .numCover8 dl,
    .numCover8 .sortBlock {
        min-width: 0 !important;
    }

    .metaInfo,
    .wenCover,
    .box,
    .timeName {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .metaInfo > *,
    .wenCover > *,
    .box > *,
    .timeName > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.novel a:hover,
.novel a:focus,
.novel a:active,
.novel a.hotImg,
.novel .hotImg,
.cell a:hover,
.cell a:focus,
.cell a:active,
.cell a.hotImg,
.cell .hotImg,
.linkItem nav a:hover,
.linkItem nav a:focus,
.linkItem nav a:active,
.linkItem nav a.hotImg,
.rowLink8 nav a:hover,
.rowLink8 nav a:focus,
.rowLink8 nav a:active,
.rowLink8 nav a.hotImg {
    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) {
  .imgItem .unit p,
  .mainimg .unit p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .rowLink8 {
    height: 68px;
  }

  .novel,
  .block4 {
    height: 38px;
  }

  .novel a,
  .block4 a {
    line-height: 38px;
  }

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

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

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

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

  .linkItem .rowLink8,
  .rowLink8 {
    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;
  }

  .linkItem .itemRow2,
  .linkItem 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;
  }

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

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

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

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

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

  .linkItem .covermod,
  .rowLink8 .covermod {
    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;
  }

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

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

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

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

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

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

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

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

  .listMetabox .authorBlock {
    display: contents !important;
  }

  .listMetabox .authorBlock 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;
  }

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

  .listMetabox .title p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .listMetabox .textInfo4.shuWrap {
    max-height: none !important;
  }

  .listMetabox .menuInfo {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .linkBlock .contUnit5 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .cellHd .itemUnit > .titleBlock5 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .cellHd .itemUnit > .titleBlock5 .panelbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .cellHd .itemUnit > .titleBlock5 .panelbar 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) {
  .wenWrap .infoCover li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .wenWrap .area li,
  .wenWrap .area li.side {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .wenWrap.bdLine4 .area li,
  .wenWrap.bdLine4 .area li.side {
    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. */
.wenWrap { align-items: stretch; }
.wenWrap .sideImg,
.wenWrap .picCover { min-width: 0; }
.wenWrap .picCover { display: flex; flex-direction: column; }
.wenWrap .picCover .area { flex: 0 0 auto; }
.wenWrap .unitCol {
  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;
}
.wenWrap .unitCol > a,
.wenWrap .unitCol > span,
.wenWrap .unitCol > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.wenWrap .unitCol > a,
.wenWrap .unitCol > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.wenWrap .unitCol > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.wenWrap .secname {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.wenWrap .secname 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) {
  .wenWrap .unitCol {
    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) {
  .cellHd.imgList,
  .cellHd.tagCol7,
  .cellHd.menuCol {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .cellHd.imgList > .itemUnit,
  .cellHd.tagCol7 > .itemUnit,
  .cellHd.menuCol > .itemUnit {
    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;
  }

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

  .cellHd.wrapname > .itemUnit {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .cellHd.wrapname .barMeta {
    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;
  }

  .cellHd.wrapname .cover {
    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;
  }

  .cellHd.wrapname .nameSec,
  .cellHd.wrapname .top5 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}