/*
 * laolicms 网站综合管理系统 v1.0.0
 * 作者：丿king　　联系 QQ：1735737677
 * 本文件作用：文章频道三套版式（频道首页 / 列表页 / 内页）专用样式，旧站 wzall.php、wz.php、wzshow.php 页内样式的整理版，
 *            laoli.css 已有的 wbsy-* / wzlb-* / wzxq-* 一类类名直接复用，这里只补资讯门户头条、时间轴缩略行、文章页侧栏等缺的部分，新类名统一以 wz- 开头
 * 文件路径：application/template/laoli/public/pc/css/sub_wz.css
 */

/* ===== 通用：空态 / 小徽章 ===== */
.wz-empty{padding:26px 15px;text-align:center;font-size:14px;color:#aaa;}
.wz-empty a,.wz-li-none a{color:var(--chengb,#ff7200);}
.wz-li-none{padding:10px 0;font-size:13px;color:#bbb;text-align:center;list-style:none;}
.wz-chip{display:inline-block;padding:1px 6px;border-radius:3px;font-size:12px;font-weight:400;line-height:18px;vertical-align:middle;}
.wz-chip.tui{background:#fff1e6;color:var(--chengb,#ff7200);}
.wz-card-more{margin-left:auto;font-size:12px;font-weight:400;color:var(--sub-text-color,#999);text-decoration:none;}
.wz-card-more:hover{color:var(--chengb,#ff7200);}

/* ===== 频道首页：头条区（左大图头条 + 右最新速览） ===== */
.wz-home>.wz-hero-wrap{margin-bottom:20px;}
.wz-hero-wrap{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:15px;}
.wz-hero{position:relative;display:block;overflow:hidden;border-radius:8px;background:var(--bg-color,#fff);text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.wz-hero:hover{box-shadow:0 8px 20px rgba(0,0,0,.12);}
.wz-hero-img{display:block;width:100%;height:230px;object-fit:cover;background:#f2f3f5;}
.wz-hero-noimg{display:flex;align-items:center;justify-content:center;font-size:48px;color:#dcdfe6;background:linear-gradient(135deg,#fff4ea,#ffe4cc);}
.wz-hero-text{display:block;padding:14px 16px;}
.wz-hero-badge{display:inline-block;margin-bottom:8px;padding:2px 8px;border-radius:3px;background:var(--chengb,#ff7200);color:#fff;font-size:12px;font-weight:400;}
.wz-hero-title{display:block;font-size:19px;font-weight:600;line-height:1.5;color:var(--text-color,#333);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wz-hero:hover .wz-hero-title{color:var(--chengb,#ff7200);}
.wz-hero-intro{display:block;margin-top:6px;font-size:13px;line-height:1.7;color:var(--sub-text-color,#777);overflow:hidden;}
.wz-hero-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;color:#aaa;}
.wz-hero-meta i{color:var(--chengb,#ff7200);}
.wz-hero-side{display:flex;flex-direction:column;background:var(--bg-color,#fff);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;}
.wz-hero-side-header{padding:12px 15px;border-bottom:1px solid #f0f0f0;font-size:15px;font-weight:600;color:var(--text-color,#333);}
.wz-hero-side-header i{color:var(--chengb,#ff7200);}
.wz-hero-list{flex:1 1 auto;list-style:none;margin:0;padding:6px 15px;}
.wz-hero-list li{border-bottom:1px dashed #f2f2f2;}
.wz-hero-list li:last-child{border-bottom:none;}
.wz-hero-list a{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:14px;color:var(--text-color,#444);text-decoration:none;}
.wz-hero-list a:hover{color:var(--chengb,#ff7200);}
.wz-hero-li-title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wz-hero-li-meta{flex:none;font-size:12px;color:#bbb;}

/* ===== 频道首页：按分类分区 ===== */
.wz-cat-block{background:var(--bg-color,#fff);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:20px;overflow:hidden;}
.wz-cat-header{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid #f0f0f0;}
.wz-cat-title{margin:0;font-size:16px;font-weight:600;color:var(--text-color,#333);}
.wz-cat-title a{color:inherit;text-decoration:none;}
.wz-cat-title a:hover{color:var(--chengb,#ff7200);}
.wz-cat-title i{color:var(--chengb,#ff7200);font-size:14px;}
.wz-cat-count{margin-left:6px;font-size:12px;font-weight:400;color:var(--sub-text-color,#999);}
.wz-cat-more{margin-left:auto;font-size:13px;color:var(--sub-text-color,#999);text-decoration:none;white-space:nowrap;}
.wz-cat-more:hover{color:var(--chengb,#ff7200);}
.wz-cat-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:6px 15px;}
.wz-cat-item{display:block;padding:11px 0;border-bottom:1px dashed #f2f2f2;text-decoration:none;}
.wz-cat-item:nth-last-child(1),.wz-cat-item:nth-last-child(2){border-bottom:none;}
.wz-cat-item-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;color:var(--text-color,#333);}
.wz-cat-item:hover .wz-cat-item-title{color:var(--chengb,#ff7200);}
.wz-cat-item-sum{display:-webkit-box;margin-top:5px;font-size:13px;line-height:1.7;color:var(--sub-text-color,#888);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.wz-cat-item-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;font-size:12px;color:#b6b9c0;}

/* ===== 频道首页：底部三块侧栏横排 ===== */
.wz-side .sub-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;}

/* ===== 列表页：排序工具条 ===== */
.wz-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:var(--bg-color,#fff);border-radius:8px;padding:12px 15px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.06);}
.wz-toolbar-title{font-size:16px;font-weight:600;color:var(--text-color,#333);}
.wz-toolbar-count{margin-left:8px;font-size:12px;font-weight:400;color:var(--sub-text-color,#999);}
.wz-toolbar-sort{display:flex;flex-wrap:wrap;gap:6px;}
.wz-toolbar-sort a{padding:4px 12px;border-radius:14px;background:#f5f6f8;font-size:13px;color:#666;text-decoration:none;}
.wz-toolbar-sort a:hover,.wz-toolbar-sort a.active{background:var(--chengb,#ff7200);color:#fff;}

/* ===== 列表页：时间轴行（缩略图 + 主内容 + 右侧时间） ===== */
.wz-tl-item{align-items:flex-start;}
.wz-tl-img{flex:none;width:50px;height:50px;margin-right:12px;border-radius:6px;overflow:hidden;background:#f2f3f5;}
.wz-tl-img img{width:100%;height:100%;object-fit:cover;display:block;}
.wz-tl-main{flex:1 1 auto;min-width:0;}
.wz-tl-sum{display:-webkit-box;margin:6px 0 0;font-size:13px;line-height:1.7;color:var(--sub-text-color,#888);overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.wz-tl-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;color:#b0b3ba;}
.wz-tl-meta a{color:#8a8f99;text-decoration:none;}
.wz-tl-meta a:hover{color:var(--chengb,#ff7200);}
.wz-tl-meta i{margin-right:2px;}
.wz-tl-time{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;}
.wz-tl-time b{font-weight:500;color:var(--text-color,#555);}
.wz-tl-time i{font-style:normal;font-size:12px;color:#c0c4cc;}
.wz-pagebar{padding:5px 20px 18px;border-top:1px solid #f5f5f5;}

/* ===== 列表页：底部两栏 ===== */
.wz-bottom{margin-top:20px;}
.wz-hot-list li a{flex:1 1 auto;}
.wz-hot-num{flex:none;font-size:12px;color:#bbb;}
.wz-bottom .sub-side-tags a.active{border-color:var(--chengb,#ff7200);color:var(--chengb,#ff7200);background:#fff8f2;}

/* ===== 内页：主体 + 侧栏 ===== */
.wz-view-layout{display:flex;gap:20px;align-items:flex-start;}
.wz-view-layout>.sub-main{flex:1 1 auto;min-width:0;}
.wz-view-layout>.sub-aside{flex:0 0 300px;width:300px;}
.wz-view .wzxq-card{margin-bottom:20px;}
.wz-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;font-size:13px;color:var(--sub-text-color,#999);}
.wz-meta i{margin-right:3px;color:var(--chengb,#ff7200);}
.wz-meta a{color:var(--sub-text-color,#888);text-decoration:none;}
.wz-meta a:hover{color:var(--chengb,#ff7200);}
.wz-operate{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;padding:12px 0;border-top:1px dashed #eee;border-bottom:1px dashed #eee;}
.wz-collect{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:20px;font-size:14px;text-decoration:none;}
.wz-collect.uncollected{background:var(--chengb,#ff7200);color:#fff;}
.wz-collect.collected{background:#f2f3f5;color:#888;}
.wz-love{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:20px;font-size:14px;color:var(--text-color,#555);background:#f5f6f8;text-decoration:none;}
.wz-love:hover{background:var(--chengb,#ff7200);color:#fff;}
.wz-back-list{margin-left:auto;font-size:13px;color:var(--sub-text-color,#999);text-decoration:none;}
.wz-back-list:hover{color:var(--chengb,#ff7200);}
.wz-article{margin-top:6px;font-size:15px;line-height:1.9;color:var(--text-color,#444);word-break:break-word;}
.wz-article p{margin:0 0 12px;}
.wz-article img{max-width:100%;height:auto;border-radius:6px;}
.wz-article a{color:var(--chengb,#ff7200);}
.wz-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:13px;color:var(--sub-text-color,#999);}
.wz-tags i{color:var(--chengb,#ff7200);}
.wz-tags a{padding:4px 12px;border:1px solid #eee;border-radius:14px;font-size:13px;color:#777;text-decoration:none;}
.wz-tags a:hover{border-color:var(--chengb,#ff7200);color:var(--chengb,#ff7200);}
.wz-xian{height:1px;margin:20px 0;background:#f0f0f0;}
.wz-prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.wz-prevnext>div{padding:12px 14px;border:1px solid #f2f2f2;border-radius:6px;}
.wz-prevnext span{display:block;margin-bottom:5px;font-size:12px;color:#bbb;}
.wz-prevnext a{display:block;font-size:14px;color:var(--text-color,#444);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wz-prevnext a:hover{color:var(--chengb,#ff7200);}
.wz-prevnext em{font-style:normal;font-size:14px;color:#ccc;}
.wz-next{text-align:right;}

/* ===== 移动端适配 ===== */
@media (max-width:1000px){
    .wz-hero-wrap{grid-template-columns:minmax(0,1fr);}
    .wz-hero-img{height:190px;}
    .wz-side .sub-side{grid-template-columns:repeat(2,minmax(0,1fr));}
    .wz-view-layout>.sub-aside{flex:1 1 auto;width:100%;}
    .wz-view-layout{flex-direction:column;}
}
@media (max-width:768px){
    .wz-cat-body{grid-template-columns:minmax(0,1fr);padding:4px 12px;}
    .wz-cat-item:nth-last-child(2){border-bottom:1px dashed #f2f2f2;}
    .wz-toolbar{flex-direction:column;align-items:flex-start;}
    .wz-tl-item{flex-wrap:wrap;}
    .wz-tl-time{flex-direction:row;gap:6px;align-items:center;width:100%;margin-top:8px;justify-content:flex-start;}
    .wz-tl-sum{-webkit-line-clamp:1;}
    .wz-prevnext{grid-template-columns:minmax(0,1fr);}
    .wz-next{text-align:left;}
    .wz-hero-title{white-space:normal;}
}
@media (max-width:480px){
    .wz-side .sub-side{grid-template-columns:minmax(0,1fr);}
    .wz-hero-img{height:150px;}
    .wz-tl-img{width:42px;height:42px;}
}

/* ===== 资讯速递：横向滚动的标题条（旧站 wzall.php 的 news-floor），条目在模板里写了两遍，滚到 -50% 时无缝接上 ===== */
.wz-news-floor{display:flex;align-items:center;gap:10px;height:42px;margin-bottom:15px;padding:0 14px;background:var(--bg-card,#fff);border:1px solid var(--border-color,#e8e8e8);border-radius:8px;box-shadow:var(--shadow,0 2px 8px rgba(0,0,0,.06));overflow:hidden}
.wz-news-label{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:13px;font-weight:600;color:var(--chengb,#ff7200)}
.wz-news-scroll{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.wz-news-track{display:inline-flex;align-items:center;animation:wzNewsScroll 40s linear infinite}
.wz-news-floor:hover .wz-news-track{animation-play-state:paused}
.wz-news-item{margin-right:26px;font-size:13px;line-height:40px;color:var(--text-color,#444);text-decoration:none;white-space:nowrap}
.wz-news-item:hover{color:var(--primary,#3b82f6)}
@keyframes wzNewsScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (max-width:768px){
    .wz-news-floor{height:38px;gap:8px;padding:0 10px}
    .wz-news-label{font-size:12px}
    .wz-news-item{line-height:38px;font-size:12px;margin-right:18px}
}

/* ===== 夜间模式 ===== */
.dark-mode .wz-hero,.dark-mode .wz-hero-side,.dark-mode .wz-cat-block,.dark-mode .wz-toolbar,
.dark-mode .wzlb-card,.dark-mode .wzxq-card,.dark-mode .wbsy-article-card,
.dark-mode .wz-prevnext>div,.dark-mode .wz-tags a{background:#252525;border-color:#333;color:#ccc;}
.dark-mode .wz-cat-header,.dark-mode .wz-hero-side-header,.dark-mode .wzxq-card__content{border-bottom-color:#333;}
.dark-mode .wz-hero-title,.dark-mode .wz-cat-item-title,.dark-mode .wzxq__title{color:#e0e0e0;}
.dark-mode .wz-hero-intro,.dark-mode .wz-cat-item-sum,.dark-mode .wz-tl-sum,.dark-mode .wz-article{color:#a8a8a8;}
.dark-mode .wz-toolbar-sort a,.dark-mode .wz-love{background:#2f2f2f;color:#bbb;}
.dark-mode .wz-toolbar-sort a.active,.dark-mode .wz-toolbar-sort a:hover,.dark-mode .wz-love:hover{background:var(--chengb,#ff7200);color:#fff;}
.dark-mode .wz-hero-list li,.dark-mode .wz-cat-item,.dark-mode .wz-tl-item,.dark-mode .wzxq__content p{border-color:#2f2f2f;}
.dark-mode .wz-xian,.dark-mode .wz-operate,.dark-mode .wz-pagebar{background:#2a2a2a;border-color:#333;}
.dark-mode .wz-news-floor{background:#252525;border-color:#333;}
.dark-mode .wz-news-item{color:#bbb;}
.dark-mode .wz-news-item:hover{color:var(--chengb,#ff7200);}