/* ===== reset ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;color:#333;background:#fff;line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}
a{color:#007bff;text-decoration:none;transition:color .15s}
a:hover{color:#007bff}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}

/* ===== layout ===== */
.wrap{max-width:1220px;margin:0 auto;padding:0 20px}
.main-layout{display:flex;gap:28px;padding:20px 0 40px}
.main-content{flex:1;min-width:0}
.sidebar{width:280px;flex-shrink:0}

/* ===== header ===== */
.header{background:#fff;border-bottom:1px solid #eee;padding:0}
.header-top{text-align:center;}
.header-logo{display:inline-flex;align-items:center;gap:10px;font-size:26px;font-weight:400;color:#555;letter-spacing:2px; margin-top: 50px;}
.logo-icon{width:38px;height:38px;background:#007bff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:bold;flex-shrink:0}
.logo-icon svg{width:24px;height:24px;fill:#fff}
.header-top span{float: left;margin-top: 25px;font-weight: 500;font-size: 30px;color: #999;width: 120px}
.header-search-wrap{    margin: 50px auto;display:flex;justify-content:center}
.header-search{display:flex;max-width:580px;width:100%;    border: 2px solid #eaeaea;}
.header-search input{flex:1;width: 100%;
    height: 51px;
    padding: 10px 80px 10px 15px;
    background-color: #fff;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    outline: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;}
.header-search input::placeholder{color:#aaa}
.header-search input:focus{border-color:#007bff;background:#fff}
.header-search button{height: 51px;padding:0 24px;    background-color: #eaeaea;color:#000;border:none;font-size:14px;cursor:pointer;white-space:nowrap}
.header-search button:hover{background:#3569a8}
.header-nav-wrap{background: none;border-bottom: solid 1px #eaeaea;border-top: solid 1px #eaeaea;padding: 5px 0px;margin-bottom: 15px;-webkit-box-shadow:0 1px 3px 0 rgb(0 0 0 / 12%);box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%);}
.header-nav{display:flex;gap:0}
.header-nav>li{position:relative; margin: 0px 1px;}
.header-nav>li>a{display:block;padding:10px 18px;font-size:14px;color:#007bff;border-radius:4px;white-space:nowrap}
.header-nav>li>a:hover,.header-nav>li>a.active{background:#eee;color:#007bff}
.header-nav>li>a.active{font-weight:500}

/* 移动端菜单 */
.menu-toggle{display:none;background:none;border:none;font-size:26px;cursor:pointer;color:#666;line-height:1;padding:4px 8px}
@media(max-width:768px){
  .header-nav-wrap{position:relative}
  .menu-toggle{display:block}
  .header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #eee;border-radius:6px;flex-direction:column;padding:8px;z-index:200;box-shadow:0 4px 12px rgba(0,0,0,.1)}
  .header-nav.show{display:flex}
  .header-nav>li>a{padding:10px 16px}
}

/* ===== section 模块 ===== */
.section-block{margin-bottom:36px}
.section-block:last-child{margin-bottom:0}
.sec-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}
.sec-header .sec-title{font-size:16px;font-weight:500;color:#333}
.sec-header .sec-more{font-size:13px;color:#007bff}
.sec-header .sec-more:hover{text-decoration:underline}
.sec-header .sec-count{font-size:13px;color:#999}

/* ===== 海报网格 6列 ===== */
.poster-grid {
    overflow: hidden;
    margin: 0 -10px; /* 抵消内部gap，左右不留白 */
}
.poster-card {
    float: left;
    width: 16.66666667%;
    padding: 0 10px; /* 左右间距20px = 左右各10px */
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 20px; /* 上下间距 */
}
/* 固定2:3海报容器，padding百分比方案，所有卡片宽高一致 */
.poster-card .poster-img {
    width: 100%;
    height: 0;
    padding-top: 150%; /* 宽2高3比例 */
    position: relative;
    background: #e9ecf1;
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}
.poster-card .poster-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
/* 无图占位文字 */
.poster-card .poster-img::after {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b8bec8;
    font-size: 13px;
}
.poster-card:hover .poster-img {
    box-shadow: 0 3px 12px rgba(0,0,0,.1);
    transform: translateY(-2px);
}
.poster-card .poster-title {
    display: block;
    margin-top: 7px;
    font-size: 13px;
    color: #337ab7;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.poster-card .poster-title:hover {
    color: #007bff;
}

/* ===== 侧边栏 ===== */
.sidebar .side-block{margin-bottom:24px}
.sidebar .side-block:last-child{margin-bottom:0}
.side-block .side-title{font-size:15px;font-weight:500;color:#333;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}
.side-rank-list{counter-reset:rank}
.side-rank-list li{display:flex;align-items:center;padding:7px 0;border-bottom:1px solid #f9f9f9;counter-increment:rank}
.side-rank-list li:last-child{border-bottom:none}
.side-rank-list li::before{content:counter(rank);width:20px;font-size:13px;font-weight:600;color:#333;flex-shrink:0}
.side-rank-list li:nth-child(1)::before,.side-rank-list li:nth-child(2)::before,.side-rank-list li:nth-child(3)::before{color:#e74c3c}
.side-rank-list li a{font-size:13px;color:#007bff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.side-rank-list li a:hover{color:#007bff;text-decoration:underline}

/* 侧边菜单链接列表 */
.side-menu-list li{padding:5px 0;border-bottom:1px solid #f9f9f9}
.side-menu-list li:last-child{border-bottom:none}
.side-menu-list li a{font-size:13px;color:#222;display:block;padding:4px 0}
.side-menu-list li a:hover,.side-menu-list li a.active{color:#007bff;font-weight:500}

/* 侧边筛选标签 */
.side-filter-tags{display:flex;flex-wrap:wrap;gap:6px}
.side-filter-tags a{display:inline-block;padding:3px 10px;font-size:12px;color:#007bff;border:1px solid #e0e5ec;border-radius:4px;transition:all .15s}
.side-filter-tags a:hover,.side-filter-tags a.active{background:#007bff;color:#fff;border-color:#007bff}

/* ===== filter-bar 筛选栏 ===== */
.filter-bar{display:flex;align-items:flex-start;margin-bottom:18px;padding:12px;background:#fafbfc;border-radius:6px;font-size:13px;border:1px solid #f0f0f0}
.filter-bar .filter-label{flex-shrink:0;padding:3px 0;color:#666;margin-right:10px;white-space:nowrap}
.filter-bar .filter-options{display:flex;flex-wrap:wrap;gap:6px}
.filter-bar .filter-options a{display:inline-block;padding:3px 10px;border-radius:4px;color:#666;border:1px solid transparent;font-size:12px}
.filter-bar .filter-options a:hover{color:#007bff;background:#eaf2fa}
.filter-bar .filter-options a.active{background:#007bff;color:#fff;border-color:#007bff}
.filter-bar .filter-options a.clear-btn{color:#e74c3c;font-size:11px}

/* ===== 播放器 ===== */
.player-wrapper{width:100%;margin-bottom:20px}
.player-box{width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;position:relative}
.player-box iframe{width:100%;height:100%;border:none}
.player-box .play-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:rgba(255,255,255,.4)}
.play-placeholder .play-triangle{width:0;height:0;border-style:solid;border-width:20px 0 20px 36px;border-color:transparent transparent transparent rgba(255,255,255,.7);margin-bottom:16px}
.copyright-notice{text-align:center;padding:40px 20px;color:#999;font-size:14px}

/* ===== 影片信息行 ===== */
.vod-info-bar{display:flex;gap:16px;margin-bottom:20px;padding:14px 0;border-bottom:1px solid #f0f0f0}
.vod-info-main{flex:1;min-width:0}
.vod-info-main h1{font-size:20px;font-weight:500;color:#333;margin-bottom:8px;line-height:1.3}
.vod-info-main .vod-meta{font-size:13px;color:#999}
.vod-info-main .vod-meta span:not(:last-child)::after{content:' / ';color:#ddd}
.vod-info-thumb{width:90px;flex-shrink:0}
.vod-info-thumb img{width:90px;border-radius:6px}
.vod-info-thumb .thumb-placeholder{width:90px;aspect-ratio:2/3;background:#e9ecf1;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#b8bec8;font-size:11px}

/* ===== 播放线路 ===== */
.source-section{margin-bottom:24px}
.source-section .source-heading{font-size:15px;font-weight:500;color:#333;margin-bottom:10px}
.source-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.source-tabs .source-tab{padding:6px 16px;font-size:13px;color:#666;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;transition:all .15s;background:#fff}
.source-tabs .source-tab:hover{color:#007bff;border-color:#007bff}
.source-tabs .source-tab.active{background:#007bff;color:#fff;border-color:#007bff}
.source-episodes{display:none;flex-wrap:wrap;gap:6px}
.source-episodes.active{display:flex}
.source-episodes a{display:inline-block;padding:5px 14px;font-size:13px;color:#007bff;border:1px solid #e0e5ec;border-radius:4px;transition:all .15s;background:#fff}
.source-episodes a:hover,.source-episodes a.active{background:#007bff;color:#fff;border-color:#007bff}

/* ===== 影片简介卡片(播放页右侧) ===== */
.vod-intro-card{background:#fafbfc;border:1px solid #f0f0f0;border-radius:6px;padding:16px}
.vod-intro-card .intro-poster{margin-bottom:12px}
.vod-intro-card .intro-poster img,.vod-intro-card .intro-poster .thumb-placeholder{width:100%;border-radius:6px}
.vod-intro-card .intro-poster .thumb-placeholder{aspect-ratio:2/3;background:#e9ecf1;display:flex;align-items:center;justify-content:center;color:#b8bec8;font-size:12px}
.vod-intro-card .intro-item{margin-bottom:6px;font-size:13px;line-height:1.6}
.vod-intro-card .intro-item strong{color:#333;font-weight:500}
.vod-intro-card .intro-item span{color:#666}
.vod-intro-card .intro-desc{margin-top:8px;font-size:13px;color:#666;line-height:1.7;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}

/* ===== video detail page ===== */
.detail-header{display:flex;gap:20px;margin-bottom:24px}
.detail-poster{width:180px;flex-shrink:0}
.detail-poster img,.detail-poster .thumb-placeholder{width:180px;border-radius:6px}
.detail-poster .thumb-placeholder{aspect-ratio:2/3;background:#e9ecf1;display:flex;align-items:center;justify-content:center;color:#b8bec8}
.detail-info{flex:1;min-width:0}
.detail-info h1{font-size:22px;font-weight:500;color:#333;margin-bottom:12px}
.detail-info .detail-meta{font-size:13px;color:#666;line-height:2}
.detail-info .detail-meta strong{color:#333;margin-right:4px}
.detail-info .detail-tags{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}
.detail-info .detail-tags a{display:inline-block;padding:4px 12px;font-size:12px;color:#007bff;border:1px solid #e0e5ec;border-radius:4px}
.detail-info .detail-tags a:hover{background:#eaf2fa}

/* ===== 分页 ===== */
.pagination{text-align:center;padding:24px 0 8px}
.pagination a,.pagination span{display:inline-block;padding:6px 12px;margin:0 2px;font-size:13px;color:#007bff;border:1px solid #e0e5ec;border-radius:4px;transition:all .15s;min-width:34px;text-align:center}
.pagination a:hover{background:#eaf2fa;border-color:#007bff}
.pagination a.active,.pagination span.active{background:#007bff;color:#fff;border-color:#007bff;font-weight:500}
.pagination span.dots{border-color:transparent;color:#999}

/* ===== 友情链接 ===== */
.friend-links{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0;border-top:1px solid #f0f0f0}
.friend-links a{font-size:12px;color:#999}
.friend-links a:hover{color:#007bff}

/* ===== 统计提示 ===== */
.data-count{font-size:13px;color:#999}

/* ===== 视频列表(文字) ===== */
.vod-text-list li{padding:8px 0;border-bottom:1px solid #f9f9f9}
.vod-text-list li:last-child{border-bottom:none}
.vod-text-list li a{font-size:14px;color:#007bff;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vod-text-list li a:hover{color:#007bff}
.vod-text-list li a .ep-note{font-size:12px;color:#999;margin-left:8px}

/* ===== 关键词高亮 ===== */
.keyword-highlight{color:#007bff;font-weight:500}

/* ===== footer ===== */
.footer{background:#fafbfc;border-top:1px solid #eee;padding:20px 0;text-align:center;color:#999;font-size:13px;line-height:2}
.footer a{color:#999}
.footer a:hover{color:#007bff}
.footer .footer-rss{display:flex;justify-content:center;gap:14px;margin-bottom:6px;flex-wrap:wrap}
.footer .footer-rss a{font-size:12px;color:#aaa}
.footer .footer-rss a:hover{color:#007bff}

/* ===== 返回顶部：系统蓝色精致版 ===== */
.back-to-top{
  position:fixed;right:26px;bottom:26px;
  width:46px;height:46px;display:none;align-items:center;justify-content:center;
  border:1px solid rgba(255,255,255,.72);border-radius:15px;
  background:linear-gradient(145deg,var(--zy-hover, #007bff),var(--zy-hover-dark, #007bff));
  color:#fff;font-size:19px;font-weight:700;line-height:1;cursor:pointer;
  z-index:999;opacity:1;
  box-shadow:0 7px 20px rgba(36,99,166,.28),inset 0 1px 0 rgba(255,255,255,.22);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
  -webkit-tap-highlight-color:transparent;
}
.back-to-top:hover{
  transform:translateY(-4px);
  filter:brightness(1.06);
  box-shadow:0 11px 25px rgba(36,99,166,.36),inset 0 1px 0 rgba(255,255,255,.28);
}
.back-to-top:active{transform:translateY(-1px) scale(.96)}
.back-to-top:focus-visible{outline:3px solid rgba(57,120,200,.35);outline-offset:3px}
.back-to-top.show{display:flex;animation:backToTopIn .22s ease-out both}
@keyframes backToTopIn{from{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:767px){
  .back-to-top{right:16px;bottom:18px;width:42px;height:42px;border-radius:14px;font-size:17px}
}
@media (prefers-reduced-motion:reduce){.back-to-top,.back-to-top.show{animation:none;transition:none}}

/* ===== 懒加载 ===== */
img[data-src]{opacity:0;transition:opacity .3s}
img[data-src].loaded{opacity:1}
.poster-img img[data-src]{background:#e9ecf1;min-height:100%}

/* ===== 响应式 ===== */
@media(max-width:1024px){
  .main-layout{flex-direction:column;gap:20px}
  .sidebar{width:100%}
  .side-rank-list{display:flex;flex-wrap:wrap;gap:0 16px}
  .side-rank-list li{width:calc(50% - 8px);border-bottom:none;padding:4px 0}
  .detail-header{flex-direction:column}
  .detail-poster{width:140px}
  .detail-poster img,.detail-poster .thumb-placeholder{width:140px}
}
@media(max-width:768px){
  .wrap{padding:0 14px}
  .poster-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .poster-card .poster-title{font-size:12px}
  .header-search{max-width:100%}
  .detail-header{flex-direction:column;align-items:flex-start}
  .vod-info-bar{flex-direction:column}
  .vod-info-thumb{width:70px}
  .vod-info-thumb img,.vod-info-thumb .thumb-placeholder{width:70px}
  .source-tabs .source-tab{padding:5px 12px;font-size:12px}
  .source-episodes a{padding:4px 10px;font-size:12px}
  .filter-bar{flex-direction:column;gap:6px}
  .back-to-top{bottom:16px;right:16px;width:36px;height:36px;font-size:16px}
}
@media(max-width:480px){
  .poster-grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .sec-header .sec-title{font-size:15px}
  .header-logo{font-size:22px}
  .header-search input{height:36px;font-size:13px}
  .header-search button{height:36px;padding:0 16px;font-size:13px}
  .detail-poster{width:100px}
  .detail-poster img,.detail-poster .thumb-placeholder{width:100px}
  .pagination a,.pagination span{padding:5px 8px;font-size:12px;min-width:28px}
}


/* ===== 无缩略图文章模板 ===== */
.article-layout,.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;padding:22px 0 42px;align-items:start}
.article-section{padding:8px 0 36px}
.article-section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;padding:0 0 16px;border-bottom:1px solid #e9edf3}
.article-kicker{display:block;color:#007bff;font-size:10px;font-weight:800;letter-spacing:2.2px;margin-bottom:7px}
.article-page-title{font-size:25px;line-height:1.35;color:#202938;font-weight:750;letter-spacing:.2px}
.article-subtitle{font-size:12px;color:#9aa3b2;padding-bottom:4px}
.article-list{border-top:1px solid #f0f2f6}
.article-list-item{display:flex;gap:20px;padding:23px 16px;border-bottom:1px solid #edf0f4;position:relative;transition:background .2s,border-color .2s}
.article-list-item:hover{background:#f8faff;border-bottom-color:#dce7f8}
.article-list-body{flex:1;min-width:0}
.article-list-meta{display:flex;align-items:center;gap:12px;color:#9aa3b2;font-size:12px;margin-bottom:7px}
.article-list-meta span{color:#007bff;background:#eef5ff;border-radius:4px;padding:2px 7px}
.article-list-body h2{font-size:19px;line-height:1.5;font-weight:700;margin-bottom:7px}
.article-list-body h2 a{color:#202938}
.article-list-body h2 a:hover{color:#007bff}
.article-list-body p{font-size:13px;line-height:1.9;color:#788293;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-read-link{font-size:12px;font-weight:650;color:#007bff;display:inline-flex;gap:7px;align-items:center}
.article-read-link span{transition:transform .2s}
.article-list-item:hover .article-read-link span{transform:translateX(3px)}
.article-side-card{padding:18px;background:#fff;border:1px solid #edf0f5;border-radius:12px;margin-bottom:18px}
.article-side-card .side-title{font-size:15px;margin-bottom:10px}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:12px;color:#a1a9b6;margin:5px 0 22px}
.article-breadcrumb a{color:#758196}
.article-breadcrumb a:hover{color:#007bff}
.article-detail-layout{padding-top:20px}
.article-detail{min-width:0;background:#fff;border:1px solid #edf0f5;border-radius:14px;padding:clamp(20px,4vw,44px);box-shadow:0 8px 30px rgba(32,52,86,.035)}
.article-detail-header{padding-bottom:25px;border-bottom:1px solid #edf0f5}
.article-detail-header h1{font-size:clamp(25px,3vw,36px);line-height:1.45;letter-spacing:-.5px;color:#1f2937;font-weight:800;margin:6px 0 16px;overflow-wrap:anywhere}
.article-detail-meta{display:flex;flex-wrap:wrap;gap:9px 16px;color:#929baa;font-size:12px}
.article-meta-dot{color:#007bff}
.article-lead{margin-top:20px;padding:15px 18px;border-left:3px solid #007bff;background:#f6f9ff;color:#5d6b80;font-size:15px;line-height:1.9}
.article-content{font-size:16px;line-height:2;color:#3f4856;overflow-wrap:anywhere;padding:25px 0}
.article-content p{margin:0 0 1.25em}
.article-content h2,.article-content h3,.article-content h4{color:#202938;line-height:1.5;margin:1.5em 0 .7em}
.article-content h2{font-size:24px;border-left:3px solid #007bff;padding-left:12px}
.article-content h3{font-size:20px}
.article-content img{max-width:100%;height:auto;margin:18px auto;border-radius:8px}
.article-content a{color:#007bff;text-decoration:underline;text-underline-offset:3px}
.article-content blockquote{margin:20px 0;padding:12px 18px;background:#f7f9fc;border-left:3px solid #cbd8eb;color:#657186}
.article-content ul,.article-content ol{padding-left:1.7em;list-style:initial;margin:1em 0}
.article-content ol{list-style:decimal}
.article-content table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.article-content td,.article-content th{border:1px solid #e5e9f0;padding:8px 12px}
.article-end-mark{display:flex;align-items:center;justify-content:center;gap:12px;color:#b0b8c5;font-size:10px;letter-spacing:2px;padding:4px 0 25px}
.article-end-mark span{height:1px;width:35px;background:#e4e8ef}
.article-detail-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #edf0f5;padding-top:18px;font-size:12px;color:#a0a8b5}
.article-detail-footer a{color:#007bff}
.article-related{padding:10px 0 40px}
.article-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.article-related-card{min-height:140px;display:flex;flex-direction:column;align-items:flex-start;padding:17px;border:1px solid #edf0f5;border-radius:10px;background:linear-gradient(145deg,#fff,#f9fbff);transition:transform .2s,border-color .2s}
.article-related-card:hover{transform:translateY(-3px);border-color:#cbdcf5}
.related-date{font-size:11px;color:#9aa3b2;margin-bottom:10px}
.article-related-card strong{font-size:14px;line-height:1.7;color:#303b4c}
.related-arrow{font-size:11px;color:#007bff;margin-top:auto;padding-top:12px}
.article-home-block{margin:8px 0 34px}
.article-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.article-home-card{position:relative;min-height:170px;padding:20px 20px 17px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%);border:1px solid #e9eef6;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s}
.article-home-card:before{content:"";position:absolute;top:0;left:20px;width:34px;height:3px;background:#007bff;border-radius:0 0 4px 4px}
.article-home-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(50,85,135,.09);border-color:#d4e2f6}
.article-home-meta{font-size:11px;color:#8d99aa;display:flex;gap:9px;margin-bottom:12px}
.article-home-meta span{color:#007bff}
.article-home-card strong{font-size:16px;line-height:1.65;color:#263244;margin-bottom:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-home-card p{font-size:12px;line-height:1.8;color:#8590a0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.article-home-bottom{margin-top:auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center;color:#007bff;font-size:11px}
@media(max-width:900px){.article-layout,.article-detail-layout{grid-template-columns:minmax(0,1fr)}.article-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 小说专区样式：用于首页视频列表下方 */
.novel-home{padding-top:22px;padding-bottom:50px}
.novel-hero{position:relative;display:flex;align-items:center;gap:22px;padding:30px 34px;margin-bottom:22px;border:1px solid #d8e7fb;border-radius:18px;overflow:hidden;background:linear-gradient(115deg,#eef5ff 0%,#f6f9ff 58%,#e8f1ff 100%)}
.novel-hero:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(36,99,166,.13);border-radius:50%;right:8%;top:-130px;box-shadow:0 0 0 25px rgba(36,99,166,.035),0 0 0 50px rgba(36,99,166,.025)}
.novel-hero-mark{width:58px;height:58px;display:flex;align-items:center;justify-content:center;flex:0 0 58px;border-radius:17px;background:#fff;color:var(--novel-pink);font-size:30px;box-shadow:0 7px 22px rgba(36,99,166,.1)}
.novel-hero-copy{position:relative;z-index:1;flex:1}
.novel-eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--novel-pink);margin-bottom:6px}
.novel-hero h1{font-size:27px;line-height:1.35;letter-spacing:1px;margin:0 0 5px;color:#382632}
.novel-hero p{font-size:13px;color:#8f7886;margin:0}
.novel-hero-link{position:relative;z-index:1;white-space:nowrap;display:inline-flex;align-items:center;gap:12px;padding:10px 15px;border-radius:9px;background:var(--novel-pink);color:white;font-size:13px}
.novel-hero-link:hover{background:var(--novel-pink-deep);color:#fff}
.novel-panel{padding:23px 25px;margin-bottom:20px;background:#fff;border:1px solid var(--novel-line);border-radius:15px;box-shadow:0 5px 22px rgba(83,43,65,.025)}
.novel-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #eaf1fb}
.novel-section-heading h2{margin:0;font-size:21px;font-weight:700;letter-spacing:.5px;color:#392c36}
.novel-heading-note{font-size:12px;color:#a99aa4}
.novel-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.novel-category-card{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:15px 13px;border:1px solid #dfeafb;border-radius:11px;background:linear-gradient(135deg,#fff 0%,#f6f9ff 100%);color:#354963;transition:all .2s}
.novel-category-card:hover{transform:translateY(-2px);border-color:#a9c9f4;background:#edf5ff;color:var(--novel-pink-deep);box-shadow:0 7px 18px rgba(216,93,145,.08)}
.novel-category-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--novel-pink-soft);color:var(--novel-pink);font-size:18px}
.novel-category-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}
.novel-category-arrow{margin-left:auto;color:#c7a5b7;font-size:14px}
.novel-more{font-size:13px;color:var(--novel-pink);white-space:nowrap}
.novel-list{display:flex;flex-direction:column}
.novel-list-item{display:flex;align-items:center;gap:17px;padding:17px 2px;border-bottom:1px solid #eaf0f8;min-width:0}
.novel-list-item:last-child{border-bottom:0;padding-bottom:2px}
.novel-list-content{min-width:0;flex:1}
.novel-list-meta{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-size:11px;color:#ad9eaa}
.novel-tag{display:inline-block;padding:2px 8px;border-radius:20px;background:#eef5ff;color:#007bff}
.novel-list-content h3{font-size:16px;line-height:1.55;font-weight:650;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.novel-list-content h3 a{color:#392d37}
.novel-list-content h3 a:hover{color:var(--novel-pink)}
.novel-list-content p{font-size:12px;line-height:1.8;color:#9b8d97;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.novel-read{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d8e5f7;border-radius:8px;color:#007bff;font-size:12px}
.novel-read:hover{background:var(--novel-pink);border-color:var(--novel-pink);color:white}
.novel-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.novel-popular-card{display:flex;flex-direction:column;min-width:0;min-height:116px;padding:16px;border:1px solid #dfeafb;border-radius:11px;background:linear-gradient(145deg,#fff 0%,#f6f9ff 100%);color:#354963;transition:all .2s}
.novel-popular-card:hover{transform:translateY(-2px);border-color:#b7d0f4;color:var(--novel-pink-deep)}
.novel-popular-label{font-size:10px;letter-spacing:1px;color:#719bd1;margin-bottom:10px}
.novel-popular-card strong{font-size:14px;line-height:1.6;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.novel-popular-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;font-size:11px;color:#a895a2}
@media(max-width:1000px){.novel-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.novel-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.novel-hero{align-items:flex-start;flex-wrap:wrap}.novel-hero-copy{min-width:calc(100% - 60px)}.novel-hero-link{margin-left:56px}.novel-read{font-size:0}.novel-read span{font-size:13px}}


/* ===== Novel visual refresh: elegant rose editorial ===== */
:root{--novel-pink:#007bff;--novel-pink-deep:#007bff;--novel-pink-soft:#eef5ff;--novel-line:#dce7f7;--novel-ink:#26384f;--novel-muted:#7c8ba0}
.novel-home-sections{clear:both;margin:34px 0 48px;color:var(--novel-ink)}
.novel-home-sections .novel-panel{position:relative;margin:0 0 22px;padding:25px 27px;background:#fff;border:1px solid #dfe9f8;border-radius:18px;box-shadow:0 10px 32px rgba(44,93,153,.055);overflow:hidden}
.novel-home-sections .novel-panel:before{content:"";position:absolute;left:0;top:0;width:4px;height:54px;background:linear-gradient(#007bff,#007bff);border-radius:0 0 4px 0}
.novel-home-sections .novel-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid #e7eef9}
.novel-home-sections .novel-eyebrow{display:block;margin-bottom:4px;color:#cf6b98;font-size:10px;font-weight:800;letter-spacing:2px}
.novel-home-sections .novel-section-heading h2{display:flex;align-items:center;gap:9px;margin:0;color:#26384f;font-size:22px;line-height:1.4;font-weight:800;letter-spacing:.3px}
.novel-home-sections .novel-section-heading h2:before{content:"";width:5px;height:22px;background:#007bff;border-radius:5px;display:inline-block}
.novel-home-sections .novel-heading-note{color:#a18e9a;font-size:12px}
.novel-home-sections .novel-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.novel-home-sections .novel-category-card{min-height:68px;display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid #dfe9f8;border-radius:13px;background:linear-gradient(135deg,#fff 0%,#f6f9ff 100%);color:#263c59;transition:transform .2s,border-color .2s,box-shadow .2s}
.novel-home-sections .novel-category-card:hover{transform:translateY(-3px);border-color:#9fc2f3;box-shadow:0 8px 20px rgba(201,76,130,.10);color:#007bff}
.novel-home-sections .novel-category-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:11px;background:#eaf2ff;color:#007bff;font-size:21px}
.novel-home-sections .novel-category-name{font-size:14px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.novel-home-sections .novel-category-arrow{margin-left:auto;color:#7b9ecb;font-size:17px}
.novel-home-sections .novel-more{padding:7px 12px;border:1px solid #d6e4f8;border-radius:9px;color:#007bff;font-size:12px;white-space:nowrap}
.novel-home-sections .novel-more:hover{background:#007bff;color:#fff;border-color:#007bff}
.novel-home-sections .novel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
.novel-home-sections .novel-list-item{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:17px 0;border-bottom:1px solid #e8eff9}
.novel-home-sections .novel-list-content{flex:1;min-width:0}
.novel-home-sections .novel-list-meta{display:flex;align-items:center;gap:9px;margin-bottom:6px;color:#a794a0;font-size:11px}
.novel-home-sections .novel-tag{padding:3px 8px;border-radius:5px;background:#eef5ff;color:#007bff;font-size:10px}
.novel-home-sections .novel-list-content h3{margin:0 0 5px;font-size:15px;line-height:1.55;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.novel-home-sections .novel-list-content h3 a{color:#3d2c38}
.novel-home-sections .novel-list-content h3 a:hover{color:#c13f7b}
.novel-home-sections .novel-list-content p{margin:0;color:#968793;font-size:12px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.novel-home-sections .novel-read{align-self:center;flex:0 0 auto;padding:7px 10px;border:1px solid #d8e5f7;border-radius:8px;color:#007bff;font-size:11px}
.novel-home-sections .novel-read:hover{background:#007bff;color:#fff;border-color:#007bff}
/* Article/category listing */
.article-section{padding:25px 0 42px}
.article-section-head{align-items:center;padding:20px 22px;margin-bottom:18px;border:1px solid #dbe7f7;border-radius:15px;background:linear-gradient(115deg,#eef5ff,#f8fbff 72%,#f2f7ff)}
.article-kicker{color:#ce5b8f;letter-spacing:1.8px}
.article-page-title{color:#382735;font-size:clamp(23px,3vw,30px);font-weight:800}
.article-subtitle{color:#9d8795}
.article-list{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-list-item{min-width:0;gap:14px;padding:19px 18px;border:1px solid #dfe9f8;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(44,93,153,.025);transition:transform .2s,box-shadow .2s,border-color .2s}
.article-list-item:hover{background:#f8fbff;border-color:#a9c8e8;transform:translateY(-2px);box-shadow:0 10px 24px rgba(44,93,153,.07)}
.article-list-body h2{font-size:17px;line-height:1.55}
.article-list-body h2 a{color:#3c2b38}
.article-list-body h2 a:hover{color:#c13f7b}
.article-list-meta span{color:#c45a8b}
.article-list-body p{color:#93838e;line-height:1.8}
.article-read-link{color:#007bff}
.article-sidebar .article-side-card{border:1px solid #f0dfe8;border-radius:14px;box-shadow:0 6px 22px rgba(44,93,153,.035)}
/* Reading page */
.article-detail-layout{padding-top:24px;padding-bottom:42px}
.article-detail{border:1px solid #f0dfe8;border-radius:18px;box-shadow:0 10px 32px rgba(44,93,153,.045)}
.article-breadcrumb{color:#a28f9b}
.article-breadcrumb a{color:#c45488}
.article-detail-header{border-bottom:1px solid #f2e4eb}
.article-detail-header h1{color:#382735;font-size:clamp(26px,3.2vw,38px);letter-spacing:0;line-height:1.5}
.article-detail-meta{color:#9b8b96}
.article-meta-dot{padding:3px 9px;border-radius:20px;background:#eef5ff;color:#007bff}
.article-lead{border-left-color:#007bff;background:#f2f7ff;color:#526174;border-radius:0 9px 9px 0}
.article-content{color:#463843;font-size:17px;line-height:2.15;letter-spacing:.15px}
.article-content h2{border-left-color:#007bff;color:#3c2937}
.article-content a{color:#c1447d}
.article-content blockquote{border-left-color:#007bff;background:#f2f7ff;color:#526174;border-radius:0 8px 8px 0}
.article-end-mark{color:#007bff}
.article-detail-footer a{color:#007bff}
.article-related{padding-bottom:36px}
@media(max-width:900px){.novel-home-sections .novel-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.novel-home-sections .novel-list,.article-list{grid-template-columns:1fr}}


/* 首页分类快捷入口：小说分类缩小，视频分类统一风格 */
.novel-home-sections .novel-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.novel-home-sections .novel-category-card{min-height:48px;padding:8px 10px;gap:8px;border-radius:10px}
.novel-home-sections .novel-category-icon{width:27px;height:27px;flex:0 0 27px;border-radius:8px;font-size:16px}
.novel-home-sections .novel-category-name{font-size:12px;font-weight:700}
.novel-home-sections .novel-category-arrow{font-size:13px}
.video-category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.video-category-card{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding:8px 10px;border:1px solid #e5eaf2;border-radius:10px;background:linear-gradient(135deg,#fff,#f7faff);color:#39475b;transition:all .2s}
.video-category-card:hover{transform:translateY(-2px);border-color:#a9c8f1;background:#f0f6ff;color:#2867b2;box-shadow:0 6px 16px rgba(52,105,173,.08)}
.video-category-icon{display:flex;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;border-radius:8px;background:#eaf3ff;color:#3979c7;font-size:12px}
.video-category-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.video-category-arrow{margin-left:auto;color:#9bb6d9;font-size:13px}
.video-category-panel .novel-section-heading h2:before{background:#4f8bd6}
.video-category-panel .novel-eyebrow{color:#5489c8}
.video-category-panel .novel-more{color:#3979c7;border-color:#dce8f7}
.video-category-panel .novel-more:hover{background:#3979c7;border-color:#3979c7;color:#fff}
@media(max-width:900px){.novel-home-sections .novel-category-grid,.video-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.novel-home-sections .novel-category-grid,.video-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.novel-home-sections .novel-category-card,.video-category-card{min-height:42px;padding:7px 6px;gap:6px}.novel-home-sections .novel-category-icon,.video-category-icon{width:23px;height:23px;flex-basis:23px;font-size:13px}.novel-home-sections .novel-category-name,.video-category-name{font-size:11px}.novel-home-sections .novel-category-arrow,.video-category-arrow{font-size:11px}}

/* 分类入口精简版：缩小小说分类并移除左侧图标后保持整齐 */
.novel-home-sections .novel-category-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.novel-home-sections .novel-category-card{justify-content:center;min-height:40px;padding:7px 8px;gap:4px;border-radius:8px;text-align:center}
.novel-home-sections .novel-category-name{font-size:12px;line-height:1.4}
.novel-home-sections .novel-category-arrow{font-size:11px;opacity:.7}
.video-category-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.video-category-card{justify-content:center;min-height:40px;padding:7px 8px;gap:4px;border-radius:8px;text-align:center}
.video-category-name{font-size:12px;line-height:1.4}
.video-category-arrow{font-size:11px;opacity:.7}
@media(max-width:1100px){.novel-home-sections .novel-category-grid,.video-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.novel-home-sections .novel-category-grid,.video-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.novel-home-sections .novel-category-grid,.video-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.novel-home-sections .novel-category-card,.video-category-card{min-height:36px;padding:6px 5px}.novel-home-sections .novel-category-name,.video-category-name{font-size:11px}.novel-home-sections .novel-category-arrow,.video-category-arrow{font-size:10px}}

/* 首页视频分类：按父分类分组展示子分类 */
.video-subcategory-groups{display:flex;flex-direction:column;gap:12px}
.video-subcategory-group{padding:10px 12px;border:1px solid #e8edf4;border-radius:10px;background:#fff}
.video-parent-name{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#28364a;font-size:13px;font-weight:700;text-decoration:none}
.video-parent-name span{color:#8a98aa;font-size:11px;font-weight:500}
.video-category-grid{display:flex;flex-wrap:wrap;gap:7px}
.video-category-card{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid #e6eaf1;border-radius:7px;background:#f8fafc;color:#526174;text-decoration:none;transition:all .18s}
.video-category-card:hover{border-color:#a9c8e8;background:#edf5ff;color:#007bff}
.video-category-name{font-size:12px;line-height:1.4;font-weight:500}
.video-category-arrow{display:none}
@media(max-width:600px){.video-subcategory-group{padding:8px}.video-category-grid{gap:6px}.video-category-card{min-height:28px;padding:5px 8px}.video-category-name{font-size:11px}}

/* 小说区域统一蓝色主题覆盖：移除残留粉色 */
:root{--novel-pink:#007bff;--novel-pink-deep:#007bff;--novel-pink-soft:#eef5ff;--novel-line:#dce7f7;--novel-ink:#26384f;--novel-muted:#7c8ba0}
.novel-home-sections .novel-panel{border-color:#dce7f7;box-shadow:0 10px 32px rgba(44,93,153,.06)}
.novel-home-sections .novel-eyebrow,.article-kicker{color:#007bff!important}
.novel-home-sections .novel-heading-note,.article-subtitle{color:#71839a!important}
.novel-home-sections .novel-category-card{border-color:#dce7f7;background:linear-gradient(135deg,#fff 0%,#f3f7ff 100%);color:#263c59}
.novel-home-sections .novel-category-card:hover{border-color:#9fc2f3;box-shadow:0 8px 20px rgba(52,105,173,.10);color:#007bff}
.novel-home-sections .novel-category-arrow{color:#7b9ecb}
.novel-home-sections .novel-list-meta{color:#7c8ba0}
.novel-home-sections .novel-list-content h3 a,.article-list-body h2 a{color:#26384f!important}
.novel-home-sections .novel-list-content h3 a:hover,.article-list-body h2 a:hover{color:#007bff!important}
.novel-home-sections .novel-list-content p,.article-list-body p{color:#718096}
.article-section-head{border-color:#dbe7f7;background:linear-gradient(115deg,#eef5ff,#f8fbff 72%,#f2f7ff)}
.article-page-title{color:#26384f!important}
.article-list-item{border-color:#dce7f7;box-shadow:0 5px 18px rgba(44,93,153,.035)}
.article-list-item:hover{background:#f5f9ff;border-color:#a9c8f1;box-shadow:0 10px 24px rgba(44,93,153,.08)}
.article-list-meta span{color:#007bff!important}
.article-read-link,.article-breadcrumb a,.article-detail-footer a,.article-content a{color:#007bff!important}
.article-sidebar .article-side-card{border-color:#dce7f7;box-shadow:0 6px 22px rgba(44,93,153,.035)}
.article-detail{border-color:#dce7f7;box-shadow:0 10px 32px rgba(44,93,153,.045)}
.article-breadcrumb,.article-detail-meta{color:#718096}
.article-detail-header{border-bottom-color:#dce7f7}
.article-detail-header h1,.article-content h2{color:#26384f}
.article-meta-dot{background:#eef5ff;color:#007bff!important}
.article-lead{border-left-color:#007bff;background:#f2f7ff;color:#526174}
.article-content{color:#34445b}
.article-content h2{border-left-color:#007bff}
.article-content blockquote{border-left-color:#007bff;background:#f2f7ff;color:#526174}
.article-end-mark{color:#8aa8d1}
.article-related-card{border-color:#dce7f7}
@media(max-width:700px){.article-list{grid-template-columns:1fr}}

/* ===== Novel theme v2: clean editorial blue ===== */
/* Scoped to novel/article areas so the video pages keep their existing design. */
:root{--novel-pink:#007bff;--novel-pink-deep:#007bff;--novel-pink-soft:#edf5fc;--novel-line:#d7e3ef;--novel-ink:#1e344a;--novel-muted:#718398}
.novel-home-sections .novel-panel{border:1px solid #d8e4ef;border-radius:8px;background:#fff;box-shadow:none}
.novel-home-sections .novel-section-heading{border-bottom:1px solid #dbe6f0;padding-bottom:12px}
.novel-home-sections .novel-section-heading h2{color:#1e344a;font-weight:750}
.novel-home-sections .novel-section-heading h2:before{width:4px;height:22px;border-radius:0;background:#007bff}
.novel-home-sections .novel-eyebrow,.article-kicker{color:#007bff!important;letter-spacing:1.5px}
.novel-home-sections .novel-heading-note,.article-subtitle{color:#718398!important}
.novel-home-sections .novel-category-card{border:1px solid #dbe5ee;border-radius:6px;background:#f8fbfe;color:#263e56;box-shadow:none;transition:background .16s,border-color .16s,color .16s}
.novel-home-sections .novel-category-card:hover{border-color:#8ab5db;background:#eaf4fc;color:#007bff;box-shadow:none;transform:translateY(-1px)}
.novel-home-sections .novel-category-icon{border-radius:5px;background:#e2effa;color:#007bff}
.novel-home-sections .novel-category-arrow{color:#7a9bb8}
.novel-home-sections .novel-more{border:1px solid #cbdceb;border-radius:5px;background:#fff;color:#007bff}
.novel-home-sections .novel-more:hover{border-color:#007bff;background:#007bff;color:#fff}
.novel-home-sections .novel-list{column-gap:24px}
.novel-home-sections .novel-list-item{gap:12px;padding:15px 0;border-bottom:1px solid #e5edf4}
.novel-home-sections .novel-list-meta{color:#7d8da0}
.novel-home-sections .novel-tag{border-radius:3px;background:#eaf3fb;color:#007bff}
.novel-home-sections .novel-list-content h3 a{color:#20374e}
.novel-home-sections .novel-list-content h3 a:hover{color:#007bff}
.novel-home-sections .novel-list-content p{color:#718398}
.novel-home-sections .novel-read{border:1px solid #cbdceb;border-radius:5px;color:#007bff}
.novel-home-sections .novel-read:hover{border-color:#007bff;background:#007bff;color:#fff}
.article-section{padding:24px 0 40px}
.article-section-head{padding:18px 20px;margin-bottom:16px;border:1px solid #d8e4ef;border-left:4px solid #007bff;border-radius:6px;background:#f5f9fd}
.article-page-title{color:#1e344a!important;font-size:clamp(23px,3vw,30px);font-weight:780}
.article-list{border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}
.article-list-item{min-width:0;gap:13px;padding:18px 4px;border:0;border-bottom:1px solid #dfe8f0;border-radius:0;background:transparent;box-shadow:none;transition:background .16s}
.article-list-item:hover{background:#f5f9fd;border-color:#b9d2e6;box-shadow:none;transform:none}
.article-list-body h2{font-size:17px;line-height:1.55}
.article-list-body h2 a{color:#20374e!important}
.article-list-body h2 a:hover{color:#007bff!important}
.article-list-meta span{color:#007bff!important}
.article-list-body p{color:#718398;line-height:1.8}
.article-read-link{color:#007bff!important}
.article-sidebar .article-side-card{border:1px solid #d8e4ef;border-radius:6px;box-shadow:none}
.article-detail-layout{padding-top:24px;padding-bottom:42px}
.article-detail{border:1px solid #d8e4ef;border-radius:8px;box-shadow:none;background:#fff}
.article-breadcrumb{color:#718398}
.article-breadcrumb a,.article-detail-footer a,.article-content a{color:#007bff!important}
.article-detail-header{border-bottom:1px solid #dfe8f0}
.article-detail-header h1{color:#1e344a;font-size:clamp(26px,3.2vw,38px);line-height:1.5;letter-spacing:0}
.article-detail-meta{color:#718398}
.article-meta-dot{border-radius:3px;background:#eaf3fb;color:#007bff!important}
.article-lead{border-left:3px solid #007bff;border-radius:0;background:#f3f8fc;color:#52677c}
.article-content{color:#2d4054;font-size:17px;line-height:2.1;letter-spacing:.1px}
.article-content h2{border-left:3px solid #007bff;color:#1e344a;padding-left:12px}
.article-content blockquote{border-left:3px solid #9abbd8;border-radius:0;background:#f3f8fc;color:#52677c}
.article-end-mark{color:#8ba7c0}
.article-related-card{border-color:#d8e4ef}
@media(max-width:900px){.novel-home-sections .novel-list,.article-list{grid-template-columns:1fr}}
@media(max-width:600px){.article-section-head{padding:15px}.article-list-item{padding:15px 2px}.article-detail-header h1{font-size:25px}.article-content{font-size:16px;line-height:2}}


/* FIX 2026-10-25: force blue novel palette and remove residual rose/pink styling */
:root{
 --novel-pink:#007bff!important;
 --novel-pink-deep:#007bff!important;
 --novel-pink-soft:#eaf3fb!important;
 --novel-line:#d7e3ef!important;
 --novel-ink:#1e344a!important;
 --novel-muted:#718398!important;
}
.novel-home,.novel-home-sections,.article-section,.article-layout,.article-detail-layout,.article-related{
 color:#1e344a!important;
}
.novel-hero,.novel-home-sections .novel-panel,.novel-home-sections .novel-category-card,
.novel-home-sections .novel-popular-card,.article-section-head,.article-list-item,
.article-detail,.article-sidebar .article-side-card,.article-related-card{
 background-color:#fff!important;
 border-color:#d7e3ef!important;
 box-shadow:none!important;
}
.novel-hero{background:#f1f7fc!important;border-radius:8px!important}
.novel-hero:after{border-color:rgba(36,99,166,.12)!important;box-shadow:0 0 0 25px rgba(36,99,166,.035),0 0 0 50px rgba(36,99,166,.025)!important}
.novel-hero-mark{color:#007bff!important;box-shadow:none!important;border:1px solid #d7e3ef!important;border-radius:8px!important}
.novel-hero h1,.novel-home-sections .novel-section-heading h2,.novel-home-sections .novel-list-content h3 a,
.novel-home-sections .novel-popular-card strong,.article-page-title,.article-detail-header h1,
.article-content h2,.article-list-body h2 a{color:#1e344a!important}
.novel-hero p,.novel-heading-note,.novel-list-meta,.novel-list-content p,.novel-popular-bottom,
.article-subtitle,.article-list-body p,.article-detail-meta,.article-breadcrumb{color:#718398!important}
.novel-eyebrow,.novel-home-sections .novel-eyebrow,.novel-home-sections .novel-more,
.novel-category-icon,.novel-list-meta .novel-tag,.novel-popular-label,.article-kicker,
.article-list-meta span,.article-read-link,.article-breadcrumb a,.article-detail-footer a,
.article-content a,.related-arrow{color:#007bff!important}
.novel-hero-link,.novel-home-sections .novel-more:hover,.novel-home-sections .novel-read:hover{
 background:#007bff!important;border-color:#007bff!important;color:#fff!important;border-radius:5px!important
}
.novel-home-sections .novel-category-card,.novel-home-sections .novel-popular-card{
 background:#f8fbfe!important;border-radius:6px!important;transform:none!important
}
.novel-home-sections .novel-category-card:hover,.novel-home-sections .novel-popular-card:hover{
 background:#eaf3fb!important;border-color:#8ab5db!important;color:#007bff!important;transform:none!important
}
.novel-home-sections .novel-category-icon{background:#e2effa!important;border-radius:5px!important}
.novel-home-sections .novel-section-heading,.article-detail-header{border-bottom-color:#d7e3ef!important}
.novel-home-sections .novel-list-item,.article-list-item{border-bottom:1px solid #dfe8f0!important}
.novel-home-sections .novel-list-content h3 a:hover,.article-list-body h2 a:hover{color:#007bff!important}
.novel-home-sections .novel-read{border:1px solid #cbdceb!important;border-radius:5px!important;color:#007bff!important}
.article-section-head{border-left:4px solid #007bff!important;border-radius:6px!important;background:#f1f7fc!important}
.article-list-item:hover{background:#f5f9fd!important;border-color:#b9d2e6!important;transform:none!important}
.article-detail{border-radius:8px!important}
.article-lead,.article-content blockquote{background:#f3f8fc!important;border-left-color:#007bff!important;color:#52677c!important}
.article-meta-dot{background:#eaf3fb!important;color:#007bff!important}
.article-end-mark{color:#8ba7c0!important}
@media(max-width:900px){.novel-home-sections .novel-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.novel-home-sections .novel-list,.article-list{grid-template-columns:1fr!important}}


/* Homepage article list redesign v3 - scoped only to homepage novel article section */
.novel-home-sections > section.novel-panel:last-of-type{
  margin-top:22px!important;
  padding:22px 24px 10px!important;
  border:1px solid #d5e3f0!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#f7fbff 0%,#ffffff 130px)!important;
  box-shadow:0 6px 22px rgba(31,79,122,.06)!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-section-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:8px!important;
  padding:0 0 16px!important;
  border-bottom:1px solid #dce8f3!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-section-heading h2{
  margin:3px 0 0!important;
  color:#173d63!important;
  font-size:22px!important;
  font-weight:800!important;
  letter-spacing:.2px!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-section-heading h2:before{
  content:""!important;
  display:inline-block!important;
  width:5px!important;
  height:23px!important;
  margin-right:10px!important;
  vertical-align:-4px!important;
  border-radius:4px!important;
  background:#2e78b7!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-eyebrow{
  color:#397eaf!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:2px!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-more{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 13px!important;
  border:1px solid #c7dced!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#007bff!important;
  font-size:13px!important;
  font-weight:700!important;
  text-decoration:none!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0 28px!important;
  margin:0!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-item{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  padding:17px 8px 17px 12px!important;
  border:0!important;
  border-bottom:1px solid #e1eaf2!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .18s ease,border-color .18s ease!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-item:hover{
  background:#f0f7fd!important;
  border-bottom-color:#b7d2e8!important;
  box-shadow:none!important;
  transform:none!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-content{
  flex:1 1 auto!important;
  min-width:0!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-bottom:7px!important;
  color:#7b8da0!important;
  font-size:12px!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-tag{
  display:inline-block!important;
  padding:3px 7px!important;
  border:1px solid #d6e7f5!important;
  border-radius:4px!important;
  background:#edf6fd!important;
  color:#28699f!important;
  font-size:11px!important;
  line-height:1.4!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-content h3{
  margin:0 0 6px!important;
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.55!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-content h3 a{
  display:block!important;
  overflow:hidden!important;
  color:#203c57!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-content h3 a:hover{
  color:#007bff!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-list-content p{
  display:-webkit-box!important;
  margin:0!important;
  overflow:hidden!important;
  color:#718398!important;
  font-size:13px!important;
  line-height:1.8!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-read{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:7px 10px!important;
  border:1px solid #c7dced!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#007bff!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-read:hover{
  border-color:#007bff!important;
  background:#007bff!important;
  color:#fff!important;
}
@media(max-width:900px){
  .novel-home-sections > section.novel-panel:last-of-type .novel-list{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:600px){
  .novel-home-sections > section.novel-panel:last-of-type{
    padding:16px 13px 6px!important;
    border-radius:8px!important;
  }
  .novel-home-sections > section.novel-panel:last-of-type .novel-section-heading h2{
    font-size:19px!important;
  }
  .novel-home-sections > section.novel-panel:last-of-type .novel-list-item{
    padding:14px 3px!important;
    gap:8px!important;
  }
  .novel-home-sections > section.novel-panel:last-of-type .novel-list-content h3{
    font-size:15px!important;
  }
  .novel-home-sections > section.novel-panel:last-of-type .novel-list-content p{
    font-size:12px!important;
  }
  .novel-home-sections > section.novel-panel:last-of-type .novel-read{
    padding:6px 8px!important;
  }
}

/* 首页小说专区二次美化：只作用于小说分类和最新小说，不影响视频分类 */
.novel-home-sections > section.novel-category-panel{
  position:relative!important;
  padding:25px 27px 27px!important;
  overflow:hidden!important;
  border:1px solid #d7e6f8!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f5f9ff 100%)!important;
  box-shadow:0 9px 28px rgba(49,99,158,.07)!important;
}
.novel-home-sections > section.novel-category-panel:after{
  content:""!important;
  position:absolute!important;
  right:-35px!important;
  top:-48px!important;
  width:130px!important;
  height:130px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(103,163,232,.13),rgba(103,163,232,0) 70%)!important;
  pointer-events:none!important;
}
.novel-home-sections > section.novel-category-panel .novel-section-heading h2{
  color:#203e61!important;
  letter-spacing:.3px!important;
}
.novel-home-sections > section.novel-category-panel .novel-eyebrow{
  color:#4e83bd!important;
  letter-spacing:1.6px!important;
  font-weight:800!important;
}
.novel-home-sections > section.novel-category-panel .novel-heading-note{
  color:#7b91aa!important;
  font-size:12px!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:11px!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-card{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-width:0!important;
  min-height:55px!important;
  padding:13px 15px!important;
  border:1px solid #d9e7f7!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.92)!important;
  color:#315273!important;
  box-shadow:0 3px 10px rgba(48,91,140,.025)!important;
  text-decoration:none!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-card:hover{
  transform:translateY(-2px)!important;
  border-color:#8db8e9!important;
  background:#edf5ff!important;
  color:#1f5c99!important;
  box-shadow:0 7px 16px rgba(49,111,180,.10)!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-name{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  color:inherit!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.5!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-arrow{
  flex:0 0 auto!important;
  margin-left:8px!important;
  color:#80a7d2!important;
  font-size:15px!important;
}
/* 最新小说列表与分类区统一蓝白风格 */
.novel-home-sections > section.novel-panel:last-of-type .novel-section-heading h2{
  color:#203e61!important;
}
.novel-home-sections > section.novel-panel:last-of-type .novel-eyebrow{
  color:#4e83bd!important;
}
@media(max-width:900px){
  .novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .novel-home-sections > section.novel-category-panel{padding:17px 13px 16px!important;border-radius:12px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-card{min-height:44px!important;padding:10px 10px!important;border-radius:8px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-name{font-size:12px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-arrow{font-size:12px!important;margin-left:5px!important}
}

/* ===== 首页视频专区升级：海报卡片 + 视频分类，蓝白统一风格 ===== */
.main-content > .side-title{
  margin:0 0 18px!important;
  padding:0 0 13px 13px!important;
  border-bottom:1px solid #e3edf8!important;
  border-left:4px solid #007bff!important;
  color:#203e61!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.main-content > .poster-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:18px 14px!important;
  margin:0 0 22px!important;
  overflow:visible!important;
}
.main-content > .poster-grid .poster-card{
  float:none!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  text-decoration:none!important;
}
.main-content > .poster-grid .poster-img{
  height:auto!important;
  padding-top:145%!important;
  border:1px solid #dce8f6!important;
  border-radius:10px!important;
  background:#edf4fc!important;
  box-shadow:0 4px 12px rgba(41,83,132,.07)!important;
  overflow:hidden!important;
}
.main-content > .poster-grid .poster-card:hover .poster-img,
.main-content > .poster-grid .poster-card:hover .poster-img{
  border-color:#8db8e9!important;
  box-shadow:0 10px 22px rgba(44,105,177,.16)!important;
  transform:translateY(-4px)!important;
}
.main-content > .poster-grid .poster-img img{
  transition:transform .3s ease!important;
}
.main-content > .poster-grid .poster-card:hover .poster-img img{
  transform:scale(1.04)!important;
}
.main-content > .poster-grid .poster-title{
  display:block!important;
  margin-top:9px!important;
  padding:0 2px!important;
  color:#2b4765!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.55!important;
  text-align:left!important;
  text-decoration:none!important;
}
.main-content > .poster-grid .poster-card:hover .poster-title{
  color:#007bff!important;
}
.main-content > .pagination{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:7px!important;
  margin:20px 0 30px!important;
}
.main-content > .pagination a{
  min-width:34px!important;
  padding:8px 11px!important;
  border:1px solid #d8e6f6!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#426487!important;
  text-decoration:none!important;
  transition:all .18s ease!important;
}
.main-content > .pagination a:hover,
.main-content > .pagination a.active{
  border-color:#007bff!important;
  background:#007bff!important;
  color:#fff!important;
}
.novel-home-sections > section.video-category-panel{
  padding:25px 27px 27px!important;
  border:1px solid #d7e6f8!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fff 0%,#f5f9ff 100%)!important;
  box-shadow:0 9px 28px rgba(49,99,158,.07)!important;
}
.novel-home-sections > section.video-category-panel:before{
  width:5px!important;
  height:62px!important;
  background:linear-gradient(180deg,#75b5f5,#2868b0)!important;
}
.novel-home-sections > section.video-category-panel .novel-section-heading{
  margin-bottom:20px!important;
  padding-bottom:15px!important;
  border-color:#e2edf9!important;
}
.novel-home-sections > section.video-category-panel .novel-section-heading h2{
  color:#203e61!important;
  font-size:22px!important;
  font-weight:800!important;
}
.novel-home-sections > section.video-category-panel .novel-eyebrow{
  color:#4e83bd!important;
  font-weight:800!important;
  letter-spacing:1.6px!important;
}
.novel-home-sections > section.video-category-panel .video-subcategory-groups{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.novel-home-sections > section.video-category-panel .video-subcategory-group{
  min-width:0!important;
  padding:14px!important;
  border:1px solid #e0ebf8!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.88)!important;
  transition:border-color .2s ease,box-shadow .2s ease!important;
}
.novel-home-sections > section.video-category-panel .video-subcategory-group:hover{
  border-color:#b6d1f0!important;
  box-shadow:0 5px 16px rgba(48,103,164,.07)!important;
}
.novel-home-sections > section.video-category-panel .video-parent-name{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:0 0 11px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid #e6eef8!important;
  color:#254d78!important;
  font-size:15px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.novel-home-sections > section.video-category-panel .video-parent-name span{
  color:#6d95c3!important;
  font-size:11px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.novel-home-sections > section.video-category-panel .video-category-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
}
.novel-home-sections > section.video-category-panel .video-category-card{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border:1px solid #dce8f7!important;
  border-radius:7px!important;
  background:#f5f9ff!important;
  color:#466586!important;
  text-decoration:none!important;
  transition:all .18s ease!important;
}
.novel-home-sections > section.video-category-panel .video-category-card:hover{
  transform:translateY(-1px)!important;
  border-color:#8eb8e8!important;
  background:#eaf3ff!important;
  color:#205f9e!important;
  box-shadow:0 4px 11px rgba(44,105,177,.09)!important;
}
.novel-home-sections > section.video-category-panel .video-category-name{
  color:inherit!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.4!important;
}
@media(max-width:1100px){
  .main-content > .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px 12px!important}
}
@media(max-width:900px){
  .main-content > .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px 11px!important}
  .novel-home-sections > section.video-category-panel .video-subcategory-groups{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .main-content > .side-title{font-size:19px!important;margin-bottom:14px!important}
  .main-content > .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px 9px!important}
  .main-content > .poster-grid .poster-title{font-size:12px!important;margin-top:7px!important}
  .main-content > .pagination{gap:5px!important;margin:16px 0 23px!important}
  .main-content > .pagination a{min-width:30px!important;padding:6px 8px!important;font-size:12px!important}
  .novel-home-sections > section.video-category-panel{padding:17px 13px 16px!important;border-radius:12px!important}
  .novel-home-sections > section.video-category-panel .novel-section-heading h2{font-size:19px!important}
  .novel-home-sections > section.video-category-panel .video-subcategory-group{padding:11px!important;border-radius:9px!important}
  .novel-home-sections > section.video-category-panel .video-parent-name{font-size:14px!important}
  .novel-home-sections > section.video-category-panel .video-category-card{min-height:32px!important;padding:6px 9px!important}
}

/* ===== 首页视频分类 + 小说分类：合并成紧凑的连续分类区 ===== */
.novel-home-sections{
  gap:0!important;
  margin-top:24px!important;
}
.novel-home-sections > section.video-category-panel{
  margin:0!important;
  padding:18px 20px 16px!important;
  border:1px solid #d9e7f7!important;
  border-bottom:0!important;
  border-radius:14px 14px 0 0!important;
  background:#f8fbff!important;
  box-shadow:none!important;
}
.novel-home-sections > section.video-category-panel:before{
  height:42px!important;
  border-radius:0 4px 4px 0!important;
}
.novel-home-sections > section.video-category-panel .novel-section-heading{
  margin-bottom:12px!important;
  padding-bottom:10px!important;
}
.novel-home-sections > section.video-category-panel .novel-section-heading h2,
.novel-home-sections > section.novel-category-panel .novel-section-heading h2{
  font-size:19px!important;
  line-height:1.35!important;
}
.novel-home-sections > section.video-category-panel .novel-eyebrow,
.novel-home-sections > section.novel-category-panel .novel-eyebrow{
  font-size:10px!important;
  letter-spacing:1.1px!important;
}
.novel-home-sections > section.video-category-panel .video-subcategory-groups{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.novel-home-sections > section.video-category-panel .video-subcategory-group{
  padding:10px 11px!important;
  border-radius:9px!important;
  box-shadow:none!important;
}
.novel-home-sections > section.video-category-panel .video-parent-name{
  margin-bottom:8px!important;
  padding-bottom:7px!important;
  font-size:13px!important;
}
.novel-home-sections > section.video-category-panel .video-category-grid{
  gap:6px!important;
}
.novel-home-sections > section.video-category-panel .video-category-card{
  min-height:28px!important;
  padding:4px 8px!important;
  border-radius:6px!important;
}
.novel-home-sections > section.video-category-panel .video-category-name{
  font-size:11px!important;
  font-weight:650!important;
}
.novel-home-sections > section.novel-category-panel{
  margin:0 0 22px!important;
  padding:16px 20px 19px!important;
  border:1px solid #d9e7f7!important;
  border-top:1px solid #e5eef9!important;
  border-radius:0 0 14px 14px!important;
  background:#f8fbff!important;
  box-shadow:none!important;
}
.novel-home-sections > section.novel-category-panel:before{
  display:none!important;
}
.novel-home-sections > section.novel-category-panel .novel-section-heading{
  margin-bottom:11px!important;
  padding-bottom:10px!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-card{
  min-height:36px!important;
  padding:7px 9px!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-name{
  font-size:12px!important;
  font-weight:700!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-arrow{
  margin-left:5px!important;
  font-size:12px!important;
}
.novel-home-sections > section.video-category-panel .novel-more{
  padding:6px 9px!important;
  font-size:12px!important;
}
@media(max-width:1000px){
  .novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .novel-home-sections{margin-top:19px!important}
  .novel-home-sections > section.video-category-panel{padding:15px 13px 13px!important;border-radius:12px 12px 0 0!important}
  .novel-home-sections > section.video-category-panel .video-subcategory-groups{grid-template-columns:1fr!important;gap:8px!important}
  .novel-home-sections > section.video-category-panel .video-subcategory-group{padding:9px!important}
  .novel-home-sections > section.video-category-panel .video-category-card{min-height:27px!important;padding:4px 7px!important}
  .novel-home-sections > section.novel-category-panel{padding:14px 13px 15px!important;border-radius:0 0 12px 12px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-card{min-height:33px!important;padding:6px 7px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-name{font-size:11px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-arrow{font-size:10px!important}
}
@media(max-width:420px){
  .novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ===== 首页：移除视频分类，只突出小说分类；紧凑清爽版 ===== */
.novel-home-sections{gap:18px!important;margin-top:22px!important}
.novel-home-sections > section.novel-category-panel{
  margin:0 0 20px!important;padding:18px 20px 20px!important;
  border:1px solid #dce7f7!important;border-radius:14px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f7faff 100%)!important;
  box-shadow:0 8px 24px rgba(44,93,153,.055)!important;
}
.novel-home-sections > section.novel-category-panel:before{display:block!important;height:36px!important;border-radius:0 4px 4px 0!important}
.novel-home-sections > section.novel-category-panel .novel-section-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;margin-bottom:13px!important;padding-bottom:11px!important;
  border-bottom:1px solid #e6eef9!important;
}
.novel-home-sections > section.novel-category-panel .novel-section-heading h2{font-size:19px!important;line-height:1.4!important;color:#263f60!important}
.novel-home-sections > section.novel-category-panel .novel-eyebrow{font-size:10px!important;letter-spacing:1.1px!important;color:#007bff!important}
.novel-home-sections > section.novel-category-panel .novel-heading-note{font-size:12px!important;color:#7b8da5!important}
.novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.novel-home-sections > section.novel-category-panel .novel-category-card{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  min-width:0!important;min-height:37px!important;padding:7px 8px!important;
  border:1px solid #dce8f8!important;border-radius:8px!important;
  background:#fff!important;color:#3c5b7e!important;box-shadow:none!important;
  text-align:center!important;transition:background .18s,border-color .18s,transform .18s!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-card:hover{
  transform:translateY(-1px)!important;border-color:#8eb8e8!important;background:#edf5ff!important;
  color:#245f9d!important;box-shadow:0 4px 10px rgba(44,105,177,.08)!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-name{font-size:12px!important;font-weight:700!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.novel-home-sections > section.novel-category-panel .novel-category-arrow{margin-left:2px!important;font-size:10px!important;color:#82a5d0!important;opacity:.8!important}
.novel-home-sections > section.novel-panel:not(.novel-category-panel){margin-top:18px!important}
@media(max-width:1000px){.novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:700px){
  .novel-home-sections{margin-top:18px!important;gap:14px!important}
  .novel-home-sections > section.novel-category-panel{padding:15px 13px 16px!important;border-radius:12px!important}
  .novel-home-sections > section.novel-category-panel .novel-section-heading h2{font-size:17px!important}
  .novel-home-sections > section.novel-category-panel .novel-heading-note{font-size:11px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-card{min-height:34px!important;padding:6px 5px!important;border-radius:7px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-name{font-size:11px!important}
}
@media(max-width:380px){.novel-home-sections > section.novel-category-panel .novel-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* ===== 首页分类：无外框、视频在上、小说在下 ===== */
.novel-home-sections{
  display:flex!important;flex-direction:column!important;gap:22px!important;
  margin:24px 0 24px!important;padding:0!important;background:transparent!important;
}
.novel-home-sections > section.video-category-panel,
.novel-home-sections > section.novel-category-panel{
  display:block!important;margin:0!important;padding:0 0 18px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;position:relative!important;
}
.novel-home-sections > section.video-category-panel:before,
.novel-home-sections > section.novel-category-panel:before{display:none!important;content:none!important}
.novel-home-sections > section.video-category-panel .novel-section-heading,
.novel-home-sections > section.novel-category-panel .novel-section-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;margin:0 0 12px!important;padding:0 0 9px!important;
  border-bottom:1px solid #e5edf7!important;
}
.novel-home-sections > section.video-category-panel .novel-section-heading h2,
.novel-home-sections > section.novel-category-panel .novel-section-heading h2{
  margin:0!important;font-size:18px!important;font-weight:750!important;color:#29496d!important;
}
.novel-home-sections > section.video-category-panel .novel-eyebrow,
.novel-home-sections > section.novel-category-panel .novel-eyebrow{display:none!important}
.novel-home-sections > section.video-category-panel .novel-more,
.novel-home-sections > section.novel-category-panel .novel-more{
  border:0!important;background:transparent!important;box-shadow:none!important;
  padding:3px 0!important;color:#5c8dc8!important;font-size:12px!important;
}
.novel-home-sections > section.video-category-panel .video-subcategory-groups{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 22px!important;
}
.novel-home-sections > section.video-category-panel .video-subcategory-group{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;min-width:0!important;
}
.novel-home-sections > section.video-category-panel .video-parent-name{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:0 0 7px!important;padding:0!important;border:0!important;background:transparent!important;
  color:#385a80!important;font-size:13px!important;font-weight:750!important;
}
.novel-home-sections > section.video-category-panel .video-parent-name span{font-size:11px!important;color:#8aa4c2!important}
.novel-home-sections > section.video-category-panel .video-category-grid{
  display:flex!important;flex-wrap:wrap!important;gap:5px 14px!important;
}
.novel-home-sections > section.video-category-panel .video-category-card,
.novel-home-sections > section.novel-category-panel .novel-category-card{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  min-height:0!important;padding:3px 0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:#687d95!important;text-align:left!important;
  transform:none!important;transition:color .15s ease!important;
}
.novel-home-sections > section.video-category-panel .video-category-card:hover,
.novel-home-sections > section.novel-category-panel .novel-category-card:hover{
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:#2675c5!important;transform:none!important;
}
.novel-home-sections > section.video-category-panel .video-category-name,
.novel-home-sections > section.novel-category-panel .novel-category-name{
  font-size:12px!important;font-weight:500!important;line-height:1.5!important;white-space:nowrap!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-grid{
  display:flex!important;flex-wrap:wrap!important;gap:5px 18px!important;
  grid-template-columns:none!important;
}
.novel-home-sections > section.novel-category-panel .novel-category-arrow{display:none!important}
.novel-home-sections > section.novel-category-panel .novel-heading-note{font-size:11px!important;color:#8a9bb0!important}
.novel-home-sections > section.novel-panel:not(.video-category-panel):not(.novel-category-panel){
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
@media(max-width:700px){
  .novel-home-sections{gap:18px!important;margin:19px 0!important}
  .novel-home-sections > section.video-category-panel .video-subcategory-groups{grid-template-columns:1fr!important;gap:12px!important}
  .novel-home-sections > section.video-category-panel .novel-section-heading h2,
  .novel-home-sections > section.novel-category-panel .novel-section-heading h2{font-size:17px!important}
  .novel-home-sections > section.novel-category-panel .novel-category-grid{display:flex!important;flex-wrap:wrap!important;gap:5px 15px!important}
  .novel-home-sections > section.video-category-panel .video-category-grid{gap:5px 13px!important}
}


/* v9 首页视频分类与小说分类合并为一个带边框的整体 */
.novel-home-sections .category-combined-panel{padding:20px 22px;border:1px solid #d8e4ef;border-radius:10px;background:#fff;box-shadow:none;margin-bottom:20px}
.novel-home-sections .category-combined-panel:before{display:none}
.novel-home-sections .category-subsection{min-width:0}
.novel-home-sections .category-subsection .novel-section-heading{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #e3ebf3}
.novel-home-sections .category-subsection .novel-section-heading h2{font-size:18px}
.novel-home-sections .category-subsection .novel-eyebrow{margin-bottom:3px;font-size:9px}
.novel-home-sections .video-subcategory-groups{gap:9px}
.novel-home-sections .video-subcategory-group{padding:8px 0;border:0;border-radius:0;background:transparent}
.novel-home-sections .video-parent-name{margin-bottom:6px;font-size:12px;color:#52677d}
.novel-home-sections .video-parent-name span{font-size:10px;color:#8194a8}
.novel-home-sections .video-category-grid{display:flex;flex-wrap:wrap;gap:6px}
.novel-home-sections .video-category-card{min-height:29px;padding:5px 10px;border:1px solid #dbe5ee;border-radius:5px;background:#f7fafd;color:#344d66}
.novel-home-sections .video-category-card:hover{border-color:#8ab5db;background:#eaf4fc;color:#007bff;box-shadow:none;transform:translateY(-1px)}
.novel-home-sections .video-category-name{font-size:12px}
.novel-home-sections .category-subsection.novel-category-panel{margin-top:17px;padding-top:16px;border-top:1px solid #dce6f0}
.novel-home-sections .category-subsection .novel-category-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.novel-home-sections .category-subsection .novel-category-card{min-height:36px;padding:7px 9px;border:1px solid #dbe5ee;border-radius:5px;background:#f7fafd;box-shadow:none}
.novel-home-sections .category-subsection .novel-category-card:hover{border-color:#8ab5db;background:#eaf4fc;box-shadow:none;transform:translateY(-1px)}
.novel-home-sections .category-subsection .novel-category-arrow{font-size:11px}
@media(max-width:900px){.novel-home-sections .category-subsection .novel-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.novel-home-sections .category-combined-panel{padding:14px 12px}.novel-home-sections .category-subsection .novel-section-heading{gap:8px}.novel-home-sections .category-subsection .novel-section-heading h2{font-size:16px}.novel-home-sections .category-subsection .novel-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.novel-home-sections .category-subsection .novel-category-card{min-height:32px;padding:6px 5px}.novel-home-sections .category-subsection .novel-category-name,.novel-home-sections .video-category-name{font-size:11px}.novel-home-sections .video-category-card{padding:5px 8px}}


/* v10：恢复首页视频分类+小说分类的整体背景框，两个分类仍在同一个框内 */
.novel-home-sections .category-combined-panel{
  padding:20px 22px !important;
  border:1px solid #c9dced !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#f3f8fd 0%,#ffffff 100%) !important;
  box-shadow:0 4px 16px rgba(42,91,135,.08) !important;
  margin:0 0 20px !important;
  overflow:hidden;
}
.novel-home-sections .category-combined-panel:before{display:none !important}
.novel-home-sections .category-combined-panel .category-subsection.novel-category-panel{
  border-top:1px solid #d4e2ef !important;
}
@media(max-width:600px){
  .novel-home-sections .category-combined-panel{padding:14px 12px !important;border-radius:9px !important}
}


/* 首页自定义分类导航：位于视频列表上方，网址可在 html/index/index.html 中修改 */
.home-quick-nav{clear:both;margin:0 0 24px;padding:17px 20px 18px;background:linear-gradient(135deg,#fff 0%,#f5f9ff 100%);border:1px solid #dce8f8;border-radius:14px;box-shadow:0 5px 18px rgba(45,91,150,.06)}
.home-quick-nav-head{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid #e5edf8}
.home-quick-nav-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e9f2ff;color:#007bff;font-size:18px}
.home-quick-nav-head h2{margin:0;color:#26384f;font-size:17px;line-height:1.4;font-weight:800}
.home-quick-nav-head p{margin:3px 0 0;color:#8798ae;font-size:11px;line-height:1.4}
.home-quick-nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.home-quick-nav .quick-nav-link{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 12px;border:1px solid #dce7f6;border-radius:8px;background:#fff;color:#365474;font-size:12px;line-height:1.4;text-decoration:none;transition:background .18s,border-color .18s,color .18s,transform .18s}
.home-quick-nav .quick-nav-link:hover{background:#007bff;border-color:#007bff;color:#fff;transform:translateY(-1px)}
.home-quick-nav .quick-nav-dot{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#edf4ff;color:#007bff;font-size:10px;font-weight:800}
.home-quick-nav .quick-nav-link:hover .quick-nav-dot{background:rgba(255,255,255,.2);color:#fff}
@media(max-width:600px){.home-quick-nav{margin-bottom:18px;padding:13px 12px 14px;border-radius:11px}.home-quick-nav-head{margin-bottom:10px;padding-bottom:10px}.home-quick-nav-mark{width:30px;height:30px;flex-basis:30px}.home-quick-nav-head h2{font-size:15px}.home-quick-nav-links{gap:6px}.home-quick-nav .quick-nav-link{min-height:30px;padding:6px 9px;gap:5px;font-size:11px}.home-quick-nav .quick-nav-dot{width:15px;height:15px;font-size:9px}}


/* v12 视频分类页：补充与小说分类页一致的分类名称与导航卡片 */
.video-type-page{padding-top:4px}
.video-type-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:19px 22px;border:1px solid #d8e4ef;border-left:4px solid #007bff;border-radius:10px;background:linear-gradient(115deg,#eef5ff 0%,#f8fbff 72%,#f2f7ff 100%)}
.video-type-heading-copy{min-width:0}
.video-type-kicker{display:block;margin:0 0 5px;color:#6d91b8;font-size:10px;font-weight:800;letter-spacing:1.5px}
.video-type-title{margin:0;color:#1e344a;font-size:clamp(23px,3vw,30px);font-weight:800;line-height:1.3}
.video-type-subtitle{margin:6px 0 0;color:#7c91a7;font-size:12px;line-height:1.6}
.video-type-heading-mark{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:#dfedff;color:#007bff;font-size:17px}
.video-type-category-nav{margin:0 0 22px;padding:16px 18px 18px;border:1px solid #d8e4ef;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(42,91,135,.045)}
.video-type-category-nav-head{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #e5edf5}
.video-type-category-nav-head h2{margin:0;color:#29496d;font-size:16px;font-weight:800}
.video-type-category-nav-head span{color:#91a2b5;font-size:11px}
.video-type-category-grid{display:flex;flex-wrap:wrap;gap:8px}
.video-type-category-card{display:inline-flex;align-items:center;gap:7px;min-height:33px;padding:7px 11px;border:1px solid #dce7f2;border-radius:7px;background:#f7faff;color:#3b5877;font-size:12px;line-height:1.3;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.video-type-category-card:hover,.video-type-category-card.is-current{border-color:#8db8e3;background:#eaf4ff;color:#1e68ad}
.video-type-category-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#e5f0ff;color:#007bff;font-size:8px}
.video-type-category-arrow{margin-left:2px;color:#8aa8c8;font-size:17px;line-height:10px}
.video-type-category-card:hover .video-type-category-arrow,.video-type-category-card.is-current .video-type-category-arrow{color:#007bff}
@media(max-width:600px){.video-type-heading{padding:15px 14px;margin-bottom:12px}.video-type-heading-mark{width:36px;height:36px;flex-basis:36px}.video-type-subtitle{font-size:11px}.video-type-category-nav{padding:13px 12px 14px;margin-bottom:17px}.video-type-category-nav-head{gap:8px}.video-type-category-nav-head h2{font-size:15px}.video-type-category-grid{gap:6px}.video-type-category-card{min-height:30px;padding:6px 8px;font-size:11px;gap:5px}}


/* Article type page: category navigation aligned with video type page */
.article-type-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:19px 22px;border:1px solid #d8e4ef;border-left:4px solid #007bff;border-radius:10px;background:linear-gradient(115deg,#eef5ff 0%,#f8fbff 72%,#f2f7ff 100%)}
.article-type-heading-copy{min-width:0}
.article-type-kicker{display:block;margin:0 0 5px;color:#6f91b6;font-size:10px;font-weight:800;letter-spacing:1.4px}
.article-type-title{margin:0;color:#203b59;font-size:25px;line-height:1.35;font-weight:850}
.article-type-subtitle{margin:6px 0 0;color:#7c91a8;font-size:12px;line-height:1.6}
.article-type-heading-mark{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;border-radius:12px;background:#dfedff;color:#007bff;font-size:22px}
.article-type-category-nav{margin:0 0 22px;padding:16px 18px 18px;border:1px solid #d8e4ef;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(42,91,135,.045)}
.article-type-category-nav-head{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid #e5edf5}
.article-type-category-nav-head h2{margin:0;color:#29496d;font-size:16px;font-weight:800}
.article-type-category-nav-head span{color:#91a2b5;font-size:11px}
.article-type-category-grid{display:flex;flex-wrap:wrap;gap:8px}
.article-type-category-card{display:inline-flex;align-items:center;gap:7px;min-height:33px;padding:7px 11px;border:1px solid #dce7f2;border-radius:7px;background:#f7faff;color:#3b5877;font-size:12px;line-height:1.3;text-decoration:none;transition:background .16s,border-color .16s,color .16s}
.article-type-category-card:hover,.article-type-category-card.is-current{border-color:#8db8e3;background:#eaf4ff;color:#1e68ad}
.article-type-category-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#e5f0ff;color:#007bff;font-size:11px}
.article-type-category-arrow{margin-left:2px;color:#8aa8c8;font-size:17px;line-height:10px}
.article-type-category-card:hover .article-type-category-arrow,.article-type-category-card.is-current .article-type-category-arrow{color:#007bff}
@media(max-width:600px){.article-type-heading{padding:15px 14px;margin-bottom:12px}.article-type-heading-mark{width:36px;height:36px;flex-basis:36px}.article-type-title{font-size:21px}.article-type-subtitle{font-size:11px}.article-type-category-nav{padding:13px 12px 14px;margin-bottom:17px}.article-type-category-nav-head{gap:8px}.article-type-category-nav-head h2{font-size:15px}.article-type-category-grid{gap:6px}.article-type-category-card{min-height:30px;padding:6px 8px;font-size:11px;gap:5px}}


/* Article category listing: full-width layout without sidebar */
.article-show-layout{display:block!important;grid-template-columns:minmax(0,1fr)!important;max-width:100%;padding-top:20px;padding-bottom:44px}
.article-show-main{width:100%;min-width:0}
.article-show-layout .article-section{width:100%;max-width:100%;padding-top:8px}
.article-show-layout .article-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 24px;margin-bottom:18px;border:1px solid #d7e5f4;border-left:4px solid #007bff;border-radius:10px;background:linear-gradient(120deg,#f2f8ff 0%,#fff 78%)}
.article-show-layout .article-page-title{font-size:clamp(23px,2.5vw,30px);line-height:1.35;color:#1e344a!important}
.article-show-layout .article-subtitle{color:#718096;font-size:14px;white-space:normal}
.article-show-layout .article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.article-show-layout .article-list-item{display:block;min-width:0;height:100%;padding:18px 20px;border:1px solid #dce7f3;border-radius:10px;background:#fff;box-shadow:0 3px 12px rgba(36,83,130,.035);transition:border-color .18s,box-shadow .18s,transform .18s}
.article-show-layout .article-list-item:hover{background:#f8fbff;border-color:#a9c8e8;box-shadow:0 8px 20px rgba(36,83,130,.08);transform:translateY(-2px)}
.article-show-layout .article-list-body{min-width:0}
.article-show-layout .article-list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#8090a2;font-size:12px}
.article-show-layout .article-list-item h2{margin:0 0 9px;font-size:18px;line-height:1.55;font-weight:750}
.article-show-layout .article-list-item h2 a{color:#243b53;text-decoration:none}
.article-show-layout .article-list-item h2 a:hover{color:#007bff}
.article-show-layout .article-list-item p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px;color:#66788a;font-size:14px;line-height:1.85}
.article-show-layout .article-read-link{display:inline-flex;align-items:center;gap:6px;color:#007bff;font-size:13px;font-weight:650}
@media(max-width:760px){.article-show-layout .article-list{grid-template-columns:minmax(0,1fr)}.article-show-layout .article-section-head{align-items:flex-start;flex-direction:column;padding:16px 18px;gap:6px}.article-show-layout .article-list-item{padding:16px}.article-show-layout .article-list-item h2{font-size:17px}}


/* v17 视频分类导航：电脑端每行10个，手机端每行3个 */
.video-type-page .video-type-category-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:8px!important;align-items:stretch!important}
.video-type-page .video-type-category-card{display:flex!important;justify-content:center!important;gap:5px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;padding:8px 5px!important;white-space:nowrap!important;overflow:hidden!important}
.video-type-page .video-type-category-name{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
.video-type-page .video-type-category-icon{flex:0 0 17px!important}
.video-type-page .video-type-category-arrow{flex:0 0 auto!important}
@media(min-width:601px) and (max-width:1000px){.video-type-page .video-type-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(max-width:600px){.video-type-page .video-type-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.video-type-page .video-type-category-card{justify-content:flex-start!important;gap:4px!important;padding:7px 6px!important;font-size:11px!important}.video-type-page .video-type-category-icon{width:15px!important;height:15px!important;flex-basis:15px!important}.video-type-page .video-type-category-arrow{display:none!important}}

/* v15 视频分类页：移除右侧栏，主内容铺满并优化海报网格 */
.video-type-page .video-type-main-layout{display:block!important;width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin-top:0!important}
.video-type-page .video-type-main-content{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;float:none!important}
.video-type-page .poster-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px 14px!important;width:100%!important;margin:0!important}
.video-type-page .poster-card{display:block!important;min-width:0!important;overflow:hidden!important;border:1px solid #e0e9f3!important;border-radius:9px!important;background:#fff!important;box-shadow:0 2px 9px rgba(38,82,126,.045)!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.video-type-page .poster-card:hover{transform:translateY(-3px)!important;border-color:#a7c8e8!important;box-shadow:0 8px 20px rgba(38,82,126,.11)!important}
.video-type-page .poster-img{position:relative!important;overflow:hidden!important;width:100%!important;aspect-ratio:3/4!important;background:#edf3f9!important}
.video-type-page .poster-img img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .25s ease!important}
.video-type-page .poster-card:hover .poster-img img{transform:scale(1.035)!important}
.video-type-page .poster-title{display:block!important;padding:9px 10px 11px!important;color:#30465d!important;font-size:13px!important;line-height:1.55!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.video-type-page .section-block{margin:0 0 28px!important;padding:18px 20px 20px!important;border:1px solid #dce7f3!important;border-radius:11px!important;background:#fff!important;box-shadow:0 3px 12px rgba(36,83,130,.035)!important}
.video-type-page .sec-header{margin:0 0 16px!important;padding:0 0 11px!important;border-bottom:1px solid #e5edf5!important}
.video-type-page .sec-title{color:#263f59!important;font-size:18px!important;font-weight:800!important}
.video-type-page .sec-more{color:#007bff!important;font-size:12px!important}
.video-type-page .video-type-category-nav{margin-bottom:20px!important}
@media(max-width:1200px){.video-type-page .poster-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px 12px!important}}
@media(max-width:900px){.video-type-page .poster-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 10px!important}}
@media(max-width:600px){.video-type-page .poster-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 8px!important}.video-type-page .poster-title{padding:7px 7px 9px!important;font-size:12px!important}.video-type-page .section-block{padding:13px 10px 15px!important;margin-bottom:18px!important}.video-type-page .sec-title{font-size:16px!important}}


/* ===== 首页“最近更新”标题与更多按钮 ===== */
.latest-videos-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 18px;
}
.latest-videos-heading > .side-title{
  flex:1;
  min-width:0;
  margin:0!important;
}
.latest-videos-more{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 13px;
  border:1px solid #d7e6f7;
  border-radius:999px;
  background:#f3f8ff;
  color:#007bff;
  font-size:13px;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.latest-videos-more span{font-size:16px;line-height:1;transition:transform .2s ease}
.latest-videos-more:hover{
  background:#007bff;
  border-color:#007bff;
  color:#fff;
  text-decoration:none;
}
.latest-videos-more:hover span{transform:translateX(3px)}
@media(max-width:600px){
  .latest-videos-heading{gap:8px;margin-bottom:14px}
  .latest-videos-more{padding:6px 11px;font-size:12px}
}


/* v21：首页最新小说改为双列卡片布局 */
.novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px 14px!important;
  align-items:stretch;
}
.novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0;
  padding:13px 12px!important;
  border:1px solid #e0eaf7!important;
  border-radius:10px!important;
  background:#fbfdff!important;
  box-sizing:border-box;
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list-item:hover{
  border-color:#a9c9ef!important;
  background:#f3f8ff!important;
  transform:translateY(-1px);
}
.novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list-content{min-width:0;flex:1}
.novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list-meta{margin:0 0 5px!important}
.novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list-content h3{
  margin:0!important;font-size:14px!important;line-height:1.55!important;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-read{
  padding:6px 8px!important;gap:4px!important;white-space:nowrap;font-size:11px!important;
}
@media(max-width:600px){
  .novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list-item{padding:10px 8px!important;gap:6px!important;align-items:flex-start!important}
  .novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-list-content h3{font-size:12px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-tag{padding:2px 6px;font-size:10px}
  .novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-read{padding:5px 6px!important;font-size:0!important;flex:0 0 auto}
  .novel-home-sections > section.novel-panel:not(.category-combined-panel) .novel-read span{font-size:12px!important}
}


/* v23：保守修复首页最新小说双列，仅影响最新小说区块 */
.novel-home-sections .novel-latest-panel .novel-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
@media(max-width:600px){
  .novel-home-sections .novel-latest-panel .novel-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
}


/* ===== 全站视觉优化补丁：清爽卡片、统一间距、响应式 ===== */
:root{--zy-hover:#007bff;--zy-hover-dark:#007bff;--zy-text:#30313a;--zy-muted:#858895;--zy-line:#ececf2;--zy-soft:#fff5f8;--zy-shadow:0 8px 26px rgba(35,28,40,.06)}
body{color:var(--zy-text);background:#f7f7fb;line-height:1.75}
a{color:inherit}
a:hover{color:var(--zy-hover)}
.wrap{max-width:1240px}
.header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--zy-line)}
.header-logo{font-weight:750;color:#292a33;letter-spacing:.5px}
.logo-icon{background:var(--zy-hover)}
.header-search-wrap{margin:22px auto 26px}
.header-search{border:1px solid #e6e6ee;border-radius:999px;overflow:hidden;box-shadow:0 4px 16px rgba(30,20,40,.04)}
.header-search input{height:46px;padding:10px 20px;background:#fff}
.header-search input:focus{background:#fff}
.header-search button{height:46px;background:var(--zy-hover);color:#fff;padding:0 26px;font-weight:650}
.header-search button:hover{background:var(--zy-hover-dark)}
.header-nav-wrap{border-top:1px solid #f0edf2;border-bottom:1px solid #f0edf2;box-shadow:none;background:#fff}
.header-nav>li>a{color:#555765;border-radius:999px;padding:9px 16px}
.header-nav>li>a:hover,.header-nav>li>a.active{background:var(--zy-soft);color:var(--zy-hover-dark)}
.section-block,.novel-panel,.article-section,.article-detail,.article-type-heading,.article-related,.side-block{border-radius:16px}
.latest-videos-heading,.sec-header,.novel-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.side-title,.sec-header .sec-title{font-size:20px;font-weight:750;color:#30313a}
.latest-videos-more,.sec-header .sec-more,.novel-more{color:var(--zy-hover-dark);font-weight:650}
.poster-grid{margin:0 -8px}
.poster-card{padding:0 8px;margin-bottom:22px}
.poster-card .poster-img{border-radius:12px;background:#f0edf2;box-shadow:0 3px 12px rgba(30,20,40,.04)}
.poster-card:hover .poster-img{transform:translateY(-4px);box-shadow:0 12px 24px rgba(40,25,40,.13)}
.poster-card .poster-title{font-size:14px;font-weight:600;color:#454652;margin-top:10px}
.novel-panel{margin:28px 0;padding:24px;background:#fff;border:1px solid var(--zy-line);box-shadow:var(--zy-shadow)}
.novel-section-heading{padding-bottom:15px;border-bottom:1px solid var(--zy-line)}
.novel-section-heading h2{font-size:22px;font-weight:800}
.novel-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 4px;border-bottom:1px solid #f1eff4}
.novel-list-item:last-child{border-bottom:0}
.novel-list-item h3{font-size:16px;font-weight:650;line-height:1.6}
.novel-list-item h3 a:hover{color:var(--zy-hover-dark)}
.novel-tag{display:inline-flex;padding:2px 10px;border-radius:999px;background:var(--zy-soft);color:var(--zy-hover-dark);font-size:12px}
.novel-read{flex-shrink:0;padding:7px 13px;border-radius:999px;background:var(--zy-soft);color:var(--zy-hover-dark);font-size:13px;font-weight:650}
.novel-read:hover{background:var(--zy-hover);color:#fff}
.article-section,.article-detail,.article-type-heading,.article-related{background:#fff;border:1px solid var(--zy-line);box-shadow:var(--zy-shadow);padding:26px;margin:22px 0}
.article-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--zy-line)}
.article-kicker,.article-type-kicker{color:var(--zy-hover-dark);font-size:11px;font-weight:800;letter-spacing:2px}
.article-page-title,.article-type-title{font-size:clamp(24px,3vw,32px);font-weight:850;letter-spacing:-.5px;color:#2d2d38}
.article-subtitle,.article-type-subtitle{color:var(--zy-muted);font-size:14px}
.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-list-item{min-width:0;border:1px solid #efedf2;border-radius:13px;padding:19px;background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}
.article-list-item:hover{transform:translateY(-3px);border-color:#f4c5d5;box-shadow:0 10px 24px rgba(50,25,40,.07)}
.article-list-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--zy-muted);font-size:12px;margin-bottom:8px}
.article-list-meta span{background:var(--zy-soft);color:var(--zy-hover-dark);padding:2px 9px;border-radius:999px}
.article-list-item h2{font-size:17px;line-height:1.55;font-weight:750;margin-bottom:8px}
.article-list-item h2 a{color:#30313a}
.article-list-item h2 a:hover{color:var(--zy-hover-dark)}
.article-list-item p{color:#777986;font-size:14px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin-bottom:12px}
.article-read-link{display:inline-flex;align-items:center;gap:7px;color:var(--zy-hover-dark);font-size:13px;font-weight:750}
.article-read-link:hover{gap:11px}
.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start;margin-top:22px}
.article-detail{margin:0}
.article-breadcrumb{font-size:13px;color:#999;display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
.article-detail-header{padding-bottom:20px;border-bottom:1px solid var(--zy-line);margin-bottom:22px}
.article-detail-header h1{font-size:clamp(25px,3vw,36px);line-height:1.45;font-weight:850;margin:8px 0 12px;overflow-wrap:anywhere}
.article-detail-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:var(--zy-muted);font-size:12px}
.article-meta-dot{color:var(--zy-hover-dark)}
.article-lead{margin-top:16px;padding:14px 16px;border-left:3px solid var(--zy-hover);border-radius:0 9px 9px 0;background:var(--zy-soft);color:#696976;font-size:15px}
.article-content{font-size:17px;line-height:2.05;color:#41414b;overflow-wrap:anywhere;word-break:break-word}
.article-content p{margin:0 0 1.25em}
.article-content img{max-width:100%;height:auto;margin:16px auto;border-radius:10px}
.article-end-mark{display:flex;justify-content:center;align-items:center;gap:12px;margin:30px 0;color:#aaa;font-size:12px}
.article-end-mark span{width:42px;height:1px;background:#e5e2e8}
.article-detail-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--zy-line);padding-top:16px;color:#92929d;font-size:13px}
.article-sidebar .side-block,.article-side-card{background:#fff;border:1px solid var(--zy-line);border-radius:14px;padding:20px;box-shadow:var(--zy-shadow);margin-bottom:18px}
.side-rank-list{counter-reset:rank}
.side-rank-list li{counter-increment:rank;display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f1eff4;font-size:14px}
.side-rank-list li:before{content:counter(rank);flex-shrink:0;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#f3f3f7;color:#777;font-size:12px;font-weight:750}
.side-rank-list li:nth-child(-n+3):before{background:var(--zy-soft);color:var(--zy-hover-dark)}
.side-rank-list li a,.side-menu-list li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-menu-list li{padding:10px 0;border-bottom:1px solid #f1eff4;font-size:14px}
.article-related{margin-top:24px}
.article-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.article-related-card{display:flex;flex-direction:column;gap:9px;padding:16px;border:1px solid #efedf2;border-radius:12px;background:#fff;transition:.2s}
.article-related-card:hover{border-color:#f1b8cb;background:#fffafd;transform:translateY(-2px)}
.related-date{font-size:11px;color:#9a9aa4}
.article-related-card strong{font-size:14px;line-height:1.6}
.related-arrow{font-size:12px;color:var(--zy-hover-dark);margin-top:auto}
.article-type-heading{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#fff 0%,#fff6f9 100%)}
.article-type-heading-mark{font-size:48px;color:#f0a0bb}
.video-type-category-nav{margin:16px 0 22px}
.video-type-category-nav-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.video-type-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.video-type-category-card{border:1px solid var(--zy-line);border-radius:12px;background:#fff;padding:13px 15px;box-shadow:0 4px 14px rgba(30,20,40,.03)}
.video-type-category-card:hover{border-color:#f0b4c8;background:var(--zy-soft);color:var(--zy-hover-dark)}
.modern-links{margin:14px 0}
.link-container{gap:8px}
.link-card{border:1px solid #eee7ed;background:#fff;border-radius:999px;color:#666;padding:7px 14px}
.link-card:hover{background:var(--zy-hover);border-color:var(--zy-hover);color:#fff}
.nditem{border:1px solid #f0e9ef;background:#fff;border-style:solid}
.nditem:hover{background:var(--zy-soft);color:var(--zy-hover-dark);border-color:#f2bfd0}
.paging,.page-list,.pagination{margin:24px 0}
@media(max-width:900px){
 .article-detail-layout{grid-template-columns:minmax(0,1fr)}
 .article-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .article-sidebar .side-block{margin-bottom:0}
 .article-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .video-type-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
 .wrap{padding:0 13px}
 .header-logo{margin-top:18px;font-size:21px}
 .header-logo img{width:44px!important;height:44px!important}
 .header-search-wrap{margin:16px auto}
 .article-section,.article-detail,.article-type-heading,.article-related,.novel-panel{padding:17px;border-radius:13px}
 .article-section-head{display:block}
 .article-subtitle{display:block;margin-top:6px}
 .article-list{grid-template-columns:minmax(0,1fr);gap:11px}
 .article-list-item{padding:16px}
 .article-detail-layout{gap:14px}
 .article-detail-header h1{font-size:25px}
 .article-content{font-size:16px;line-height:1.95}
 .article-sidebar{grid-template-columns:minmax(0,1fr)}
 .article-related-grid{grid-template-columns:minmax(0,1fr)}
 .poster-card{width:33.3333%;padding:0 5px;margin-bottom:15px}
 .poster-grid{margin:0 -5px}
 .novel-panel{margin:18px 0}
 .novel-list-item{align-items:flex-start;padding:14px 0}
 .novel-list-item h3{font-size:15px}
 .novel-read{padding:6px 10px}
 .video-type-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .video-type-category-card{padding:11px}
}

/* 首页「最新小说」响应式布局：电脑三列，手机两列 */
main.wrap .novel-latest-panel .novel-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch;
}
main.wrap .novel-latest-panel .novel-list-item{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between;
  gap:10px !important;
  min-width:0;
  padding:14px 12px !important;
  border:1px solid #f0e5ec !important;
  border-radius:12px;
  background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
main.wrap .novel-latest-panel .novel-list-item:hover{
  border-color:var(--zy-hover, #007bff) !important;
  box-shadow:0 5px 16px rgba(180,80,125,.09);
  transform:translateY(-2px);
}
main.wrap .novel-latest-panel .novel-list-content{flex:1;min-width:0}
main.wrap .novel-latest-panel .novel-list-content h3{
  margin:0;
  font-size:15px;
  line-height:1.6;
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
main.wrap .novel-latest-panel .novel-read{flex-shrink:0;white-space:nowrap}
@media(max-width:640px){
  main.wrap .novel-latest-panel .novel-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
  }
  main.wrap .novel-latest-panel .novel-list-item{
    align-items:flex-start !important;
    padding:11px 9px !important;
    gap:6px !important;
  }
  main.wrap .novel-latest-panel .novel-list-content h3{font-size:13px;line-height:1.55}
  main.wrap .novel-latest-panel .novel-list-meta{margin-bottom:5px}
  main.wrap .novel-latest-panel .novel-read{font-size:11px;padding:5px 7px}
}


/* 全站统一系统蓝色：覆盖旧版残留的粉色强调色 */
:root{
  --zy-hover:#007bff;
  --zy-hover-dark:#007bff;
  --zy-soft:#edf5fc;
  --zy-line:#d7e3ef;
  --novel-pink:#007bff;
  --novel-pink-deep:#007bff;
  --novel-pink-soft:#edf5fc;
}
.novel-hero:after{border-color:rgba(36,99,166,.13)!important;box-shadow:0 0 0 25px rgba(36,99,166,.035),0 0 0 50px rgba(36,99,166,.025)!important}
.article-list-item:hover{border-color:#a9c8e8!important;box-shadow:0 8px 20px rgba(36,99,166,.07)!important}
.article-sidebar .article-side-card,.article-detail{border-color:#d7e3ef!important}
.article-detail-header{border-bottom-color:#d7e3ef!important}
.article-content blockquote{border-left-color:#007bff!important;color:#526174!important}
.video-category-card:hover{border-color:#8db8e3!important;background:#eaf4fc!important;color:#007bff!important}


/* ==========================================================
   集中管理：从各页面 HTML 内提取的样式
   便于统一维护；保留原有选择器与响应式规则
   ========================================================== */


/* ===== CSS extracted from html/public/head.html ===== */
/* 搜索区域 */
.header-search-wrap {
    width: 100%;
    max-width: 560px;
    min-width: 0;
}

/* 搜索框主体 */
.header-search {
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 5px 6px 5px 16px;
    gap: 10px;
    border: 1px solid var(--zy-border, #e2e8f0);
    border-radius: 50px;
    background: var(--zy-card, #fff);
    box-sizing: border-box;
    transition: border-color .25s ease, box-shadow .25s ease;
}

/* 聚焦效果 */
.header-search:focus-within {
    border-color: var(--zy-hover, #007bff);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, .10);
}

/* 搜索图标 */
.header-search .search-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--zy-muted, #94a3b8);
}

/* 输入框 */
.header-search input {
    flex: 1;
    width: 0;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--zy-text, #263247);
    font-size: 14px;
    box-shadow: none;
    appearance: none;
}

.header-search input::placeholder {
    color: var(--zy-muted, #94a3b8);
}

.header-search input::-webkit-search-cancel-button {
    cursor: pointer;
}

/* 搜索按钮 */
.header-search button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: 76px;
    height: 36px;
    padding: 0 20px;
    border: 0;
    border-radius: 50px;
    background: var(--zy-hover, #007bff);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: filter .2s ease, transform .2s ease;
}

.header-search button:hover {
    filter: brightness(1.08);
}

.header-search button:active {
    transform: scale(.97);
}

/* 手机端 */
@media (max-width: 600px) {
    .header-search-wrap {
        max-width: none;
    }

    .header-search {
        height: 44px;
        padding-left: 12px;
        gap: 8px;
    }

    .header-search button {
        min-width: 64px;
        height: 34px;
        padding: 0 15px;
        font-size: 13px;
    }

    .header-search input {
        font-size: 13px;
    }
}


/* ===== CSS extracted from html/public/head.html ===== */
/* 1. 外层网格容器：默认手机端一行显示3个 */
    .ndgrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 手机端：3列 */
        gap: 10px; /* 广告位之间的间距 */
        margin: 20px 0;
    }

    /* 2. 电脑端响应式：屏幕宽度大于等于 768px 时，一行显示10个 */
    @media screen and (min-width: 768px) {
        .ndgrid {
            grid-template-columns: repeat(10, 1fr); /* 电脑端：10列 */
        }
    }

    /* 3. 单个广告位的样式 */
    .nditem {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: #333;
        background-color: #f9f9f9;
        border: 1px dashed #ddd;
        border-radius: 8px;
        padding: 10px 5px;
        transition: all 0.2s;
    }

    /* 鼠标悬停效果 */
    .nditem:hover {
        background-color: #007bff;
        color: #fff;
        border-color: #007bff;
    }

    /* 图片图标样式 */
    .ndicon {
        width: 40px;  /* 固定图标宽度，防止不同大小的图片撑破布局 */
        height: 40px; /* 固定图标高度 */
        margin-bottom: 5px;
    }

    /* 让图片自适应填满容器，且不变形 */
    .ndicon img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* 保持图片比例缩放，完整显示 */
    }

    /* 文字样式 */
    .ndtext {
        font-weight: 700;
        font-size: 12px;
        text-align: center;
        white-space: nowrap; /* 防止文字换行 */
        overflow: hidden;
        text-overflow: ellipsis; /* 文字太长时显示省略号 */
        max-width: 100%;
    }


/* ===== CSS extracted from html/public/head.html ===== */
/* 头部推广链接文字统一加粗 */
.ndgrid .ndtext,
.modern-links-only .modern-links-only-container a {
    font-weight: 700;
}

/* 只作用于这一个专属链接区域 */
.modern-links-only {
    width: 100%;
    margin: 12px auto 20px;
    box-sizing: border-box;
}

.modern-links-only .modern-links-only-container {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.modern-links-only .modern-links-only-container a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 42px;
    min-width: 0;
    padding: 0 5px;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    background: #f4f7fb;
    border: 1px solid #e1eaf5;
    border-radius: 7px;
    color: #45566b;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    transition: background .2s ease, color .2s ease;
}

.modern-links-only .modern-links-only-container a:hover {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
}

/* 平板：每行5个 */
@media (min-width: 769px) and (max-width: 1100px) {
    .modern-links-only .modern-links-only-container {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}

/* 手机：每行3个 */
@media (max-width: 768px) {
    .modern-links-only .modern-links-only-container {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }

    .modern-links-only .modern-links-only-container a {
        height: 40px;
        padding: 0 3px;
        border-radius: 6px;
        font-size: 12px;
    }
}


/* ===== CSS extracted from html/public/head.html ===== */
.video-type-category-nav {
  --nav-blue: #007bff;
  --nav-blue-hover: #007bff;
  --nav-border: #dce8f8;
  --nav-bg: #ffffff;
  width: 100%;
  box-sizing: border-box;
}

.video-type-category-nav * {
  box-sizing: border-box;
}

.video-type-category-nav .video-type-category-nav-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 14px;
}

.video-type-category-nav .video-type-category-nav-head h2 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--zy-text, #222);
  white-space: nowrap;
}

.video-type-category-nav .category-search-wrap {
  display: flex;
  flex: 1;
  min-width: 260px;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-left: auto;
}

.video-type-category-nav .search-hotwords {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.video-type-category-nav .search-hotwords a {
  display: inline-block;
  padding: 5px 9px;
  border: 1px solid var(--nav-blue);
  border-radius: 5px;
  background: var(--nav-bg);
  color: var(--nav-blue);
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  transition: all .2s ease;
}

.video-type-category-nav .search-hotwords a:hover {
  background: var(--nav-blue);
  color: #fff;
}

.video-type-category-nav .category-search-form {
  display: flex;
  flex: 1;
  max-width: 360px;
  min-width: 180px;
  gap: 6px;
}

.video-type-category-nav .category-search-form input {
  flex: 1;
  width: 0;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--nav-border);
  border-radius: 6px;
  outline: none;
  background: #fff;
  color: #000;
  font-size: 14px;
}

.video-type-category-nav .category-search-form input:focus {
  border-color: var(--nav-blue);
}

.video-type-category-nav .category-search-form button {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 18px;
  border: 0;
  border-radius: 6px;
  background: var(--zy-hover, var(--nav-blue));
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}

.video-type-category-nav .category-search-form button:hover {
  opacity: .88;
}

.video-type-category-grid {
  display: grid;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 28px;
}

.video-type-category-card {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  padding: 10px 5px;
  border: 1px solid var(--nav-border);
  border-radius: 7px;
  background: var(--nav-bg);
  color: var(--zy-text, #333);
  font-size: 13px;
  text-decoration: none;
  text-align: center;
  transition: all .2s ease;
}

.video-type-category-card .category-icon {
  color: var(--nav-blue);
}

.video-type-category-card:hover {
  border-color: var(--nav-blue);
  color: var(--nav-blue);
  background: #edf5ff;
}

/* 手机端：标题和关键词第一行，搜索框第二行 */
@media (max-width: 768px) {
  .video-type-category-nav .video-type-category-nav-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    row-gap: 10px;
    margin-bottom: 14px;
  }

  .video-type-category-nav .video-type-category-nav-head h2 {
    grid-column: 1;
    grid-row: 1;
    font-size: 16px;
  }

  .video-type-category-nav .category-search-wrap {
    display: contents;
  }

  .video-type-category-nav .search-hotwords {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 4px;
    min-width: 0;
  }

  .video-type-category-nav .search-hotwords a {
    padding: 4px 5px;
    font-size: 11px;
  }

  .video-type-category-nav .category-search-form {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    width: 100%;
    max-width: none;
    min-width: 0;
    gap: 6px;
  }

  .video-type-category-nav .category-search-form input {
    height: 36px;
    font-size: 13px;
  }

  .video-type-category-nav .category-search-form button {
    height: 36px;
    padding: 0 15px;
    font-size: 13px;
  }

  .video-type-category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 22px;
  }

  .video-type-category-card {
    padding: 10px 3px;
    font-size: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .video-type-category-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}


/* ===== CSS extracted from html/index/index.html ===== */
/* =========================
   首页整体宽度
   不修改视频卡片样式
========================= */
.home-page {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 24px;
}

/* =========================
   小说区域
========================= */
.home-page .novel-section {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 30px;
}

.home-page .novel-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 18px;
}

.home-page .novel-heading-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.home-page .novel-heading-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--zy-hover, #007bff) 12%, transparent);
    color: var(--zy-hover, #007bff);
    font-size: 23px;
}

.home-page .novel-heading-desc {
    margin: 3px 0 0;
    color: var(--zy-muted, #8491a5);
    font-size: 12px;
}

.home-page .novel-section-heading .side-title {
    margin: 0;
    color: var(--zy-text, #263247);
    font-size: 20px;
    font-weight: 700;
}

.home-page .latest-videos-more {
    flex-shrink: 0;
    color: var(--zy-muted, #8491a5);
    font-size: 14px;
    text-decoration: none;
}

.home-page .latest-videos-more:hover {
    color: var(--zy-hover, #007bff);
}

.home-page .article-related-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}

.home-page .article-related-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--zy-border, #e5eaf2);
    border-radius: 14px;
    background: var(--zy-card, #fff);
    color: var(--zy-text, #263247);
    text-decoration: none;
    transition: border-color .2s ease, box-shadow .2s ease,
                transform .2s ease;
}

.home-page .article-related-card:hover {
    transform: translateY(-3px);
    border-color: var(--zy-hover, #007bff);
    box-shadow: 0 8px 22px rgba(0, 123, 255, .09);
}

.home-page .novel-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.home-page .novel-card-label {
    display: inline-block;
    max-width: 85%;
    overflow: hidden;
    padding: 5px 10px;
    border-radius: 6px;
    background: var(--zy-hover, #007bff);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-page .novel-card-star {
    flex-shrink: 0;
    color: var(--zy-hover, #007bff);
    font-size: 20px;
}

.home-page .novel-card-title {
    display: -webkit-box;
    min-height: 48px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow-wrap: anywhere;
}

.home-page .novel-card-divider {
    width: 36px;
    height: 3px;
    flex-shrink: 0;
    margin: 13px 0;
    border-radius: 3px;
    background: var(--zy-hover, #007bff);
}

.home-page .novel-card-description {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 20px;
    color: var(--zy-muted, #8491a5);
    font-size: 13px;
    line-height: 1.9;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow-wrap: anywhere;
}

.home-page .novel-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--zy-border, #e5eaf2);
    color: var(--zy-hover, #007bff);
    font-size: 13px;
}

.home-page .novel-read-arrow {
    transition: transform .2s ease;
}

.home-page .article-related-card:hover .novel-read-arrow {
    transform: translate(3px, -2px);
}

/* =========================
   友情链接
========================= */
.home-page .modern-links {
    width: 100%;
    margin: 30px 0;
    padding: 20px;
    border: 1px solid var(--zy-border, #e5eaf2);
    border-radius: 14px;
    background: var(--zy-card, #fff);
}

.home-page .modern-links h3 {
    margin: 0 0 15px;
    font-size: 17px;
    font-weight: 700;
    color: var(--zy-text, #263247);
}

.home-page .modern-links h3 a {
    color: inherit;
    text-decoration: none;
}

.home-page .link-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.home-page .link-card {
    display: inline-block;
    padding: 9px 15px;
    border: 1px solid var(--zy-border, #e5eaf2);
    border-radius: 8px;
    background: var(--zy-card, #fff);
    color: var(--zy-muted, #64748b);
    font-size: 13px;
    text-decoration: none;
    transition: background .2s ease, color .2s ease,
                border-color .2s ease;
}

.home-page .link-card:hover {
    border-color: var(--zy-hover, #007bff);
    background: var(--zy-hover, #007bff);
    color: #fff;
}

/* =========================
   平板和手机
   不设置视频区域的列数和图片尺寸
========================= */
@media (max-width: 1100px) {
    .home-page {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home-page .article-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media (max-width: 600px) {
    .home-page {
        padding-left: 12px;
        padding-right: 12px;
    }

    .home-page .novel-section-heading .side-title {
        font-size: 18px;
    }

    .home-page .novel-heading-icon {
        width: 34px;
        height: 34px;
        font-size: 20px;
    }

    .home-page .article-related-card {
        padding: 12px;
    }

    .home-page .novel-card-title {
        font-size: 14px;
    }

    .home-page .novel-card-description {
        font-size: 12px;
        line-height: 1.75;
    }

    .home-page .modern-links {
        padding: 15px;
    }

    .home-page .link-container {
        gap: 8px;
    }

    .home-page .link-card {
        padding: 8px 11px;
        font-size: 12px;
    }
}


/* 首页“更多视频 / 更多小说”使用两种协调的蓝色按钮样式 */
.home-page .main-layout .latest-videos-more{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:9px 16px;border:1px solid #007bff;border-radius:8px;
  background:linear-gradient(135deg,#007bff,#007bff);color:#fff;
  font-size:13px;font-weight:700;line-height:1.35;text-decoration:none;
  box-shadow:0 3px 9px rgba(0,123,255,.16);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.home-page .main-layout .latest-videos-more:hover{
  background:linear-gradient(135deg,#007bff,#007bff);color:#fff;
  transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,123,255,.22);
}
.home-page > .novel-section .latest-videos-more{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:8px 15px;border:1px solid #b8d1eb;border-radius:8px;
  background:#edf5fc;color:#007bff;font-size:13px;font-weight:700;
  line-height:1.35;text-decoration:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.home-page > .novel-section .latest-videos-more:hover{
  background:#dcecfb;border-color:#7eaddb;color:#007bff;transform:translateY(-1px);
}
.home-page .latest-videos-more span{font-size:16px;line-height:1;transition:transform .18s ease}
.home-page .latest-videos-more:hover span{transform:translateX(3px)}
@media(max-width:600px){
  .home-page .main-layout .latest-videos-more,.home-page > .novel-section .latest-videos-more{gap:5px;padding:7px 10px;font-size:12px;border-radius:7px}
}


/* ===== CSS extracted from html/vod/type.html ===== */
.novel-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--zy-border, #e5eaf2);
}

.novel-heading-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.novel-heading-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 11px;
    background: rgba(59, 130, 246, .12);
    color: var(--zy-hover, #007bff);
    font-size: 23px;
}

.novel-section-heading .side-title {
    margin: 0;
    padding: 0;
    color: var(--zy-text, #263247);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.5;
}

.novel-heading-desc {
    margin: 3px 0 0;
    color: var(--zy-muted, #8491a5);
    font-size: 12px;
    line-height: 1.5;
}

@media (max-width: 480px) {
    .novel-section-heading {
        margin-bottom: 14px;
        padding-bottom: 12px;
    }

    .novel-heading-left {
        gap: 9px;
    }

    .novel-heading-icon {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        font-size: 20px;
    }

    .novel-section-heading .side-title {
        font-size: 18px;
    }

    .novel-heading-desc {
        font-size: 11px;
    }
}


/* ===== CSS extracted from html/vod/type.html ===== */
/* 仅移除侧栏占位，让原视频内容区域铺满 */
.video-type-no-sidebar {
  display: block !important;
  width: 100%;
}

.video-type-no-sidebar > .main-content {
  float: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}


/* ===== CSS extracted from html/vod/play.html ===== */
.category-tip {
    margin: 0 0 12px;
    padding: 10px 12px;
    border-radius: 6px;
    background: #eef6ff;
    border: 1px solid #cfe3ff;
    color: #007bff;
    font-size: 12px;
    line-height: 1.6;
}


/* ===== CSS extracted from html/vod/play.html ===== */
.my-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    padding: 16px;
    margin: 12px 0 20px;
    background: linear-gradient(145deg, #f7fbff, #edf5ff);
    border: 1px solid #d9e9ff;
    border-radius: 14px;
    box-shadow: 0 5px 20px rgba(0, 123, 255, 0.08);
    box-sizing: border-box;
}

.my-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 14px;
    box-sizing: border-box;
    border: 1px solid #d6e6fb;
    border-radius: 8px;
    background: #fff;
    color: #007bff;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease, background .2s ease,
                border-color .2s ease, box-shadow .2s ease,
                transform .2s ease;
}

.my-nav a:hover {
    color: #fff;
    background: linear-gradient(135deg, #007bff, #007bff);
    border-color: #007bff;
    box-shadow: 0 4px 12px rgba(0, 123, 255, .25);
    transform: translateY(-2px);
}

.my-nav a.active {
    color: #fff;
    background: linear-gradient(135deg, #007bff, #007bff);
    border-color: transparent;
    box-shadow: 0 3px 10px rgba(0, 123, 255, .22);
    font-weight: 600;
}

.my-nav a.active:hover {
    background: linear-gradient(135deg, #007bff, #007bff);
}

/* 手机端 */
@media (max-width: 600px) {
    .my-nav {
        gap: 7px;
        padding: 11px;
        border-radius: 10px;
    }

    .my-nav a {
        min-height: 32px;
        padding: 6px 10px;
        font-size: 12px;
        border-radius: 7px;
    }
}

/* 减少动态效果偏好 */
@media (prefers-reduced-motion: reduce) {
    .my-nav a {
        transition: none;
    }

    .my-nav a:hover {
        transform: none;
    }
}


/* ===== CSS extracted from html/vod/play.html ===== */
/* 相关推荐标题 - 原模板蓝色风格 */
.sec-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    padding-bottom: 14px;
    position: relative;
    border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.sec-title-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 76px;
    height: 3px;
    border-radius: 3px;
    background: var(--zy-hover, #007bff);
}

.sec-title-wrap .sec-title-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 9px;
    background: rgba(59, 130, 246, 0.12);
    color: var(--zy-hover, #007bff);
    font-size: 18px;
}

.sec-title-wrap .sec-title {
    margin: 0;
    padding: 0;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
    color: var(--zy-text, #263247);
    letter-spacing: 0.5px;
}

.sec-title-wrap .sec-title-en {
    margin-left: 2px;
    color: var(--zy-muted, #98a2b3);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.2px;
}

@media (max-width: 600px) {
    .sec-title-wrap {
        gap: 8px;
        margin-bottom: 14px;
        padding-bottom: 11px;
    }

    .sec-title-wrap .sec-title {
        font-size: 18px;
    }

    .sec-title-wrap .sec-title-icon {
        width: 27px;
        height: 27px;
        font-size: 16px;
    }

    .sec-title-wrap .sec-title-en {
        font-size: 9px;
    }
}


/* ===== CSS extracted from html/art/show.html ===== */
.novel-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--zy-border, #e5eaf2);
}

.novel-heading-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.novel-heading-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 11px;
    background: rgba(0,123,255,.12);
    color: var(--zy-hover, #007bff);
    font-size: 23px;
}

.novel-section-heading .side-title {
    margin: 0;
    color: var(--zy-text, #263247);
    font-size: 21px;
    font-weight: 800;
    line-height: 1.5;
}

.novel-heading-desc {
    margin: 3px 0 0;
    color: var(--zy-muted, #8491a5);
    font-size: 12px;
    line-height: 1.5;
}

.article-related-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.article-related-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 18px;
    overflow: hidden;
    border: 1px solid var(--zy-border, #e5eaf2);
    border-radius: 14px;
    background: var(--zy-card, #fff);
    color: var(--zy-text, #263247);
    text-decoration: none;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.article-related-card:hover {
    transform: translateY(-4px);
    border-color: var(--zy-hover, #007bff);
    box-shadow: 0 8px 24px rgba(0,123,255,.10);
}

.novel-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 14px;
}

.novel-card-label {
    display: inline-block;
    max-width: 80%;
    overflow: hidden;
    padding: 5px 10px;
    border-radius: 6px;
    background: var(--zy-hover, #007bff);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.novel-card-star {
    flex-shrink: 0;
    color: var(--zy-hover, #007bff);
    font-size: 20px;
}

.novel-card-title {
    display: -webkit-box;
    min-height: 48px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.novel-card-divider {
    width: 36px;
    height: 3px;
    flex-shrink: 0;
    margin: 14px 0;
    border-radius: 3px;
    background: var(--zy-hover, #007bff);
}

.novel-card-description {
    display: -webkit-box;
    min-height: 74px;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: var(--zy-muted, #8491a5);
    font-size: 13px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.novel-card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--zy-border, #e5eaf2);
    color: var(--zy-hover, #007bff);
    font-size: 13px;
}

.novel-read-arrow {
    transition: transform .2s ease;
}

.article-related-card:hover .novel-read-arrow {
    transform: translate(3px, -2px);
}

.novel-pagination {
    margin-top: 25px;
}

@media (max-width: 900px) {
    .article-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .article-related-card {
        padding: 14px;
    }
}

@media (max-width: 480px) {
    .novel-heading-icon {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .novel-section-heading .side-title {
        font-size: 18px;
    }

    .novel-heading-desc {
        font-size: 11px;
    }

    .article-related-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .article-related-card {
        padding: 12px;
        border-radius: 11px;
    }

    .novel-card-title {
        min-height: 42px;
        font-size: 14px;
    }

    .novel-card-description {
        min-height: 68px;
        font-size: 12px;
        line-height: 1.8;
    }

    .novel-card-top {
        margin-bottom: 10px;
    }

    .novel-card-divider {
        margin: 10px 0;
    }
}