* { 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%; }
.chaItem6, .chaImg6, .dateMain, .vol, .contBar { max-width: 980px; margin: 0 auto; }

.dateLine { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.chaImg6 { display: flex; gap: 24px; align-items: center; height: 30px; }
.unitName { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.unitName:hover { color: #0871bd; text-decoration: underline; }
.rowBar4 { background: #2f8ed8; }
.dateMain { height: 76px; display: flex; align-items: center; gap: 28px; }
.cont { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.cont a { color: #fff; letter-spacing: 0; }
.cont a:hover { color: inherit; text-decoration: none; }
.updateinner { flex: 1; display: flex; max-width: 470px; }
.head { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.panel { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.listInfo3 { margin-left: auto; display: flex; gap: 10px; }
.listInfo3 a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.footPanel { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.footMain, .storybar, .chaHd, .cardMod, .infounit, .nameItem9, .row7 { background: #fff; border: 1px solid #ddd; }
.footMain { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.area { display: flex; min-height: 132px; overflow: hidden; }
.area .authorGrid4 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.area .authorGrid4 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.area dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.area dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.area dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.area dd a { color: #555; }
.main8, .chaHd h2, .infounit h2, .nameItem9 h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.foot8, .ft7, .cat, .wrapCol2, .unitSec8 { list-style: none; }
.foot8 li, .cat li, .unitSec8 li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.infoWrap, .blockCol3 { width: 86px; color: #888; flex: 0 0 86px; }
.descPanel, .list { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.contLine { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.modHd5, .panelft { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bookInfo3 { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .chaItem6, .chaImg6, .dateMain, .vol, .contBar { width: 100%; max-width: none; }
    .dateLine { display: none; }
    .rowBar4 { padding: 10px; }
    .dateMain { height: auto; display: block; }
    .cont { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .updateinner { max-width: none; }
    .listInfo3 { display: none; }
    .vol { display: none; }
    .contBar { display: flex; overflow-x: auto; background: #287dc2; }
    .contBar a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .maincol { padding: 8px; }
    .footPanel, .volText { display: block; }
    .footMain { grid-template-columns: 1fr; margin-bottom: 10px; }
    .storybar, .chaHd { margin-bottom: 10px; }
    .infoWrap, .contLine, .modHd5, .blockCol3, .panelft, .bookInfo3 { display: none; }
    .ft7 { columns: 1; }
    .cardMod { display: block; text-align: center; }
    .cardMod .titleLink { margin: 0 auto 12px; }
    .sortFt5 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .sideMeta { justify-content: center; }
    .wrapCol2 { grid-template-columns: 1fr; }
    .homeLink { padding: 0 12px 18px; }
    .tag h1 { font-size: 22px; }
    .updateCover { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .rowbar { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .itemimg { gap: 8px; }
    .itemimg a, .itemimg span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.chaItem6, .chaImg6, .dateMain, .vol, .contBar { max-width: 1160px; }
.dateLine { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.chaImg6 { color: #6d8f9e; }
.rowBar4 { background: #e6f8fb; }
.dateMain { height: 82px; gap: 24px; }
.cont { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.cont a { color: #0871bd; }
.updateinner { max-width: 480px; margin-left: auto; }
.head { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.panel { height: 36px; background: #ddd; color: #222; }
.listInfo3 { display: none; }
.vol { height: 44px; background: #79c2e3; padding: 0 10px; }
.vol a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.vol a:hover { background: #5eb1d8; }
.maincol { padding: 12px 0 24px; }

.wrapCon { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.grid9 { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.unitHd img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.navName5 h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.navName5 h2 a { color: #5b6fad; font-weight: 700; }
.navName5 h2 span { float: right; color: #aaa; font-weight: 400; }
.navName5 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.toolHd { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.nav2, .bar { border: 3px solid #86c9e8; background: #eef6f6; }
.nav2 h2, .bar h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.navMain, .volLink { list-style: none; padding: 8px 12px; }
.navMain 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; }
.navMain .modCell { color: #555; }
.navMain .authorFt2, .navMain .linkItem, .navMain .navBlock9 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.navMain .navBlock9, .navMain .bdName7 { color: #aaa; text-align: right; }
.volLink li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.volLink span { color: #555; }
.volLink a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.volLink em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.infoBox { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.infoBox a, .infoBox select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.infoBox a { line-height: 40px; }
.infoBox select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.catMod { 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; }
    .chaItem6, .chaImg6, .dateMain, .vol, .contBar { width: 100%; max-width: none; }
    .dateLine { display: none; }
    .rowBar4 { padding: 10px; background: #dff5fb; }
    .dateMain { display: block; height: auto; }
    .cont { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .updateinner { max-width: none; display: flex; margin-left: 0; }
    .head { height: 38px; font-size: 14px; }
    .panel { width: 72px; height: 38px; }
    .vol { display: none; }
    .contBar { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .contBar a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .dateMain .contBar { margin-bottom: 8px; }
    .maincol { padding: 8px; }
    .wrapCon { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .grid9 { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .grid9:last-child { border-bottom: 0; }
    .unitHd img { width: 82px; height: 110px; padding: 2px; }
    .navName5 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .navName5 h2 span { display: none; }
    .navName5 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .toolHd { display: block; }
    .linkText { display: flex; flex-direction: column; }
    .linkText .bar { order: 1; }
    .linkText .nav2 { order: 2; }
    .nav2, .bar { border-width: 2px; margin-bottom: 10px; }
    .nav2 h2, .bar h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .navMain, .volLink { padding: 4px 8px; }
    .navMain 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; }
    .navMain .navBlock9, .navMain .bdName7 { display: none; }
    .navMain .modCell { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .navMain .authorFt2 { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .navMain .linkItem { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .volLink li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .volLink span { display: none; }
    .infoBox { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .infoBox select { grid-column: 1 / -1; order: -1; }
    .catMod { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.volLine { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.volLine 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); }
.volLine button:hover { background: #4eadd0; }
body.cateRow { background: #1e1e1e; color: #aaa; }
body.cateRow a { color: #9eb8e8; }
body.cateRow .dateLine,
body.cateRow .rowBar4,
body.cateRow .catMod { background: #252525; border-color: #3a3a3a; color: #888; }
body.cateRow .vol,
body.cateRow .contBar { background: #333; }
body.cateRow .vol a:hover,
body.cateRow .contBar a:hover { background: #444; }
body.cateRow .wrapCon,
body.cateRow .bd9,
body.cateRow .textCover,
body.cateRow .listFt9,
body.cateRow .bookInner,
body.cateRow .storyMeta,
body.cateRow .cardMod,
body.cateRow .infounit,
body.cateRow .nameItem9,
body.cateRow .row7,
body.cateRow .nav2,
body.cateRow .bar,
body.cateRow .blockList,
body.cateRow .mod { background: #2a2a2a; border-color: #444; }
body.cateRow .homeLink { background: #202020; border-color: #444; }
body.cateRow .updateCover { color: #b8b8b8; }
body.cateRow .main8,
body.cateRow .chaHd h2,
body.cateRow .infounit h2,
body.cateRow .nameItem9 h2,
body.cateRow .nav2 h2,
body.cateRow .bar h2,
body.cateRow .blockList h2,
body.cateRow .bookInner h1,
body.cateRow .row7 h1,
body.cateRow .shuLink5 h2,
body.cateRow .storyMeta h1 { background: #333; color: #ccc; border-color: #444; }
body.cateRow .navName5 p,
body.cateRow .updateBlock2 p,
body.cateRow .info3 p,
body.cateRow .numWrap p,
body.cateRow .infounit p,
body.cateRow .sortFt5 p,
body.cateRow .foot6 .listPanel { color: #aaa; }
body.cateRow .update th { background: #333; color: #ccc; }
body.cateRow .update th,
body.cateRow .update td,
body.cateRow .navMain li,
body.cateRow .volLink li,
body.cateRow .blockList li,
body.cateRow .headCover li { border-color: #444; }
body.cateRow .head,
body.cateRow .novelRow input,
body.cateRow .infoBox select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .volLine { right: 10px; bottom: 14px; }
    .volLine button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.pageImg { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.pageImg .rowList4 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.daterow { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.hotFt9 {
    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;
}
.hotFt9 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.novelImg h1 { font-size: 30px; line-height: 44px; color: #333; }
.metaCover { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.metaCover p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.metaCover .volCol { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.colMeta { grid-column: 2; line-height: 1.8; color: #444; }
.ftInner { display: none; }
.readPanel { display: none; }
.pic { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.pic h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.pic .wrapCol2 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.pic .wrapCol2 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.pic .wrapCol2.menumeta li { font-weight: 700; }
.top2list { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.top2list a, .top2list span, .top2list button, .top2list select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.top2list a, .top2list span, .top2list button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.top2list button:disabled { cursor: default; opacity: .65; }
.top2list select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.infoInner3 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.infoInner3 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.sortCol { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.sortCol a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .pageImg, .pic { border-width: 2px; margin-bottom: 12px; }
    .pageImg .rowList4 { height: auto; line-height: 1.5; padding: 8px; }
    .daterow { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .hotFt9 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .hotFt9 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .novelImg { min-width: 0; }
    .novelImg h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .metaCover { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .metaCover p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .ftInner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .hdArea { 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; }
    .hdArea:hover { color: #fff; text-decoration: none; opacity: .92; }
    .hdArea.contPanel { background: #f0305a; }
    .hdArea.descInfo { background: #f1a51e; }
    .hdArea.mainrow { background: #5b8cc3; }
    .colMeta { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .colMeta.storyunit { max-height: none; }
    .readPanel { 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; }
    .pic .wrapCol2 { grid-template-columns: 1fr; padding: 0 8px; }
    .pic .wrapCol2 li { height: 36px; line-height: 36px; padding-right: 0; }
    .top2list { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .top2list select { grid-column: 1 / -1; order: -1; }
    .sortCol { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .chaItem6, .maincol, .rowBar4, .dateMain, .homeLink, .pageImg, .pic { max-width: 100%; overflow-x: hidden; }
    .updateinner { width: 100%; max-width: 100%; }
    .head { min-width: 0; }
    .panel { flex: 0 0 68px; width: 68px; }
    .contBar { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .homeLink { padding-left: 10px; padding-right: 10px; }
    .rowList4 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tag h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .tag p { white-space: normal; overflow-wrap: anywhere; }
    .updateCover { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .updateCover p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .volLine { right: 8px; }
}

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

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

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

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

body.cateRow .cont a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.cateRow .homeLink { background: #242424; }
body.cateRow .tag h1 { color: #ddd; }
body.cateRow .tag p,
body.cateRow .rowList4 { color: #aaa; }
body.cateRow .updateCover { color: #d2d2d2; }
body.cateRow .updateCover p { color: #d2d2d2; }
body.cateRow.sortLine .homeLink,
body.cateRow.secFt .homeLink,
body.cateRow.updateCell .homeLink { background: #242424; }
@media (max-width: 768px) {
    .bookBd9 { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.cateRow .bookBd9 { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.homeLink { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.cateRow) .homeLink { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.cateRow) .updateCover { color: #333; }

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

@media (max-width: 768px) {
    .homeLink > .rowList4,
    .homeLink > .tag { display: none; }
    .homeLink { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.cateRow { background: #e6f8fb; color: #555; }
body.cateRow a { color: #4d6da8; }
body.cateRow .dateLine { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.cateRow .rowBar4,
body.cateRow .catMod { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.cateRow .vol,
body.cateRow .contBar { background: #79c2e3; }
body.cateRow .vol a,
body.cateRow .contBar a { color: #fff; }
body.cateRow .head,
body.cateRow .novelRow input,
body.cateRow .infoBox select { background: #fff; color: #333; border-color: #9bc7df; }
body.cateRow .homeLink,
body.cateRow.sortLine .homeLink,
body.cateRow.secFt .homeLink,
body.cateRow.updateCell .homeLink { background: #2f3437; border-color: #444; }
body.cateRow .tag h1 { color: #ddd; }
body.cateRow .tag p,
body.cateRow .rowList4 { color: #aaa; }
body.cateRow .itemimg a,
body.cateRow .itemimg span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.cateRow .bookBd9 { background: #2f3437; border-color: #555; }
body.cateRow .bookBd9 span,
body.cateRow .bookBd9 label { color: #c8c8c8; }
body.cateRow .bookBd9 select,
body.cateRow .bookBd9 button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.cateRow .updateCover { background: transparent; color: #aaa; }
body.cateRow .rowbar { border-color: #555; color: #bbb; }
body.cateRow .updateCover p { color: #aaa; }
body.cateRow .cont a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.cateRow .chaWrap { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.cateRow .chaWrap:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.cateRow .timeMeta { background: #eee; }
body.cateRow .timeMeta h2 { color: #777; }
body.cateRow .updateInner a { background: #e3e3e3; color: #333; }
.volCon { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.volCon h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.volCon p { margin: 8px 0; color: #555; }
.bd { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.bd:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.cateRow .rowBar4 { background: #dff5fb; }
    .volCon { padding: 42px 12px 48px; border-width: 2px; }
    .volCon h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.linkText .nav2,
.linkText .bar { align-self: start; }
.linkText .navMain,
.linkText .volLink { padding: 8px 10px; font-size: 13px; }
.linkText .navMain li,
.linkText .volLink li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.linkText .navMain li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.linkText .volLink li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.linkText .navMain .modCell,
.linkText .navMain .authorFt2,
.linkText .navMain .linkItem,
.linkText .navMain .navBlock9,
.linkText .navMain .bdName7,
.linkText .volLink span,
.linkText .volLink a,
.linkText .volLink em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .linkText .navMain,
    .linkText .volLink { padding: 4px 8px; font-size: 14px; }
    .linkText .navMain li,
    .linkText .volLink li { height: 34px; line-height: 34px; }
    .linkText .navMain li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .linkText .volLink li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.listFt9.readCol {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.readCol .bookUnit9 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.readCol .bookUnit9 h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.readCol .bookUnit9 strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.readCol .descLink7 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.readCol .listimg {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.readCol .coverInfo img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.readCol .card {
  min-width: 0;
}
.readCol .listimg 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;
}
.readCol .listimg h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.readCol .listimg h3 span,
.readCol .listimg h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.readCol .modInfo {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.readCol .modInfo a {
  display: inline;
}
.readCol .itemImg {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .listFt9.readCol {
    padding: 8px;
  }
  .readCol .bookUnit9 {
    display: flex;
    justify-content: space-between;
  }
  .readCol .bookUnit9 h2 {
    font-size: 20px;
  }
  .readCol .bookUnit9 strong {
    font-size: 16px;
  }
  .readCol .descLink7 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .readCol .listimg {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .readCol .coverInfo img {
    width: 86px;
    height: 116px;
  }
  .readCol .itemImg {
    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; }
.chaItem6, .chaImg6, .dateMain, .metaBar { width: 980px; max-width: 980px; margin: 0 auto; }
.rowBar4 { background: #e6f8fb; }
.dateMain { height: 86px; display: flex; align-items: center; gap: 28px; }
.cont { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.cont a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.cont a:hover { text-decoration: none; color: #0871bd; }
.updateinner { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.head { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.panel { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.vol { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.metaBar { display: flex; height: 42px; width: 980px; }
.vol a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.vol a:hover, .vol a.listInner { background: #57acd2; color: #fff; text-decoration: none; }
.maincol { padding: 12px 0 20px; }

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

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

.row { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.novelCover, .wenRow, .novelCon { border: 3px solid #9bd5ee; background: #eefafa; }
.novelCover h2, .wenRow h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.cat li, .new5 li, .unitSec8 li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.cat li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.new5 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.new5 li.site { grid-template-columns: 76px minmax(0, 1fr); }
.unitSec8 li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.cat a, .new5 a, .unitSec8 a, .cateCover, .storyCon, .cellList, .newLine5, .new5 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cateCover { color: #555; }
.storyCon, .cellList, .newLine5, .new5 em { color: #777; font-style: normal; text-align: right; }
.novelCon { padding-bottom: 8px; }
.novelCon h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.unitArea { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.unitArea button, .unitArea select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.unitArea button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.unitArea button:disabled { opacity: .55; cursor: default; }
.unitArea select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.timeBar7 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.timeBar7 button, .timeBar7 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.numMod > [hidden] { display: none !important; }
.infoUnit { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.infoUnit h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.infoUnit p, .titleBlock { color: #555; }

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

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

@media (max-width: 1023px) {
  .chaItem6, .chaImg6, .dateMain, .vol, .metaBar { width: auto; max-width: none; }
  .dateLine { display: block; }
  .chaImg6 { padding: 0 10px; justify-content: center; }
  .rowBar4 { padding: 10px; }
  .dateMain { height: auto; display: block; }
  .cont { width: auto; margin-bottom: 8px; font-size: 28px; }
  .updateinner { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .vol { margin: 0 10px; height: 38px; overflow-x: auto; }
  .metaBar { display: flex; height: 38px; min-width: max-content; }
  .vol a { line-height: 38px; padding: 0 12px; }
  .maincol { padding: 8px 10px 16px; }
  .volImg { display: block; padding: 8px; }
  .volImg .hd8 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .volImg .titleLink, .volImg .titleLink img { width: 86px; }
  .volImg .titleLink img { height: 116px; }
  .chaBar2 { display: block; }
  .block8 { min-height: 0; border-right: 0; }
  .row { display: flex; flex-direction: column; }
  .wenRow { order: 1; }
  .novelCover { order: 2; }
  .cat li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .cat .cateCover, .cat .storyCon, .cat .newLine5 { display: none; }
  .new5 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .new5 li span { display: none; }
  .unitSec8 li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .unitSec8 .cateCover, .unitSec8 .infoMain5 { display: none; }
  .unitSec8 .storyCon, .unitSec8 .cellList { text-align: right; }
  .novelCon h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .unitArea { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .timeBar7 { grid-template-columns: 1fr 1.25fr 1fr; }
  .colFt { display: block; }
  .sortBd6 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .rowarea img { width: 86px; height: 116px; }
}

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

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

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

  .shuMeta .hd8:last-child {
    border-bottom: 0;
  }

  .shuMeta .titleLink,
  .shuMeta .titleLink img {
    width: 82px;
  }

  .shuMeta .titleLink img {
    height: 110px;
    object-fit: cover;
  }

  .shuMeta .siteGrid {
    min-width: 0;
  }

  .shuMeta .siteGrid 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;
  }

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

  .shuMeta .siteGrid 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;
  }

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

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

  .shuCol2 .novelCover,
  .shuCol2 .wenRow {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .shuCol2 .novelCover h2,
  .shuCol2 .wenRow h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .shuCol2 .cat 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;
  }

  .shuCol2 .cat .cateCover,
  .shuCol2 .cat .rankUnit,
  .shuCol2 .cat .infoMain5 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .shuCol2 .cat .cateCover {
    display: none;
  }

  .shuCol2 .cat .storyCon,
  .shuCol2 .cat .newLine5 {
    display: none;
  }

  .shuCol2 .new5 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;
  }

  .shuCol2 .new5 li.site {
    grid-template-columns: minmax(0, 1fr);
  }

  .shuCol2 .new5 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .chaItem6,
  .chaImg6,
  .dateMain,
  .metaBar {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .volImg .titleLink,
  .volImg .titleLink img {
    width: 120px;
  }

  .volImg .titleLink img {
    height: 160px;
  }

  .volImg .siteGrid h3,
  .chaBar2 .siteGrid h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .volImg .siteGrid p,
  .chaBar2 .siteGrid p {
    font-size: 14px;
    line-height: 24px;
  }

  .block8 {
    padding: 10px 12px;
  }

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

  .block8 .titleLink,
  .block8 .titleLink img {
    width: 92px;
  }

  .block8 .titleLink img {
    height: 124px;
  }

  .panel2 li,
  .new5 li,
  .cat li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .novelCover h2,
  .wenRow h2,
  .block8 h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .foot .volImg .hd8:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .foot .volImg {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .chaImg6,
  .dateMain,
  .metaBar,
  .chaItem6 {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.vol a:hover,
.contBar a:hover,
.metaBar 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) {
  .chaImg6,
  .dateMain,
  .metaBar,
  .chaItem6,
  .vol,
  .contBar {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .vol,
  .contBar {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .chaImg6,
  .dateMain,
  .metaBar,
  .chaItem6,
  .vol,
  .contBar {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .chaItem6,
  .dateMain,
  .chaImg6 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.rowBar4 nav a:hover,
.rowBar4 nav a:focus,
.rowBar4 nav a.listInner,
.rowBar4 nav .listInner,
.dateMain nav a:hover,
.dateMain nav a:focus,
.dateMain nav a.listInner,
.dateMain nav .listInner,
.vol a:hover,
.vol a:focus,
.vol a.listInner,
.vol .listInner,
.contBar a:hover,
.contBar a:focus,
.contBar a.listInner,
.contBar .listInner {
    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) {
    .chaImg6,
    .rowBar4 .dateMain,
    .dateMain,
    .chaItem6,
    .maincol,
    .hdGrid,
    .mainSec,
    .topInner8,
    .vol,
    .contBar {
        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;
    }

    .dateLine,
    .rowBar4,
    .maincol,
    .catMod,
    .chaImg6,
    .rowBar4 .dateMain,
    .dateMain,
    .chaItem6,
    .topInner8,
    .hdGrid,
    .mainSec,
    .sortText2,
    .vol,
    .contBar {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .chaImg6,
    .rowBar4 .dateMain,
    .dateMain,
    .chaItem6,
    .hdGrid,
    .mainSec,
    .maincol {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .listFt9,
    .cover,
    .read,
    .newLine,
    .block5,
    .novelCon .rowList,
    .unitSec8,
    .rowList,
    .descName,
    .bookMod9,
    .descbd,
    .pageImg {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .barCell,
    .catSec9,
    .rowList .homeText,
    .unitSec8 .homeText,
    .descName .homeText,
    .bookMod9 .homeText,
    .descbd .homeText,
    .metawrap,
    .area {
        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;
    }

    .barCell img,
    .catSec9 img,
    .rowarea img,
    .rowList .homeText img,
    .unitSec8 .homeText img,
    .descName .homeText img,
    .bookMod9 .homeText img,
    .descbd .homeText img,
    .metawrap img,
    .area img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .numWrap,
    .sortMain8,
    .siteGrid,
    .sortFt5,
    .area dl,
    .area .menu {
        min-width: 0 !important;
    }

    .ft,
    .story,
    .footPanel,
    .authortext {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .ft > *,
    .story > *,
    .footPanel > *,
    .authortext > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.vol a:hover,
.vol a:focus,
.vol a:active,
.vol a.listInner,
.vol .listInner,
.contBar a:hover,
.contBar a:focus,
.contBar a:active,
.contBar a.listInner,
.contBar .listInner,
.rowBar4 nav a:hover,
.rowBar4 nav a:focus,
.rowBar4 nav a:active,
.rowBar4 nav a.listInner,
.dateMain nav a:hover,
.dateMain nav a:focus,
.dateMain nav a:active,
.dateMain nav a.listInner {
    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) {
  .foot .siteGrid p,
  .shuMeta .siteGrid p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .dateMain {
    height: 68px;
  }

  .vol,
  .metaBar {
    height: 38px;
  }

  .vol a,
  .metaBar a {
    line-height: 38px;
  }

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

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

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

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

  .rowBar4 .dateMain,
  .dateMain {
    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;
  }

  .rowBar4 .cont,
  .rowBar4 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;
  }

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

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

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

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

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

  .rowBar4 .updateinner,
  .dateMain .updateinner {
    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;
  }

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

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

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

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

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

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

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

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

  .daterow .novelImg {
    display: contents !important;
  }

  .daterow .novelImg 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;
  }

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

  .daterow .metaCover p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .daterow .colMeta.storyunit {
    max-height: none !important;
  }

  .daterow .readPanel {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .pic .wrapCol2 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .maincol .chaItem6 > .infoInner3 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .maincol .chaItem6 > .infoInner3 .sortCol {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .maincol .chaItem6 > .infoInner3 .sortCol 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) {
  .shuCol2 .cat li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .shuCol2 .new5 li,
  .shuCol2 .new5 li.site {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .shuCol2.panelBlock5 .new5 li,
  .shuCol2.panelBlock5 .new5 li.site {
    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. */
.shuCol2 { align-items: stretch; }
.shuCol2 .novelCover,
.shuCol2 .wenRow { min-width: 0; }
.shuCol2 .wenRow { display: flex; flex-direction: column; }
.shuCol2 .wenRow .new5 { flex: 0 0 auto; }
.shuCol2 .img {
  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;
}
.shuCol2 .img > a,
.shuCol2 .img > span,
.shuCol2 .img > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.shuCol2 .img > a,
.shuCol2 .img > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shuCol2 .img > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.shuCol2 .siteImg {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.shuCol2 .siteImg 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) {
  .shuCol2 .img {
    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) {
  .maincol.text,
  .maincol.blockCover6,
  .maincol.row6 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .maincol.text > .chaItem6,
  .maincol.blockCover6 > .chaItem6,
  .maincol.row6 > .chaItem6 {
    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;
  }

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

  .maincol.footRow > .chaItem6 {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .maincol.footRow .homeLink {
    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;
  }

  .maincol.footRow .updateCover {
    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;
  }

  .maincol.footRow .bookBd9,
  .maincol.footRow .itemimg {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}