/**
 * ============================================================================
 * 10isp / 中光云 - 内页统一风格层（2026-11-04）
 * ----------------------------------------------------------------------------
 * 目的：让全站内页（产品页 / 单页 / 帮助 / 新闻等）与首页 2026 新设计保持
 *       一致的展示风格：字体、标题、品牌色、悬停色等。
 * 维护说明：
 * 1. 本文件由 __headInclude__.html 全站引入（位于各页面专属 CSS 之前），
 *       因此所有规则都带 body 前缀提高优先级，保证能压过后续加载的旧样式；
 * 2. 设计变量与 home.css 的 .zg-home 保持一致（home.css 仅首页加载，
 *       这里用 :root 让内页也能取到变量）；
 * 3. 品牌色沿用 #059fff，浅色主题。
 * ============================================================================
 */

:root {
  --zg-brand: #059fff;
  --zg-brand-deep: #0b6bff;
  --zg-cyan: #00c8ff;
  --zg-ink: #12233d;
  --zg-sub: #5d6f8a;
  --zg-line: #e6eef7;
  --zg-soft: #f5f9ff;
  --zg-radius: 14px;
  --zg-shadow: 0 10px 30px rgba(18, 54, 106, 0.08);
  --zg-shadow-hover: 0 16px 40px rgba(5, 122, 214, 0.16);
}

/* ---------------------------- 1. 链接悬停色统一 ----------------------------
 * 旧 common.min.css 的 a:hover 是橙红 #f30，与首页品牌蓝不符，统一为品牌蓝。
 * 内页各处对 a 的悬停如有更高优先级规则（如导航 .head-nav a:hover）不受影响。
 */
body a:hover { color: var(--zg-brand); }

/* ---------------------------- 2. 区块标题统一 ----------------------------
 * 内页通用标题 .module-title（front/index.css 定义为 30px 黑色），
 * 统一为首页 zg-head 风格：32px / 700 / 深墨色，副标题浅灰。
 */
body .module-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--zg-ink);
  letter-spacing: .5px;
  margin: 0 0 48px;
  text-align: center;
}
body .module-title .module-title-name { font-weight: 700; }
body .module-title span { color: var(--zg-brand); }
body .module-title p { font-size: 14px; color: var(--zg-sub); margin: 12px 0 0; }

/* ---------------------------- 3. 帮助中心页 1440 适配 ----------------------------
 * help.css 仍是旧 1200/1000 体系：banner 搜索区 1000px、分类 tab 1220px、
 * 分类卡片 li 固定 252px + 70px 间距，导致内容偏窄、右侧大片留白。
 * 统一拉齐到 1440 容器体系。
 */
body .help-banner dl {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
body .help-banner dt { float: none; flex: none; margin-right: 28px; }
body .help-banner dd { float: none; flex: 1; width: auto; margin: 0; }
body .help-banner form input[type="text"] { width: calc(100% - 128px); }
body .help-banner form input[type="submit"] { width: 120px; }

body .help-classify ul { width: 100%; max-width: 1440px; }
body .help-classify ul li { width: calc(25% - 10px); }

/* 分类卡片：4 列均分 1440，卡片白底浅边框圆角，风格对齐首页 zg-card
 * 注意1：原 .help-cloumn 带 margin-left:-70px 负边距（配合 li 70px 间距），必须清零；
 * 注意2：模板里 <ul class="help-cloumn"> 内包了一层 <div style="clear:both">，
 *        所有 li 实际是这个 div 的子元素——flex 必须做在这个 div 上，
 *        做在 ul 上会把 div 压成唯一的收缩 flex 项，整列变竖条。 */
body .help-cloumn { display: block; margin: 0 0 85px; }
body .help-cloumn > div { display: flex; flex-wrap: wrap; }
body .help-cloumn li {
  float: none;
  width: calc(25% - 20px);
  box-sizing: border-box;
  margin: 80px 10px 0;
  padding: 20px 26px 24px;
  border: 1px solid var(--zg-line);
  border-radius: var(--zg-radius);
  background: #fff;
  transition: all .3s ease;
}
body .help-cloumn li:hover {
  border-color: rgba(5, 159, 255, .55);
  box-shadow: var(--zg-shadow-hover);
  transform: translateY(-4px);
}
body .help-cloumn li h4 { margin: 0 0 14px; color: var(--zg-ink); }
body .help-cloumn li p { margin: 0 0 8px; }
body .help-cloumn li p a { color: var(--zg-sub); }
body .help-cloumn li p a:hover { color: var(--zg-brand); }

/* ---------------------------- 新闻双栏布局适配 ----------------------------
   front.min.css（2026-11 改版）把 .container 从 1200px 加宽到 1440px，
   但 about.min.css 的新闻双栏仍按 1200 设计（side 250 + body 924），
   导致 /news 列表与详情页左右结构中间出现约 266px 空白断层。
   这里把右栏加宽回 1440 基准：1440 - 250(左栏) - 26(原设计间距) = 1164 */
.container .notice-side { width: 250px; }
.container .notice-body { width: 1164px; }

/* ---------------------------- 关于我们 banner 子导航 ----------------------------
   与 /about/（about.css 中 .about-nav-wrapper 一族）完全一致的规则副本，
   供 /news、/about/law.html 等未加载 about.css 的页面统一使用 */
.about-nav-wrapper {
  height: 50px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
}
.about-nav-list { height: 100%; line-height: 50px; }
.banner-nav-item {
  width: 12.5%;
  height: 100%;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.banner-nav-item:hover,
.banner-nav-item.active { background-color: #00aaff; color: #fff; }

/* ---------------------------- 关于我们 hero banner（统一版） ----------------------------
   与 about.css 中 .about-page .module-banner-bg 完全一致的规则副本，
   供 /news、/about/law.html、/news/4/ 等未加载 about.css 的页面使用同一张 banner 大图 */
.about-page .module-banner-bg {
	height: 600px;
	position: relative;
	background: url(/template/Home/10isp/PC/Static/css/page/img/about-banner.jpg) no-repeat center center;
}