* { 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%; }
.toolText, .panelLine7, .cardCol, .num6, .authorBd7 { max-width: 980px; margin: 0 auto; }

.topinfo { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.panelLine7 { display: flex; gap: 24px; align-items: center; height: 30px; }
.blockItem { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.blockItem:hover { color: #0871bd; text-decoration: underline; }
.tagBar { background: #2f8ed8; }
.cardCol { height: 76px; display: flex; align-items: center; gap: 28px; }
.volGrid { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.volGrid a { color: #fff; letter-spacing: 0; }
.volGrid a:hover { color: inherit; text-decoration: none; }
.cateList4 { flex: 1; display: flex; max-width: 470px; }
.sortText { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.infoBar3 { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.hotBd { margin-left: auto; display: flex; gap: 10px; }
.hotBd a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.infoMod { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.blockGrid3, .hotMain9, .bdSec, .linkFt, .hd, .cover, .col { background: #fff; border: 1px solid #ddd; }
.blockGrid3 { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.mainLine3 { display: flex; min-height: 132px; overflow: hidden; }
.mainLine3 .novelFt { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.mainLine3 .novelFt img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.mainLine3 dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.mainLine3 dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mainLine3 dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.mainLine3 dd a { color: #555; }
.gridBox, .bdSec h2, .hd h2, .cover h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.panelunit, .page8, .cateInfo4, .timeCover, .unitPanel { list-style: none; }
.panelunit li, .cateInfo4 li, .unitPanel li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.unit, .pageMeta { width: 86px; color: #888; flex: 0 0 86px; }
.mainName8, .pic { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.img { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.desc3, .sec { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.headCell4 { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .toolText, .panelLine7, .cardCol, .num6, .authorBd7 { width: 100%; max-width: none; }
    .topinfo { display: none; }
    .tagBar { padding: 10px; }
    .cardCol { height: auto; display: block; }
    .volGrid { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .cateList4 { max-width: none; }
    .hotBd { display: none; }
    .num6 { display: none; }
    .authorBd7 { display: flex; overflow-x: auto; background: #287dc2; }
    .authorBd7 a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .volBd3 { padding: 8px; }
    .infoMod, .bookinner { display: block; }
    .blockGrid3 { grid-template-columns: 1fr; margin-bottom: 10px; }
    .hotMain9, .bdSec { margin-bottom: 10px; }
    .unit, .img, .desc3, .pageMeta, .sec, .headCell4 { display: none; }
    .page8 { columns: 1; }
    .linkFt { display: block; text-align: center; }
    .linkFt .hot { margin: 0 auto 12px; }
    .sort h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .menu { justify-content: center; }
    .timeCover { grid-template-columns: 1fr; }
    .toolCell { padding: 0 12px 18px; }
    .secFt h1 { font-size: 22px; }
    .navCon { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .newRow4 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .unitMod { gap: 8px; }
    .unitMod a, .unitMod span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.toolText, .panelLine7, .cardCol, .num6, .authorBd7 { max-width: 1160px; }
.topinfo { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.panelLine7 { color: #6d8f9e; }
.tagBar { background: #e6f8fb; }
.cardCol { height: 82px; gap: 24px; }
.volGrid { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.volGrid a { color: #0871bd; }
.cateList4 { max-width: 480px; margin-left: auto; }
.sortText { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.infoBar3 { height: 36px; background: #ddd; color: #222; }
.hotBd { display: none; }
.num6 { height: 44px; background: #79c2e3; padding: 0 10px; }
.num6 a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.num6 a:hover { background: #5eb1d8; }
.volBd3 { padding: 12px 0 24px; }

.area4name { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.datebd { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.site8 img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.chaText h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.chaText h2 a { color: #5b6fad; font-weight: 700; }
.chaText h2 span { float: right; color: #aaa; font-weight: 400; }
.chaText p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.wrap2 { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.listImg, .storyCell { border: 3px solid #86c9e8; background: #eef6f6; }
.listImg h2, .storyCell h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.numList8, .coverblock { list-style: none; padding: 8px 12px; }
.numList8 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; }
.numList8 .itemGrid { color: #555; }
.numList8 .numBox, .numList8 .storyText, .numList8 .homeArea4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.numList8 .homeArea4, .numList8 .tagBar7 { color: #aaa; text-align: right; }
.coverblock li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.coverblock span { color: #555; }
.coverblock a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.coverblock em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.topArea3 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.topArea3 a, .topArea3 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.topArea3 a { line-height: 40px; }
.topArea3 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.wenText { 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; }
    .toolText, .panelLine7, .cardCol, .num6, .authorBd7 { width: 100%; max-width: none; }
    .topinfo { display: none; }
    .tagBar { padding: 10px; background: #dff5fb; }
    .cardCol { display: block; height: auto; }
    .volGrid { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .cateList4 { max-width: none; display: flex; margin-left: 0; }
    .sortText { height: 38px; font-size: 14px; }
    .infoBar3 { width: 72px; height: 38px; }
    .num6 { display: none; }
    .authorBd7 { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .authorBd7 a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .cardCol .authorBd7 { margin-bottom: 8px; }
    .volBd3 { padding: 8px; }
    .area4name { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .datebd { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .datebd:last-child { border-bottom: 0; }
    .site8 img { width: 82px; height: 110px; padding: 2px; }
    .chaText h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .chaText h2 span { display: none; }
    .chaText p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .wrap2 { display: block; }
    .listUnit { display: flex; flex-direction: column; }
    .listUnit .storyCell { order: 1; }
    .listUnit .listImg { order: 2; }
    .listImg, .storyCell { border-width: 2px; margin-bottom: 10px; }
    .listImg h2, .storyCell h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .numList8, .coverblock { padding: 4px 8px; }
    .numList8 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; }
    .numList8 .homeArea4, .numList8 .tagBar7 { display: none; }
    .numList8 .itemGrid { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .numList8 .numBox { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .numList8 .storyText { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .coverblock li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .coverblock span { display: none; }
    .topArea3 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .topArea3 select { grid-column: 1 / -1; order: -1; }
    .wenText { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.itemunit { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.itemunit 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); }
.itemunit button:hover { background: #4eadd0; }
body.cat { background: #1e1e1e; color: #aaa; }
body.cat a { color: #9eb8e8; }
body.cat .topinfo,
body.cat .tagBar,
body.cat .wenText { background: #252525; border-color: #3a3a3a; color: #888; }
body.cat .num6,
body.cat .authorBd7 { background: #333; }
body.cat .num6 a:hover,
body.cat .authorBd7 a:hover { background: #444; }
body.cat .area4name,
body.cat .cateList,
body.cat .cardCon,
body.cat .datewrap,
body.cat .boxFt,
body.cat .readCell,
body.cat .linkFt,
body.cat .hd,
body.cat .cover,
body.cat .col,
body.cat .listImg,
body.cat .storyCell,
body.cat .coverPanel,
body.cat .sortInner { background: #2a2a2a; border-color: #444; }
body.cat .toolCell { background: #202020; border-color: #444; }
body.cat .navCon { color: #b8b8b8; }
body.cat .gridBox,
body.cat .bdSec h2,
body.cat .hd h2,
body.cat .cover h2,
body.cat .listImg h2,
body.cat .storyCell h2,
body.cat .coverPanel h2,
body.cat .boxFt h1,
body.cat .col h1,
body.cat .authorInfo h2,
body.cat .readCell h1 { background: #333; color: #ccc; border-color: #444; }
body.cat .chaText p,
body.cat .dateBar p,
body.cat .colMod p,
body.cat .mainItem8 p,
body.cat .hd p,
body.cat .sort p,
body.cat .bdLink .unitBox2 { color: #aaa; }
body.cat .barName6 th { background: #333; color: #ccc; }
body.cat .barName6 th,
body.cat .barName6 td,
body.cat .numList8 li,
body.cat .coverblock li,
body.cat .coverPanel li,
body.cat .info7 li { border-color: #444; }
body.cat .sortText,
body.cat .ft input,
body.cat .topArea3 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .itemunit { right: 10px; bottom: 14px; }
    .itemunit button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.imgCol7 { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.imgCol7 .foot5 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.siteImg { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.descgrid {
    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;
}
.descgrid img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.bookWrap h1 { font-size: 30px; line-height: 44px; color: #333; }
.areaCol { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.areaCol p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.areaCol .hdBox8 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.secBox7 { grid-column: 2; line-height: 1.8; color: #444; }
.grid2 { display: none; }
.nameBlock { display: none; }
.bookArea { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.bookArea h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.bookArea .timeCover { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.bookArea .timeCover li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.bookArea .timeCover.topInner li { font-weight: 700; }
.textLine { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.textLine a, .textLine span, .textLine button, .textLine select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.textLine a, .textLine span, .textLine button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.textLine button:disabled { cursor: default; opacity: .65; }
.textLine select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.numInner4 { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.numInner4 h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.infoImg { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.infoImg a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .imgCol7, .bookArea { border-width: 2px; margin-bottom: 12px; }
    .imgCol7 .foot5 { height: auto; line-height: 1.5; padding: 8px; }
    .siteImg { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .descgrid { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .descgrid img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .bookWrap { min-width: 0; }
    .bookWrap h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .areaCol { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .areaCol p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .grid2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .modHd6 { 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; }
    .modHd6:hover { color: #fff; text-decoration: none; opacity: .92; }
    .modHd6.titleCellbar { background: #f0305a; }
    .modHd6.text { background: #f1a51e; }
    .modHd6.hotCell { background: #5b8cc3; }
    .secBox7 { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .secBox7.volFt4 { max-height: none; }
    .nameBlock { 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; }
    .bookArea .timeCover { grid-template-columns: 1fr; padding: 0 8px; }
    .bookArea .timeCover li { height: 36px; line-height: 36px; padding-right: 0; }
    .textLine { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .textLine select { grid-column: 1 / -1; order: -1; }
    .infoImg { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .toolText, .volBd3, .tagBar, .cardCol, .toolCell, .imgCol7, .bookArea { max-width: 100%; overflow-x: hidden; }
    .cateList4 { width: 100%; max-width: 100%; }
    .sortText { min-width: 0; }
    .infoBar3 { flex: 0 0 68px; width: 68px; }
    .authorBd7 { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .toolCell { padding-left: 10px; padding-right: 10px; }
    .foot5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .secFt h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .secFt p { white-space: normal; overflow-wrap: anywhere; }
    .navCon { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .navCon p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .itemunit { right: 8px; }
}

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

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

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

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

body.cat .volGrid a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.cat .toolCell { background: #242424; }
body.cat .secFt h1 { color: #ddd; }
body.cat .secFt p,
body.cat .foot5 { color: #aaa; }
body.cat .navCon { color: #d2d2d2; }
body.cat .navCon p { color: #d2d2d2; }
body.cat.area6 .toolCell,
body.cat.wrapHd2 .toolCell,
body.cat.readBar .toolCell { background: #242424; }
@media (max-width: 768px) {
    .booktext { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.cat .booktext { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.toolCell { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.cat) .toolCell { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.cat) .navCon { color: #333; }

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

@media (max-width: 768px) {
    .toolCell > .foot5,
    .toolCell > .secFt { display: none; }
    .toolCell { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.cat { background: #e6f8fb; color: #555; }
body.cat a { color: #4d6da8; }
body.cat .topinfo { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.cat .tagBar,
body.cat .wenText { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.cat .num6,
body.cat .authorBd7 { background: #79c2e3; }
body.cat .num6 a,
body.cat .authorBd7 a { color: #fff; }
body.cat .sortText,
body.cat .ft input,
body.cat .topArea3 select { background: #fff; color: #333; border-color: #9bc7df; }
body.cat .toolCell,
body.cat.area6 .toolCell,
body.cat.wrapHd2 .toolCell,
body.cat.readBar .toolCell { background: #2f3437; border-color: #444; }
body.cat .secFt h1 { color: #ddd; }
body.cat .secFt p,
body.cat .foot5 { color: #aaa; }
body.cat .unitMod a,
body.cat .unitMod span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.cat .booktext { background: #2f3437; border-color: #555; }
body.cat .booktext span,
body.cat .booktext label { color: #c8c8c8; }
body.cat .booktext select,
body.cat .booktext button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.cat .navCon { background: transparent; color: #aaa; }
body.cat .newRow4 { border-color: #555; color: #bbb; }
body.cat .navCon p { color: #aaa; }
body.cat .volGrid a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.cat .new { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.cat .new:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.cat .cateMeta { background: #eee; }
body.cat .cateMeta h2 { color: #777; }
body.cat .hotCover a { background: #e3e3e3; color: #333; }
.nameLink { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.nameLink h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.nameLink p { margin: 8px 0; color: #555; }
.menuRow { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.menuRow:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.cat .tagBar { background: #dff5fb; }
    .nameLink { padding: 42px 12px 48px; border-width: 2px; }
    .nameLink h1 { font-size: 24px; }
}

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

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

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

/* static rank page, bqg style */
.datewrap.titleCell {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.titleCell .linkBox {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.titleCell .linkBox h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.titleCell .linkBox strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.titleCell .hotMod {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.titleCell .catarea {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.titleCell .cellCol img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.titleCell .unit7 {
  min-width: 0;
}
.titleCell .catarea 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;
}
.titleCell .catarea h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.titleCell .catarea h3 span,
.titleCell .catarea h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.titleCell .siteWrap {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.titleCell .siteWrap a {
  display: inline;
}
.titleCell .novelHd {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .datewrap.titleCell {
    padding: 8px;
  }
  .titleCell .linkBox {
    display: flex;
    justify-content: space-between;
  }
  .titleCell .linkBox h2 {
    font-size: 20px;
  }
  .titleCell .linkBox strong {
    font-size: 16px;
  }
  .titleCell .hotMod {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .titleCell .catarea {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .titleCell .cellCol img {
    width: 86px;
    height: 116px;
  }
  .titleCell .novelHd {
    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; }
.toolText, .panelLine7, .cardCol, .mainList { width: 980px; max-width: 980px; margin: 0 auto; }
.tagBar { background: #e6f8fb; }
.cardCol { height: 86px; display: flex; align-items: center; gap: 28px; }
.volGrid { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.volGrid a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.volGrid a:hover { text-decoration: none; color: #0871bd; }
.cateList4 { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.sortText { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.infoBar3 { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.num6 { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.mainList { display: flex; height: 42px; width: 980px; }
.num6 a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.num6 a:hover, .num6 a.sortCon { background: #57acd2; color: #fff; text-decoration: none; }
.volBd3 { padding: 12px 0 20px; }

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

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

.volBlock7 { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.hdFt, .coverPanelmod, .time { border: 3px solid #9bd5ee; background: #eefafa; }
.hdFt h2, .coverPanelmod h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.cateInfo4 li, .descBox li, .unitPanel li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.cateInfo4 li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.descBox li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.descBox li.siteMain8 { grid-template-columns: 76px minmax(0, 1fr); }
.unitPanel li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.cateInfo4 a, .descBox a, .unitPanel a, .titleList, .cate, .numName, .secMeta, .descBox em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.titleList { color: #555; }
.cate, .numName, .secMeta, .descBox em { color: #777; font-style: normal; text-align: right; }
.time { padding-bottom: 8px; }
.time h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.wrapBox { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.wrapBox button, .wrapBox select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.wrapBox button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.wrapBox button:disabled { opacity: .55; cursor: default; }
.wrapBox select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.tagBlock { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.tagBlock button, .tagBlock select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.cateLine > [hidden] { display: none !important; }
.metaWrap { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.metaWrap h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.metaWrap p, .areaInner { color: #555; }

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

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

@media (max-width: 1023px) {
  .toolText, .panelLine7, .cardCol, .num6, .mainList { width: auto; max-width: none; }
  .topinfo { display: block; }
  .panelLine7 { padding: 0 10px; justify-content: center; }
  .tagBar { padding: 10px; }
  .cardCol { height: auto; display: block; }
  .volGrid { width: auto; margin-bottom: 8px; font-size: 28px; }
  .cateList4 { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .num6 { margin: 0 10px; height: 38px; overflow-x: auto; }
  .mainList { display: flex; height: 38px; min-width: max-content; }
  .num6 a { line-height: 38px; padding: 0 12px; }
  .volBd3 { padding: 8px 10px 16px; }
  .toolArea { display: block; padding: 8px; }
  .toolArea .colBlock2 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .toolArea .hot, .toolArea .hot img { width: 86px; }
  .toolArea .hot img { height: 116px; }
  .pageLine5 { display: block; }
  .seclink { min-height: 0; border-right: 0; }
  .volBlock7 { display: flex; flex-direction: column; }
  .coverPanelmod { order: 1; }
  .hdFt { order: 2; }
  .cateInfo4 li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .cateInfo4 .titleList, .cateInfo4 .cate, .cateInfo4 .secMeta { display: none; }
  .descBox li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .descBox li span { display: none; }
  .unitPanel li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .unitPanel .titleList, .unitPanel .novelItem { display: none; }
  .unitPanel .cate, .unitPanel .numName { text-align: right; }
  .time h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .wrapBox { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .tagBlock { grid-template-columns: 1fr 1.25fr 1fr; }
  .desc9 { display: block; }
  .box6 { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .dateMain img { width: 86px; height: 116px; }
}

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

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

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

  .footText7 .colBlock2:last-child {
    border-bottom: 0;
  }

  .footText7 .hot,
  .footText7 .hot img {
    width: 82px;
  }

  .footText7 .hot img {
    height: 110px;
    object-fit: cover;
  }

  .footText7 .cate5 {
    min-width: 0;
  }

  .footText7 .cate5 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;
  }

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

  .footText7 .cate5 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;
  }

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

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

  .readMod .hdFt,
  .readMod .coverPanelmod {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .readMod .hdFt h2,
  .readMod .coverPanelmod h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .readMod .cateInfo4 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;
  }

  .readMod .cateInfo4 .titleList,
  .readMod .cateInfo4 .cont,
  .readMod .cateInfo4 .novelItem {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .readMod .cateInfo4 .titleList {
    display: none;
  }

  .readMod .cateInfo4 .cate,
  .readMod .cateInfo4 .secMeta {
    display: none;
  }

  .readMod .descBox 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;
  }

  .readMod .descBox li.siteMain8 {
    grid-template-columns: minmax(0, 1fr);
  }

  .readMod .descBox li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .toolText,
  .panelLine7,
  .cardCol,
  .mainList {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .toolArea .hot,
  .toolArea .hot img {
    width: 120px;
  }

  .toolArea .hot img {
    height: 160px;
  }

  .toolArea .cate5 h3,
  .pageLine5 .cate5 h3 {
    font-size: 15px;
    line-height: 23px;
  }

  .toolArea .cate5 p,
  .pageLine5 .cate5 p {
    font-size: 14px;
    line-height: 24px;
  }

  .seclink {
    padding: 10px 12px;
  }

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

  .seclink .hot,
  .seclink .hot img {
    width: 92px;
  }

  .seclink .hot img {
    height: 124px;
  }

  .timeList li,
  .descBox li,
  .cateInfo4 li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .hdFt h2,
  .coverPanelmod h2,
  .seclink h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .volName .toolArea .colBlock2:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

  .volName .toolArea {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background: transparent;
  }

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .panelLine7,
  .cardCol,
  .mainList,
  .toolText {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.num6 a:hover,
.authorBd7 a:hover,
.mainList 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) {
  .panelLine7,
  .cardCol,
  .mainList,
  .toolText,
  .num6,
  .authorBd7 {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .num6,
  .authorBd7 {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .panelLine7,
  .cardCol,
  .mainList,
  .toolText,
  .num6,
  .authorBd7 {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .toolText,
  .cardCol,
  .panelLine7 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.tagBar nav a:hover,
.tagBar nav a:focus,
.tagBar nav a.sortCon,
.tagBar nav .sortCon,
.cardCol nav a:hover,
.cardCol nav a:focus,
.cardCol nav a.sortCon,
.cardCol nav .sortCon,
.num6 a:hover,
.num6 a:focus,
.num6 a.sortCon,
.num6 .sortCon,
.authorBd7 a:hover,
.authorBd7 a:focus,
.authorBd7 a.sortCon,
.authorBd7 .sortCon {
    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) {
    .panelLine7,
    .tagBar .cardCol,
    .cardCol,
    .toolText,
    .volBd3,
    .hdGrid5,
    .authorlist,
    .nameList,
    .num6,
    .authorBd7 {
        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;
    }

    .topinfo,
    .tagBar,
    .volBd3,
    .wenText,
    .panelLine7,
    .tagBar .cardCol,
    .cardCol,
    .toolText,
    .nameList,
    .hdGrid5,
    .authorlist,
    .toolLink,
    .num6,
    .authorBd7 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .panelLine7,
    .tagBar .cardCol,
    .cardCol,
    .toolText,
    .hdGrid5,
    .authorlist,
    .volBd3 {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .datewrap,
    .area4,
    .name,
    .bd3,
    .page7,
    .time .book2,
    .unitPanel,
    .book2,
    .timeCover5,
    .hdGrid,
    .chaSec,
    .imgCol7 {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .catList,
    .novelCon6,
    .book2 .homeBar,
    .unitPanel .homeBar,
    .timeCover5 .homeBar,
    .hdGrid .homeBar,
    .chaSec .homeBar,
    .cellMod,
    .mainLine3 {
        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;
    }

    .catList img,
    .novelCon6 img,
    .dateMain img,
    .book2 .homeBar img,
    .unitPanel .homeBar img,
    .timeCover5 .homeBar img,
    .hdGrid .homeBar img,
    .chaSec .homeBar img,
    .cellMod img,
    .mainLine3 img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .mainItem8,
    .cateFt,
    .cate5,
    .sort,
    .mainLine3 dl,
    .mainLine3 .wenMeta {
        min-width: 0 !important;
    }

    .areaInfo6,
    .panel,
    .infoMod,
    .infoinfo {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .areaInfo6 > *,
    .panel > *,
    .infoMod > *,
    .infoinfo > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.num6 a:hover,
.num6 a:focus,
.num6 a:active,
.num6 a.sortCon,
.num6 .sortCon,
.authorBd7 a:hover,
.authorBd7 a:focus,
.authorBd7 a:active,
.authorBd7 a.sortCon,
.authorBd7 .sortCon,
.tagBar nav a:hover,
.tagBar nav a:focus,
.tagBar nav a:active,
.tagBar nav a.sortCon,
.cardCol nav a:hover,
.cardCol nav a:focus,
.cardCol nav a:active,
.cardCol nav a.sortCon {
    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) {
  .volName .cate5 p,
  .footText7 .cate5 p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .cardCol {
    height: 68px;
  }

  .num6,
  .mainList {
    height: 38px;
  }

  .num6 a,
  .mainList a {
    line-height: 38px;
  }

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

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

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

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

  .tagBar .cardCol,
  .cardCol {
    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;
  }

  .tagBar .volGrid,
  .tagBar 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;
  }

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

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

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

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

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

  .tagBar .cateList4,
  .cardCol .cateList4 {
    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;
  }

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

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

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

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

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

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

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

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

  .siteImg .bookWrap {
    display: contents !important;
  }

  .siteImg .bookWrap 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;
  }

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

  .siteImg .areaCol p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .siteImg .secBox7.volFt4 {
    max-height: none !important;
  }

  .siteImg .nameBlock {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .bookArea .timeCover {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .volBd3 .toolText > .numInner4 {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .volBd3 .toolText > .numInner4 .infoImg {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .volBd3 .toolText > .numInner4 .infoImg 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) {
  .readMod .cateInfo4 li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .readMod .descBox li,
  .readMod .descBox li.siteMain8 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .readMod.nameMod .descBox li,
  .readMod.nameMod .descBox li.siteMain8 {
    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. */
.readMod { align-items: stretch; }
.readMod .hdFt,
.readMod .coverPanelmod { min-width: 0; }
.readMod .coverPanelmod { display: flex; flex-direction: column; }
.readMod .coverPanelmod .descBox { flex: 0 0 auto; }
.readMod .toolInner9 {
  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;
}
.readMod .toolInner9 > a,
.readMod .toolInner9 > span,
.readMod .toolInner9 > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.readMod .toolInner9 > a,
.readMod .toolInner9 > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.readMod .toolInner9 > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.readMod .cardLink {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.readMod .cardLink 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) {
  .readMod .toolInner9 {
    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) {
  .volBd3.hdRow7,
  .volBd3.bookPanel,
  .volBd3.story {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .volBd3.hdRow7 > .toolText,
  .volBd3.bookPanel > .toolText,
  .volBd3.story > .toolText {
    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;
  }

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

  .volBd3.site7 > .toolText {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .volBd3.site7 .toolCell {
    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;
  }

  .volBd3.site7 .navCon {
    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;
  }

  .volBd3.site7 .booktext,
  .volBd3.site7 .unitMod {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}