/* ===== wanjuan inner pages: category / rank / search / detail shared ===== */
/* page backdrop */
.library-page,.rank-content-box,.search-result-page{padding-top:14px;}
/* ---- shared book card ---- */
.cartoon-block-box li .cart-item .cart-cover{border-radius:12px;overflow:hidden;background:#eef1f7;box-shadow:0 3px 10px rgba(31,39,51,.10);transition:transform .24s,box-shadow .24s;margin-bottom:9px;}
.cartoon-block-box li .cart-item .cart-cover img{object-fit:cover;transition:transform .4s;}
.cartoon-block-box li .cart-item .cart-cover:hover{transform:translateY(-5px);box-shadow:0 14px 26px rgba(30,63,166,.20);}
.cartoon-block-box li .cart-item .cart-cover:hover img{transform:scale(1.05);}
.cartoon-block-box li .cart-item .cart-cover .new-chapter{left:0;right:0;bottom:0;max-width:100%;text-align:center;line-height:18px;padding:4px 7px;font-size:11px;color:#fff;border-radius:0;background:linear-gradient(to top,rgba(30,63,166,.92),rgba(30,63,166,0));}
.cartoon-block-box li .cart-item .cart-info a{color:#1f2733 !important;font-size:15px;font-weight:700;transition:color .16s;}
.cartoon-block-box li .cart-item .cart-info a:hover{color:#2b5ce6 !important;}
.cartoon-block-box li .cart-item .cart-info span{color:#9aa1ad;font-size:12.5px;}
/* ---- left filter panel ---- */
.library-class-box{border:none !important;border-radius:18px;padding:20px 22px 14px !important;width:296px;box-shadow:0 10px 30px rgba(31,39,51,.06) !important;background:#fff;}
.library-class-box .cart-tag{font-size:21px !important;font-weight:800;color:#1f2733;border-left:5px solid #2b5ce6 !important;border-image:linear-gradient(180deg,#3f6fe8,#1e3fa6) 1;margin-bottom:18px !important;}
.library-class-box .class-block{border-bottom:1px dashed #e6eaf2 !important;padding-bottom:14px;margin-bottom:16px;}
.library-class-box .class-block h3{font-size:15px;color:#1f2733;font-weight:700;margin-bottom:10px;}
.library-class-box .class-block h3 .iconfont{color:#2b5ce6;}
.library-class-box .class-block-item li{margin:0 6px 8px 0;padding:0;}
.library-class-box .class-block-item li a{display:inline-block;padding:5px 13px;border-radius:999px;background:#f3f5fa;color:#4b5563;font-size:13.5px;line-height:1.5;transition:all .16s;}
.library-class-box .class-block-item li a:hover{background:#eaf1ff;color:#2b5ce6;}
.library-class-box .class-block-item li.active{background:none !important;border-radius:999px;}
.library-class-box .class-block-item li.active a{background:linear-gradient(135deg,#3f6fe8,#2b5ce6) !important;color:#fff !important;font-weight:600;box-shadow:0 4px 10px rgba(43,92,230,.25);}
/* ---- sort bar ---- */
.library-content-box .library-select{display:flex;align-items:center;background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 6px 20px rgba(31,39,51,.05);margin-bottom:18px;}
.library-content-box .library-select a{margin:0 8px 0 0 !important;padding:6px 18px !important;border-radius:999px;font-size:14.5px;font-weight:600;color:#6b7280;border-bottom:none !important;transition:all .16s;}
.library-content-box .library-select a:hover{background:#eaf1ff;color:#2b5ce6;}
.library-content-box .library-select a.active{background:linear-gradient(135deg,#3f6fe8,#2b5ce6);color:#fff !important;box-shadow:0 4px 10px rgba(43,92,230,.25);}
.library-content-box .library-select>span.fr{margin-left:auto;font-size:13.5px;color:#8a919e;}
.library-content-box .library-select .select-color{color:#2b5ce6 !important;font-weight:800;font-size:15px;}
/* ---- pagination ---- */
#pages{margin-top:18px;}
.pagelink{text-align:center;}
.pagelink a,.pagelink span{display:inline-block;min-width:36px;height:36px;line-height:34px;text-align:center;border-radius:9px;border:1px solid #e3e8f0;background:#fff;color:#4b5563;margin:0 3px;padding:0 10px;font-size:14px;transition:all .16s;}
.pagelink a:hover{border-color:#2b5ce6;color:#2b5ce6;background:#eaf1ff;}
.pagelink span{background:linear-gradient(135deg,#3f6fe8,#2b5ce6);border-color:transparent;color:#fff;font-weight:700;}

/* ===== plan A: horizontal filter + full-width 6-col grid ===== */
.libA-filter{background:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 10px 30px rgba(31,39,51,.06);margin-bottom:18px;}
.libA-filter .lf-row{display:flex;align-items:flex-start;padding:6px 0;}
.libA-filter .lf-row.lf-last{padding-bottom:0;}
.libA-filter .lf-label{flex:0 0 52px;font-size:14px;font-weight:700;line-height:28px;color:#2b5ce6;}
.libA-filter .lf-tags{flex:1;display:flex;flex-wrap:wrap;gap:8px;}
.libA-filter .lf-tags a{display:inline-block;padding:4px 14px;border-radius:999px;background:#f3f5fa;color:#4b5563;font-size:13.5px;line-height:1.6;transition:all .16s;}
.libA-filter .lf-tags a:hover{background:#eaf1ff;color:#2b5ce6;}
.libA-filter .lf-tags a.on{background:linear-gradient(135deg,#3f6fe8,#2b5ce6);color:#fff;font-weight:600;box-shadow:0 4px 10px rgba(43,92,230,.25);}
.libA-main{width:100%;}
.libA-grid li{width:calc((100% - 60px)/6) !important;margin-right:12px !important;margin-bottom:22px;}
.libA-grid li:nth-of-type(7n){margin-right:12px !important;}
.libA-grid li:nth-of-type(6n){margin-right:0 !important;}
.libA-grid .cart-info p{margin:0;}

/* plan A sort bar under libA-main */
.libA-main .library-select{display:flex;align-items:center;background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 6px 20px rgba(31,39,51,.05);margin-bottom:18px;}
.libA-main .library-select a{margin:0 8px 0 0 !important;padding:6px 18px !important;border-radius:999px;font-size:14.5px;font-weight:600;color:#6b7280;border-bottom:none !important;transition:all .16s;}
.libA-main .library-select a:hover{background:#eaf1ff;color:#2b5ce6;}
.libA-main .library-select a.active{background:linear-gradient(135deg,#3f6fe8,#2b5ce6);color:#fff !important;box-shadow:0 4px 10px rgba(43,92,230,.25);}
.libA-main .library-select>span.fr{margin-left:auto;font-size:13.5px;color:#8a919e;}
.libA-main .library-select .select-color{color:#2b5ce6 !important;font-weight:800;font-size:15px;}

/* ===== enhancement: tag fold + hover intro overlay ===== */
.lf-row .tag-toggle{flex:0 0 auto;margin-left:10px;align-self:flex-start;color:#2b5ce6;font-size:13px;font-weight:600;line-height:28px;cursor:pointer;white-space:nowrap;}
.lf-row .tag-toggle:hover{text-decoration:underline;}
.lf-tags.tag-collapse.collapsed a:nth-child(n+15){display:none;}
.libA-grid .new-chapter{transition:opacity .2s;}
.libA-grid .cover-intro{position:absolute;left:0;right:0;bottom:0;z-index:3;opacity:0;max-height:0;overflow:hidden;background:linear-gradient(to top,rgba(18,32,66,.95),rgba(18,32,66,.7));color:#eef3ff;font-size:12px;line-height:1.55;padding:0 10px;transition:all .25s ease;text-align:left;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;box-orient:vertical;}
.libA-grid .cart-cover:hover .cover-intro{opacity:1;max-height:64%;padding:20px 10px 9px;}
.libA-grid .cart-cover:hover .new-chapter{opacity:0;}

/* ===================== detail / articleinfo ===================== */
.article-info-box{padding:84px 0 22px!important;margin-bottom:0;position:relative;}
.article-info-box .article-info_bg{display:none!important;}
.article-info-box .article-info_mask{left:50%!important;top:0;width:1200px!important;height:100%!important;border-radius:18px;transform:translateX(-50%);background:linear-gradient(115deg,rgba(20,42,112,.94) 0%,rgba(30,63,166,.88) 46%,rgba(43,92,230,.74) 100%)!important;}
.article-info-content{position:relative;z-index:1;background:transparent!important;border-radius:18px;display:flex;align-items:flex-start;gap:36px;padding:30px 40px!important;}
.article-info-content .cover-show{background:transparent!important;padding:0!important;top:0!important;left:auto!important;margin:0!important;flex:0 0 212px;width:212px;display:block;position:relative;}
.article-info-content .cover-show .cover-box{border-radius:14px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.45);}
.article-info-content .cover-show .cover-box img{width:212px;height:284px;object-fit:cover;display:block;}
.article-info-content .article-info-item{float:none!important;height:auto!important;width:auto!important;flex:1;min-width:0;padding:0!important;}
.article-info-content .article-info-item .title{color:#fff;font-size:32px;font-weight:800;letter-spacing:1px;margin:0 0 14px;}
.article-info-content .article-info-item p{color:rgba(255,255,255,.95)!important;font-size:14.5px;line-height:25px;margin-bottom:5px;}
.article-info-content .article-info-item p .tag{color:rgba(255,255,255,.62)!important;}
.article-info-content .article-info-item .info-item-bottom{position:static!important;bottom:auto!important;}
.article-info-content .article-info-item a{color:#cfe0ff;}
.article-info-content .article-info-item a.dj-cate{display:inline-block;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#eef4ff!important;padding:2px 13px;border-radius:999px;margin:0 7px 5px 0;font-size:13px;}
.article-info-content .article-info-item a.dj-cate:hover{background:rgba(255,255,255,.28);color:#fff!important;}
.article-info-content .mt20{margin-top:22px!important;display:flex;gap:14px;}
.article-info-content .read-article,.article-info-content .collect-article{width:auto!important;float:none!important;height:46px!important;line-height:46px!important;padding:0 36px!important;border-radius:999px!important;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all .18s;}
.article-info-content .read-article{background:#fff!important;color:#1e3fa6!important;box-shadow:0 10px 24px rgba(0,0,0,.28);}
.article-info-content .read-article:hover{background:#eaf1ff!important;color:#1e3fa6!important;transform:translateY(-2px);}
.article-info-content .collect-article{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.55)!important;font-weight:600;}
.article-info-content .collect-article:hover{background:rgba(255,255,255,.26)!important;color:#fff!important;}
.article-info-content .article-score{position:static!important;flex:0 0 auto;align-self:flex-start;top:auto!important;right:auto!important;width:auto!important;height:auto!important;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);border-radius:14px;padding:12px 16px;text-align:center;color:#fff;font-size:13px;backdrop-filter:blur(6px);}
.article-info-content .article-score span{font-size:28px!important;color:#ffd666!important;font-weight:800;margin-right:2px;}
.article-content-box{display:flex;gap:20px;align-items:flex-start;}
.article-content-box .dj-left-col{flex:1;min-width:0;}
.article-content-box .article-chapter-list{width:auto!important;float:none!important;flex:none;min-width:0;background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 8px 26px rgba(31,39,51,.06);}
.article-content-box .article-relevant-more{width:320px!important;float:none!important;}
.article-content-box .chapter-header{display:flex;align-items:center;}
.article-content-box .chapter-header .mark-tag{width:5px;height:18px;border-radius:3px;background:linear-gradient(#3f6fe8,#2b5ce6)!important;}
.article-content-box .chapter-header .cart-tag{padding-left:12px;font-size:18px!important;font-weight:800;color:#1f2733;}
#article_info_sort{display:inline-flex;align-items:center;gap:2px;background:#f1f4f9;border-radius:999px;padding:4px;cursor:pointer;float:none!important;height:auto!important;line-height:normal!important;}
#article_info_sort .iconfont{display:none;}
#article_info_sort span{font-size:13px;padding:3px 14px;border-radius:999px;margin:0;}
#article_info_sort span.zheng{background:#2b5ce6;color:#fff;}
#article_info_sort span.dao{background:transparent;color:#8a919e;}
#article_info_sort.active span.zheng{background:transparent;color:#8a919e;}
#article_info_sort.active span.dao{background:#2b5ce6;color:#fff;}
.article-chapter-list .chapter-list{display:grid!important;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px!important;width:100%;max-height:408px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#c3d2f5 #f2f5fa;padding-right:6px;}
.article-chapter-list .chapter-list::-webkit-scrollbar{width:8px;}
.article-chapter-list .chapter-list::-webkit-scrollbar-track{background:#f2f5fa;border-radius:8px;}
.article-chapter-list .chapter-list::-webkit-scrollbar-thumb{background:#c3d2f5;border-radius:8px;}
.article-chapter-list .chapter-list::-webkit-scrollbar-thumb:hover{background:#2b5ce6;}
.article-chapter-list .chapter-list li{width:auto!important;height:auto!important;float:none!important;margin:0!important;background:#f7f9fc;border:1px solid #edf0f5;border-radius:8px;transition:all .15s;}
.article-chapter-list .chapter-list li:nth-of-type(4n){margin:0!important;}
.article-chapter-list .chapter-list li a{padding:0 12px!important;height:38px;line-height:38px;color:#444b59;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.article-chapter-list .chapter-list li:hover{background:#eaf1ff;border-color:#b9ccf7;}
.article-chapter-list .chapter-list li:hover a{color:#2b5ce6;}
.article-relevant-more .chapter-header.mt30{margin-top:20px;}
.article-relevant-more .column-block-box{background:#fff;border-radius:14px;padding:8px 14px 12px;box-shadow:0 8px 26px rgba(31,39,51,.06);margin-top:10px;}
.article-relevant-more .column-block-box li{margin:0!important;padding:9px 4px;display:flex;align-items:center;gap:10px;border-radius:10px;transition:background .15s;}
.article-relevant-more .column-block-box li:hover{background:#f2f6ff;}
.article-relevant-more .dj-ri-num{flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#eef1f6;color:#9aa1ad;font-size:12.5px;font-weight:700;text-align:center;line-height:22px;}
.article-relevant-more .column-block-box li:nth-of-type(-n+3) .dj-ri-num{background:linear-gradient(135deg,#3f6fe8,#2b5ce6);color:#fff;}
.article-relevant-more .dj-ri-cover{flex:0 0 46px;width:46px;height:62px;border-radius:6px;overflow:hidden;display:block;}
.article-relevant-more .dj-ri-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.article-relevant-more .dj-ri-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.article-relevant-more .dj-ri-name{font-size:14px;font-weight:600;color:#1f2733;line-height:20px;}
.article-relevant-more .dj-ri-name:hover{color:#2b5ce6;}
.article-relevant-more .dj-ri-author{font-size:12px;color:#9aa1ad;line-height:18px;}

/* ===== chapter list fold ===== */
.dj-chap-total{padding-left:10px;color:#9aa1ad;font-size:13px;font-weight:400;}

/* ===== guess you like ===== */
.dj-guess{width:100%;flex:none;background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 8px 26px rgba(31,39,51,.06);margin-top:20px;}
.dj-guess-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 12px;margin-top:14px;}
.dj-guess-grid li{min-width:0;}
.dj-g-cover{display:block;border-radius:10px;overflow:hidden;aspect-ratio:3/4;background:#eef1f6;}
.dj-g-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.dj-guess-grid li:hover .dj-g-cover img{transform:scale(1.06);}
.dj-g-name{display:block;margin-top:8px;font-size:13.5px;font-weight:600;color:#1f2733;line-height:19px;}
.dj-g-name:hover{color:#2b5ce6;}

/* ================= chapter reader (wanjuan) ================= */
.chapter-page{background:#f5f7fa;}
.chapter-page .chapter-header{background:#fff!important;box-shadow:0 2px 12px rgba(31,39,51,.06);border:none!important;min-width:1200px;}
.chapter-page .chapter-header .header-center a{color:#2b5ce6;}
.chapter-page .chapter-header .header-center span{color:#1f2733;}
.chapter-page .header-full a{display:inline-block;height:30px;line-height:28px;padding:0 16px;border:1px solid #2b5ce6;border-radius:999px;font-size:13px;margin-top:10px;color:#2b5ce6;}
.chapter-page .header-full a:hover{background:#2b5ce6;color:#fff;}
.read-title-bar{width:800px;margin:64px auto 0;background:#fff;border-radius:12px;padding:15px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 16px rgba(31,39,51,.06);}
.read-title-bar h1{font-size:20px;font-weight:800;color:#1f2733;line-height:26px;}
.rt-back{font-size:13.5px;color:#2b5ce6;white-space:nowrap;}
.chapter-page .chapter-content{width:800px;margin:14px auto 0;}
.chapter-page .chapter-content .lazy-img{width:800px!important;min-height:0!important;float:none!important;display:block;border-radius:0;box-shadow:none!important;margin:0!important;}
.chapter-page .chapter-tool-box{border:none!important;border-radius:14px;box-shadow:0 8px 26px rgba(31,39,51,.14);padding:12px 8px;}
.chapter-page .chapter-tool-box .tool-item{border-radius:10px;padding:5px 6px;transition:background .15s;}
.chapter-page .chapter-tool-box .tool-item span{color:#5a6577;}
.chapter-page .chapter-tool-box .tool-item span.iconfont{color:#2b5ce6;font-size:26px;}
.chapter-page .chapter-tool-box .tool-item:hover{background:#eaf1ff;}
.chapter-page .chapter-tool-box .tool-item:hover span{color:#2b5ce6;}
.chapter-page .chapter-tool-box .tool-tag{border-color:#eef1f6;}
.read-pager{width:800px;margin:22px auto 0;display:flex;gap:14px;}
.read-pager .rp-btn{flex:1;text-align:center;height:48px;line-height:48px;background:#fff;border:1px solid #d6e2fb;color:#2b5ce6;border-radius:12px;font-size:15px;font-weight:600;transition:all .16s;box-shadow:0 4px 14px rgba(31,39,51,.05);}
.read-pager .rp-btn:hover{background:#eaf1ff;}
.read-pager .rp-next{background:#2b5ce6;color:#fff;border-color:#2b5ce6;}
.read-pager .rp-next:hover{background:#1e3fa6;}
.read-pager .rp-dir{flex:0 0 140px;}
.chapter-page .class-block-box{width:800px!important;float:none!important;margin:26px auto 46px;background:#fff;border-radius:14px;padding:20px 22px;box-shadow:0 8px 26px rgba(31,39,51,.06);}
.chapter-page .class-block-box .class-head{font-size:18px!important;height:auto;line-height:24px!important;margin-bottom:16px;display:flex;align-items:center;font-weight:800;color:#1f2733;}
.chapter-page .class-block-box .class-head::before{content:'';width:5px;height:18px;border-radius:3px;background:linear-gradient(#3f6fe8,#2b5ce6);margin-right:10px;}
.chapter-page .class-block-box .class-head .select-color{font-size:18px!important;}
.chapter-page .cartoon-block-box li{width:calc((100% - 50px)/6)!important;margin-right:10px!important;margin-bottom:16px;}
.chapter-page .cartoon-block-box li:nth-of-type(n){margin-right:10px!important;}
.chapter-page .cartoon-block-box li:nth-of-type(6n){margin-right:0!important;}
.chapter-page .cartoon-block-box .cart-cover{border-radius:10px;overflow:hidden;}
.chapter-page .cartoon-block-box .cart-cover:hover{box-shadow:0 8px 20px rgba(43,92,230,.22)!important;}
.chapter-page .cartoon-block-box .cart-info a{font-size:13.5px;}
.chapter-page .cartoon-block-box .cart-info span{display:none!important;}
/* reader dark mode */
.chapter-page.chapter-douse{background:#22232a!important;}
.chapter-douse .read-title-bar,.chapter-douse .class-block-box{background:#2c2d35;box-shadow:none;}
.chapter-douse .read-title-bar h1{color:#e6e8ee;}
.chapter-douse .read-pager .rp-btn{background:#3a3b45;border-color:#4a4b55;color:#cfd4e0;box-shadow:none;}
.chapter-douse .read-pager .rp-next{background:#2b5ce6;border-color:#2b5ce6;color:#fff;}
.chapter-douse .class-block-box .class-head,.chapter-douse .cartoon-block-box .cart-info a{color:#e6e8ee;}

/* fix: chapter page outer must stack, not flex */
.chapter-page .article-content-box{display:block!important;}
.chapter-page .article-content-box.container{width:100%!important;max-width:100%;}

/* ===== 排行榜页 rkB（万卷） ===== */
.rkB-filter{display:flex;align-items:center;background:#fff;border-radius:14px;padding:15px 20px;box-shadow:0 6px 20px rgba(31,39,51,.05);margin-bottom:18px;}
.rkB-filter .lf-label{font-weight:700;color:#1f2733;font-size:15px;margin-right:14px;flex-shrink:0;}
.rkB-tabs{display:flex;flex-wrap:wrap;gap:10px;}
.rkB-tabs a{display:inline-block;padding:6px 24px;border-radius:999px;background:#f3f5fa;color:#4b5563;font-size:14.5px;font-weight:600;line-height:1.6;transition:all .16s;}
.rkB-tabs a:hover{background:#eaf1ff;color:#2b5ce6;}
.rkB-tabs a.on{background:linear-gradient(135deg,#3f6fe8,#2b5ce6);color:#fff !important;box-shadow:0 4px 10px rgba(43,92,230,.25);}
.rkB-bar{display:flex;align-items:center;background:#fff;border-radius:14px;padding:14px 20px;margin-bottom:18px;box-shadow:0 6px 20px rgba(31,39,51,.05);}
.rkB-title{font-size:20px;font-weight:800;color:#1f2733;margin:0;padding-left:13px;position:relative;line-height:1.2;}
.rkB-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:19px;border-radius:2px;background:linear-gradient(180deg,#3f6fe8,#1e3fa6);}
.rkB-bar .fr{margin-left:auto;font-size:13.5px;color:#8a919e;}
.rkB-num{color:#2b5ce6;font-weight:800;font-size:15px;}
.rkB-grid .cart-cover{position:relative;overflow:hidden;}
.rkB-grid .rk-badge{position:absolute;left:8px;top:8px;z-index:4;min-width:26px;height:26px;padding:0 7px;border-radius:8px;background:rgba(31,39,51,.55);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;letter-spacing:.5px;}
.rkB-grid .rk-b1{background:linear-gradient(135deg,#3f6fe8,#1e3fa6);box-shadow:0 3px 8px rgba(30,63,166,.35);}
.rkB-grid .rk-b2{background:linear-gradient(135deg,#5b86ee,#3f6fe8);}
.rkB-grid .rk-b3{background:linear-gradient(135deg,#86a6f4,#6b8ff0);}