/* ============================================================
   home-color.css — 首页各栏目板块分色设计
   原则：布局结构零改动，仅通过 CSS 变量给每个板块分配主题色：
   · 板块顶部一条主题色描边 + 导航条浅色渐变底
   · 选中/悬停的栏目名与下划线用主题色
   · 「更多」按钮为主题色胶囊
   · 内容区点缀（日期块、悬停描边、播放角标等）随板块变色
   色板（统一饱和度/明度，保证整页协调）：
   资讯快报 #1487F4 · 知识分享 #00A0A8 · 专题专栏 #7B5CF0
   公益在线 #F2762E · 支援服务 #17A673 · 相册图片 #E8478C
   资源下载 #D9971A · 视频直播 #E0453F · 关于我们 #3F6AD8
   ============================================================ */

/* ---------- 头条轮播：等比裁切，覆盖 JS 写入的固定宽高 ----------
   根因：myFocus 轮播初始化后给 img 写入 574×358 的固定宽高，
   object-fit 默认 fill，1280×544 的原图被横向拉伸约 32%。 */
#myFocus01 img { object-fit: cover !important; }

/* ---------- 各板块主题色变量 ---------- */
.sec-zs    { --sec:#00A0A8; --sec2:#2FC2C9; --soft:#E6F7F8; --soft2:#CDF0F2; } /* 知识分享 青 */
.sec-zt    { --sec:#7B5CF0; --sec2:#9D82FF; --soft:#F1EDFE; --soft2:#E2DAFC; } /* 专题专栏 紫 */
.sec-gy    { --sec:#F2762E; --sec2:#FF9550; --soft:#FEF0E6; --soft2:#FCE0CB; } /* 公益在线 橙 */
.sec-zy    { --sec:#17A673; --sec2:#2FC48D; --soft:#E6F7F0; --soft2:#CDEFE2; } /* 支援服务 绿 */
.sec-xc    { --sec:#E8478C; --sec2:#FF6FA8; --soft:#FDEBF3; --soft2:#FBD4E6; } /* 相册图片 玫红 */
.sec-zi    { --sec:#D9971A; --sec2:#F0B23C; --soft:#FBF3E2; --soft2:#F6E6C4; } /* 资源下载 金 */
.sec-sp    { --sec:#E0453F; --sec2:#F96A5F; --soft:#FDECEB; --soft2:#FBD5D3; } /* 视频直播 红 */
.sec-about { --sec:#3F6AD8; --sec2:#6B8FE8; --soft:#EAF0FC; --soft2:#D7E2F9; } /* 关于我们 靛 */

/* ---------- 共用：板块头 / 导航条 / 更多按钮 ---------- */
.sec-zs,.sec-zt,.sec-gy,.sec-zy,.sec-xc,.sec-zi,.sec-sp,.sec-about {
  border-top: 3px solid var(--sec);
  box-shadow: 0 4px 18px rgba(30,50,90,.05);
}
.sec-zs .gd-box,.sec-zt .gd-box,.sec-gy .gd-box,.sec-zy .gd-box,
.sec-xc .gd-box,.sec-zi .gd-box,.sec-sp .gd-box,.sec-about .gd-box {
  background: linear-gradient(90deg, var(--soft) 0%, #fff 74%);
  border-bottom: 2px solid var(--soft2);
}
.sec-zs #tab,.sec-zt #tab,.sec-gy #tab,.sec-zy #tab,
.sec-xc #tab,.sec-zi #tab,.sec-sp #tab,.sec-about #tab { border-bottom-color: var(--soft2); }
.sec-zs #tab li,.sec-zt #tab li,.sec-gy #tab li,.sec-zy #tab li,
.sec-xc #tab li,.sec-zi #tab li,.sec-sp #tab li,.sec-about #tab li { transition: color .25s; }
.sec-zs #tab li.tab-current,.sec-zt #tab li.tab-current,.sec-gy #tab li.tab-current,
.sec-zy #tab li.tab-current,.sec-xc #tab li.tab-current,.sec-zi #tab li.tab-current,
.sec-sp #tab li.tab-current,.sec-about #tab li.tab-current { color: var(--sec); font-weight: 700; }
.sec-zs #tab li:hover,.sec-zt #tab li:hover,.sec-gy #tab li:hover,
.sec-zy #tab li:hover,.sec-xc #tab li:hover,.sec-zi #tab li:hover,
.sec-sp #tab li:hover,.sec-about #tab li:hover { color: var(--sec); }
.sec-zs #tab li:after,.sec-zt #tab li:after,.sec-gy #tab li:after,
.sec-zy #tab li:after,.sec-xc #tab li:after,.sec-zi #tab li:after,
.sec-sp #tab li:after,.sec-about #tab li:after {
  background: var(--sec);
  background: linear-gradient(90deg, var(--sec), var(--sec2));
}
/* 「更多」胶囊按钮 */
.sec-zs .tab-a-more a,.sec-zt .tab-a-more a,.sec-gy .tab-a-more a,
.sec-zy .tab-a-more a,.sec-xc .tab-a-more a,.sec-zi .tab-a-more a,
.sec-sp .tab-a-more a,.sec-about .tab-a-more a {
  width: auto; height: auto; padding: 5px 16px; border-radius: 16px;
  background: var(--sec); color: #fff; font-size: 13px; line-height: 1.5;
  transition: background .25s, transform .25s;
}
.sec-zs .tab-a-more a:hover,.sec-zt .tab-a-more a:hover,.sec-gy .tab-a-more a:hover,
.sec-zy .tab-a-more a:hover,.sec-xc .tab-a-more a:hover,.sec-zi .tab-a-more a:hover,
.sec-sp .tab-a-more a:hover,.sec-about .tab-a-more a:hover {
  background: var(--sec2); color: #fff; text-decoration: none; transform: translateX(2px);
}

/* ---------- 知识分享 / 专题专栏 / 公益在线：日期块与卡片 ---------- */
.sec-zs .tuijian-news-list li span,
.sec-zt .tuijian-news-list li span,
.sec-gy .tuijian-yantao-list li span {
  background: var(--sec); border-radius: 8px; box-shadow: 0 3px 8px var(--soft2);
}
.sec-zs .tuijian-news-list li:hover span,
.sec-zt .tuijian-news-list li:hover span,
.sec-gy .tuijian-yantao-list li:hover span { background: var(--sec2); }
.sec-zs .tuijian-news-list li a,
.sec-zt .tuijian-news-list li a,
.sec-gy .tuijian-yantao-list li a { border-radius: 10px; transition: all .25s; }
.sec-zs .tuijian-news-list li a:hover,
.sec-zt .tuijian-news-list li a:hover,
.sec-gy .tuijian-yantao-list li a:hover {
  border-color: var(--sec); box-shadow: 0 8px 20px var(--soft2);
}
.sec-zs .tuijian-news-list li:hover h3,
.sec-zt .tuijian-news-list li:hover h3,
.sec-gy .tuijian-yantao-list li:hover h3 { color: var(--sec); }

/* ---------- 支援服务：图卡标题与悬停 ---------- */
.sec-zy .pic-list-img li span { color: var(--sec) !important; font-weight: 600; }
.sec-zy .pic-list-img li a:hover span { color: var(--sec2) !important; }
.sec-zy .pic-list-img li i { border-radius: 10px; }

/* ---------- 相册图片：滚动按钮随板块变色 ---------- */
.sec-xc .photo-scroll-wrap .scroll-btn { background: var(--sec) !important; }
.sec-xc .photo-scroll-wrap .scroll-btn:hover { background: var(--sec2) !important; }

/* ---------- 资源下载：卡片与「安全下载」悬浮块 ---------- */
.sec-zi .down-list li a.dl-link { border-radius: 10px; transition: all .25s; }
.sec-zi .down-list li:hover .dl-link { border-color: var(--sec); box-shadow: 0 6px 16px var(--soft2); }
.sec-zi .down-list li:hover h2 { color: var(--sec); }
.sec-zi .down-list .d-list-hover { background: var(--sec); border-radius: 0 10px 10px 0; }

/* ---------- 视频直播：播放角标与悬停 ---------- */
.sec-sp .videos-list li a { border-radius: 10px; transition: all .25s; }
.sec-sp .videos-list li:hover a { border-color: var(--sec); box-shadow: 0 8px 20px var(--soft2); }
.sec-sp .videos-list li:hover h2 { color: var(--sec); }
.sec-sp .videos-list li i { position: relative; }
.sec-sp .videos-list li i:after {
  content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: 0; height: 0; pointer-events: none;
  border-left: 16px solid rgba(255,255,255,.92);
  border-top: 10px solid transparent; border-bottom: 10px solid transparent;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.4));
}

/* ---------- 关于我们 / 联系我们 ---------- */
.sec-about .Ttitle a { color: #22304d; }
.sec-about .Ttitle a span { color: var(--sec); }

/* ---------- 资讯快报（头条区右侧公告）微调 ---------- */
.xwbox .xw_title li.active a { color: #1487F4; border-top: 2px solid #1487F4; }
.hot_list li a { color: #E0453F; }