/* === Shared site styles ===
 * Loaded once per page; covers the parts that previously duplicated
 * across index.html / about-*.html.
 *
 * Page-specific styles still live inline in each page's <style> tag.
 */

/* Brand colors (mirror of tailwind.config; useful for raw CSS) */
:root {
  --brand-primary: #055D98;
  --brand-accent:  #0097FB;
  --brand-dark:    #0F2C4E;
  --brand-ink:     #141414;
  --brand-bg:      #F5F8FC;
}

body {
  font-family: "PingFang SC","Source Han Sans SC","Microsoft YaHei",system-ui,sans-serif;
  color: #141414;
  /* 设计基于 1920 宽：中间内容固定 1200，两边间距随窗口自适应；窗口窄于 1200 时不再压缩，出现横向滚动 */
  min-width: 1200px;
}

/* 隐藏滚动条但保留滚动功能。滚动条会占用 ~8px gutter，导致有/无滚动条的页面之间
 * 居中的导航整体横移；隐藏后各页可用宽度一致，导航不再跳动。 */
html { scrollbar-width: none; -ms-overflow-style: none; }
::-webkit-scrollbar { width: 0; height: 0; }

.container-1200 { width: 1200px; max-width: 100%; margin-left: auto; margin-right: auto; }
.container-1440 { width: 1440px; max-width: 100%; margin-left: auto; margin-right: auto; }

.stat-num { font-family: "DIN","DIN Alternate","Arial Narrow",sans-serif; }

/* 子页导航条：初始（页面顶部）无投影，向下滚动后才浮现阴影（与首页 overlay 导航一致）。 */
.site-nav { transition: box-shadow .2s ease; }
.site-nav.is-scrolled { box-shadow: 0 2px 12px rgba(15,44,78,.08); }

/* === Navbar items (shared: overlay homepage + solid sub-pages) ===
 * 设计稿 Navbarbtn：每项高 64px、左右各 16px 内边距、内容垂直水平居中；
 * 激活项 = 蓝色 #0097FB + 加粗(500) + 整条 3px 蓝色底边（宽度 = 整个选项宽度，
 * 首页这种两字项即 64px）；未激活 = 常规字重、透明底边占位（不跳动）。
 */
.nav-link, .top-nav-link {
  display: flex; align-items: center; justify-content: center;
  height: 64px; padding: 0 16px;
  /* 未选中：正文字体/Regular，88% 黑 */
  font-family: "Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  font-size: 16px; line-height: 24px; font-weight: 400;
  color: rgba(0,0,0,.88);
  border-bottom: 3px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}
.nav-link:hover, .top-nav-link:hover { color: #0097FB; }
.nav-link.active, .top-nav-link.active {
  /* 选中：Large/Strong，蓝 #0097FB + 整条蓝色底边 */
  font-family: "PingFang SC","Source Han Sans SC","Microsoft YaHei",sans-serif;
  font-weight: 500;
  color: #0097FB;
  border-bottom-color: #0097FB;
}

/* === Navbar 二级导航（hover 弹出） ===
 * 一级项 hover = 与选中同效果（蓝字 + 蓝色底边），移出恢复；
 * 面板：白色 95% 半透明 + 背景模糊 4，圆角 12、内边 16、1px 黑 6% 描边，
 *       阴影 0 2 4 spread 2 rgba(5,145,255,.1)，距导航条 8px。
 */
.nav-item { position: relative; }
.nav-item:hover > .nav-link, .nav-item:hover > .top-nav-link {
  color: #0097FB; font-weight: 500;
}
.nav-dropdown {
  position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  padding-top: 8px;             /* 与导航条的间隙，留在 hover 热区内 */
  display: none; z-index: 60;
}
.nav-item:hover .nav-dropdown { display: block; }
.nav-dropdown-panel {
  background: rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px; padding: 16px;
  box-shadow: 0 2px 4px 2px rgba(5,145,255,.10);
  display: flex; gap: 24px;
}
.nd-link {
  display: block; padding: 8px 16px; border-radius: 6px;
  font-size: 14px; line-height: 21px; font-weight: 400; color: rgba(0,0,0,.88);
  white-space: nowrap; transition: color .15s;
}
.nd-link:hover { color: #0097FB; font-weight: 500; }

/* 集团业务：1200 宽八列大菜单（相对整条导航居中，li 取消定位上下文） */
.nav-item-static { position: static; }
.nav-mega { width: 1200px; }
.nav-mega .nav-dropdown-panel { align-items: flex-start; gap: 12px; }
.nm-col {
  border-left: 1px solid rgba(0,0,0,.08);
  display: flex; flex-direction: column; gap: 12px;
}
.nm-title {
  position: relative; padding: 0 12px;
  font-size: 16px; line-height: 24px; font-weight: 500; color: rgba(0,0,0,.88);
  white-space: nowrap;
}
.nm-title::before {
  content: ""; position: absolute; left: -1px; top: 6px;
  width: 3px; height: 12px; background: #1D1E1E;
}
.nm-col .nd-link { padding: 8px 12px; }
.nm-items { display: flex; flex-direction: column; gap: 8px; }

/* === Footer === */
.footer-link { color: rgba(255,255,255,.65); font-size: 14px; line-height: 21px; transition: color .2s ease; }
.footer-link:hover { color: #fff; }
.footer-beian { color: inherit; text-decoration: none; transition: color .2s ease; }
.footer-beian:hover { color: #fff; text-decoration: underline; }

/* === Hide includes' loading flicker ===
 * Elements with data-include are empty placeholders; give them zero height.
 */
[data-include] { display: contents; }