* { 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%; }
.metacol, .arealink6, .topcover, .home, .ft { max-width: 980px; margin: 0 auto; }

.story { height: 30px; background: #f7f7f7; border-bottom: 1px solid #ddd; color: #777; font-size: 12px; }
.arealink6 { display: flex; gap: 24px; align-items: center; height: 30px; }
.new { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: 0; }
.new:hover { color: #0871bd; text-decoration: underline; }
.listunit { background: #2f8ed8; }
.topcover { height: 76px; display: flex; align-items: center; gap: 28px; }
.headbd { width: 170px; font-size: 34px; line-height: 1; font-weight: 700; }
.headbd a { color: #fff; letter-spacing: 0; }
.headbd a:hover { color: inherit; text-decoration: none; }
.navconcol { flex: 1; display: flex; max-width: 470px; }
.listrowunit { flex: 1; height: 38px; padding: 0 12px; border: 0; outline: 0; font-size: 14px; }
.authorname { width: 78px; height: 38px; border: 0; background: #f5a623; color: #fff; font-size: 15px; cursor: pointer; }
.catebd8 { margin-left: auto; display: flex; gap: 10px; }
.catebd8 a { color: #fff; padding: 5px 10px; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; }

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

.listsec4 { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; margin-bottom: 12px; }
.site, .topname4, .wenlist, .unitname, .grid, .sidelink, .novelline8 { background: #fff; border: 1px solid #ddd; }
.site { display: grid; grid-template-columns: 1fr 1fr; padding: 12px; gap: 12px; }
.menu { display: flex; min-height: 132px; overflow: hidden; }
.menu .textcell { width: 88px; flex: 0 0 88px; margin-right: 12px; }
.menu .textcell img { width: 88px; height: 120px; object-fit: cover; border: 1px solid #ddd; }
.menu dt { height: 28px; line-height: 28px; overflow: hidden; font-weight: 700; }
.menu dt span { float: right; max-width: 72px; color: #888; font-size: 12px; font-weight: 400; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menu dd { color: #555; height: 88px; overflow: hidden; font-size: 13px; }
.menu dd a { color: #555; }
.areasec, .wenlist h2, .grid h2, .sidelink h2 { height: 38px; line-height: 38px; padding: 0 12px; border-bottom: 1px solid #ddd; background: #f9f9f9; color: #287dc2; font-size: 16px; }
.gridbd, .linklist2, .bd, .cellwrap, .page { list-style: none; }
.gridbd li, .bd li, .page li { display: flex; height: 35px; line-height: 35px; padding: 0 12px; border-bottom: 1px dashed #e5e5e5; overflow: hidden; }
.newsec, .timeunit { width: 86px; color: #888; flex: 0 0 86px; }
.wen, .cat2 { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menulist7 { width: 220px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.catwrap7, .newcover { width: 88px; color: #777; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mainbox { width: 70px; color: #888; text-align: right; }

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

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

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

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

@media (max-width: 768px) {
    .metacol, .arealink6, .topcover, .home, .ft { width: 100%; max-width: none; }
    .story { display: none; }
    .listunit { padding: 10px; }
    .topcover { height: auto; display: block; }
    .headbd { width: auto; margin-bottom: 10px; font-size: 28px; text-align: center; }
    .navconcol { max-width: none; }
    .catebd8 { display: none; }
    .home { display: none; }
    .ft { display: flex; overflow-x: auto; background: #287dc2; }
    .ft a { color: #fff; line-height: 38px; padding: 0 14px; white-space: nowrap; }
    .bookblock { padding: 8px; }
    .listsec4, .toolft9 { display: block; }
    .site { grid-template-columns: 1fr; margin-bottom: 10px; }
    .topname4, .wenlist { margin-bottom: 10px; }
    .newsec, .menulist7, .catwrap7, .timeunit, .newcover, .mainbox { display: none; }
    .linklist2 { columns: 1; }
    .unitname { display: block; text-align: center; }
    .unitname .menuwrap2 { margin: 0 auto 12px; }
    .newrow4 h1 { height: auto; line-height: 1.4; font-size: 24px; }
    .head { justify-content: center; }
    .cellwrap { grid-template-columns: 1fr; }
    .page7 { padding: 0 12px 18px; }
    .shubox7 h1 { font-size: 22px; }
    .menuunit { font-size: 18px; line-height: 1.95; padding: 14px 0; }
    .titlelink4 { display: block; font-size: 18px; margin-bottom: 12px; padding-bottom: 8px; line-height: 1.45; }
    .num { gap: 8px; }
    .num a, .num span { min-width: 0; flex: 1; }
}

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

/* Screenshot-style desktop home layout */
body { background: #e6f8fb; color: #555; font-size: 14px; }
a { color: #4d6da8; }
.metacol, .arealink6, .topcover, .home, .ft { max-width: 1160px; }
.story { background: #d9eef3; border-bottom: 1px solid #b8dce7; }
.arealink6 { color: #6d8f9e; }
.listunit { background: #e6f8fb; }
.topcover { height: 82px; gap: 24px; }
.headbd { width: 150px; font-size: 36px; font-family: Georgia, "Microsoft YaHei", serif; text-shadow: 2px 2px 0 #c3e3f1; }
.headbd a { color: #0871bd; }
.navconcol { max-width: 480px; margin-left: auto; }
.listrowunit { height: 36px; border: 1px solid #9bc7df; background: #fff; }
.authorname { height: 36px; background: #ddd; color: #222; }
.catebd8 { display: none; }
.home { height: 44px; background: #79c2e3; padding: 0 10px; }
.home a { line-height: 44px; padding: 0 11px; border-right: 0; color: #fff; font-weight: 700; }
.home a:hover { background: #5eb1d8; }
.bookblock { padding: 12px 0 24px; }

.navinner { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 22px; padding: 14px; margin-bottom: 22px; border: 3px solid #b9dff1; background: #fffdf6; }
.bookbox { display: grid; grid-template-columns: 126px 1fr; gap: 12px; min-height: 176px; }
.novelmeta img { width: 126px; height: 170px; object-fit: cover; border: 1px solid #abc6d4; padding: 3px; background: #fff; }
.cardname h2 { height: 28px; line-height: 28px; font-size: 15px; border-bottom: 1px dotted #c7d8e3; overflow: hidden; }
.cardname h2 a { color: #5b6fad; font-weight: 700; }
.cardname h2 span { float: right; color: #aaa; font-weight: 400; }
.cardname p { padding-top: 8px; color: #555; line-height: 1.85; height: 132px; overflow: hidden; text-indent: 2em; }
.pagemain { display: grid; grid-template-columns: 1fr 335px; gap: 14px; align-items: start; }
.listimg, .col4 { border: 3px solid #86c9e8; background: #eef6f6; }
.listimg h2, .col4 h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd3e9; color: #456; font-size: 16px; }
.menulist, .toolcover { list-style: none; padding: 8px 12px; }
.menulist 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; }
.menulist .itemtext { color: #555; }
.menulist .moditem2, .menulist .card, .menulist .wenlist7 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.menulist .wenlist7, .menulist .cate { color: #aaa; text-align: right; }
.toolcover li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 6px; height: 31px; line-height: 31px; border-bottom: 1px solid #d8e2e4; overflow: hidden; }
.toolcover span { color: #555; }
.toolcover a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.toolcover em { color: #666; font-style: normal; text-align: right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.boxbd8 { display: grid; grid-template-columns: 190px 1fr 190px; gap: 18px; padding: 14px 12px; }
.boxbd8 a, .boxbd8 select { height: 40px; border: 0; background: #4eadd0; color: #fff; text-align: center; border-radius: 3px; font-weight: 700; }
.boxbd8 a { line-height: 40px; }
.boxbd8 select { background: #fff; color: #222; border: 1px solid #d8e2e4; padding: 0 12px; }
.ft5 { 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; }
    .metacol, .arealink6, .topcover, .home, .ft { width: 100%; max-width: none; }
    .story { display: none; }
    .listunit { padding: 10px; background: #dff5fb; }
    .topcover { display: block; height: auto; }
    .headbd { width: auto; font-size: 30px; text-align: left; margin: 0 0 10px; padding-right: 58px; }
    .navconcol { max-width: none; display: flex; margin-left: 0; }
    .listrowunit { height: 38px; font-size: 14px; }
    .authorname { width: 72px; height: 38px; }
    .home { display: none; }
    .ft { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); overflow: hidden; height: 40px; background: #79c2e3; padding: 0; }
    .ft a { min-width: 0; color: #fff; line-height: 40px; padding: 0 2px; text-align: center; font-weight: 700; white-space: nowrap; }
    .topcover .ft { margin-bottom: 8px; }
    .bookblock { padding: 8px; }
    .navinner { display: block; padding: 8px; margin-bottom: 10px; border-width: 2px; }
    .bookbox { display: grid; grid-template-columns: 82px 1fr; gap: 10px; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #d8e2e4; }
    .bookbox:last-child { border-bottom: 0; }
    .novelmeta img { width: 82px; height: 110px; padding: 2px; }
    .cardname h2 { height: 24px; line-height: 24px; font-size: 15px; }
    .cardname h2 span { display: none; }
    .cardname p { height: 78px; line-height: 1.7; padding-top: 5px; text-indent: 0; }
    .pagemain { display: block; }
    .list6 { display: flex; flex-direction: column; }
    .list6 .col4 { order: 1; }
    .list6 .listimg { order: 2; }
    .listimg, .col4 { border-width: 2px; margin-bottom: 10px; }
    .listimg h2, .col4 h2 { height: 34px; line-height: 34px; font-size: 15px; }
    .menulist, .toolcover { padding: 4px 8px; }
    .menulist 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; }
    .menulist .wenlist7, .menulist .cate { display: none; }
    .menulist .itemtext { display: block; width: auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; }
    .menulist .moditem2 { font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .menulist .card { color: #777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .toolcover li { grid-template-columns: minmax(0, 1fr) 88px; height: 34px; line-height: 34px; }
    .toolcover span { display: none; }
    .boxbd8 { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .boxbd8 select { grid-column: 1 / -1; order: -1; }
    .ft5 { padding: 14px 8px; line-height: 1.7; }
}

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

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

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

.link { position: fixed; right: 18px; bottom: 26px; z-index: 50; display: grid; gap: 8px; }
.link 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); }
.link button:hover { background: #4eadd0; }
body.piccol { background: #1e1e1e; color: #aaa; }
body.piccol a { color: #9eb8e8; }
body.piccol .story,
body.piccol .listunit,
body.piccol .ft5 { background: #252525; border-color: #3a3a3a; color: #888; }
body.piccol .home,
body.piccol .ft { background: #333; }
body.piccol .home a:hover,
body.piccol .ft a:hover { background: #444; }
body.piccol .navinner,
body.piccol .navunit,
body.piccol .shu,
body.piccol .cell9,
body.piccol .name7name,
body.piccol .top8,
body.piccol .unitname,
body.piccol .grid,
body.piccol .sidelink,
body.piccol .novelline8,
body.piccol .listimg,
body.piccol .col4,
body.piccol .tagtext8,
body.piccol .blocklink { background: #2a2a2a; border-color: #444; }
body.piccol .page7 { background: #202020; border-color: #444; }
body.piccol .menuunit { color: #b8b8b8; }
body.piccol .areasec,
body.piccol .wenlist h2,
body.piccol .grid h2,
body.piccol .sidelink h2,
body.piccol .listimg h2,
body.piccol .col4 h2,
body.piccol .tagtext8 h2,
body.piccol .name7name h1,
body.piccol .novelline8 h1,
body.piccol .metaline h2,
body.piccol .top8 h1 { background: #333; color: #ccc; border-color: #444; }
body.piccol .cardname p,
body.piccol .cellcover p,
body.piccol .bookcol p,
body.piccol .modlist p,
body.piccol .grid p,
body.piccol .newrow4 p,
body.piccol .metabd .unitcover { color: #aaa; }
body.piccol .tooltext6 th { background: #333; color: #ccc; }
body.piccol .tooltext6 th,
body.piccol .tooltext6 td,
body.piccol .menulist li,
body.piccol .toolcover li,
body.piccol .tagtext8 li,
body.piccol .hd2 li { border-color: #444; }
body.piccol .listrowunit,
body.piccol .updatetext input,
body.piccol .boxbd8 select { background: #222; color: #ddd; border-color: #555; }
@media (max-width: 768px) {
    .link { right: 10px; bottom: 14px; }
    .link button { width: 48px; height: 32px; font-size: 13px; }
}

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

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

.textmod { border: 3px solid #86c9e8; background: #eef6f6; margin-bottom: 22px; }
.textmod .main3 { height: 34px; line-height: 34px; padding: 0 12px; color: #456; border-bottom: 1px solid #b9dff1; background: #dcecef; }
.catewrap2 { display: grid; grid-template-columns: 160px 1fr; gap: 24px; padding: 14px 28px 18px; }
.coverlink9 {
    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;
}
.coverlink9 img {
    display: block;
    width: 100%;
    height: 176px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}
.col h1 { font-size: 30px; line-height: 44px; color: #333; }
.panel { display: grid; grid-template-columns: 1fr 1fr; column-gap: 28px; border-bottom: 1px dashed #86aebd; padding-bottom: 6px; margin-bottom: 8px; }
.panel p { height: 28px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #444; }
.panel .coverline8 { color: #b54800; font-weight: 700; grid-column: 1 / -1; }
.site9 { grid-column: 2; line-height: 1.8; color: #444; }
.topbox { display: none; }
.newcell { display: none; }
.update { border: 3px solid #4eadd0; background: #eef6f6; margin-bottom: 30px; }
.update h2 { height: 38px; line-height: 38px; text-align: center; background: #9fb6bd; color: #333; font-size: 16px; border-bottom: 1px solid #9fc9db; }
.update .cellwrap { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0 12px; list-style: none; }
.update .cellwrap li { height: 40px; line-height: 40px; border-bottom: 1px dashed #9fb6bd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 16px; }
.update .cellwrap.navmain li { font-weight: 700; }
.namemain { display: grid; grid-template-columns: 250px 1fr 250px; gap: 18px; padding: 16px 12px; }
.namemain a, .namemain span, .namemain button, .namemain select { height: 40px; line-height: 40px; border: 0; text-align: center; border-radius: 3px; }
.namemain a, .namemain span, .namemain button { background: #1e6f8a; color: #fff; cursor: pointer; font: inherit; }
.namemain button:disabled { cursor: default; opacity: .65; }
.namemain select { background: #fff; border: 1px solid #ddd; padding: 0 12px; text-align: left; }
.panelunit { background: #eee; padding: 18px 14px; margin-bottom: 20px; }
.panelunit h2 { text-align: center; color: #777; font-size: 16px; margin-bottom: 14px; font-weight: 400; }
.descname { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 45px; }
.descname a { display: block; height: 38px; line-height: 38px; text-align: center; background: #e3e3e3; color: #333; border-radius: 3px; }
@media (max-width: 768px) {
    .textmod, .update { border-width: 2px; margin-bottom: 12px; }
    .textmod .main3 { height: auto; line-height: 1.5; padding: 8px; }
    .catewrap2 { display: grid; grid-template-columns: 96px 1fr; gap: 10px; padding: 10px; align-items: start; }
    .coverlink9 { width: 96px; min-height: 126px; padding: 4px; background: rgba(255,255,255,.45); }
    .coverlink9 img { width: 100%; height: 118px; object-fit: contain; object-position: center; }
    .col { min-width: 0; }
    .col h1 { font-size: 18px; line-height: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .panel { display: block; border-bottom: 0; padding-bottom: 0; margin-bottom: 6px; }
    .panel p { height: 26px; line-height: 26px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .topbox { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; grid-column: 1 / -1; margin: 2px 0 8px; }
    .rankarea5 { 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; }
    .rankarea5:hover { color: #fff; text-decoration: none; opacity: .92; }
    .rankarea5.navgrid { background: #f0305a; }
    .rankarea5.chaunit3 { background: #f1a51e; }
    .rankarea5.datebar4 { background: #5b8cc3; }
    .site9 { grid-column: 1 / -1; max-height: 118px; overflow: hidden; line-height: 1.85; color: #444; }
    .site9.info9 { max-height: none; }
    .newcell { 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; }
    .update .cellwrap { grid-template-columns: 1fr; padding: 0 8px; }
    .update .cellwrap li { height: 36px; line-height: 36px; padding-right: 0; }
    .namemain { grid-template-columns: 1fr 1fr; gap: 8px; padding: 10px 8px; }
    .namemain select { grid-column: 1 / -1; order: -1; }
    .descname { grid-template-columns: 1fr; gap: 8px; }
}

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

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

@media (max-width: 768px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    .metacol, .bookblock, .listunit, .topcover, .page7, .textmod, .update { max-width: 100%; overflow-x: hidden; }
    .navconcol { width: 100%; max-width: 100%; }
    .listrowunit { min-width: 0; }
    .authorname { flex: 0 0 68px; width: 68px; }
    .ft { max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .page7 { padding-left: 10px; padding-right: 10px; }
    .main3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .shubox7 h1 { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .shubox7 p { white-space: normal; overflow-wrap: anywhere; }
    .menuunit { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .menuunit p { max-width: 100%; overflow-wrap: break-word; word-break: break-word; }
    .link { right: 8px; }
}

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

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

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

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

body.piccol .headbd a { color: #b8d7ef; text-shadow: 1px 1px 0 #1a3c55; }
body.piccol .page7 { background: #242424; }
body.piccol .shubox7 h1 { color: #ddd; }
body.piccol .shubox7 p,
body.piccol .main3 { color: #aaa; }
body.piccol .menuunit { color: #d2d2d2; }
body.piccol .menuunit p { color: #d2d2d2; }
body.piccol.linkbar .page7,
body.piccol.chaitem4 .page7,
body.piccol.metahd .page7 { background: #242424; }
@media (max-width: 768px) {
    .row { grid-template-columns: auto 28px 28px 28px 1fr 42px; }
    body.piccol .row { background: #2b2b2b; border-color: #555; }
}

:root { --reader-bg-custom: #E9FAFF; }
.page7 { background: var(--reader-bg-custom, #f6f1e7); }
body:not(.piccol) .page7 { background: var(--reader-bg-custom, #E9FAFF); }
body:not(.piccol) .menuunit { color: #333; }

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

@media (max-width: 768px) {
    .page7 > .main3,
    .page7 > .shubox7 { display: none; }
    .page7 { padding-top: 0; }
}

/* 关灯只作用于章节正文，头部、搜索、工具栏和翻页保持原样。 */
body.piccol { background: #e6f8fb; color: #555; }
body.piccol a { color: #4d6da8; }
body.piccol .story { background: #d9eef3; border-color: #b8dce7; color: #6d8f9e; }
body.piccol .listunit,
body.piccol .ft5 { background: #e6f8fb; border-color: #72c4e8; color: #555; }
body.piccol .home,
body.piccol .ft { background: #79c2e3; }
body.piccol .home a,
body.piccol .ft a { color: #fff; }
body.piccol .listrowunit,
body.piccol .updatetext input,
body.piccol .boxbd8 select { background: #fff; color: #333; border-color: #9bc7df; }
body.piccol .page7,
body.piccol.linkbar .page7,
body.piccol.chaitem4 .page7,
body.piccol.metahd .page7 { background: #2f3437; border-color: #444; }
body.piccol .shubox7 h1 { color: #ddd; }
body.piccol .shubox7 p,
body.piccol .main3 { color: #aaa; }
body.piccol .num a,
body.piccol .num span { background: #363b3f; border-color: #555; color: #c8c8c8; }
body.piccol .row { background: #2f3437; border-color: #555; }
body.piccol .row span,
body.piccol .row label { color: #c8c8c8; }
body.piccol .row select,
body.piccol .row button { background: #363b3f; border-color: #6b747b; color: #c8d7e8; }
body.piccol .menuunit { background: transparent; color: #aaa; }
body.piccol .titlelink4 { border-color: #555; color: #bbb; }
body.piccol .menuunit p { color: #aaa; }
body.piccol .headbd a { color: #0871bd; text-shadow: 2px 2px 0 #c3e3f1; }
body.piccol .hotmeta5 { color: #0871bd; border-color: #79c2e3; background: rgba(255,255,255,.55); }
body.piccol .hotmeta5:hover { color: #0871bd; background: rgba(255,255,255,.8); }
body.piccol .listcol4 { background: #eee; }
body.piccol .listcol4 h2 { color: #777; }
body.piccol .cardrow a { background: #e3e3e3; color: #333; }
.shuinner4 { text-align: center; padding: 54px 20px 62px; border: 3px solid #86c9e8; background: #fffdf6; }
.shuinner4 h1 { margin-bottom: 12px; color: #287dc2; font-size: 30px; font-weight: 700; }
.shuinner4 p { margin: 8px 0; color: #555; }
.nameitem2 { display: inline-block; min-width: 110px; height: 34px; margin-top: 12px; line-height: 34px; background: #4eadd0; color: #fff; border-radius: 3px; }
.nameitem2:hover { color: #fff; text-decoration: none; background: #287dc2; }
@media (max-width: 768px) {
    body.piccol .listunit { background: #dff5fb; }
    .shuinner4 { padding: 42px 12px 48px; border-width: 2px; }
    .shuinner4 h1 { font-size: 24px; }
}

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

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

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

/* static rank page, bqg style */
.cell9.titlelist {
  display: block;
  border: 2px solid #8ed1ef;
  background: #fffdf6;
  padding: 12px;
}
.titlelist .rankhd {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  margin: 0 0 10px;
  min-height: 28px;
}
.titlelist .rankhd h2 {
  margin: 0;
  font-size: 22px;
  line-height: 28px;
  color: #444;
  font-weight: 700;
}
.titlelist .rankhd strong {
  grid-column: 2 / 3;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  color: #444;
}
.titlelist .panelinfo6 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
}
.titlelist .blockbox {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
  min-height: 156px;
  overflow: hidden;
}
.titlelist .cardmeta img {
  width: 110px;
  height: 148px;
  object-fit: cover;
  border: 1px solid #b7d2dd;
  background: #fff;
}
.titlelist .navpanel7 {
  min-width: 0;
}
.titlelist .blockbox 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;
}
.titlelist .blockbox h3 a {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.titlelist .blockbox h3 span,
.titlelist .blockbox h3 em {
  color: #999;
  font-weight: 400;
  font-style: normal;
  white-space: nowrap;
}
.titlelist .descblock6 {
  margin: 4px 0;
  font-size: 13px;
  line-height: 22px;
  text-align: center;
}
.titlelist .descblock6 a {
  display: inline;
}
.titlelist .titlename {
  margin: 6px 0 0;
  color: #333;
  font-size: 13px;
  line-height: 23px;
  max-height: 92px;
  overflow: hidden;
}
@media (max-width: 720px) {
  .cell9.titlelist {
    padding: 8px;
  }
  .titlelist .rankhd {
    display: flex;
    justify-content: space-between;
  }
  .titlelist .rankhd h2 {
    font-size: 20px;
  }
  .titlelist .rankhd strong {
    font-size: 16px;
  }
  .titlelist .panelinfo6 {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .titlelist .blockbox {
    grid-template-columns: 86px minmax(0, 1fr);
    min-height: 116px;
  }
  .titlelist .cardmeta img {
    width: 86px;
    height: 116px;
  }
  .titlelist .titlename {
    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; }
.metacol, .arealink6, .topcover, .wencol { width: 980px; max-width: 980px; margin: 0 auto; }
.listunit { background: #e6f8fb; }
.topcover { height: 86px; display: flex; align-items: center; gap: 28px; }
.headbd { width: 180px; font-size: 34px; line-height: 1; font-family: Georgia, "Microsoft YaHei", serif; font-weight: 700; }
.headbd a { color: #0871bd; text-shadow: 2px 3px 3px rgba(0, 90, 150, .28); }
.headbd a:hover { text-decoration: none; color: #0871bd; }
.navconcol { margin-left: auto; flex: 0 0 470px; display: flex; height: 38px; border: 1px solid #9bd5ee; background: #fff; }
.listrowunit { flex: 1; height: 36px; padding: 0 12px; border: 0; font-size: 14px; outline: 0; }
.authorname { width: 78px; height: 36px; border: 0; background: #ddd; color: #222; cursor: pointer; }
.home { width: 980px; max-width: 980px; height: 42px; margin: 0 auto; background: #74c0df; display: block; overflow: hidden; }
.wencol { display: flex; height: 42px; width: 980px; }
.home a { display: block; color: #fff; font-weight: 700; line-height: 42px; padding: 0 12px; white-space: nowrap; }
.home a:hover, .home a.shuitem { background: #57acd2; color: #fff; text-decoration: none; }
.bookblock { padding: 12px 0 20px; }

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

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

.newhd7 { display: grid; grid-template-columns: 1fr 300px; gap: 12px; margin-bottom: 12px; }
.list, .tag, .textgrid { border: 3px solid #9bd5ee; background: #eefafa; }
.list h2, .tag h2 { height: 36px; line-height: 36px; padding: 0 12px; background: #9bd5ee; font-size: 16px; color: #333; }
.bd li, .chameta3 li, .page li { display: grid; align-items: center; min-height: 30px; line-height: 30px; border-bottom: 1px solid #d1e3e8; overflow: hidden; }
.bd li { grid-template-columns: 88px minmax(120px,1.15fr) minmax(180px,1.45fr) 90px 50px; column-gap: 8px; padding: 0 10px; }
.chameta3 li { grid-template-columns: 76px minmax(0, 1fr) 76px; column-gap: 0; padding: 0 10px; }
.chameta3 li.side9 { grid-template-columns: 76px minmax(0, 1fr); }
.page li { grid-template-columns: 90px minmax(220px,1fr) minmax(240px,1.2fr) 120px 78px; column-gap: 8px; padding: 0 12px; }
.bd a, .chameta3 a, .page a, .headmod, .hdbd5, .navcon, .footsec, .chameta3 em { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.headmod { color: #555; }
.hdbd5, .navcon, .footsec, .chameta3 em { color: #777; font-style: normal; text-align: right; }
.textgrid { padding-bottom: 8px; }
.textgrid h2 { height: 42px; line-height: 42px; padding: 0 12px; background: #fff; border-bottom: 1px solid #ddd; color: #0871bd; font-size: 18px; }
.cardcell { display: grid; grid-template-columns: 160px minmax(160px, 1fr) 160px; gap: 12px; padding: 12px 10px 10px; background: #eefafa; }
.cardcell button, .cardcell select { width: 100%; height: 36px; border-radius: 2px; font: inherit; }
.cardcell button { border: 0; background: #4badd3; color: #fff; cursor: pointer; }
.cardcell button:disabled { opacity: .55; cursor: default; }
.cardcell select { border: 1px solid #b9d7e3; background: #fff; padding: 0 10px; }
.areapanel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) minmax(0, 1fr); gap: 5px; width: 100%; padding: 10px 6px; box-sizing: border-box; }
.areapanel button, .areapanel select { min-width: 0; padding-left: 3px; padding-right: 3px; font-size: 13px; }
.sitesec > [hidden] { display: none !important; }
.siteft { margin: 0; padding: 28px 20px; background: #fff; border: 1px solid #ddd; }
.siteft h2 { margin: 0 0 8px; font-size: 22px; color: #555; }
.siteft p, .authorimg2 { color: #555; }

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

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

@media (max-width: 1023px) {
  .metacol, .arealink6, .topcover, .home, .wencol { width: auto; max-width: none; }
  .story { display: block; }
  .arealink6 { padding: 0 10px; justify-content: center; }
  .listunit { padding: 10px; }
  .topcover { height: auto; display: block; }
  .headbd { width: auto; margin-bottom: 8px; font-size: 28px; }
  .navconcol { width: 100%; max-width: none; margin: 0; flex-basis: auto; }
  .home { margin: 0 10px; height: 38px; overflow-x: auto; }
  .wencol { display: flex; height: 38px; min-width: max-content; }
  .home a { line-height: 38px; padding: 0 12px; }
  .bookblock { padding: 8px 10px 16px; }
  .block { display: block; padding: 8px; }
  .block .colunit { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .block .menuwrap2, .block .menuwrap2 img { width: 86px; }
  .block .menuwrap2 img { height: 116px; }
  .bargrid { display: block; }
  .unitarea3 { min-height: 0; border-right: 0; }
  .newhd7 { display: flex; flex-direction: column; }
  .tag { order: 1; }
  .list { order: 2; }
  .bd li { grid-template-columns: 1fr 1fr; gap: 0 10px; min-height: 28px; line-height: 28px; }
  .bd .headmod, .bd .hdbd5, .bd .footsec { display: none; }
  .chameta3 li { grid-template-columns: 1fr 72px; min-height: 28px; line-height: 28px; }
  .chameta3 li span { display: none; }
  .page li { grid-template-columns: 1fr 72px; min-height: 30px; line-height: 30px; }
  .page .headmod, .page .homeline8 { display: none; }
  .page .hdbd5, .page .navcon { text-align: right; }
  .textgrid h2 { height: 36px; line-height: 36px; font-size: 16px; }
  .cardcell { grid-template-columns: 1fr 1.25fr 1fr; gap: 8px; padding: 10px 8px; }
  .areapanel { grid-template-columns: 1fr 1.25fr 1fr; }
  .titleline { display: block; }
  .catemod { grid-template-columns: 86px 1fr; min-height: 116px; padding: 8px 0; border-bottom: 1px solid #ddd; }
  .boxitem8 img { width: 86px; height: 116px; }
}

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

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

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

  .rank .colunit:last-child {
    border-bottom: 0;
  }

  .rank .menuwrap2,
  .rank .menuwrap2 img {
    width: 82px;
  }

  .rank .menuwrap2 img {
    height: 110px;
    object-fit: cover;
  }

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

  .rank .unit h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    margin: 0 0 4px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #b7d1da;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
  }

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

  .rank .unit h3 span {
    flex: 0 0 auto;
    max-width: 5.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #999;
    font-size: 12px;
    font-weight: normal;
  }

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

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

  .volimg .list,
  .volimg .tag {
    width: 100%;
    margin: 0 0 10px;
    border: 2px solid #8fd1ed;
    box-sizing: border-box;
  }

  .volimg .list h2,
  .volimg .tag h2 {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .volimg .bd 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;
  }

  .volimg .bd .headmod,
  .volimg .bd .listrow,
  .volimg .bd .homeline8 {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
  }

  .volimg .bd .headmod {
    display: none;
  }

  .volimg .bd .hdbd5,
  .volimg .bd .footsec {
    display: none;
  }

  .volimg .chameta3 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;
  }

  .volimg .chameta3 li.side9 {
    grid-template-columns: minmax(0, 1fr);
  }

  .volimg .chameta3 li > span {
    display: none;
  }

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

/* desktop bqg scale restore */
@media (min-width: 1024px) {
  .metacol,
  .arealink6,
  .topcover,
  .wencol {
    width: 1024px;
    max-width: 1024px;
  }

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

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

  .block .menuwrap2,
  .block .menuwrap2 img {
    width: 120px;
  }

  .block .menuwrap2 img {
    height: 160px;
  }

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

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

  .unitarea3 {
    padding: 10px 12px;
  }

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

  .unitarea3 .menuwrap2,
  .unitarea3 .menuwrap2 img {
    width: 92px;
  }

  .unitarea3 .menuwrap2 img {
    height: 124px;
  }

  .rankarea li,
  .chameta3 li,
  .bd li {
    font-size: 14px;
    min-height: 24px;
    line-height: 24px;
  }

  .list h2,
  .tag h2,
  .unitarea3 h2 {
    font-size: 16px;
  }
}

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

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

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

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

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

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

  .storybar .block .colunit:nth-child(n+5) {
    display: none;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 2026-07-12: force desktop nav/header width to 1024px */
@media (min-width: 1024px) {
  .arealink6,
  .topcover,
  .wencol,
  .metacol {
    width: 1024px !important;
    max-width: 1024px !important;
    box-sizing: border-box;
  }

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

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

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

.home a:hover,
.ft a:hover,
.wencol 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) {
  .arealink6,
  .topcover,
  .wencol,
  .metacol,
  .home,
  .ft {
    width: 1024px !important;
    max-width: 1024px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .home,
  .ft {
    overflow: hidden !important;
  }
}

@media (max-width: 1023px) {
  .arealink6,
  .topcover,
  .wencol,
  .metacol,
  .home,
  .ft {
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

  .metacol,
  .topcover,
  .arealink6 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

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

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

/* nav-hover-disabled: 导航条不保留 hover / focus / active 印记 */
.listunit nav a:hover,
.listunit nav a:focus,
.listunit nav a.shuitem,
.listunit nav .shuitem,
.topcover nav a:hover,
.topcover nav a:focus,
.topcover nav a.shuitem,
.topcover nav .shuitem,
.home a:hover,
.home a:focus,
.home a.shuitem,
.home .shuitem,
.ft a:hover,
.ft a:focus,
.ft a.shuitem,
.ft .shuitem {
    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) {
    .arealink6,
    .listunit .topcover,
    .topcover,
    .metacol,
    .bookblock,
    .contmain,
    .bdbar,
    .nav5,
    .home,
    .ft {
        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;
    }

    .story,
    .listunit,
    .bookblock,
    .ft5,
    .arealink6,
    .listunit .topcover,
    .topcover,
    .metacol,
    .nav5,
    .contmain,
    .bdbar,
    .list4,
    .home,
    .ft {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    .arealink6,
    .listunit .topcover,
    .topcover,
    .metacol,
    .contmain,
    .bdbar,
    .bookblock {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

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

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

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

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

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

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

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

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

    .cell9,
    .itemline,
    .covertext,
    .wrapimg,
    .bookcon,
    .textgrid .box,
    .page,
    .box,
    .newgrid,
    .mainname,
    .cellinfo,
    .textmod {
        display: block !important;
        grid-template-columns: none !important;
        columns: auto !important;
        width: 100% !important;
    }

    .wenimg,
    .foot3,
    .box .name7,
    .page .name7,
    .newgrid .name7,
    .mainname .name7,
    .cellinfo .name7,
    .barcell,
    .menu {
        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;
    }

    .wenimg img,
    .foot3 img,
    .boxitem8 img,
    .box .name7 img,
    .page .name7 img,
    .newgrid .name7 img,
    .mainname .name7 img,
    .cellinfo .name7 img,
    .barcell img,
    .menu img {
        width: 88px !important;
        height: 118px !important;
        object-fit: cover !important;
    }

    .modlist,
    .cellimg,
    .unit,
    .newrow4,
    .menu dl,
    .menu .mainbar8 {
        min-width: 0 !important;
    }

    .booklist,
    .gridsec,
    .listsec4,
    .mod {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
    }

    .booklist > *,
    .gridsec > *,
    .listsec4 > *,
    .mod > * {
        width: 100% !important;
        margin-bottom: 10px !important;
        box-sizing: border-box !important;
    }
}

/* 导航条不保留 hover/focus/active 视觉印记 */
.home a:hover,
.home a:focus,
.home a:active,
.home a.shuitem,
.home .shuitem,
.ft a:hover,
.ft a:focus,
.ft a:active,
.ft a.shuitem,
.ft .shuitem,
.listunit nav a:hover,
.listunit nav a:focus,
.listunit nav a:active,
.listunit nav a.shuitem,
.topcover nav a:hover,
.topcover nav a:focus,
.topcover nav a:active,
.topcover nav a.shuitem {
    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) {
  .storybar .unit p,
  .rank .unit p {
    height: 130px;
    line-height: 26px;
  }
}

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

  .topcover {
    height: 68px;
  }

  .home,
  .wencol {
    height: 38px;
  }

  .home a,
  .wencol a {
    line-height: 38px;
  }

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

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

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

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

  .listunit .topcover,
  .topcover {
    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;
  }

  .listunit .headbd,
  .listunit 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;
  }

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

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

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

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

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

  .listunit .navconcol,
  .topcover .navconcol {
    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;
  }

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

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

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

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

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

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

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

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

  .catewrap2 .col {
    display: contents !important;
  }

  .catewrap2 .col 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;
  }

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

  .catewrap2 .panel p {
    height: 25px !important;
    line-height: 25px !important;
  }

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

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

  .catewrap2 .site9.info9 {
    max-height: none !important;
  }

  .catewrap2 .newcell {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
  }

  .update .cellwrap {
    grid-template-columns: 1fr !important;
  }

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

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

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

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

  .bookblock .metacol > .panelunit {
    margin: 0 0 14px !important;
    padding: 14px 10px 16px !important;
    background: #fff !important;
  }

  .bookblock .metacol > .panelunit .descname {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px 14px !important;
  }

  .bookblock .metacol > .panelunit .descname 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) {
  .volimg .bd li {
    height: 35px;
    min-height: 35px;
    line-height: 35px;
  }

  .volimg .chameta3 li,
  .volimg .chameta3 li.side9 {
    height: 30px;
    min-height: 30px;
    line-height: 30px;
  }

  /* 数据不足49条时，左右条数相同，统一使用35px行高。 */
  .volimg.namelink .chameta3 li,
  .volimg.namelink .chameta3 li.side9 {
    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. */
.volimg { align-items: stretch; }
.volimg .list,
.volimg .tag { min-width: 0; }
.volimg .tag { display: flex; flex-direction: column; }
.volimg .tag .chameta3 { flex: 0 0 auto; }
.volimg .topblock8 {
  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;
}
.volimg .topblock8 > a,
.volimg .topblock8 > span,
.volimg .topblock8 > select {
  width: 100%;
  height: 36px;
  min-width: 0;
  margin: 0;
  box-sizing: border-box;
}
.volimg .topblock8 > a,
.volimg .topblock8 > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.volimg .topblock8 > select {
  border: 1px solid #b9d7e3;
  background: #fff;
  padding: 0 10px;
}
.volimg .bookmain3 {
  margin: auto 0 0;
  padding: 12px 10px 10px;
  border-top: 1px solid #cbdde3;
  box-sizing: border-box;
}
.volimg .bookmain3 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) {
  .volimg .topblock8 {
    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) {
  .bookblock.contpanel,
  .bookblock.covercon,
  .bookblock.blockarea3 {
    width: 100% !important;
    max-width: none !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    box-sizing: border-box !important;
  }

  .bookblock.contpanel > .metacol,
  .bookblock.covercon > .metacol,
  .bookblock.blockarea3 > .metacol {
    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;
  }

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

  .bookblock.barcell3 > .metacol {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .bookblock.barcell3 .page7 {
    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;
  }

  .bookblock.barcell3 .menuunit {
    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;
  }

  .bookblock.barcell3 .row,
  .bookblock.barcell3 .num {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}