/* HZ-BRAND-LOGO · 2026-11-11 前台头部 LOGO 换蓝色版
   原 .brand 有 background-color:#3598DB 蓝底，蓝色 LOGO 放上去会糊在一起，
   故底色改白 + 右侧细分隔线，LOGO 按容器宽度等比铺满、垂直居中 */
.brand{background-color:#FFFFFF !important;border-right:1px solid #EEF0F3 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  padding:0 10px !important;overflow:hidden !important}
.brand .logo{display:flex !important;align-items:center !important;justify-content:center !important;
  width:100% !important;height:100% !important;text-decoration:none !important;border:0 !important}
.brand .logo img,.brand .logo img.logoimg{
  max-width:100% !important;max-height:56px !important;
  width:auto !important;height:auto !important;
  object-fit:contain !important;display:block !important;
  image-rendering:-webkit-optimize-contrast;
  margin:0 auto !important
}
@media (max-width:767px){
  .brand{width:100% !important;height:64px !important}
  .brand .logo img,.brand .logo img.logoimg{max-height:44px !important}
}

/* HZ-LOGO-DEDUP · 2026-11-11
   根因：.logo 自带 background:url(images/usidc-logo.svg)（旧 LOGO 背景图），
   与 brand.tpl 里的 <img> 叠成双重 LOGO。此处彻底清掉背景图。 */
.brand .logo,
.brand .logo:link,
.brand .logo:visited,
.brand .logo:hover,
.brand .logo:focus{
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-indent:0 !important;
  font-size:0 !important;
  overflow:visible !important;
}
.brand .logo img{display:block !important;background:none !important}

/* HZ-NEWS-THUMB · 2026-11-11 资讯卡片（左图右文，仿官网 blog-item）
   缩略图 16:9 用 padding-top 撑高（兼容旧浏览器），图片 object-fit 裁切填满 */
.hz-news-item{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid #EEF0F3;align-items:flex-start}
.hz-news-item:last-child{border-bottom:0}
.hz-news-thumb{position:relative;flex:0 0 160px;width:160px;padding-top:90px;overflow:hidden;border-radius:6px;background:#F3F3F3;display:block}
.hz-news-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.hz-news-thumb:hover img{transform:scale(1.04)}
.hz-news-body{flex:1;min-width:0}
.hz-news-body.hz-news-noimg{padding-left:0}
.hz-news-title{font-size:15px;font-weight:600;line-height:1.45;color:#0E0018;margin:0 0 6px;display:block;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hz-news-item a{text-decoration:none;border:0}
.hz-news-item a:hover .hz-news-title{color:#002FA7}
.hz-news-desc{font-size:13px;line-height:1.65;color:#6B7280;margin:0 0 8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hz-news-meta{font-size:12px;color:#9CA3AF;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hz-news-cat{display:inline-block;padding:1px 8px;border-radius:10px;background:#EEF2FF;color:#002FA7;font-size:11.5px;line-height:1.6}
.hz-news-date{font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .hz-news-item{flex-direction:column;gap:10px;padding:12px 0}
  .hz-news-thumb{flex:none;width:100%;padding-top:56%;}
  .hz-news-title{font-size:14px}
  .hz-news-desc{-webkit-line-clamp:3}
}

/* HZ-NEWS-2COL · 2026-11-11 资讯两列网格（上图下文，仿官网资讯模块）
   桌面 2 列 / 平板 2 列 / 手机 1 列；缩略图 16:9 用 padding-top 撑高 */
.hz-news-list{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px 20px;
  margin:0;
}
.hz-news-list .hz-news-item{
  display:flex !important;
  flex-direction:column !important;
  gap:10px;
  padding:0 !important;
  border-bottom:0 !important;
  min-width:0;
}
.hz-news-list .hz-news-thumb{
  position:relative;flex:none;width:100%;
  padding-top:56.25%;          /* 16:9 */
  overflow:hidden;border-radius:8px;background:#F3F3F3;display:block;
}
.hz-news-list .hz-news-thumb img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;display:block;transition:transform .28s ease;
}
.hz-news-list .hz-news-thumb:hover img{transform:scale(1.045)}
.hz-news-list .hz-news-body{flex:1;min-width:0;width:100%}
.hz-news-list .hz-news-title{
  font-size:14.5px;font-weight:600;line-height:1.45;color:#0E0018;margin:0 0 5px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hz-news-list .hz-news-desc{
  font-size:12.5px;line-height:1.6;color:#6B7280;margin:0 0 7px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.hz-news-list .hz-news-meta{font-size:11.5px;color:#9CA3AF;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hz-news-list .hz-news-cat{
  display:inline-block;padding:1px 7px;border-radius:9px;
  background:#EEF2FF;color:#002FA7;font-size:11px;line-height:1.65;
}
@media (max-width:900px){
  .hz-news-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media (max-width:640px){
  .hz-news-list{grid-template-columns:1fr;gap:14px}
  .hz-news-list .hz-news-title{font-size:14px}
  .hz-news-list .hz-news-desc{-webkit-line-clamp:3}
}

/* HZ-LOGO-HEIGHT · 2026-11-11 老板反馈 LOGO 偏高，压低到 36px
   原渲染 219x49（占满 240 容器），改后约 161x36，与 80px 头部比例更协调 */
.brand .logo img,
.brand .logo img.logoimg{
  max-height:36px !important;
  width:auto !important;
  max-width:100% !important;
  object-fit:contain !important;
  display:block !important;
}
.brand{height:80px !important;display:flex !important;align-items:center !important;justify-content:center !important}
@media (max-width:767px){
  .brand .logo img,
  .brand .logo img.logoimg{max-height:30px !important}
}

/* ══════════════════════════════════════════════════════════════════
   HZ-DARK-TEXT · 2026-11-11
   深色底色(#0E0018)区域内的文字一律用浅色/白色，确保可读。
   原 blend 默认是「浅底深字」，我们换成深底后必须同步把字提亮，
   否则 #444 / #9CA3AF / #666 这类深灰在深底上几乎看不见。
   对比度核算（vs #0E0018）：#FFFFFF=18.9:1  #E5E7EB=15.4:1  #D1D5DB=12.1:1  全部达 WCAG AAA
   ══════════════════════════════════════════════════════════════════ */

/* ① 左侧栏：所有层级文字提亮 */
#sidebar,
#sidebar a,
#sidebar .sidebar-menu > li > a,
#sidebar ul li a,
#sidebar .content-padded,
#sidebar .content-padded small,
#sidebar .sidebar-menu > li.header,
#sidebar p,
#sidebar span,
#sidebar div,
#sidebar li{color:#E5E7EB !important}

/* 分组标题：白字 + 淡白底（原来的 rgba(0,0,0,.05) 在深底上是脏灰块） */
#sidebar .sidebar-header,
.sidebar-header{
  color:#FFFFFF !important;
  background-color:rgba(255,255,255,.07) !important;
  font-weight:700 !important;
  border-left:3px solid #EAB308 !important;
  padding-left:9px !important;
}
#sidebar .sidebar-header i,
.sidebar-header i{color:#EAB308 !important}

/* 链接与悬停 */
#sidebar a:hover,
#sidebar .sidebar-menu > li > a:hover{color:#FFFFFF !important;background:rgba(255,255,255,.10) !important}

/* 当前选中项 */
#sidebar li.active > a,
#sidebar .active > a,
#sidebar a.active{
  color:#FFFFFF !important;
  background:#002FA7 !important;
  border-left:3px solid #EAB308 !important;
}

/* 收起/展开按钮 */
#sidebar .sidebar-collapse-expand,
#sidebar .sidebar-opener,
#sidebar .btn-min-sidebar{
  color:#E5E7EB !important;
  background-color:rgba(255,255,255,.08) !important;
  border:0 !important;
}
#sidebar .btn-min-sidebar:hover{color:#FFFFFF !important;background:rgba(255,255,255,.16) !important}

/* ② 顶部导航栏内的所有文字 */
.navigation,
.navigation a,
.navigation span,
.navigation li,
.navigation .bt > a,
.navigation .navbar-collapse > ul > li > a{color:#FFFFFF !important}

/* ③ 页脚栏（原 blend 是旧蓝 #1a4d80，统一成品牌深紫黑） */
.footerbar{background-color:#0E0018 !important;color:#E5E7EB !important;border-top:1px solid #002FA7 !important}
.footerbar a{color:#FFFFFF !important}

/* ④ 顶部智能搜索框（深底白字，占位符也要能看见） */
.intellisearch form .form-control{
  background-color:#14273E !important;
  color:#FFFFFF !important;
  border:1px solid rgba(255,255,255,.14) !important;
}
.intellisearch form .form-control::placeholder{color:#B8BEC9 !important;opacity:1}
.intellisearch.active .form-control,
.intellisearch.active .btn{background-color:#0E0018 !important;color:#FFFFFF !important}

/* ══════════════════════════════════════════════════════════════════
   HZ-LOGO-PRIORITY · 2026-11-11
   源样式在 main.min.css 里给 #header .logo 挂了 background:url(usidc-logo.svg)
   （旧 LOGO 背景图，优先级 1,1,0），与我 brand.tpl 的 <img> 叠成双 LOGO。
   之前用 .brand .logo（0,2,0）压不住，这里用同级别 + 后代选择器提权到 1,2,0。
   同时把 background-size / background-position 一起归零，防止残留半张图。
   ══════════════════════════════════════════════════════════════════ */
#header .logo,
#header .brand .logo,
#header .logo:link,
#header .logo:visited,
#header .logo:hover,
#header .logo:focus,
#header .logo:active{
  background: none !important;
  background-image: none !important;
  background-color: transparent !important;
  background-size: 0 0 !important;
  background-position: 0 0 !important;
  background-repeat: no-repeat !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  height: 80px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

/* 若历史上有 logotext 文字版残留，一并隐藏文字，只留 img */
#header .logo.logotext{
  background: none !important;
  text-indent: 0 !important;
}

/* 图片本身也不要任何背景 */
#header .logo img,
#header .brand .logo img,
.brand .logo img{
  display: block !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}