/* =========================================================
   CNR 仿站模板 · 基础样式
   配色基准：主红 #ba0002 / 深红 #a01727 / 蓝 #0a4d9c
   说明：本样式仿「央广网」版式与配色，logo/栏目名/内容请换成客户自有，
   不冒用中央广播电视总台标识。
   ========================================================= */
:root{
  --red:#ba0002;
  --red-dark:#a01727;
  --blue:#0a4d9c;
  --text:#333;
  --gray:#5a5a5a;
  --line:#e5e5e5;
  --bg:#f5f5f5;
  --lightblue:#f3f6fc;
  --wrap:1200px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;font-size:14px;color:var(--text);background:var(--bg);line-height:1.7;}
a{color:var(--text);text-decoration:none;}
a:hover{color:var(--red);}
img{display:block;max-width:100%;border:0;}
ul,ol{list-style:none;}
.clearfix::after{content:"";display:block;clear:both;}
.wrap{width:var(--wrap);margin:0 auto;}

/* ---------- 顶部工具条 ---------- */
.topbar{background:#fff;border-bottom:1px solid var(--line);font-size:12px;color:var(--gray);}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;}
.topbar .tb-left span{margin-right:14px;}

/* ---------- 头部 ---------- */
.header{background:#fff;}
.header .wrap{display:flex;align-items:center;height:96px;}
.logo{display:flex;align-items:center;}
.logo img{height:60px;margin-right:14px;}
.logo .logo-txt{font-size:34px;font-weight:700;color:var(--red);letter-spacing:2px;line-height:1;}
.logo .logo-sub{font-size:13px;color:var(--gray);margin-top:6px;}
.header .search{margin-left:auto;display:flex;}
.header .search input{width:230px;height:36px;border:1px solid var(--red);border-right:0;padding:0 12px;outline:none;}
.header .search button{width:60px;height:36px;background:var(--red);color:#fff;border:0;cursor:pointer;font-size:14px;}
.header .search button:hover{background:var(--red-dark);}

/* ---------- 主导航 ---------- */
.nav{background:var(--red);}
.nav .wrap{display:flex;align-items:stretch;height:46px;}
.nav li{position:relative;}
.nav li a{display:flex;align-items:center;height:46px;padding:0 18px;color:#fff;font-size:16px;white-space:nowrap;}
.nav li a:hover{background:var(--red-dark);color:#fff;}
.nav li.on a{background:var(--red-dark);}

/* ---------- 区块通用 ---------- */
.container{padding:16px 0;}
.section{background:#fff;margin-bottom:16px;border:1px solid var(--line);}
.section-hd{display:flex;align-items:center;height:46px;border-bottom:2px solid var(--red);padding:0 14px;}
.section-hd h2{font-size:20px;color:var(--red);font-weight:700;position:relative;padding-left:12px;}
.section-hd h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:var(--red);}
.section-hd .more{margin-left:auto;font-size:13px;color:var(--gray);}
.section-hd .more:hover{color:var(--red);}
.section-bd{padding:14px;}

/* ---------- 文字新闻列表 ---------- */
.news-list li{display:flex;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line);}
.news-list li:last-child{border-bottom:0;}
.news-list li .dot{width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:10px;flex:0 0 auto;}
.news-list li a{font-size:16px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li .date{color:var(--gray);font-size:12px;margin-left:10px;flex:0 0 auto;}
.news-list li a:hover{color:var(--red);}

/* ---------- 图文卡片列表 ---------- */
.news-card{display:flex;padding:12px 0;border-bottom:1px dashed var(--line);}
.news-card:last-child{border-bottom:0;}
.news-card .thumb{width:160px;height:100px;flex:0 0 auto;background:#eee;overflow:hidden;margin-right:14px;}
.news-card .thumb img{width:100%;height:100%;object-fit:cover;}
.news-card .card-main{flex:1;min-width:0;}
.news-card .card-main h3{font-size:17px;font-weight:600;line-height:1.4;margin-bottom:8px;}
.news-card .card-main h3 a:hover{color:var(--red);}
.news-card .card-main p{color:var(--gray);font-size:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-card .card-main .meta{color:#999;font-size:12px;margin-top:8px;}

/* ---------- 首页头条区 ---------- */
.focus{background:#fff;margin-bottom:16px;border:1px solid var(--line);display:flex;}
.focus-left{flex:0 0 460px;border-right:1px solid var(--line);padding:16px;}
.focus-left .big-pic{width:100%;height:280px;background:#eee;overflow:hidden;margin-bottom:14px;}
.focus-left .big-pic img{width:100%;height:100%;object-fit:cover;}
.focus-left h1{font-size:26px;font-weight:700;line-height:1.4;text-align:center;}
.focus-left h1 a:hover{color:var(--red);}
.focus-right{flex:1;padding:14px 18px;}
.focus-right .lead{font-size:13px;color:var(--gray);padding:8px 0 12px;border-bottom:1px dashed var(--line);margin-bottom:6px;}
.focus-right .news-list li a{font-size:17px;}

/* ---------- 双栏布局（左列表 / 右边栏） ---------- */
.layout-2{display:flex;gap:16px;align-items:flex-start;}
.col-main{flex:1;min-width:0;}
.col-side{flex:0 0 320px;}

/* ---------- 专题：大图头条型 ---------- */
.zt-hero{position:relative;height:360px;background:#222;overflow:hidden;margin-bottom:16px;}
.zt-hero img{width:100%;height:100%;object-fit:cover;opacity:.85;}
.zt-hero .zt-hero-txt{position:absolute;left:0;right:0;bottom:0;padding:30px 24px;background:linear-gradient(transparent,rgba(0,0,0,.75));}
.zt-hero .zt-hero-txt h1{color:#fff;font-size:30px;font-weight:700;}
.zt-hero .zt-hero-txt p{color:#eee;margin-top:8px;font-size:14px;}
.zt-cards{display:flex;flex-wrap:wrap;gap:16px;}
.zt-cards .zt-card{flex:0 0 calc(33.333% - 11px);background:#fff;border:1px solid var(--line);}
.zt-cards .zt-card .pic{height:170px;background:#eee;overflow:hidden;}
.zt-cards .zt-card .pic img{width:100%;height:100%;object-fit:cover;}
.zt-cards .zt-card h3{font-size:16px;padding:10px 12px;line-height:1.4;font-weight:600;}
.zt-cards .zt-card:hover h3 a{color:var(--red);}

/* ---------- 专题：左图右文卡片型 ---------- */
.zt-list .news-card .thumb{width:200px;height:128px;}

/* ---------- 专题：纯文字列表型 ---------- */
.zt-text .news-list li a{font-size:18px;}
.zt-text .news-list li .idx{width:26px;height:26px;line-height:26px;text-align:center;background:var(--red);color:#fff;font-size:13px;margin-right:12px;flex:0 0 auto;}
.zt-text .news-list li:nth-child(n+4) .idx{background:#bbb;}

/* ---------- 地区新闻：左省导航 + 右列表 ---------- */
.diqu-layout{display:flex;gap:0;border:1px solid var(--line);background:#fff;}
.diqu-nav{flex:0 0 200px;background:var(--lightblue);padding:14px;}
.diqu-nav h3{font-size:16px;color:var(--red);margin-bottom:10px;}
.diqu-nav .prov{display:flex;flex-wrap:wrap;gap:8px;}
.diqu-nav .prov a{padding:5px 10px;background:#fff;border:1px solid var(--line);font-size:13px;}
.diqu-nav .prov a:hover,.diqu-nav .prov a.on{border-color:var(--red);color:var(--red);}
.diqu-main{flex:1;padding:14px;}

/* ---------- 面包屑 ---------- */
.breadcrumb{padding:12px 0;font-size:13px;color:var(--gray);}
.breadcrumb a{color:var(--gray);}
.breadcrumb a:hover{color:var(--red);}

/* ---------- 文章详情 ---------- */
.article{background:#fff;border:1px solid var(--line);padding:24px 30px;}
.article-hd{border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px;text-align:center;}
.article-hd h1{font-size:28px;font-weight:700;line-height:1.45;}
.article-info{color:#999;font-size:13px;margin-top:14px;}
.article-info span{margin:0 8px;}
.article-content{font-size:16px;line-height:2;color:#222;}
.article-content p{margin-bottom:18px;text-indent:2em;}
.article-content img{max-width:100%;margin:10px auto;}

/* 相关推荐 */
.related{background:#fff;border:1px solid var(--line);margin-top:16px;padding:14px;}
.related h3{font-size:18px;color:var(--red);border-left:4px solid var(--red);padding-left:10px;margin-bottom:10px;}

/* 上一篇/下一篇 */
.prenext{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);margin-top:16px;padding:14px;font-size:14px;}
.prenext a{color:var(--text);}
.prenext a:hover{color:var(--red);}

/* ---------- 分页 ---------- */
.page{text-align:center;padding:22px 0;}
.page a,.page span{display:inline-block;min-width:34px;height:34px;line-height:34px;padding:0 10px;margin:0 4px;border:1px solid var(--line);color:var(--text);font-size:14px;}
.page a:hover{border-color:var(--red);color:var(--red);}
.page .page-num-current,.page span.page-num-current{background:var(--red);color:#fff;border-color:var(--red);}

/* ---------- 页脚 ---------- */
.footer{background:#2b2b2b;color:#bbb;margin-top:24px;padding:30px 0;font-size:13px;}
.footer .wrap{display:flex;flex-direction:column;align-items:center;gap:14px;}
.media-matrix{display:flex;gap:30px;}
.media-matrix .m{text-align:center;color:#ddd;}
.media-matrix .m .qr{width:90px;height:90px;background:#eee;margin:0 auto 6px;}
.footer .links a{color:#bbb;margin:0 8px;}
.footer .links a:hover{color:#fff;}
.footer .copyright{color:#888;text-align:center;line-height:1.8;}

/* ---------- 响应式（简易） ---------- */
@media (max-width:1240px){
  .wrap{width:96%;}
  .focus-left{flex-basis:400px;}
}
@media (max-width:900px){
  .nav .wrap{flex-wrap:wrap;height:auto;}
  .focus,.layout-2,.diqu-layout{flex-direction:column;}
  .focus-left,.col-side,.diqu-nav{flex:auto;width:100%;border-right:0;border-bottom:1px solid var(--line);}
  .zt-cards .zt-card{flex-basis:calc(50% - 8px);}
  .header .wrap{flex-wrap:wrap;height:auto;padding:12px 0;}
  .header .search{margin:10px 0 0;width:100%;}
  .header .search input{flex:1;}
}