* { 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%; }
.mainWrap, .hothd, .coverItem9, .barItem, .sortCover8 { max-width: 980px; margin: 0 auto; }

.unitmain { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.hothd { display: flex; gap: 24px; align-items: center; height: 30px; }
.pageFt { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.pageFt:hover { color: #0871bd; text-decoration: underline; }
.story8 { background: #2f8ed8; }
.coverItem9 { height: 76px; display: flex; align-items: center; gap: 28px; }
.metaArea { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.metaArea a { color: #fff; letter-spacing: 0; }
.metaArea a:hover { color: inherit; text-decoration: none; }
.siteBlock { flex: 1; display: flex; max-width: 470px; }
.readBd9 { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.cardLink { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.textPanel { margin-left: auto; display: flex; gap: 10px; }
.textPanel a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.chaInfo { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.bd8, .nameText9, .hotName, .col, .hd, .secList, .chaList { background: #fff; border: 1px solid #ddd; }
.bd8 { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.linkRow7 { display: flex; min-height: 132px; overflow: hidden; }
.linkRow7 .metaBar { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.linkRow7 .metaBar img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.linkRow7 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.linkRow7 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.linkRow7 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.linkRow7 dd a { color: #555; }
.side, .hotName h2, .hd h2, .secList h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.vol, .bookinfo, .chaBar, .unitInner2, .cha { list-style: none; }
.vol li, .chaBar li, .cha li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.volMeta, .modCon5 { width: 86px; color: #888; flex: 0 0 86px; }
.pageCell, .listInner { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mainCover { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.row6, .cate { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.story { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .mainWrap, .hothd, .coverItem9, .barItem, .sortCover8 { width: 100%; max-width: none; }
    .unitmain { display: none; }
    .story8 { padding: 10px; }
    .coverItem9 { height: auto; display: block; }
    .metaArea { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .siteBlock { max-width: none; }
    .textPanel { display: none; }
    .barItem { display: none; }
    .sortCover8 { display: flex; overflow-x: auto; background: #287dc2; }
    .sortCover8 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .itemImg { padding: 8px; }
    .chaInfo, .infoImg2 { display: block; }
    .bd8 { grid-template-columns: 1fr; margin-bottom: 10px; }
    .nameText9, .hotName { margin-bottom: 10px; }
    .volMeta, .mainCover, .row6, .modCon5, .cate, .story { display: none; }
    .bookinfo { columns: 1; }
    .col { display: block; text-align: center; }
    .col .metaMod9 { margin: 0 auto 12px; }
    .pic h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .newSec8 { justify-content: center; }
    .unitInner2 { grid-template-columns: 1fr; }
    .wen { padding: 0 12px 18px; }
    .storyBar h1 { font-size: 22px; }
    .barmain { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .contImg { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .wrapBar3 { gap: 8px; }
    .wrapBar3 a, .wrapBar3 span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.mainWrap, .hothd, .coverItem9, .barItem, .sortCover8 { max-width: 1160px; }
.unitmain { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.hothd { color: #6d8f9e; }
.story8 { background: #e6f8fb; }
.coverItem9 { height: 82px; gap: 24px; }
.metaArea { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.metaArea a { color: #0871bd; }
.siteBlock { max-width: 480px; margin-left: auto; }
.readBd9 { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.cardLink { height: 36px; background: #ddd; color: #222; }
.textPanel { display: none; }
.barItem { height: 44px; background: #79c2e3; padding: 0 10px; }
.barItem a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.barItem a:hover { background: #5eb1d8; }
.itemImg { padding: 12px 0 24px; }

.updateCell { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.toolImg { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.unitImg5 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.col2 h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.col2 h2 a { color: #5b6fad; font-weight: 700; }
.col2 h2 span { float: right; color: #aaa; font-weight: 400; }
.col2 p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.barBd { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.navText, .homeName4 { border: 3px solid #86c9e8; background: #eef6f6; }
.navText h2, .homeName4 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.boxRow7, .itembd { list-style: none; padding: 8px 12px; }
.boxRow7 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; }
.boxRow7 .descMain { color: #555; }
.boxRow7 .title4, .boxRow7 .title, .boxRow7 .link { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.boxRow7 .link, .boxRow7 .mod { color: #aaa; text-align: right; }
.itembd li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.itembd span { color: #555; }
.itembd a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.itembd em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.tagBox { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.tagBox a, .tagBox select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.tagBox a { line-height: 40px; }
.tagBox select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.metaCover { 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; }
    .mainWrap, .hothd, .coverItem9, .barItem, .sortCover8 { width: 100%; max-width: none; }
    .unitmain { display: none; }
    .story8 { padding: 10px; background: #dff5fb; }
    .coverItem9 { display: block; height: auto; }
    .metaArea { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .siteBlock { max-width: none; display: flex; margin-left: 0; }
    .readBd9 { height: 38px; font-size: 14px; }
    .cardLink { width: 72px; height: 38px; }
    .barItem { display: none; }
    .sortCover8 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .sortCover8 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .coverItem9 .sortCover8 { margin-bottom: 8px; }
    .itemImg { padding: 8px; }
    .updateCell { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .toolImg { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .toolImg:last-child { border-bottom: 0; }
    .unitImg5 img { width: 82px; height: 110px; padding: 2px; }
    .col2 h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .col2 h2 span { display: none; }
    .col2 p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .barBd { display: block; }
    .homeMod { display: flex; flex-direction: column; }
    .homeMod .homeName4 { order: 1; }
    .homeMod .navText { order: 2; }
    .navText, .homeName4 { border-width: 2px; margin-bottom: 10px; }
    .navText h2, .homeName4 h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .boxRow7, .itembd { padding: 4px 8px; }
    .boxRow7 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; }
    .boxRow7 .link, .boxRow7 .mod { display: none; }
    .boxRow7 .descMain { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .boxRow7 .title4 { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .boxRow7 .title { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .itembd li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .itembd span { display: none; }
    .tagBox { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .tagBox select { grid-column: 1 / -1; order: -1; }
    .metaCover { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.tagCol { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.tagCol 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); }
.tagCol button:hover { background: #4eadd0; }
body.numFt8 { background: #1e1e1e; color: #aaa; }
body.numFt8 a { color: #9eb8e8; }
body.numFt8 .unitmain,
body.numFt8 .story8,
body.numFt8 .metaCover { background: #252525; border-color: #3a3a3a; color: #888; }
body.numFt8 .barItem,
body.numFt8 .sortCover8 { background: #333; }
body.numFt8 .barItem a:hover,
body.numFt8 .sortCover8 a:hover { background: #444; }
body.numFt8 .updateCell,
body.numFt8 .textInfo,
body.numFt8 .secLink,
body.numFt8 .shuHd,
body.numFt8 .wrapMeta,
body.numFt8 .headRow,
body.numFt8 .col,
body.numFt8 .hd,
body.numFt8 .secList,
body.numFt8 .chaList,
body.numFt8 .navText,
body.numFt8 .homeName4,
body.numFt8 .head,
body.numFt8 .homeModunit { background: #2a2a2a; border-color: #444; }
body.numFt8 .wen { background: #202020; border-color: #444; }
body.numFt8 .barmain { color: #b8b8b8; }
body.numFt8 .side,
body.numFt8 .hotName h2,
body.numFt8 .hd h2,
body.numFt8 .secList h2,
body.numFt8 .navText h2,
body.numFt8 .homeName4 h2,
body.numFt8 .head h2,
body.numFt8 .wrapMeta h1,
body.numFt8 .chaList h1,
body.numFt8 .colBlock h2,
body.numFt8 .headRow h1 { background: #333; color: #ccc; border-color: #444; }
body.numFt8 .col2 p,
body.numFt8 .booklist p,
body.numFt8 .desc2 p,
body.numFt8 .cateArea p,
body.numFt8 .hd p,
body.numFt8 .pic p,
body.numFt8 .nameArea .panelText { color: #aaa; }
body.numFt8 .title5 th { background: #333; color: #ccc; }
body.numFt8 .title5 th,
body.numFt8 .title5 td,
body.numFt8 .boxRow7 li,
body.numFt8 .itembd li,
body.numFt8 .head li,
body.numFt8 .sortCover5 li { border-color: #444; }
body.numFt8 .readBd9,
body.numFt8 .unitRow input,
body.numFt8 .tagBox select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .tagCol { right: 10px; bottom: 14px; }
    .tagCol button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.listLine { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.listLine .boxBar8 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.hotLink { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.ft {
    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;
}
.ft img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.modInner h1 { font-size: 30px; line-height: 44px; color: #333; }
.topwrap { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.topwrap p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.topwrap .shuLink { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.novelName { grid-column: 2; line-height: 1.8; color: #444; }
.nameImg { display: none; }
.hdUnit { display: none; }
.rankText9 { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.rankText9 h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.rankText9 .unitInner2 { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.rankText9 .unitInner2 li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.rankText9 .unitInner2.barArea li { font-weight: 700; }
.bookBlock { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.bookBlock a, .bookBlock span, .bookBlock button, .bookBlock select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.bookBlock a, .bookBlock span, .bookBlock button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.bookBlock button:disabled { cursor: default; opacity: .65; }
.bookBlock select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.textCon { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.textCon h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.unit3 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.unit3 a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .listLine, .rankText9 { border-width: 2px; margin-bottom: 12px; }
    .listLine .boxBar8 { height: auto; line-height: 1.5; padding: 8px; }
    .hotLink { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .ft { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .ft img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .modInner { min-width: 0; }
    .modInner h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .topwrap { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .topwrap p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .nameImg { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .cellInner { 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; }
    .cellInner:hover { color: #fff; text-decoration: none; opacity: .92; }
    .cellInner.authorcon { background: #f0305a; }
    .cellInner.mainblock { background: #f1a51e; }
    .cellInner.titleBox { background: #5b8cc3; }
    .novelName { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .novelName.main6 { max-height: none; }
    .hdUnit { 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; }
    .rankText9 .unitInner2 { grid-template-columns: 1fr; padding: 0 8px; }
    .rankText9 .unitInner2 li { height: 36px; line-height: 36px; padding-right: 0; }
    .bookBlock { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .bookBlock select { grid-column: 1 / -1; order: -1; }
    .unit3 { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .mainWrap, .itemImg, .story8, .coverItem9, .wen, .listLine, .rankText9 { max-width: 100%; overflow-x: hidden; }
    .siteBlock { width: 100%; max-width: 100%; }
    .readBd9 { min-width: 0; }
    .cardLink { flex: 0 0 68px; width: 68px; }
    .sortCover8 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .wen { padding-left: 10px; padding-right: 10px; }
    .boxBar8 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .storyBar h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .storyBar p { white-space: normal; overflow-wrap: anywhere; }
    .barmain { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .barmain p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .tagCol { right: 8px; }
}

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

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

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

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

body.numFt8 .metaArea a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.numFt8 .wen { background: #242424; }
body.numFt8 .storyBar h1 { color: #ddd; }
body.numFt8 .storyBar p,
body.numFt8 .boxBar8 { color: #aaa; }
body.numFt8 .barmain { color: #d2d2d2; }
body.numFt8 .barmain p { color: #d2d2d2; }
body.numFt8.homeinfo .wen,
body.numFt8.site .wen,
body.numFt8.contFt4 .wen { background: #242424; }
@media (max-width: 768px) {
    .gridBox { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.numFt8 .gridBox { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.wen { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.numFt8) .wen { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.numFt8) .barmain { color: #333; }

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

@media (max-width: 768px) {
    .wen > .boxBar8,
    .wen > .storyBar { display: none; }
    .wen { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.numFt8 { background: #e6f8fb; color: #555; }
body.numFt8 a { color: #4d6da8; }
body.numFt8 .unitmain { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.numFt8 .story8,
body.numFt8 .metaCover { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.numFt8 .barItem,
body.numFt8 .sortCover8 { background: #79c2e3; }
body.numFt8 .barItem a,
body.numFt8 .sortCover8 a { color: #fff; }
body.numFt8 .readBd9,
body.numFt8 .unitRow input,
body.numFt8 .tagBox select { background: #fff; color: #333; border-color: #9bc7df; }
body.numFt8 .wen,
body.numFt8.homeinfo .wen,
body.numFt8.site .wen,
body.numFt8.contFt4 .wen { background: #2f3437; border-color: #444; }
body.numFt8 .storyBar h1 { color: #ddd; }
body.numFt8 .storyBar p,
body.numFt8 .boxBar8 { color: #aaa; }
body.numFt8 .wrapBar3 a,
body.numFt8 .wrapBar3 span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.numFt8 .gridBox { background: #2f3437; border-color: #555; }
body.numFt8 .gridBox span,
body.numFt8 .gridBox label { color: #c8c8c8; }
body.numFt8 .gridBox select,
body.numFt8 .gridBox button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.numFt8 .barmain { background: transparent; color: #aaa; }
body.numFt8 .contImg { border-color: #555; color: #bbb; }
body.numFt8 .barmain p { color: #aaa; }
body.numFt8 .metaArea a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.numFt8 .unit { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.numFt8 .unit:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.numFt8 .storybar { background: #eee; }
body.numFt8 .storybar h2 { color: #777; }
body.numFt8 .rankItem a { background: #e3e3e3; color: #333; }
.bdBar { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.bdBar h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.bdBar p { margin: 8px 0; color: #555; }
.info5 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.info5:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.numFt8 .story8 { background: #dff5fb; }
    .bdBar { padding: 42px 12px 48px; border-width: 2px; }
    .bdBar h1 { font-size: 24px; }
}

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

/* Home update/new panels alignment fix */
.homeMod .navText,
.homeMod .homeName4 { align-self: start; }
.homeMod .boxRow7,
.homeMod .itembd { padding: 8px 10px; font-size: 13px; }
.homeMod .boxRow7 li,
.homeMod .itembd li { height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; }
.homeMod .boxRow7 li { grid-template-columns: 92px 188px minmax(0, 1fr) 78px 42px; gap: 7px; }
.homeMod .itembd li { grid-template-columns: 82px minmax(0, 1fr) 62px; gap: 7px; }
.homeMod .boxRow7 .descMain,
.homeMod .boxRow7 .title4,
.homeMod .boxRow7 .title,
.homeMod .boxRow7 .link,
.homeMod .boxRow7 .mod,
.homeMod .itembd span,
.homeMod .itembd a,
.homeMod .itembd em { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
@media (max-width: 768px) {
    .homeMod .boxRow7,
    .homeMod .itembd { padding: 4px 8px; font-size: 14px; }
    .homeMod .boxRow7 li,
    .homeMod .itembd li { height: 34px; line-height: 34px; }
    .homeMod .boxRow7 li { grid-template-columns: 72px minmax(0, 1fr) minmax(0, 1fr); gap: 6px; }
    .homeMod .itembd li { grid-template-columns: minmax(0, 1fr) 88px; gap: 6px; }
}

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

/* static rank page, bqg style */
.shuHd.homeText {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.homeText .titleInfo {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.homeText .titleInfo h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.homeText .titleInfo strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.homeText .topCon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.homeText .top2 {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.homeText .chaCon4main img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.homeText .secBox {
  min-width: 0;
}
.homeText .top2 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;
}
.homeText .top2 h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homeText .top2 h3 span,
.homeText .top2 h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.homeText .menu {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.homeText .menu a {
  display: inline;
}
.homeText .toolWrap {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .shuHd.homeText {
    padding: 8px;
  }
  .homeText .titleInfo {
    display: flex;
    justify-content: space-between;
  }
  .homeText .titleInfo h2 {
    font-size: 20px;
  }
  .homeText .titleInfo strong {
    font-size: 16px;
  }
  .homeText .topCon {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .homeText .top2 {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .homeText .chaCon4main img {
    width: 86px;
    height: 116px;
  }
  .homeText .toolWrap {
    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; }
.mainWrap, .hothd, .coverItem9, .tagCon9 { width: 980px; max-width: 980px; margin: 0 auto; }
.story8 { background: #e6f8fb; }
.coverItem9 { height: 86px; display: flex; align-items: center; gap: 28px; }
.metaArea { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.metaArea a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.metaArea a:hover { text-decoration: none; color: #0871bd; }
.siteBlock { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.readBd9 { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.cardLink { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.barItem { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.tagCon9 { display: flex; height: 42px; width: 980px; }
.barItem a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.barItem a:hover, .barItem a.imgCover3 { background: #57acd2; color: #fff; text-decoration: none; }
.itemImg { padding: 12px 0 20px; }

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

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

.timePanel { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.unitGrid3, .dateInner6, .ftRow { border: 3px solid #9bd5ee; background: #eefafa; }
.unitGrid3 h2, .dateInner6 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.chaBar li, .mainPanel2 li, .cha li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.chaBar li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.mainPanel2 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.mainPanel2 li.topHd8 { grid-template-columns: 76px minmax(0, 1fr); }
.cha li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.chaBar a, .mainPanel2 a, .cha a, .bar, .bdFt, .wrapSec, .navunit, .mainPanel2 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bar { color: #555; }
.bdFt, .wrapSec, .navunit, .mainPanel2 em { color: #777; font-style: normal; text-align: right; }
.ftRow { padding-bottom: 8px; }
.ftRow h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.storySec { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.storySec button, .storySec select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.storySec button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.storySec button:disabled { opacity: .55; cursor: default; }
.storySec select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.bd2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.bd2 button, .bd2 select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.newWrap > [hidden] { display: none !important; }
.gridFt { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.gridFt h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.gridFt p, .panelItem { color: #555; }

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

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

@media (max-width: 1023px) {
  .mainWrap, .hothd, .coverItem9, .barItem, .tagCon9 { width: auto; max-width: none; }
  .unitmain { display: block; }
  .hothd { padding: 0 10px; justify-content: center; }
  .story8 { padding: 10px; }
  .coverItem9 { height: auto; display: block; }
  .metaArea { width: auto; margin-bottom: 8px; font-size: 28px; }
  .siteBlock { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .barItem { margin: 0 10px; height: 38px; overflow-x: auto; }
  .tagCon9 { display: flex; height: 38px; min-width: max-content; }
  .barItem a { line-height: 38px; padding: 0 12px; }
  .itemImg { padding: 8px 10px 16px; }
  .box { display: block; padding: 8px; }
  .box .home { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .box .metaMod9, .box .metaMod9 img { width: 86px; }
  .box .metaMod9 img { height: 116px; }
  .linkMod { display: block; }
  .cellItem { min-height: 0; border-right: 0; }
  .timePanel { display: flex; flex-direction: column; }
  .dateInner6 { order: 1; }
  .unitGrid3 { order: 2; }
  .chaBar li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .chaBar .bar, .chaBar .bdFt, .chaBar .navunit { display: none; }
  .mainPanel2 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .mainPanel2 li span { display: none; }
  .cha li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .cha .bar, .cha .name7 { display: none; }
  .cha .bdFt, .cha .wrapSec { text-align: right; }
  .ftRow h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .storySec { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .bd2 { grid-template-columns: 1fr 1.25fr 1fr; }
  .timeList7 { display: block; }
  .hdText7 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .storymain img { width: 86px; height: 116px; }
}

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

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

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

  .rankList4 .home:last-child {
    border-bottom: 0;
  }

  .rankList4 .metaMod9,
  .rankList4 .metaMod9 img {
    width: 82px;
  }

  .rankList4 .metaMod9 img {
    height: 110px;
    object-fit: cover;
  }

  .rankList4 .textRow {
    min-width: 0;
  }

  .rankList4 .textRow 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;
  }

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

  .rankList4 .textRow 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;
  }

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

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

  .hot .unitGrid3,
  .hot .dateInner6 {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .hot .unitGrid3 h2,
  .hot .dateInner6 h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

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

  .hot .chaBar .bar,
  .hot .chaBar .unit9,
  .hot .chaBar .name7 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .hot .chaBar .bar {
    display: none;
  }

  .hot .chaBar .bdFt,
  .hot .chaBar .navunit {
    display: none;
  }

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

  .hot .mainPanel2 li.topHd8 {
    grid-template-columns: minmax(0, 1fr);
  }

  .hot .mainPanel2 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .mainWrap,
  .hothd,
  .coverItem9,
  .tagCon9 {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .box .metaMod9,
  .box .metaMod9 img {
    width: 120px;
  }

  .box .metaMod9 img {
    height: 160px;
  }

  .box .textRow h3,
  .linkMod .textRow h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .box .textRow p,
  .linkMod .textRow p {
    font-size: 14px;
    line-height: 24px;
  }

  .cellItem {
    padding: 10px 12px;
  }

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

  .cellItem .metaMod9,
  .cellItem .metaMod9 img {
    width: 92px;
  }

  .cellItem .metaMod9 img {
    height: 124px;
  }

  .navBlock7 li,
  .mainPanel2 li,
  .chaBar li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .unitGrid3 h2,
  .dateInner6 h2,
  .cellItem h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .meta6 .box .home:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .meta6 .box {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .hothd,
  .coverItem9,
  .tagCon9,
  .mainWrap {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.barItem a:hover,
.sortCover8 a:hover,
.tagCon9 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) {
  .hothd,
  .coverItem9,
  .tagCon9,
  .mainWrap,
  .barItem,
  .sortCover8 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .barItem,
  .sortCover8 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .hothd,
  .coverItem9,
  .tagCon9,
  .mainWrap,
  .barItem,
  .sortCover8 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .mainWrap,
  .coverItem9,
  .hothd {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.story8 nav a:hover,
.story8 nav a:focus,
.story8 nav a.imgCover3,
.story8 nav .imgCover3,
.coverItem9 nav a:hover,
.coverItem9 nav a:focus,
.coverItem9 nav a.imgCover3,
.coverItem9 nav .imgCover3,
.barItem a:hover,
.barItem a:focus,
.barItem a.imgCover3,
.barItem .imgCover3,
.sortCover8 a:hover,
.sortCover8 a:focus,
.sortCover8 a.imgCover3,
.sortCover8 .imgCover3 {
    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) {
    .hothd,
    .story8 .coverItem9,
    .coverItem9,
    .mainWrap,
    .itemImg,
    .updateUnit,
    .chaCol5,
    .wenLine,
    .barItem,
    .sortCover8 {
        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;
    }

    .unitmain,
    .story8,
    .itemImg,
    .metaCover,
    .hothd,
    .story8 .coverItem9,
    .coverItem9,
    .mainWrap,
    .wenLine,
    .updateUnit,
    .chaCol5,
    .picPanel,
    .barItem,
    .sortCover8 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .hothd,
    .story8 .coverItem9,
    .coverItem9,
    .mainWrap,
    .updateUnit,
    .chaCol5,
    .itemImg {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .shuHd,
    .pageMeta9,
    .cateUnit,
    .dateFt,
    .homeImg,
    .ftRow .navMain5,
    .cha,
    .navMain5,
    .row,
    .dateBd6,
    .dateList9,
    .listLine {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .newBar,
    .update7,
    .navMain5 .siteText,
    .cha .siteText,
    .row .siteText,
    .dateBd6 .siteText,
    .dateList9 .siteText,
    .imgMeta,
    .linkRow7 {
        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;
    }

    .newBar img,
    .update7 img,
    .storymain img,
    .navMain5 .siteText img,
    .cha .siteText img,
    .row .siteText img,
    .dateBd6 .siteText img,
    .dateList9 .siteText img,
    .imgMeta img,
    .linkRow7 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .cateArea,
    .sidetext,
    .textRow,
    .pic,
    .linkRow7 dl,
    .linkRow7 .bdLine {
        min-width: 0 !important;
    }

    .chaHd,
    .mainLine9,
    .chaInfo,
    .cate4 {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .chaHd > *,
    .mainLine9 > *,
    .chaInfo > *,
    .cate4 > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.barItem a:hover,
.barItem a:focus,
.barItem a:active,
.barItem a.imgCover3,
.barItem .imgCover3,
.sortCover8 a:hover,
.sortCover8 a:focus,
.sortCover8 a:active,
.sortCover8 a.imgCover3,
.sortCover8 .imgCover3,
.story8 nav a:hover,
.story8 nav a:focus,
.story8 nav a:active,
.story8 nav a.imgCover3,
.coverItem9 nav a:hover,
.coverItem9 nav a:focus,
.coverItem9 nav a:active,
.coverItem9 nav a.imgCover3 {
    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) {
  .meta6 .textRow p,
  .rankList4 .textRow p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .coverItem9 {
    height: 68px;
  }

  .barItem,
  .tagCon9 {
    height: 38px;
  }

  .barItem a,
  .tagCon9 a {
    line-height: 38px;
  }

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

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

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

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

  .story8 .coverItem9,
  .coverItem9 {
    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;
  }

  .story8 .metaArea,
  .story8 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;
  }

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

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

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

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

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

  .story8 .siteBlock,
  .coverItem9 .siteBlock {
    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;
  }

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

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

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

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

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

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

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

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

  .hotLink .modInner {
    display: contents !important;
  }

  .hotLink .modInner 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;
  }

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

  .hotLink .topwrap p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .hotLink .novelName.main6 {
    max-height: none !important;
  }

  .hotLink .hdUnit {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .rankText9 .unitInner2 {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .itemImg .mainWrap > .textCon {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .itemImg .mainWrap > .textCon .unit3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .itemImg .mainWrap > .textCon .unit3 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) {
  .hot .chaBar li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .hot .mainPanel2 li,
  .hot .mainPanel2 li.topHd8 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .hot.metaRow .mainPanel2 li,
  .hot.metaRow .mainPanel2 li.topHd8 {
    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. */
.hot { align-items: stretch; }
.hot .unitGrid3,
.hot .dateInner6 { min-width: 0; }
.hot .dateInner6 { display: flex; flex-direction: column; }
.hot .dateInner6 .mainPanel2 { flex: 0 0 auto; }
.hot .author2box {
  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;
}
.hot .author2box > a,
.hot .author2box > span,
.hot .author2box > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.hot .author2box > a,
.hot .author2box > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hot .author2box > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.hot .menuCell5 {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.hot .menuCell5 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) {
  .hot .author2box {
    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) {
  .itemImg.metaBox,
  .itemImg.footMeta9,
  .itemImg.tag4 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .itemImg.metaBox > .mainWrap,
  .itemImg.footMeta9 > .mainWrap,
  .itemImg.tag4 > .mainWrap {
    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;
  }

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

  .itemImg.blockBox > .mainWrap {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .itemImg.blockBox .wen {
    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;
  }

  .itemImg.blockBox .barmain {
    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;
  }

  .itemImg.blockBox .gridBox,
  .itemImg.blockBox .wrapBar3 {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}