* { 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%; }
.storyFt, .sideBd9, .mainBox, .storyImg2, .hotLine6 { max-width: 980px; margin: 0 auto; }

.boxText7 { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.sideBd9 { display: flex; gap: 24px; align-items: center; height: 30px; }
.areaCon { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.areaCon:hover { color: #0871bd; text-decoration: underline; }
.metaImg { background: #2f8ed8; }
.mainBox { height: 76px; display: flex; align-items: center; gap: 28px; }
.authorBd7 { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.authorBd7 a { color: #fff; letter-spacing: 0; }
.authorBd7 a:hover { color: inherit; text-decoration: none; }
.rowBox3 { flex: 1; display: flex; max-width: 470px; }
.textHd9 { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.timeMod { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.cardBd { margin-left: auto; display: flex; gap: 10px; }
.cardBd a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.areaList6 { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.gridLink, .pageMeta, .sortList2, .cardText, .wrapRow8, .homeRow2ft, .authorBd { background: #fff; border: 1px solid #ddd; }
.gridLink { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.titleUnit3 { display: flex; min-height: 132px; overflow: hidden; }
.titleUnit3 .cha3 { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.titleUnit3 .cha3 img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.titleUnit3 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.titleUnit3 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.titleUnit3 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.titleUnit3 dd a { color: #555; }
.bdBox, .sortList2 h2, .wrapRow8 h2, .homeRow2ft h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.sortList, .cellSec, .wrapUnit, .cellArea, .cellList { list-style: none; }
.sortList li, .wrapUnit li, .cellList li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.hotInner7, .topInfo { width: 86px; color: #888; flex: 0 0 86px; }
.wenFt, .update { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.page { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.foot, .headHd { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top5 { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .storyFt, .sideBd9, .mainBox, .storyImg2, .hotLine6 { width: 100%; max-width: none; }
    .boxText7 { display: none; }
    .metaImg { padding: 10px; }
    .mainBox { height: auto; display: block; }
    .authorBd7 { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .rowBox3 { max-width: none; }
    .cardBd { display: none; }
    .storyImg2 { display: none; }
    .hotLine6 { display: flex; overflow-x: auto; background: #287dc2; }
    .hotLine6 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .cell8 { padding: 8px; }
    .areaList6, .footInfo { display: block; }
    .gridLink { grid-template-columns: 1fr; margin-bottom: 10px; }
    .pageMeta, .sortList2 { margin-bottom: 10px; }
    .hotInner7, .page, .foot, .topInfo, .headHd, .top5 { display: none; }
    .cellSec { columns: 1; }
    .cardText { display: block; text-align: center; }
    .cardText .vol { margin: 0 auto 12px; }
    .sideBd h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .volInner { justify-content: center; }
    .cellArea { grid-template-columns: 1fr; }
    .homeCover { padding: 0 12px 18px; }
    .menu3 h1 { font-size: 22px; }
    .page6 { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .unit7 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .sortInfo { gap: 8px; }
    .sortInfo a, .sortInfo span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.storyFt, .sideBd9, .mainBox, .storyImg2, .hotLine6 { max-width: 1160px; }
.boxText7 { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.sideBd9 { color: #6d8f9e; }
.metaImg { background: #e6f8fb; }
.mainBox { height: 82px; gap: 24px; }
.authorBd7 { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.authorBd7 a { color: #0871bd; }
.rowBox3 { max-width: 480px; margin-left: auto; }
.textHd9 { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.timeMod { height: 36px; background: #ddd; color: #222; }
.cardBd { display: none; }
.storyImg2 { height: 44px; background: #79c2e3; padding: 0 10px; }
.storyImg2 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.storyImg2 a:hover { background: #5eb1d8; }
.cell8 { padding: 12px 0 24px; }

.catGrid7 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.itemMeta3 { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.topWrap8 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.modText3 h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.modText3 h2 a { color: #5b6fad; font-weight: 700; }
.modText3 h2 span { float: right; color: #aaa; font-weight: 400; }
.modText3 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.cardCover { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.topPanel, .panel { border: 3px solid #86c9e8; background: #eef6f6; }
.topPanel h2, .panel h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.secList, .picSec { list-style: none; padding: 8px 12px; }
.secList 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; }
.secList .cover4 { color: #555; }
.secList .toolGrid, .secList .contInner3, .secList .wrapHd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.secList .wrapHd, .secList .updateBar9 { color: #aaa; text-align: right; }
.picSec li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.picSec span { color: #555; }
.picSec a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.picSec em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.story4 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.story4 a, .story4 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.story4 a { line-height: 40px; }
.story4 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.cardInfo { 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; }
    .storyFt, .sideBd9, .mainBox, .storyImg2, .hotLine6 { width: 100%; max-width: none; }
    .boxText7 { display: none; }
    .metaImg { padding: 10px; background: #dff5fb; }
    .mainBox { display: block; height: auto; }
    .authorBd7 { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .rowBox3 { max-width: none; display: flex; margin-left: 0; }
    .textHd9 { height: 38px; font-size: 14px; }
    .timeMod { width: 72px; height: 38px; }
    .storyImg2 { display: none; }
    .hotLine6 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .hotLine6 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .mainBox .hotLine6 { margin-bottom: 8px; }
    .cell8 { padding: 8px; }
    .catGrid7 { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .itemMeta3 { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .itemMeta3:last-child { border-bottom: 0; }
    .topWrap8 img { width: 82px; height: 110px; padding: 2px; }
    .modText3 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .modText3 h2 span { display: none; }
    .modText3 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .cardCover { display: block; }
    .storyCell { display: flex; flex-direction: column; }
    .storyCell .panel { order: 1; }
    .storyCell .topPanel { order: 2; }
    .topPanel, .panel { border-width: 2px; margin-bottom: 10px; }
    .topPanel h2, .panel h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .secList, .picSec { padding: 4px 8px; }
    .secList 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; }
    .secList .wrapHd, .secList .updateBar9 { display: none; }
    .secList .cover4 { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .secList .toolGrid { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .secList .contInner3 { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .picSec li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .picSec span { display: none; }
    .story4 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .story4 select { grid-column: 1 / -1; order: -1; }
    .cardInfo { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.menu { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.menu 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); }
.menu button:hover { background: #4eadd0; }
body.boxBar { background: #1e1e1e; color: #aaa; }
body.boxBar a { color: #9eb8e8; }
body.boxBar .boxText7,
body.boxBar .metaImg,
body.boxBar .cardInfo { background: #252525; border-color: #3a3a3a; color: #888; }
body.boxBar .storyImg2,
body.boxBar .hotLine6 { background: #333; }
body.boxBar .storyImg2 a:hover,
body.boxBar .hotLine6 a:hover { background: #444; }
body.boxBar .catGrid7,
body.boxBar .metasec,
body.boxBar .shuLink4,
body.boxBar .unitText,
body.boxBar .cont3,
body.boxBar .imgSec,
body.boxBar .cardText,
body.boxBar .wrapRow8,
body.boxBar .homeRow2ft,
body.boxBar .authorBd,
body.boxBar .topPanel,
body.boxBar .panel,
body.boxBar .link,
body.boxBar .modCol { background: #2a2a2a; border-color: #444; }
body.boxBar .homeCover { background: #202020; border-color: #444; }
body.boxBar .page6 { color: #b8b8b8; }
body.boxBar .bdBox,
body.boxBar .sortList2 h2,
body.boxBar .wrapRow8 h2,
body.boxBar .homeRow2ft h2,
body.boxBar .topPanel h2,
body.boxBar .panel h2,
body.boxBar .link h2,
body.boxBar .cont3 h1,
body.boxBar .authorBd h1,
body.boxBar .blockSec h2,
body.boxBar .imgSec h1 { background: #333; color: #ccc; border-color: #444; }
body.boxBar .modText3 p,
body.boxBar .name p,
body.boxBar .homeRow2 p,
body.boxBar .linkSec p,
body.boxBar .wrapRow8 p,
body.boxBar .sideBd p,
body.boxBar .listLink4 .readFt { color: #aaa; }
body.boxBar .cellInfo th { background: #333; color: #ccc; }
body.boxBar .cellInfo th,
body.boxBar .cellInfo td,
body.boxBar .secList li,
body.boxBar .picSec li,
body.boxBar .link li,
body.boxBar .pageSec li { border-color: #444; }
body.boxBar .textHd9,
body.boxBar .newBox input,
body.boxBar .story4 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .menu { right: 10px; bottom: 14px; }
    .menu button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.num { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.num .book5 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.rowCon { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.siteCover {
    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;
}
.siteCover img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.time h1 { font-size: 30px; line-height: 44px; color: #333; }
.panelCover8 { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.panelCover8 p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.panelCover8 .authorGrid2 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.sideArea { grid-column: 2; line-height: 1.8; color: #444; }
.novelRow9 { display: none; }
.unit { display: none; }
.gridSec { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.gridSec h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.gridSec .cellArea { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.gridSec .cellArea li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.gridSec .cellArea.date7 li { font-weight: 700; }
.headCon9 { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.headCon9 a, .headCon9 span, .headCon9 button, .headCon9 select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.headCon9 a, .headCon9 span, .headCon9 button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.headCon9 button:disabled { cursor: default; opacity: .65; }
.headCon9 select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.colMain8 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.colMain8 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.boxInfo { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.boxInfo a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .num, .gridSec { border-width: 2px; margin-bottom: 12px; }
    .num .book5 { height: auto; line-height: 1.5; padding: 8px; }
    .rowCon { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .siteCover { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .siteCover img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .time { min-width: 0; }
    .time h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .panelCover8 { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .panelCover8 p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .novelRow9 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .rowInner8 { 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; }
    .rowInner8:hover { color: #fff; text-decoration: none; opacity: .92; }
    .rowInner8.areaUnit { background: #f0305a; }
    .rowInner8.nummod { background: #f1a51e; }
    .rowInner8.card { background: #5b8cc3; }
    .sideArea { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .sideArea.contWrap { max-height: none; }
    .unit { 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; }
    .gridSec .cellArea { grid-template-columns: 1fr; padding: 0 8px; }
    .gridSec .cellArea li { height: 36px; line-height: 36px; padding-right: 0; }
    .headCon9 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .headCon9 select { grid-column: 1 / -1; order: -1; }
    .boxInfo { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .storyFt, .cell8, .metaImg, .mainBox, .homeCover, .num, .gridSec { max-width: 100%; overflow-x: hidden; }
    .rowBox3 { width: 100%; max-width: 100%; }
    .textHd9 { min-width: 0; }
    .timeMod { flex: 0 0 68px; width: 68px; }
    .hotLine6 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .homeCover { padding-left: 10px; padding-right: 10px; }
    .book5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .menu3 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .menu3 p { white-space: normal; overflow-wrap: anywhere; }
    .page6 { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .page6 p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .menu { right: 8px; }
}

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

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

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

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

body.boxBar .authorBd7 a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.boxBar .homeCover { background: #242424; }
body.boxBar .menu3 h1 { color: #ddd; }
body.boxBar .menu3 p,
body.boxBar .book5 { color: #aaa; }
body.boxBar .page6 { color: #d2d2d2; }
body.boxBar .page6 p { color: #d2d2d2; }
body.boxBar.colBaritem .homeCover,
body.boxBar.pageArea .homeCover,
body.boxBar.top3 .homeCover { background: #242424; }
@media (max-width: 768px) {
    .rankCon { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.boxBar .rankCon { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.homeCover { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.boxBar) .homeCover { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.boxBar) .page6 { color: #333; }

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

@media (max-width: 768px) {
    .homeCover > .book5,
    .homeCover > .menu3 { display: none; }
    .homeCover { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.boxBar { background: #e6f8fb; color: #555; }
body.boxBar a { color: #4d6da8; }
body.boxBar .boxText7 { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.boxBar .metaImg,
body.boxBar .cardInfo { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.boxBar .storyImg2,
body.boxBar .hotLine6 { background: #79c2e3; }
body.boxBar .storyImg2 a,
body.boxBar .hotLine6 a { color: #fff; }
body.boxBar .textHd9,
body.boxBar .newBox input,
body.boxBar .story4 select { background: #fff; color: #333; border-color: #9bc7df; }
body.boxBar .homeCover,
body.boxBar.colBaritem .homeCover,
body.boxBar.pageArea .homeCover,
body.boxBar.top3 .homeCover { background: #2f3437; border-color: #444; }
body.boxBar .menu3 h1 { color: #ddd; }
body.boxBar .menu3 p,
body.boxBar .book5 { color: #aaa; }
body.boxBar .sortInfo a,
body.boxBar .sortInfo span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.boxBar .rankCon { background: #2f3437; border-color: #555; }
body.boxBar .rankCon span,
body.boxBar .rankCon label { color: #c8c8c8; }
body.boxBar .rankCon select,
body.boxBar .rankCon button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.boxBar .page6 { background: transparent; color: #aaa; }
body.boxBar .unit7 { border-color: #555; color: #bbb; }
body.boxBar .page6 p { color: #aaa; }
body.boxBar .authorBd7 a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.boxBar .vollink { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.boxBar .vollink:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.boxBar .rankMain2 { background: #eee; }
body.boxBar .rankMain2 h2 { color: #777; }
body.boxBar .numWrap5 a { background: #e3e3e3; color: #333; }
.shuArea8 { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.shuArea8 h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.shuArea8 p { margin: 8px 0; color: #555; }
.picLink { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.picLink:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.boxBar .metaImg { background: #dff5fb; }
    .shuArea8 { padding: 42px 12px 48px; border-width: 2px; }
    .shuArea8 h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.storyCell .topPanel,
.storyCell .panel { align-self: start; }
.storyCell .secList,
.storyCell .picSec { padding: 8px 10px; font-size: 13px; }
.storyCell .secList li,
.storyCell .picSec li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.storyCell .secList li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.storyCell .picSec li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.storyCell .secList .cover4,
.storyCell .secList .toolGrid,
.storyCell .secList .contInner3,
.storyCell .secList .wrapHd,
.storyCell .secList .updateBar9,
.storyCell .picSec span,
.storyCell .picSec a,
.storyCell .picSec em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .storyCell .secList,
    .storyCell .picSec { padding: 4px 8px; font-size: 14px; }
    .storyCell .secList li,
    .storyCell .picSec li { height: 34px; line-height: 34px; }
    .storyCell .secList li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .storyCell .picSec li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.unitText.updaterow {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.updaterow .gridMeta8 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.updaterow .gridMeta8 h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.updaterow .gridMeta8 strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.updaterow .wenPanel2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.updaterow .blockMod6 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.updaterow .imgBox img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.updaterow .dateCell {
  min-width: 0;
}
.updaterow .blockMod6 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;
}
.updaterow .blockMod6 h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.updaterow .blockMod6 h3 span,
.updaterow .blockMod6 h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.updaterow .bdLine7 {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.updaterow .bdLine7 a {
  display: inline;
}
.updaterow .ftBlock {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .unitText.updaterow {
    padding: 8px;
  }
  .updaterow .gridMeta8 {
    display: flex;
    justify-content: space-between;
  }
  .updaterow .gridMeta8 h2 {
    font-size: 20px;
  }
  .updaterow .gridMeta8 strong {
    font-size: 16px;
  }
  .updaterow .wenPanel2 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .updaterow .blockMod6 {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .updaterow .imgBox img {
    width: 86px;
    height: 116px;
  }
  .updaterow .ftBlock {
    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; }
.storyFt, .sideBd9, .mainBox, .new { width: 980px; max-width: 980px; margin: 0 auto; }
.metaImg { background: #e6f8fb; }
.mainBox { height: 86px; display: flex; align-items: center; gap: 28px; }
.authorBd7 { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.authorBd7 a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.authorBd7 a:hover { text-decoration: none; color: #0871bd; }
.rowBox3 { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.textHd9 { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.timeMod { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.storyImg2 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.new { display: flex; height: 42px; width: 980px; }
.storyImg2 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.storyImg2 a:hover, .storyImg2 a.box3 { background: #57acd2; color: #fff; text-decoration: none; }
.cell8 { padding: 12px 0 20px; }

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

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

.topMain { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.cont6, .topPanel3, .img9 { border: 3px solid #9bd5ee; background: #eefafa; }
.cont6 h2, .topPanel3 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.wrapUnit li, .novelWrap li, .cellList li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.wrapUnit li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.novelWrap li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.novelWrap li.name5 { grid-template-columns: 76px minmax(0, 1fr); }
.cellList li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.wrapUnit a, .novelWrap a, .cellList a, .descrow, .ft, .pageBar, .dateBlock, .novelWrap em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.descrow { color: #555; }
.ft, .pageBar, .dateBlock, .novelWrap em { color: #777; font-style: normal; text-align: right; }
.img9 { padding-bottom: 8px; }
.img9 h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.dateInner { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.dateInner button, .dateInner select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.dateInner button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.dateInner button:disabled { opacity: .55; cursor: default; }
.dateInner select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.bar9 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.bar9 button, .bar9 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.sideList6 > [hidden] { display: none !important; }
.volFt9 { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.volFt9 h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.volFt9 p, .cardarea { color: #555; }

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

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

@media (max-width: 1023px) {
  .storyFt, .sideBd9, .mainBox, .storyImg2, .new { width: auto; max-width: none; }
  .boxText7 { display: block; }
  .sideBd9 { padding: 0 10px; justify-content: center; }
  .metaImg { padding: 10px; }
  .mainBox { height: auto; display: block; }
  .authorBd7 { width: auto; margin-bottom: 8px; font-size: 28px; }
  .rowBox3 { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .storyImg2 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .new { display: flex; height: 38px; min-width: max-content; }
  .storyImg2 a { line-height: 38px; padding: 0 12px; }
  .cell8 { padding: 8px 10px 16px; }
  .timeHd { display: block; padding: 8px; }
  .timeHd .footSec7 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .timeHd .vol, .timeHd .vol img { width: 86px; }
  .timeHd .vol img { height: 116px; }
  .homeName7 { display: block; }
  .area { min-height: 0; border-right: 0; }
  .topMain { display: flex; flex-direction: column; }
  .topPanel3 { order: 1; }
  .cont6 { order: 2; }
  .wrapUnit li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .wrapUnit .descrow, .wrapUnit .ft, .wrapUnit .dateBlock { display: none; }
  .novelWrap li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .novelWrap li span { display: none; }
  .cellList li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .cellList .descrow, .cellList .tagBlock4 { display: none; }
  .cellList .ft, .cellList .pageBar { text-align: right; }
  .img9 h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .dateInner { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .bar9 { grid-template-columns: 1fr 1.25fr 1fr; }
  .sortInner { display: block; }
  .novelLine6 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .datecol img { width: 86px; height: 116px; }
}

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

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

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

  .itemFt .footSec7:last-child {
    border-bottom: 0;
  }

  .itemFt .vol,
  .itemFt .vol img {
    width: 82px;
  }

  .itemFt .vol img {
    height: 110px;
    object-fit: cover;
  }

  .itemFt .gridBlock5 {
    min-width: 0;
  }

  .itemFt .gridBlock5 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;
  }

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

  .itemFt .gridBlock5 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;
  }

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

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

  .hditem .cont6,
  .hditem .topPanel3 {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .hditem .cont6 h2,
  .hditem .topPanel3 h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .hditem .wrapUnit 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;
  }

  .hditem .wrapUnit .descrow,
  .hditem .wrapUnit .menuLine,
  .hditem .wrapUnit .tagBlock4 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .hditem .wrapUnit .descrow {
    display: none;
  }

  .hditem .wrapUnit .ft,
  .hditem .wrapUnit .dateBlock {
    display: none;
  }

  .hditem .novelWrap 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;
  }

  .hditem .novelWrap li.name5 {
    grid-template-columns: minmax(0, 1fr);
  }

  .hditem .novelWrap li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .storyFt,
  .sideBd9,
  .mainBox,
  .new {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .timeHd .vol,
  .timeHd .vol img {
    width: 120px;
  }

  .timeHd .vol img {
    height: 160px;
  }

  .timeHd .gridBlock5 h3,
  .homeName7 .gridBlock5 h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .timeHd .gridBlock5 p,
  .homeName7 .gridBlock5 p {
    font-size: 14px;
    line-height: 24px;
  }

  .area {
    padding: 10px 12px;
  }

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

  .area .vol,
  .area .vol img {
    width: 92px;
  }

  .area .vol img {
    height: 124px;
  }

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

  .cont6 h2,
  .topPanel3 h2,
  .area h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .hdBar .timeHd .footSec7:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .hdBar .timeHd {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .sideBd9,
  .mainBox,
  .new,
  .storyFt {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.storyImg2 a:hover,
.hotLine6 a:hover,
.new 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) {
  .sideBd9,
  .mainBox,
  .new,
  .storyFt,
  .storyImg2,
  .hotLine6 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .storyImg2,
  .hotLine6 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .sideBd9,
  .mainBox,
  .new,
  .storyFt,
  .storyImg2,
  .hotLine6 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .storyFt,
  .mainBox,
  .sideBd9 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.metaImg nav a:hover,
.metaImg nav a:focus,
.metaImg nav a.box3,
.metaImg nav .box3,
.mainBox nav a:hover,
.mainBox nav a:focus,
.mainBox nav a.box3,
.mainBox nav .box3,
.storyImg2 a:hover,
.storyImg2 a:focus,
.storyImg2 a.box3,
.storyImg2 .box3,
.hotLine6 a:hover,
.hotLine6 a:focus,
.hotLine6 a.box3,
.hotLine6 .box3 {
    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) {
    .sideBd9,
    .metaImg .mainBox,
    .mainBox,
    .storyFt,
    .cell8,
    .tagName8,
    .wen,
    .navCon,
    .storyImg2,
    .hotLine6 {
        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;
    }

    .boxText7,
    .metaImg,
    .cell8,
    .cardInfo,
    .sideBd9,
    .metaImg .mainBox,
    .mainBox,
    .storyFt,
    .navCon,
    .tagName8,
    .wen,
    .listArea2,
    .storyImg2,
    .hotLine6 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .sideBd9,
    .metaImg .mainBox,
    .mainBox,
    .storyFt,
    .tagName8,
    .wen,
    .cell8 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .unitText,
    .date8,
    .colBlock4,
    .authorhd,
    .metaMain,
    .img9 .hd,
    .cellList,
    .hd,
    .readPanel,
    .foot8,
    .menutext,
    .num {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .rowPanel,
    .tagBd5,
    .hd .unitFt,
    .cellList .unitFt,
    .readPanel .unitFt,
    .foot8 .unitFt,
    .menutext .unitFt,
    .areaCol,
    .titleUnit3 {
        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;
    }

    .rowPanel img,
    .tagBd5 img,
    .datecol img,
    .hd .unitFt img,
    .cellList .unitFt img,
    .readPanel .unitFt img,
    .foot8 .unitFt img,
    .menutext .unitFt img,
    .areaCol img,
    .titleUnit3 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .linkSec,
    .siteHd,
    .gridBlock5,
    .sideBd,
    .titleUnit3 dl,
    .titleUnit3 .areaBlock2 {
        min-width: 0 !important;
    }

    .menuMain,
    .boxBd,
    .areaList6,
    .colBar {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .menuMain > *,
    .boxBd > *,
    .areaList6 > *,
    .colBar > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.storyImg2 a:hover,
.storyImg2 a:focus,
.storyImg2 a:active,
.storyImg2 a.box3,
.storyImg2 .box3,
.hotLine6 a:hover,
.hotLine6 a:focus,
.hotLine6 a:active,
.hotLine6 a.box3,
.hotLine6 .box3,
.metaImg nav a:hover,
.metaImg nav a:focus,
.metaImg nav a:active,
.metaImg nav a.box3,
.mainBox nav a:hover,
.mainBox nav a:focus,
.mainBox nav a:active,
.mainBox nav a.box3 {
    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) {
  .hdBar .gridBlock5 p,
  .itemFt .gridBlock5 p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .mainBox {
    height: 68px;
  }

  .storyImg2,
  .new {
    height: 38px;
  }

  .storyImg2 a,
  .new a {
    line-height: 38px;
  }

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

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

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

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

  .metaImg .mainBox,
  .mainBox {
    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;
  }

  .metaImg .authorBd7,
  .metaImg 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;
  }

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

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

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

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

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

  .metaImg .rowBox3,
  .mainBox .rowBox3 {
    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;
  }

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

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

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

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

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

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

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

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

  .rowCon .time {
    display: contents !important;
  }

  .rowCon .time 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;
  }

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

  .rowCon .panelCover8 p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .rowCon .sideArea.contWrap {
    max-height: none !important;
  }

  .rowCon .unit {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .gridSec .cellArea {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .cell8 .storyFt > .colMain8 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .cell8 .storyFt > .colMain8 .boxInfo {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .cell8 .storyFt > .colMain8 .boxInfo 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) {
  .hditem .wrapUnit li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .hditem .novelWrap li,
  .hditem .novelWrap li.name5 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .hditem.authorBox4 .novelWrap li,
  .hditem.authorBox4 .novelWrap li.name5 {
    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. */
.hditem { align-items: stretch; }
.hditem .cont6,
.hditem .topPanel3 { min-width: 0; }
.hditem .topPanel3 { display: flex; flex-direction: column; }
.hditem .topPanel3 .novelWrap { flex: 0 0 auto; }
.hditem .bookBar {
  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;
}
.hditem .bookBar > a,
.hditem .bookBar > span,
.hditem .bookBar > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.hditem .bookBar > a,
.hditem .bookBar > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hditem .bookBar > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.hditem .chaBox {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.hditem .chaBox 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) {
  .hditem .bookBar {
    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) {
  .cell8.picCon,
  .cell8.readBox8,
  .cell8.toolBox7 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .cell8.picCon > .storyFt,
  .cell8.readBox8 > .storyFt,
  .cell8.toolBox7 > .storyFt {
    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;
  }

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

  .cell8.wenInner > .storyFt {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .cell8.wenInner .homeCover {
    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;
  }

  .cell8.wenInner .page6 {
    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;
  }

  .cell8.wenInner .rankCon,
  .cell8.wenInner .sortInfo {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}