@charset "utf-8";
.Interaction_tab a, .Interaction_tab a .icon, .Interaction_tab a.fr .icon, .dashang_bar .l_bar .list li, .btn_pc, .btn_flw, .fansBox .fans_bg, .icon_hg { background: url(/images/icon_interation.png) no-repeat }
.InteractionBox { padding: 15px 14px 11px }
.Interaction_tab a { width: 339px; height: 60px; line-height: 60px; font-size: 14px; color: #000 }
/*.Interaction_tab a:hover, .Interaction_tab a.on { background-position: 0 -60px; color: #000 }*/
.Interaction_tab a .icon { width: 38px; height: 60px; float: left; margin: 0 10px 0 64px; background-position: -348px 0 }
.Interaction_tab a.fr .icon { background-position: -348px -60px }
.Interaction_tab h4 { font-size: 17px; margin-right: 8px; display: inline }
.InteractionBox .l_bar, .InteractionBox .r_bar { width: 335px; margin: 0 2px; float: left }
.InteractionBox .r_bar .time { padding-right: 1px }
.InteractionBox .l_bar .tit { padding: 22px 14px 0 4px }
.InteractionBox .l_bar .tit .red, .InteractionBox .r_bar .tit .red { padding: 0 5px }
.InteractionBox .l_bar .tit .fl { font-size: 17px }
.InteractionBox .l_bar .tit .fr { padding-top: 7px }
.dashang_bar .l_bar .list { padding-top: 20px }
.dashang_bar .l_bar .list li { width: 90px; height: 134px; line-height: 1; float: left; margin: 0 20px 0 6px; text-align: center; background-position: 0 -130px }
.dashang_bar .l_bar .list li img { width: 60px; height: 60px; background: #fff; margin: 35px 15px 10px; border-radius: 50%; box-shadow: 0 1px 0 rgba(0,0,0,.3) }
.dashang_bar .l_bar .list li .user_name { line-height: 1!important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; padding: 0 10px }
.dashang_bar .l_bar .list .li_1 { }
.dashang_bar .l_bar .list .li_2 { background-position: -100px -130px }
.dashang_bar .l_bar .list .li_3 { background-position: -200px -130px; margin-right: 0 }
.InteractionBox .r_bar .tit { padding: 14px 1px 12px 1px }
.InteractionBox .r_bar .tit strong { display: block; font-size: 13px }
.InteractionBox .r_bar .list, .InteractionBox .r_bar .sum { margin: 0 1px }
.InteractionBox .r_bar .list li { height: 27px; line-height: 27px; overflow: hidden; border-top: 1px dotted #ccc; color: #999 }
.InteractionBox .r_bar .list li .user_name { margin-right: 8px }
.InteractionBox .r_bar .sum { border-top: 1px dotted #ccc; line-height: 34px }
.btn_pc, .btn_flw { width: 140px; height: 44px; display: inline-block; background-position: 0 -270px }
.btn_flw { width: 122px; background-position: -150px -270px }
.flower_bar .l_bar .list { padding: 0 14px 0 4px }
.flower_bar .l_bar li { padding: 15px 0 6px; overflow: hidden; clear: both }
.flower_bar .l_bar .book_intro { width: 265px }
.flower_bar .l_bar .cover img { width: 45px; height: 56px; background: #f6f6f6; margin: 2px 16px 0 0 }
.flower_bar .l_bar .book_intro .txt { height: 38px; line-height: 18px; padding-top: 2px; color: #999; overflow: hidden; display: block }
.r_fansBrank .book_intro { float: inherit!important }
.user_level1, .user_level2, .user_level3, .user_level4, .user_level5, .user_level6, .user_level7, .user_level8, .user_level9, .user_level10, .user_level11 { width: 30px; height: 16px; line-height: 16px; text-align: center; border-radius: 2px; margin: 11px 0 0; color: #fff }
.user_level1 { background: #d0d0d0 }
.user_level2 { background: #c0c0c0 }
.user_level3 { background: #b4b3b3 }
.user_level4 { background: #a0dfe6 }
.user_level5 { background: #77d2db }
.user_level6 { background: #b4d894 }
.user_level7 { background: #94c766 }
.user_level8 { background: #ffc24c }
.user_level9 { background: #ffa800 }
.user_level10 { background: #ff6e26 }
.user_level11 { background: #ff0000 }
/*固定悬浮图层*/
.readPopup { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; box-shadow: 0 1px 2px #999; overflow: hidden; padding-bottom: 20px; z-index: 9999; position: fixed; left: 50%; top: 50% }
.icon_check { position: absolute; width: 29px; height: 25px; right: -1px; top: -1px; z-index: 2; background: url(/images/icon_readpage.png) no-repeat 0 -142px }
.on .icon_check { display: block }
.closePopup { position: absolute; top: 20px; right: 20px; width: 16px; height: 15px; background: url(/images/icon_readpage.png) no-repeat -43px -126px }
.chapterBox { width: 600px; margin-left: -300px; margin-top: -260px }
.chapterBox .scrollWrap { height: 540px }
/*弹窗内容*/
.popupTit h2 { text-align: center; letter-spacing: 15px; color: #333; font: 700 20px/30px "Microsoft Yahei"; margin: 30px 0 }
.popupTit h3 { font-size: 16px; margin: 15px 20px }
.scrollWrap { overflow-y: scroll; position: relative }
.dirWrap { padding: 0 40px }
.scrollWrap h3 { padding-left: 26px; font-size: 14px; background: #e6e6e6; height: 30px; line-height: 30px; font-weight: normal; position: relative; cursor: pointer; margin: 0 0 15px; border-radius: 3px }
.readPopup .tc .btn_gray { margin-left: 30px }
/*捧场、送鲜花*/
.pcBox, .flowerBox { width: 500px; margin-left: -251px; margin-top: -215px }
.propsList { padding: 15px 0 10px 20px }
.propsList li { float: left; cursor: pointer; margin: 0 8px 16px; text-align: center }
.propWrap { width: 134px; height: 54px; line-height: 54px; text-align: center; font-size: 15px; color: #000; display: block; border: 1px solid #e6e6e6; background: #fafafa; position: relative }
.on .propWrap, .propWrap:hover { width: 132px; height: 52px; line-height: 52px; color: #f70; border: 2px solid #f80; background: #fff }
.propsList li i { display: none; line-height: 1 }
.propsList li .propsBox { padding-top: 20px }
.have_num { padding: 0 30px 10px; font-size: 14px; color: #999 }
.have_num .red { margin: 0 4px }
.popup_text { width: 418px; height: 62px; padding: 8px 10px; margin: 8px 30px 20px; color: #555; border: 1px solid #e6e6e6; }
/*消息提示*/
.newsTipBox { width: 400px; padding-bottom: 30px; margin-left: -200px; margin-top: -105px }
.tipWrap { padding: 30px; font-size: 14px }
/*遮罩层*/
.maskBox { position: fixed; left: 0; top: 0; z-index: 995; width: 100%; height: 100%; background: black; filter: alpha(opacity=30); opacity: 0.3; animation: mask 2s ease-out 0s 1 normal }
@keyframes mask { 0% {
filter:alpha(opacity=0);
opacity:0
}
100% {
filter:alpha(opacity=30);
opacity:0.3
}
}
.fansBox { width: 998px; border: 1px solid #eaeaea }
.fansHead { height: 54px; line-height: 54px; margin: 0 14px; border-bottom: 1px solid #eaeaea; font-weight: normal }
.fansHead h2 { font-size: 20px; font-weight: normal }
.fansCon { padding: 20px }
.fansCon .r_bar { width: 204px }
.fansCon .cover { width: 200px; height: 250px; background: #f6f6f6; border: 1px solid #ebebeb; padding: 1px; }
.fansCon .btn_red { width: 202px; margin: 2px 0 14px; padding: 10px 0 }
.fansCon .l_bar { width: 750px }
.fansCon .l_bar .list1 { padding-top: 4px }
.fansCon .list1 li { width: 33%; line-height: 1; float: left }
.fansCon .list1 .fans_bg { width: 90px; height: 112px; background-position: 0 -320px; position: relative; margin-right: 18px }
.fansCon .list1 .fans_bg img { width: 60px; height: 60px; background: #fff; margin: 39px 15px 0; border-radius: 50%; box-shadow: 0 1px 0 rgba(0,0,0,.3) }
.fansCon .list1 h5 { font-size: 16px; padding: 9px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fansCon .list1 li .user_name { line-height: 1!important }
.fansCon .list1 .li_2 .fans_bg { background-position: -100px -320px }
.fansCon .list1 .li_3 .fans_bg { background-position: -200px -320px }
.fansCon .fans_info { width: 136px; font-size: 14px }
.fansCon .fans_info .fans_pointer { padding: 14px 0 22px }
.fans_level span { padding: 1px 10px 2px }
.icon_hg { width: 30px; height: 30px; display: inline-block; background-position: -300px -320px; position: absolute; top: -13px; right: -13px }
.fansCon .list2 { padding: 0 }
.fansCon .list2 li { width: 250px; float: left; height: 59px; padding: 0 0 19px; display: inline }
.fansCon .list2 .num { font: 16px/59px "microsoft yahei", Arial, "宋体"; width: 32px; color: #666; font-weight: bold }
.fansCon .list2 .img { width: 40px; height: 40px; margin-top: 10px; position: relative }
.fansCon .list2 .img img { width: 100%; height: 100%; border-radius: 50% }
.fansCon .list2 .img span { display: block; margin: 0; position: absolute; left: 5px; bottom: 0 }
.fansCon .list2 .msg { display: inline; width: 164px; padding: 8px 0 0 12px; }
.fansCon .list2 .msg h4 { line-height: 24px; font-weight: normal; font-size: 16px; overflow: hidden; height: 24px; white-space: nowrap; text-overflow: ellipsis; }
.fansCon .list2 .msg p { font-size: 12px; line-height: 16px; color: #999; }
.fansTop { margin-bottom: 8px; border-bottom: 1px solid #eaeaea }
.fans_tab { width: 1005px; overflow: hidden; }
.fans_tab ul { float: left; width: 280px; margin-right: 55px; }
.fans_tab li { line-height: 39px; overflow: hidden; font-size: 14px; height: 39px; border-bottom: 1px solid #ebebeb; }
.fans_tab li .num { float: left; width: 40px; color: #666; }
.fans_tab li a { float: left; overflow: hidden; width: 200px; white-space: nowrap; text-overflow: ellipsis; }
.fans_tab li .fans_level { float: left; font-size: 12px; width: 40px; text-align: right; color: #999; }
.fansRule dl { padding: 20px 20px 30px }
.fansRule dt { line-height: 24px; margin-bottom: 6px; font-size: 16px; }
.fansRule dd { font-size: 12px; line-height: 20px; margin-bottom: 16px; color: #777; }
.fansRule table { width: 100%; border-collapse: collapse; }
.fansRule table th, .fansRule table td { font-weight: 400; min-width: 40px; padding: 12px 0; text-align: left; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.fansRule ol li { list-style-type: decimal; list-style-position: inside; }
.InteractionBox .l_bar, .flower_bar .l_bar { display: none }
.dashang_bar { float: left }
.flower_bar { float: right }
.author_head { text-align: center }
.author_head .head img { width:64px; height:64px; border-radius: 50%; background:#f6f6f6; display: block; margin: 0 auto }
.author_head .msg { margin-top: -4px }
.author_head .msg h4 { font-size:14px; line-height:2.4 }
.icon_qyzz { padding: 5px; line-height:1; background:#f70; color:#fff; border-radius:3px; display:inline-block }
.author_intro, .author_book { border-top:1px dotted #e0e0e0 }
.author_intro h4,.author_book h4 { font-weight: normal; font-size: 12px; padding:10px 0 5px }
.author_intro .intro_txt, .author_book .book_txt { line-height:1.8; padding-bottom:10px }
.author_book .rightList ul { padding:0 }


.tj_bar .cover { float: left; display: block; margin-right: 10px }
.tj_bar .cover img { width: 64px; height: auto; background: #f6f6f6 }
.tj_bar .book_intro { padding: 15px 0; clear: both; word-break: break-all; zoom: 1; overflow: hidden }
.tj_bar .dec { width: 136px; float: right }
.tj_bar .book_intro .book_name { display: block; font-size: 14px; line-height: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.tj_bar .book_intro .txt { height: 54px; line-height: 1.5; color: #808080; overflow: hidden; display: block; margin-top: 10px; }
.tj_bar li { border-bottom: 1px solid #eee }
.tj_bar li:last-child { border: none }
.tj_bar li:last-child .book_intro { padding: 15px 0 2px }

.friend_link { display: none }
.footer { background: #fff; padding: 16px 0 20px }

/* 详情页基础信息行：避免新增字段后因 inline-block 空白导致换行错位 */
@media (min-width: 769px) {
    .book-detail-page .book_info .list li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        column-gap: 28px;
        row-gap: 4px;
    }

    .book-detail-page .book_info .list li .item {
        width: auto;
        flex: 0 0 auto;
        white-space: nowrap;
    }

}

.book-detail-page .book_info .list li .item em {
    font-style: normal;
    font-weight: 400;
    color: inherit;
}

/* 详情简介展开/收起：仅作用于作品简介，避免影响作者简介区域 */
.book-detail-page .book_info .intro_txt {
    height: auto;
    min-height: 0;
    max-height: 96px;
    overflow: hidden;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 12px;
    transition: max-height .2s ease;
}

.book-detail-page .book_info .intro_txt.is-expanded {
    max-height: 2400px;
}

.book-detail-page .book_info .intro_txt:not(.is-collapsible) .icon_show,
.book-detail-page .book_info .intro_txt:not(.is-collapsible) .icon_hide {
    display: none !important;
}

.book-detail-page .book_info .intro_txt.is-collapsible .icon_show,
.book-detail-page .book_info .intro_txt.is-collapsible .icon_hide {
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.94) 24px);
    padding-left: 14px;
}

/* 继续阅读按钮：两行展示章节提示，但保持按钮外框尺寸不变 */
.book-detail-page #readBtn.read-btn-stacked {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 37px;
    line-height: 1;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
}

.book-detail-page #readBtn.read-btn-stacked .read-btn-main {
    display: block;
    line-height: 1;
    font-size: inherit;
    font-weight: 600;
}

.book-detail-page #readBtn.read-btn-stacked .read-btn-sub {
    display: block;
    margin-top: 2px;
    max-width: 100%;
    line-height: 1;
    font-size: 11px;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: .92;
}

/* 详情页操作按钮：桌面端使用 flex 对齐，避免“继续阅读”两行文案触发 inline 基线抬升 */
@media (min-width: 769px) {
    .book-detail-page #optBtn {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0;
        line-height: 1;
    }

    .book-detail-page #optBtn > a,
    .book-detail-page #optBtn > span {
        margin-right: 24px;
    }

    .book-detail-page #optBtn > a:last-child,
    .book-detail-page #optBtn > span:last-child {
        margin-right: 0;
    }

    .book-detail-page #optBtn > a,
    .book-detail-page #optBtn > span > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: top;
    }
}

/* 书籍详情页两栏布局收敛：避免右侧栏被主内容挤压成残缺卡片 */
.book-detail-page .channelBookContent {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.book-detail-page .channelBookContent:before,
.book-detail-page .channelBookContent:after {
    content: none;
    display: none;
}

.book-detail-page .channelBookContent .wrap_left {
    float: none;
    width: auto;
    flex: 1 1 0;
    min-width: 0;
}

.book-detail-page .channelBookContent .wrap_right {
    float: none;
    width: 250px;
    flex: 0 0 250px;
}

.book-detail-page .bookCover .book_cover {
    position: relative;
}

.book-detail-page .bookCover .book_cover .book-cat-badge {
    position: absolute;
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    padding: 4px 10px;
}

/* 最新章节：章节名 + 正文预览同一行，不换行，超出省略 */
.book-detail-page .bookChapter .list li.latest-main-row {
    display: flex;
    align-items: center;
    gap: 12px;
    overflow: hidden;
    line-height: 1.4;
    margin: 0 0 8px;
    padding: 10px 12px;
    border: 1px solid #e6eaf0;
    border-radius: 8px;
    background: #fafbfc;
}

.book-detail-page .bookChapter .list li.latest-main-row .font16 {
    float: none;
    display: block;
    flex: 0 0 auto;
    max-width: 46%;
    min-width: 0;
    line-height: 1.4;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.book-detail-page .bookChapter .list li.latest-main-row .font16 a {
    display: block;
    font-size: 15px;
    color: #1f2d3d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.book-detail-page #lastBookContent {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: #73808b;
    line-height: 1.45;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.book-detail-page #latestIndexList {
    margin-top: 8px;
    line-height: 1.72;
    overflow: visible;
    word-break: break-word;
}

.book-detail-page #latestIndexList a {
    white-space: normal;
}

.book-detail-page #latestIndexList .latest-inline-links {
    margin: 0;
    padding: 0;
}

.book-detail-page #latestIndexList .latest-inline-links li {
    float: none;
    width: auto;
    height: auto;
    line-height: 1.4;
    margin: 0 0 8px;
    padding: 0;
    border: 0;
}

.book-detail-page #latestIndexList .latest-index-link {
    float: none;
    display: block;
    padding: 10px 12px;
    border: 1px solid #e6eaf0;
    border-radius: 8px;
    background: #fafbfc;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #1f2d3d;
}

.book-detail-page #latestIndexList .latest-inline-more {
    display: inline-block;
    margin-top: 2px;
    color: #3eaf7c;
    white-space: nowrap;
}

.book-detail-page #latestIndexList .latest-inline-more-wrap {
    text-align: right;
}

.book-detail-page #latestIndexList .latest-index-link:hover,
.book-detail-page #latestIndexList .latest-inline-more:hover {
    color: #2f9468;
}

.book-comment-page .comment-book-summary {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
    padding: 12px;
    border: 1px solid #e8efec;
    border-radius: 10px;
    background: #fbfdfc;
}
.book-comment-page .comment-book-summary .summary-cover-link {
    width: 86px;
    flex: 0 0 86px;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
}
.book-comment-page .comment-book-summary .summary-cover-link img {
    width: 100%;
    height: auto;
    display: block;
    background: #f3f3f3;
}
.book-comment-page .comment-book-summary .summary-main {
    flex: 1;
    min-width: 0;
}
.book-comment-page .comment-book-summary .summary-book-name {
    margin: 0 0 6px;
    line-height: 1.35;
    font-size: 22px;
    font-weight: 600;
}
.book-comment-page .comment-book-summary .summary-book-name a {
    color: #1f2f2a;
}
.book-comment-page .comment-book-summary .summary-meta {
    margin: 0 0 8px;
    color: #6f7e76;
    font-size: 13px;
    line-height: 1.6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 12px;
    row-gap: 2px;
}
.book-comment-page .comment-book-summary .summary-meta span {
    margin-right: 0;
    display: inline-flex;
    align-items: center;
}
.book-comment-page .comment-book-summary .summary-desc {
    margin: 0;
    color: #30413b;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.book-comment-page .comment-book-summary .summary-actions {
    margin-top: 10px;
    line-height: 1.3;
}
.book-comment-page .comment-book-summary .summary-actions a {
    display: inline-block;
    margin-right: 14px;
    color: #3eaf7c;
}
.book-comment-page .comment-book-summary .summary-actions a:hover {
    color: #2f9468;
}

.book-detail-page .bookComment #commentPanel .comment_list.comment-card {
    border: 1px solid #dde8e2;
    border-radius: 10px;
    background: #fff;
    padding: 12px 14px;
    margin: 0 0 10px;
}
.book-detail-page .bookComment #commentPanel .comment_list.comment-card:last-child {
    margin-bottom: 0;
}
.book-detail-page .bookComment #commentPanel .comment-main {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.book-detail-page .bookComment #commentPanel .user_heads {
    margin-right: 0;
    flex: 0 0 auto;
}
.book-detail-page .bookComment #commentPanel .user_head {
    width: 44px;
    height: 44px;
    border-radius: 50%;
}
.book-detail-page .bookComment #commentPanel .comment-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.book-detail-page .bookComment #commentPanel .comment-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.book-detail-page .bookComment #commentPanel .user-name {
    flex: 1;
    min-width: 0;
    color: #1f2f2a;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}
.book-detail-page .bookComment #commentPanel .time {
    color: #93a096;
    font-size: 12px;
    line-height: 1.5;
    white-space: nowrap;
}
.book-detail-page .bookComment #commentPanel .comment-summary {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}
.book-detail-page .bookComment #commentPanel .dec {
    flex: 1;
    min-width: 0;
    color: #24332f;
    line-height: 1.45;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.book-detail-page .bookComment #commentPanel .dec.is-expanded {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    word-break: break-word;
}
.book-detail-page .bookComment #commentPanel .comment-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 0;
    line-height: 1.2;
    white-space: nowrap;
    flex: 0 0 auto;
}
.book-detail-page .bookComment #commentPanel .comment-actions a {
    color: #61716a;
    font-size: 14px;
}
.book-detail-page .bookComment #commentPanel .comment-actions a:hover {
    color: #3eaf7c;
}
.bookComment #commentPanel a.action-like,
.bookComment #commentPanel a.action-unlike {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    line-height: 1;
    vertical-align: middle;
}
.bookComment #commentPanel .comment-reply-action {
    margin-left: 10px;
}
.bookComment #commentPanel .comment-action-icon {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.1;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: fill .16s ease, stroke .16s ease, transform .16s ease;
}
.bookComment #commentPanel .comment-action-heart {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
    stroke-width: 2.1;
}
.bookComment #commentPanel .comment-action-face-circle,
.bookComment #commentPanel .comment-action-face-feature {
    transition: fill .16s ease, stroke .16s ease;
}
.bookComment #commentPanel .comment-action-face-sad {
    display: none;
}
.bookComment #commentPanel a.action-like .num,
.bookComment #commentPanel a.action-unlike .num {
    margin: 0;
    font-size: 13px;
    font-style: normal;
    font-variant-numeric: tabular-nums;
}
.bookComment #commentPanel a.action-like .num.is-zero,
.bookComment #commentPanel a.action-unlike .num.is-zero {
    display: none;
}
.bookComment #commentPanel a.action-like.is-active {
    color: #ef4056;
}
.bookComment #commentPanel a.action-like.is-active .comment-action-heart {
    fill: #ef4056;
    stroke: #ef4056;
}
.bookComment #commentPanel a.action-unlike.is-active {
    color: #a76128;
}
.bookComment #commentPanel a.action-unlike.is-active .comment-action-face-circle {
    fill: #ee9145;
    stroke: #ee9145;
}
.bookComment #commentPanel a.action-unlike.is-active .comment-action-face-feature {
    stroke: #5b3926;
}
.bookComment #commentPanel a.action-unlike.is-active .comment-action-face-neutral {
    display: none;
}
.bookComment #commentPanel a.action-unlike.is-active .comment-action-face-sad {
    display: block;
}
body.site-dark.book-detail-page .bookComment #commentPanel .comment_list.comment-card {
    background: #111821 !important;
    border-color: #2b3845 !important;
}
body.site-dark.book-detail-page .bookComment #commentPanel .user-name {
    color: #e4edf6;
}
body.site-dark.book-detail-page .bookComment #commentPanel .time {
    color: #95a3b4;
}
body.site-dark.book-detail-page .bookComment #commentPanel .dec {
    color: #d5dde7;
}
body.site-dark.book-detail-page .bookComment #commentPanel .comment-actions a {
    color: #9fb0c2;
}
body.site-dark.book-detail-page .bookComment #commentPanel .comment-actions a:hover {
    color: #7dd7ad;
}
body.site-dark.book-detail-page .bookComment #commentPanel a.action-like.is-active {
    color: #ff5a6f;
}
body.site-dark.book-detail-page .bookComment #commentPanel a.action-unlike.is-active {
    color: #d89151;
}
body.site-dark.book-detail-page #latestIndexList .latest-inline-links,
body.site-dark.book-detail-page #latestIndexList .latest-index-link {
    color: #d5dde7;
}
body.site-dark.book-detail-page #latestIndexList .latest-index-link {
    border-color: #2b3845;
    background: #111821;
}
body.site-dark.book-detail-page .bookChapter .list li.latest-main-row {
    border-color: #2b3845;
    background: #111821;
}
body.site-dark.book-detail-page .bookChapter .list li.latest-main-row .font16 a {
    color: #d5dde7;
}
body.site-dark.book-detail-page #lastBookContent {
    color: #9fb0c2;
}
body.site-dark.book-detail-page #latestIndexList .latest-index-link:hover,
body.site-dark.book-detail-page #latestIndexList .latest-inline-more {
    color: #7dd7ad;
}
body.site-dark.book-detail-page .book_info .intro_txt.is-collapsible .icon_show,
body.site-dark.book-detail-page .book_info .intro_txt.is-collapsible .icon_hide {
    background: linear-gradient(90deg, rgba(18,24,31,0), rgba(18,24,31,.94) 24px);
}
body.site-dark.book-comment-page .comment-book-summary {
    background: #111821 !important;
    border-color: #2b3845 !important;
}
body.site-dark.book-comment-page .comment-book-summary .summary-book-name a {
    color: #e4edf6;
}
body.site-dark.book-comment-page .comment-book-summary .summary-meta {
    color: #9daaba;
}
body.site-dark.book-comment-page .comment-book-summary .summary-desc {
    color: #cfdae6;
}
body.site-dark.book-comment-page .comment-book-summary .summary-actions a {
    color: #7dd7ad;
}

@media (max-width: 768px) {
    .book-detail-page .bookCover {
        display: block;
    }

    .book-detail-page .bookCover .book_cover {
        float: right;
        margin: 0 0 10px 10px;
    }

    .book-detail-page .book_info {
        display: block;
        overflow: visible;
    }

    .book-detail-page .book_info .intro_txt {
        max-height: 132px;
        margin-bottom: 8px;
        padding-bottom: 22px;
    }

    .book-detail-page #readBtn.read-btn-stacked {
        height: 32px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .book-detail-page #readBtn.read-btn-stacked .read-btn-main {
        font-size: 14px;
    }

    .book-detail-page #readBtn.read-btn-stacked .read-btn-sub {
        margin-top: 1px;
        font-size: 9px;
    }

    .book-detail-page .channelBookContent {
        display: block;
    }

    .book-detail-page .channelBookContent .wrap_left,
    .book-detail-page .channelBookContent .wrap_right {
        width: 100%;
        flex: none;
    }

    .book-detail-page .bookChapter .list li.latest-main-row {
        gap: 8px;
        padding: 8px 10px;
    }

    .book-detail-page .bookChapter .list li.latest-main-row .font16 {
        max-width: 45%;
    }

    .book-detail-page .bookCover .book_cover .book-cat-badge {
        left: 6px;
        bottom: 6px;
        max-width: calc(100% - 12px);
        padding: 3px 8px;
        font-size: 11px;
    }

    .book-detail-page #latestIndexList .latest-inline-links li {
        margin-bottom: 6px;
    }

    .book-detail-page #latestIndexList .latest-index-link,
    .book-detail-page #latestIndexList .latest-inline-more {
        white-space: normal;
    }

    .InteractionBox {
        padding: 12px;
    }

    .Interaction_tab a {
        width: 100%;
        box-sizing: border-box;
    }

    .Interaction_tab a .icon {
        margin-left: 10px;
    }

    .InteractionBox .l_bar,
    .InteractionBox .r_bar {
        width: 100%;
        float: none;
        margin: 0;
    }

    .dashang_bar,
    .flower_bar {
        float: none;
    }

    .dashang_bar .l_bar .list li {
        margin: 0 10px 10px 0;
    }

    .flower_bar .l_bar .book_intro {
        width: calc(100% - 64px);
    }

    .chapterBox,
    .pcBox,
    .flowerBox,
    .newsTipBox {
        width: auto;
        left: 12px;
        right: 12px;
        margin-left: 0;
    }

    .popup_text {
        width: calc(100% - 44px);
        margin: 8px 20px 16px;
        box-sizing: border-box;
    }

    .propsList {
        padding: 12px 8px 6px;
    }

    .propsList li {
        margin: 0 6px 12px;
    }

    .propWrap,
    .on .propWrap,
    .propWrap:hover {
        width: 120px;
    }

    .on .propWrap,
    .propWrap:hover {
        height: 52px;
        line-height: 52px;
    }

    .fansBox {
        width: auto;
        border: none;
    }

    .fansCon {
        padding: 12px;
    }

    .fansCon .l_bar,
    .fansCon .r_bar {
        width: 100%;
        float: none;
    }

    .fansCon .cover {
        width: 140px;
        height: 175px;
        margin: 0 auto;
    }

    .fansCon .btn_red {
        width: 100%;
        box-sizing: border-box;
    }

    .fansCon .list1 li {
        width: 100%;
        float: none;
        margin-bottom: 8px;
    }

    .fansCon .list2 li {
        width: 100%;
        float: none;
        height: auto;
        padding: 0 0 12px;
    }

    .fans_tab {
        width: 100%;
    }

    .fans_tab ul {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .fans_tab li a {
        width: calc(100% - 88px);
    }

    .book-detail-page .bookComment #commentPanel .comment_list.comment-card {
        padding: 10px 12px;
        border-radius: 10px;
    }

    .book-detail-page .bookComment #commentPanel .comment-main {
        gap: 10px;
    }

    .book-detail-page .bookComment #commentPanel .user_head {
        width: 40px;
        height: 40px;
    }

    .book-detail-page .bookComment #commentPanel .user-name {
        font-size: 14px;
    }

    .book-detail-page .bookComment #commentPanel .time {
        font-size: 11px;
    }

    .book-comment-page .comment-book-summary {
        gap: 10px;
        padding: 10px;
        margin-bottom: 12px;
    }

    .book-comment-page .comment-book-summary .summary-cover-link {
        width: 70px;
        flex-basis: 70px;
    }

    .book-comment-page .comment-book-summary .summary-book-name {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .book-comment-page .comment-book-summary .summary-meta {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .book-comment-page .comment-book-summary .summary-meta span {
        margin-right: 8px;
    }

    .book-comment-page .comment-book-summary .summary-desc {
        font-size: 13px;
        line-height: 1.6;
    }

    .book-comment-page .comment-book-summary .summary-actions {
        margin-top: 8px;
    }
}

/* 作品目录页：目录页样式集中在 CSS 文件，避免模板内联覆盖全站容器对齐 */
.book-index-page .bookCover .book_cover {
    position: relative;
}

.book-index-page .bookCover .book_cover .book-cat-badge {
    position: absolute;
}

@media (max-width: 768px) {
    body.book-index-page {
        background: #f3f4f6;
    }

    .book-index-page .main.box_center {
        padding: 8px 0 10px;
        overflow: visible;
    }

    .book-index-page .nav_sub {
        margin: 0 0 10px;
        padding: 0;
        line-height: 1.65;
        font-size: 12px;
        color: #7a8593;
        word-break: break-word;
    }

    .book-index-page .channelWrap.channelChapterlist {
        min-height: 0;
        margin-bottom: 14px;
        border: 1px solid #e8eaef;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 1px 3px rgba(31, 45, 61, 0.04);
        padding: 12px;
    }

    .book-index-page .bookMain {
        width: 100%;
    }

    .book-index-page .bookCover {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 8px;
    }

    .book-index-page .bookCover .book_cover {
        float: none;
        width: 86px;
        flex: 0 0 86px;
        margin: 0;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0 2px 6px rgba(31, 45, 61, 0.16);
    }

    .book-index-page .bookCover .book_cover .cover {
        width: 100%;
        height: auto;
        display: block;
        background: #f3f5f7;
    }

    .book-index-page .bookCover .book_cover #bookCoverLink {
        display: block;
    }

    .book-index-page .bookCover .book_cover .book-cat-badge {
        position: absolute;
        left: 6px;
        bottom: 6px;
        max-width: calc(100% - 12px);
    }

    .book-index-page .book_info1 {
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
        padding: 0;
    }

    .book-index-page .book_info1 .tit {
        padding: 0 0 8px;
    }

    .book-index-page .book_info1 h1 {
        display: block;
        margin: 0;
        font-size: 22px;
        line-height: 1.35;
        color: #1f2d3d;
        font-weight: 700;
    }

    .book-index-page .book_info1 .list {
        padding: 0;
    }

    .book-index-page .book_info1 .list li {
        line-height: 1.7;
        font-size: 13px;
        color: #667284;
    }

    .book-index-page .book_info1 .list li span {
        margin: 0 10px 4px 0;
        display: inline-block;
        white-space: nowrap;
    }

    .book-index-page .book_info1 .list li a,
    .book-index-page .book_info1 .list li em {
        color: #1f2d3d;
        font-style: normal;
    }

    .book-index-page .dirWrap {
        margin-top: 8px;
        padding: 0;
    }

    .book-index-page .dirWrap h3 {
        margin: 0 0 10px;
        padding: 0 12px;
        height: 36px;
        line-height: 36px;
        font-size: 17px;
        color: #1f2d3d;
        background: #f3f5f7;
        border-radius: 8px;
        font-weight: 600;
    }

    .book-index-page .dirList {
        padding-bottom: 0;
    }

    .book-index-page .dirList ul {
        margin: 0;
    }

    .book-index-page .dirList li {
        float: none;
        width: auto;
        height: auto;
        line-height: 1.4;
        margin: 0 0 8px;
        padding: 0;
        border: 0;
    }

    .book-index-page .dirList li a {
        float: none;
        display: block;
        padding: 10px 12px;
        border: 1px solid #e6eaf0;
        border-radius: 8px;
        background: #fafbfc;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        color: #1f2d3d;
        box-sizing: border-box;
    }

    .book-index-page .dirList li a:hover {
        border-color: #3eaf7c;
        color: #2f9468;
        background: #f8fcfa;
    }
    .book-index-page .dirList li.currentReadIndex a {
        border-color: #3eaf7c;
        color: #257f57;
        background: #eef9f3;
        box-shadow: 0 0 0 2px rgba(62, 175, 124, .12);
    }

    .book-index-page .dirList li a i.red {
        padding-left: 6px;
        color: #3eaf7c;
        font-style: normal;
    }
}

@media (max-width: 420px) {
    .book-index-page .book_info1 h1 {
        font-size: 21px;
    }

    .book-index-page .book_info1 .list li span {
        margin-right: 8px;
    }
}

@media (min-width: 769px) {
    .book-index-page .bookCover {
        display: flex;
        align-items: flex-start;
        gap: 18px;
    }

    .book-index-page .bookCover .book_cover {
        float: none;
        width: 146px;
        flex: 0 0 146px;
        margin-right: 0;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 6px 18px rgba(31, 45, 61, 0.16);
    }

    .book-index-page .bookCover .book_cover .cover {
        width: 100%;
        height: auto;
        display: block;
        background: #f3f5f7;
    }

    .book-index-page .bookCover .book_cover #bookCoverLink {
        display: block;
    }

    .book-index-page .bookCover .book_cover .book-cat-badge {
        left: 8px;
        bottom: 8px;
        max-width: calc(100% - 16px);
    }

    .book-index-page .book_info1 {
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
        padding: 2px 0 0;
    }

    .book-index-page .book_info1 .tit {
        padding: 0 0 10px;
    }

    .book-index-page .book_info1 .list li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 22px;
    }

    .book-index-page .book_info1 .list li span {
        margin: 0;
        white-space: nowrap;
    }

    .book-index-page .dirWrap {
        margin-top: 8px;
        padding: 0;
    }

    .book-index-page .dirList {
        padding-bottom: 12px;
    }

    .book-index-page .dirList ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px;
    }

    .book-index-page .dirList li {
        float: none;
        width: 33.3333%;
        padding: 0 8px;
        margin: 0 0 10px;
        height: auto;
        line-height: 1.4;
        border: 0;
        box-sizing: border-box;
    }

    .book-index-page .dirList li a {
        float: none;
        display: block;
        padding: 10px 12px;
        border: 1px solid #e6eaf0;
        border-radius: 8px;
        background: #fafbfc;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 15px;
        color: #1f2d3d;
        box-sizing: border-box;
    }

.book-index-page .dirList li a:hover {
    border-color: #3eaf7c;
    color: #2f9468;
    background: #f8fcfa;
}
.book-index-page .dirList li.currentReadIndex a {
    border-color: #3eaf7c;
    color: #257f57;
    background: #eef9f3;
    box-shadow: 0 0 0 2px rgba(62, 175, 124, .12);
}

    .book-index-page .dirList li a i.red {
        padding-left: 6px;
        color: #3eaf7c;
        font-style: normal;
    }
}

.book-index-page .dirHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.book-index-page .dirHead h3 {
    margin: 0;
    flex: 1;
}

.book-index-page .indexSort {
    flex-shrink: 0;
}

.book-index-page .indexSort .indexSortBtn {
    display: inline-block;
    min-width: 74px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #d7dce5;
    background: #fff;
    color: #556173;
    font-size: 13px;
    box-sizing: border-box;
}

.book-index-page .indexSort .indexSortBtn:hover {
    color: #3eaf7c;
    border-color: #3eaf7c;
}

.book-index-page .indexPager {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #e3e8ef;
    border-radius: 12px;
    background: linear-gradient(180deg, #fbfcfe 0%, #f7f9fc 100%);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px 12px;
}

.book-index-page .indexPager .indexPagerMain {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    min-width: 0;
}

.book-index-page .indexPager .pgBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 74px;
    height: 34px;
    line-height: 1;
    padding: 0 14px;
    text-align: center;
    border: 1px solid #d7dce5;
    border-radius: 8px;
    background: #fff;
    color: #3d4a5e;
    font-size: 13px;
    font-weight: 500;
    box-sizing: border-box;
}

.book-index-page .indexPager .pgBtn:hover {
    border-color: #3eaf7c;
    color: #2b9566;
    background: #f5fbf8;
}

.book-index-page .indexPager .pgBtn.disabled {
    color: #a9b3c0;
    border-color: #e4e8ee;
    background: #f7f8fa;
    pointer-events: none;
}

.book-index-page .indexPager .indexPagerTools {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 12px;
    margin-left: 0;
}

.book-index-page .indexPager .pgProgress {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #d7dce5;
    border-radius: 8px;
    background: #fff;
    color: #6c7789;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

.book-index-page .indexPager .pgTool {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #6c7789;
    font-size: 13px;
    line-height: 1;
    white-space: nowrap;
}

.book-index-page .indexPager .pgPageSelect {
    min-width: 68px;
    height: 28px;
    border: 1px solid #d7dce5;
    border-radius: 6px;
    background: #fff;
    color: #3d4a5e;
    font-size: 13px;
    font-weight: 600;
    box-sizing: border-box;
    padding: 0 8px;
    cursor: pointer;
}

.book-index-page .indexPager .pgSizeSelect {
    height: 32px;
    border: 1px solid #d7dce5;
    border-radius: 7px;
    background: #fff;
    color: #3d4a5e;
    font-size: 13px;
    box-sizing: border-box;
    padding: 0 8px;
}

.book-index-page .indexPager .pgSizeSelect {
    min-width: 76px;
    cursor: pointer;
}

.book-index-page .indexPager .pgInfo {
    color: #6c7789;
    font-size: 13px;
    white-space: nowrap;
    font-weight: 500;
}

@media (max-width: 768px) {
    .book-index-page .dirHead {
        margin-bottom: 10px;
    }

    .book-index-page .dirHead h3 {
        margin: 0;
    }

    .book-index-page .indexSort .indexSortBtn {
        min-width: 66px;
        height: 28px;
        line-height: 28px;
        border-radius: 5px;
        font-size: 12px;
    }

    .book-index-page .indexPager {
        margin-top: 10px;
        padding: 8px 10px;
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .book-index-page .indexPager .indexPagerMain,
    .book-index-page .indexPager .indexPagerTools {
        width: 100%;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .book-index-page .indexPager .pgBtn,
    .book-index-page .indexPager .pgPageSelect {
        min-width: 62px;
        height: 30px;
        padding: 0 8px;
        border-radius: 5px;
        font-size: 12px;
    }

    .book-index-page .indexPager .pgPageSelect {
        min-width: 58px;
        height: 24px;
        font-size: 12px;
        font-weight: 600;
        border-radius: 5px;
    }

    .book-index-page .indexPager .pgProgress {
        height: 30px;
        padding: 0 8px;
    }

    .book-index-page .indexPager .pgProgress,
    .book-index-page .indexPager .pgTool {
        font-size: 12px;
    }

    .book-index-page .indexPager .pgSizeSelect {
        height: 26px;
        font-size: 12px;
        border-radius: 5px;
        padding: 0 6px;
    }

    .book-index-page .indexPager .pgSizeSelect {
        min-width: 68px;
    }

    .book-index-page .indexPager .pgInfo {
        font-size: 12px;
    }
}

body.site-dark.book-index-page {
    background: #11161c;
    color: #d1d9e4;
}

body.site-dark.book-index-page .nav_sub {
    color: #8ea0b4;
}

body.site-dark.book-index-page .nav_sub a {
    color: #a8bbce;
}

body.site-dark.book-index-page .channelWrap.channelChapterlist {
    background: #17202a;
    border-color: #2c3948;
    box-shadow: none;
}

body.site-dark.book-index-page .bookCover .book_cover {
    box-shadow: 0 0 0 1px #2e3c4b, 0 6px 16px rgba(0, 0, 0, 0.35);
}

body.site-dark.book-index-page .book_info1 h1 {
    color: #e7eef8;
}

body.site-dark.book-index-page .book_info1 .list li {
    color: #93a6ba;
}

body.site-dark.book-index-page .book_info1 .list li a,
body.site-dark.book-index-page .book_info1 .list li em {
    color: #d2deea;
}

body.site-dark.book-index-page .dirWrap h3 {
    background: #22303e;
    color: #dce7f3;
}

body.site-dark.book-index-page .dirList li a {
    background: #1a2530;
    border-color: #304153;
    color: #d3deea;
}

body.site-dark.book-index-page .dirList li a:hover {
    background: #1f2c39;
    border-color: #52bb8a;
    color: #ecf7f0;
}
body.site-dark.book-index-page .dirList li.currentReadIndex a {
    background: #1f2f38;
    border-color: #58c694;
    color: #e7fff4;
    box-shadow: 0 0 0 2px rgba(88, 198, 148, .18);
}

body.site-dark.book-index-page .dirList li a i.red {
    color: #69dba6;
}

body.site-dark.book-index-page .indexSort .indexSortBtn,
body.site-dark.book-index-page .indexPager .pgBtn,
body.site-dark.book-index-page .indexPager .pgPageSelect,
body.site-dark.book-index-page .indexPager .pgProgress,
body.site-dark.book-index-page .indexPager .pgSizeSelect {
    background: #1a2530;
    border-color: #334456;
    color: #d3dfec;
}

body.site-dark.book-index-page .indexSort .indexSortBtn:hover,
body.site-dark.book-index-page .indexPager .pgBtn:hover,
body.site-dark.book-index-page .indexPager .pgPageSelect:hover,
body.site-dark.book-index-page .indexPager .pgSizeSelect:hover {
    border-color: #52bb8a;
    color: #78e2af;
}

body.site-dark.book-index-page .indexPager {
    border-color: #304151;
    background: linear-gradient(180deg, #141d27 0%, #111922 100%);
}

body.site-dark.book-index-page .indexPager .pgBtn.disabled {
    background: #121922;
    border-color: #283543;
    color: #6f8092;
}

body.site-dark.book-index-page .indexPager .pgProgress,
body.site-dark.book-index-page .indexPager .pgTool,
body.site-dark.book-index-page .indexPager .pgInfo {
    color: #90a2b5;
}

body.site-dark.book-index-page .indexPager .pgPageSelect option,
body.site-dark.book-index-page .indexPager .pgSizeSelect option {
    color: #d3dfec;
    background: #1a2530;
}

/* 排行榜：卡片式书单布局 */
.book-ranking-page .channelRankingContent,
.book-ranking-page .channelRankingContent .wrap_left {
    width: 100%;
    float: none;
}

.book-ranking-page .channelRankingContent .wrap_bg {
    box-sizing: border-box;
    padding: 0;
}

.book-ranking-page .channelRankingContent .wrap_bg .pad20 {
    padding: 28px 30px 34px;
}

.book-ranking-page .book_tit {
    margin: 0 0 30px;
    padding: 0;
    overflow: visible;
}

.book-ranking-page .rank_filter_bar {
    float: none;
}

.book-ranking-page .rankCardGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 36px;
}

.book-ranking-page .rankCard {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    align-items: start;
    min-height: 128px;
    max-height: 128px;
    overflow: hidden;
}

.book-ranking-page .rankCardCover {
    display: block;
    position: relative;
    width: 96px;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 7px;
    background: #edf1f4;
    box-shadow: 0 14px 30px rgba(35, 45, 58, .14);
}

.book-ranking-page .rankCardCoverLink,
.book-ranking-page .rankCardCover img {
    display: block;
    width: 100%;
    height: 100%;
}

.book-ranking-page .rankCardCover img {
    object-fit: cover;
}

.book-ranking-page .rankCoverCat {
    position: absolute;
    left: 6px;
    bottom: 6px;
    max-width: calc(100% - 12px);
}

.book-ranking-page .rankCardBody {
    display: flex;
    flex-direction: column;
    height: 128px;
    min-width: 0;
    padding-top: 0;
    overflow: hidden;
}

.book-ranking-page .rankCardTitle {
    flex: 0 0 auto;
    margin: 0 0 5px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
}

.book-ranking-page .rankCardTitle a {
    display: block;
    overflow: hidden;
    color: #252c35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.book-ranking-page .rankCardTitle a:hover {
    color: #3eaf7c;
}

.book-ranking-page .rankCardAuthor,
.book-ranking-page .rankCardMeta,
.book-ranking-page .rankCardDesc,
.book-ranking-page .rankCardTime {
    margin: 0;
    color: #8f98a3;
    font-size: 12px;
    line-height: 17px;
}

.book-ranking-page .rankCardAuthor,
.book-ranking-page .rankCardMeta {
    flex: 0 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.book-ranking-page .rankCardAuthor {
    margin-bottom: 1px;
}

.book-ranking-page .rankCardAuthor a {
    color: inherit;
}

.book-ranking-page .rankCardAuthor a:hover {
    color: #3eaf7c;
}

.book-ranking-page .rankCardMeta {
    margin-bottom: 2px;
}

.book-ranking-page .rankCardDesc {
    display: -webkit-box;
    flex: 0 1 auto;
    min-height: 0;
    max-height: 34px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.book-ranking-page .rankCardTime {
    flex: 0 0 auto;
    margin-top: auto;
}

.book-ranking-page .rankCardTime.is-today {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(62, 175, 124, .12);
    color: #2f9368;
    font-weight: 600;
    line-height: 18px;
}

.book-ranking-page .rankCardEmpty {
    grid-column: 1 / -1;
    padding: 44px 0;
    color: #8f98a3;
    font-size: 16px;
    text-align: center;
}

html.site-dark body.book-ranking-page .rankCardCover,
body.site-dark.book-ranking-page .rankCardCover {
    background: #111922;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

html.site-dark body.book-ranking-page .rankCardTitle a,
body.site-dark.book-ranking-page .rankCardTitle a {
    color: #e7eef8;
}

html.site-dark body.book-ranking-page .rankCardTitle a:hover,
body.site-dark.book-ranking-page .rankCardTitle a:hover,
html.site-dark body.book-ranking-page .rankCardAuthor a:hover,
body.site-dark.book-ranking-page .rankCardAuthor a:hover {
    color: #78e2af;
}

html.site-dark body.book-ranking-page .rankCardAuthor,
html.site-dark body.book-ranking-page .rankCardMeta,
html.site-dark body.book-ranking-page .rankCardDesc,
html.site-dark body.book-ranking-page .rankCardEmpty,
body.site-dark.book-ranking-page .rankCardAuthor,
body.site-dark.book-ranking-page .rankCardMeta,
body.site-dark.book-ranking-page .rankCardDesc,
body.site-dark.book-ranking-page .rankCardEmpty {
    color: #98a7b8;
}

html.site-dark body.book-ranking-page .rankCardTime,
body.site-dark.book-ranking-page .rankCardTime {
    color: #98a7b8;
}

html.site-dark body.book-ranking-page .rankCardTime.is-today,
body.site-dark.book-ranking-page .rankCardTime.is-today {
    background: rgba(120, 226, 175, .14);
    color: #78e2af;
}

@media (max-width: 900px) {
    .book-ranking-page .rankCardGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 30px;
        row-gap: 34px;
    }
}

@media (max-width: 768px) {
    .book-ranking-page .channelRankingContent .wrap_bg .pad20 {
        padding: 16px 14px 22px;
    }

    .book-ranking-page .book_tit {
        margin-bottom: 22px;
    }

    .book-ranking-page .rankCardGrid {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .book-ranking-page .rankCard {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 14px;
        min-height: 123px;
        max-height: 123px;
        overflow: hidden;
    }

    .book-ranking-page .rankCardCover {
        width: 92px;
        border-radius: 6px;
        box-shadow: none;
    }

    .book-ranking-page .rankCoverCat {
        left: 4px;
        bottom: 4px;
        max-width: calc(100% - 8px);
        padding: 2px 6px;
        font-size: 11px;
    }

    .book-ranking-page .rankCardBody {
        height: 123px;
    }

    .book-ranking-page .rankCardTitle {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
    }

    .book-ranking-page .rankCardAuthor,
    .book-ranking-page .rankCardMeta,
    .book-ranking-page .rankCardDesc,
    .book-ranking-page .rankCardTime {
        font-size: 12px;
        line-height: 18px;
    }

    .book-ranking-page .rankCardAuthor {
        margin-bottom: 1px;
    }

    .book-ranking-page .rankCardMeta {
        margin-bottom: 2px;
    }

    .book-ranking-page .rankCardDesc {
        min-height: 0;
        max-height: 36px;
        line-height: 18px;
        -webkit-line-clamp: 2;
    }

    .book-ranking-page .rankCardTime.is-today {
        padding: 0 7px;
        line-height: 18px;
    }

    html.site-dark body.book-ranking-page .rankCardCover,
    body.site-dark.book-ranking-page .rankCardCover {
        box-shadow: none;
    }
}

/* 全部作品：与排行榜统一的封面卡片列表 */
.book-class-page .channelClassContent {
    box-sizing: border-box;
    padding: 28px 30px 34px;
}

.book-class-page .bookClassCardPanel {
    width: 100%;
}

.book-class-page .bookClassCardGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 36px;
}

.book-class-page .classBookCard {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 16px;
    min-width: 0;
    align-items: start;
    min-height: 128px;
    max-height: 128px;
    overflow: hidden;
}

.book-class-page .classBookCover {
    display: block;
    position: relative;
    width: 96px;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 7px;
    background: #edf1f4;
    box-shadow: 0 14px 30px rgba(35, 45, 58, .14);
}

.book-class-page .classBookCoverLink,
.book-class-page .classBookCover img {
    display: block;
    width: 100%;
    height: 100%;
}

.book-class-page .classBookCover img {
    object-fit: cover;
}

.book-class-page .classCoverCat {
    position: absolute;
    left: 6px;
    bottom: 6px;
    max-width: calc(100% - 12px);
}

.book-class-page .classBookBody {
    display: flex;
    flex-direction: column;
    height: 128px;
    min-width: 0;
    padding-top: 0;
    overflow: hidden;
}

.book-class-page .classBookTitle {
    flex: 0 0 auto;
    margin: 0 0 5px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
}

.book-class-page .classBookTitle a {
    display: block;
    overflow: hidden;
    color: #252c35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.book-class-page .classBookTitle a:hover {
    color: #3eaf7c;
}

.book-class-page .classBookAlias,
.book-class-page .classBookAuthor,
.book-class-page .classBookMeta,
.book-class-page .classBookChapter,
.book-class-page .classBookDesc,
.book-class-page .classBookTime {
    margin: 0;
    color: #8f98a3;
    font-size: 12px;
    line-height: 17px;
}

.book-class-page .classBookAlias,
.book-class-page .classBookAuthor,
.book-class-page .classBookMeta,
.book-class-page .classBookChapter {
    flex: 0 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.book-class-page .classBookAuthor,
.book-class-page .classBookMeta {
    margin-bottom: 1px;
}

.book-class-page .classBookAlias {
    margin-bottom: 1px;
}

.book-class-page .classBookAlias .book-alias-hit,
.book-class-page .classBookAuthor a,
.book-class-page .classBookChapter a {
    color: inherit;
}

.book-class-page .classBookAuthor a:hover,
.book-class-page .classBookChapter a:hover {
    color: #3eaf7c;
}

.book-class-page mark.searchKeywordMark {
    display: inline;
    padding: 0 1px;
    border-radius: 2px;
    background: rgba(244, 188, 74, .32);
    color: #1f2d3d;
    font-weight: 600;
}

.book-class-page .classBookChapter {
    min-height: 0;
}

.book-class-page .classBookDesc {
    display: -webkit-box;
    flex: 0 1 auto;
    min-height: 0;
    max-height: 34px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.book-class-page .classBookTime {
    flex: 0 0 auto;
    margin-top: auto;
}

.book-class-page .classBookTime.is-today {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(62, 175, 124, .12);
    color: #2f9368;
    font-weight: 600;
    line-height: 18px;
}

.book-class-page .classBookEmpty {
    grid-column: 1 / -1;
    padding: 44px 0;
    color: #8f98a3;
    font-size: 16px;
    text-align: center;
}

.book-class-page .classBookEmpty,
.book-ranking-page .rankCardEmpty {
    border-radius: 14px;
    background: rgba(62, 175, 124, .06);
}

.book-class-page .bookClassCardPanel .pageBox {
    padding-top: 30px;
}

html.site-dark body.book-class-page .classBookCover,
body.site-dark.book-class-page .classBookCover {
    background: #111922;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
}

html.site-dark body.book-class-page .classBookTitle a,
body.site-dark.book-class-page .classBookTitle a {
    color: #e7eef8;
}

html.site-dark body.book-class-page .classBookTitle a:hover,
body.site-dark.book-class-page .classBookTitle a:hover,
html.site-dark body.book-class-page .classBookAuthor a:hover,
body.site-dark.book-class-page .classBookAuthor a:hover,
html.site-dark body.book-class-page .classBookChapter a:hover,
body.site-dark.book-class-page .classBookChapter a:hover {
    color: #78e2af;
}

html.site-dark body.book-class-page .classBookAlias,
html.site-dark body.book-class-page .classBookAuthor,
html.site-dark body.book-class-page .classBookMeta,
html.site-dark body.book-class-page .classBookChapter,
html.site-dark body.book-class-page .classBookDesc,
html.site-dark body.book-class-page .classBookEmpty,
html.site-dark body.book-ranking-page .rankCardEmpty,
body.site-dark.book-class-page .classBookAlias,
body.site-dark.book-class-page .classBookAuthor,
body.site-dark.book-class-page .classBookMeta,
body.site-dark.book-class-page .classBookChapter,
body.site-dark.book-class-page .classBookDesc,
body.site-dark.book-class-page .classBookEmpty,
body.site-dark.book-ranking-page .rankCardEmpty {
    color: #98a7b8;
}

html.site-dark body.book-class-page .classBookEmpty,
html.site-dark body.book-ranking-page .rankCardEmpty,
body.site-dark.book-class-page .classBookEmpty,
body.site-dark.book-ranking-page .rankCardEmpty {
    background: rgba(120, 226, 175, .08);
}

html.site-dark body.book-class-page .classBookTime,
body.site-dark.book-class-page .classBookTime {
    color: #98a7b8;
}

html.site-dark body.book-class-page mark.searchKeywordMark,
body.site-dark.book-class-page mark.searchKeywordMark {
    background: rgba(225, 170, 0, .38);
    color: #f7f9fc;
}

html.site-dark body.book-class-page .classBookTime.is-today,
body.site-dark.book-class-page .classBookTime.is-today {
    background: rgba(120, 226, 175, .14);
    color: #78e2af;
}

@media (max-width: 900px) {
    .book-class-page .bookClassCardGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 30px;
        row-gap: 34px;
    }
}

@media (max-width: 768px) {
    .book-class-page .channelClassContent {
        padding: 16px 14px 22px;
    }

    .book-class-page .bookClassCardGrid {
        grid-template-columns: 1fr;
        row-gap: 24px;
    }

    .book-class-page .classBookCard {
        grid-template-columns: 92px minmax(0, 1fr);
        gap: 14px;
        min-height: 123px;
        max-height: 123px;
        overflow: hidden;
    }

    .book-class-page .classBookCover {
        width: 92px;
        border-radius: 6px;
        box-shadow: none;
    }

    .book-class-page .classCoverCat {
        left: 4px;
        bottom: 4px;
        max-width: calc(100% - 8px);
        padding: 2px 6px;
        font-size: 11px;
    }

    .book-class-page .classBookBody {
        height: 123px;
    }

    .book-class-page .classBookTitle {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 20px;
    }

    .book-class-page .classBookAlias,
    .book-class-page .classBookAuthor,
    .book-class-page .classBookMeta,
    .book-class-page .classBookChapter,
    .book-class-page .classBookDesc,
    .book-class-page .classBookTime {
        font-size: 12px;
        line-height: 18px;
    }

    .book-class-page .classBookAuthor,
    .book-class-page .classBookMeta,
    .book-class-page .classBookAlias {
        margin-bottom: 1px;
    }

    .book-class-page .classBookTime.is-today {
        padding: 0 7px;
        line-height: 18px;
    }

    .book-class-page .classBookDesc {
        max-height: 18px;
        -webkit-line-clamp: 1;
    }

    .book-class-page .bookClassCardPanel .pageBox {
        padding-top: 22px;
    }

    html.site-dark body.book-class-page .classBookCover,
    body.site-dark.book-class-page .classBookCover {
        box-shadow: none;
    }
}

@media (max-width: 420px) {
    .book-class-page .classBookTitle {
        margin-bottom: 4px;
    }

    .book-class-page .classBookAuthor,
    .book-class-page .classBookMeta,
    .book-class-page .classBookChapter,
    .book-class-page .classBookDesc,
    .book-class-page .classBookTime {
        line-height: 17px;
    }

    .book-class-page .classBookDesc {
        max-height: 17px;
    }

    .book-class-page .classBookTime.is-today {
        line-height: 17px;
    }
}