/* ===== 顶部导航栏 ===== */
.site-header,
.main-header,
.header-main {
  background-color: #002D72 !important;
}
.main-navigation a {
  color: #ffffff !important;
}
.main-navigation a:hover {
  color: #0073AA !important; /* 悬停时浅蓝 */
}

/* ===== 页面链接颜色统一 ===== */
a,
.entry-content a {
  color: #0073AA !important;
  text-decoration: underline;
}
a:hover,
.entry-content a:hover {
  color: #002D72 !important;
}

/* ===== 按钮统一样式 ===== */
button,
.button,
.wp-block-button__link {
  background-color: #0073AA !important;
  border-color: #0073AA !important;
  color: #ffffff !important;
  border-radius: 4px;
}
button:hover,
.button:hover,
.wp-block-button__link:hover {
  background-color: #002D72 !important;
  border-color: #002D72 !important;
}

/* （可选）页脚背景 */
.site-footer {
  background-color: #002D72 !important;
  color: #ffffff !important;
}

a,
.entry-content a {
  color: #00AA !important;      /* 默认浅蓝 */
  text-decoration: underline;     /* 让链接立刻显眼 */
}
a:hover,
.entry-content a:hover {
  color: #002D72 !important;      /* 鼠标悬停变深蓝 */
}

.site-footer p {
  text-align: center;
  margin: 0;
  font-size: 14px;
  letter-spacing: 0.5px;
}

/* 子菜单背景与字体颜色调整 */
.main-navigation ul ul a {
  color: #000000 !important;          /* 设置子菜单文字为黑色 */
  background-color: #ffffff !important; /* 设置子菜单背景为纯白 */
}

/* 鼠标悬停时的高亮颜色 */
.main-navigation ul ul a:hover {
  background-color: #0073aa !important; /* 悬停时蓝色背景 */
  color: #ffffff !important;            /* 悬停文字变白 */
}

/* 子菜单阴影（让它更立体） */
.main-navigation ul ul {
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}


/* === 📱 修复移动端菜单（Astra Off‑Canvas Menu）颜色问题 === */

/* 菜单整体背景 */
.ast-mobile-header-wrap,
.ast-mobile-popup-inner,
.ast-mobile-popup-content,
.ast-main-header-bar {
  background-color: #ffffff !important;
}

/* 顶部Logo区保持品牌蓝 */
.ast-mobile-header-wrap .ast-builder-grid-row {
  background-color: #002D72 !important;
}

/* 菜单文字默认显示为深蓝 */
.ast-builder-menu-mobile a,
.ast-mobile-popup-content a,
.ast-main-header-bar a {
  color: #002D72 !important;
  font-weight: 500;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

/* 鼠标悬停/点击时变亮蓝 */
.ast-builder-menu-mobile a:hover,
.ast-builder-menu-mobile a:focus,
.ast-mobile-popup-content a:hover,
.ast-mobile-popup-content a:focus {
  color: #0073AA !important;
}

/* 展开箭头及“菜单栏图标”颜色 */
.ast-menu-toggle,
.ast-toggle-menu-icon,
.ast-menu-toggle .ast-icon,
.ast-mobile-header-wrap .ast-button-wrap svg {
  color: #002D72 !important;
  fill: #002D72 !important;
}

/* 关闭按钮 “×” 的颜色 */
.ast-mobile-popup-close svg,
.ast-mobile-header-wrap .ast-mobile-popup-close {
  color: #ffffff !important; /* 蓝色背景上显眼 */
  fill: #ffffff !important;
}

/* 子菜单箭头统一颜色 */
.ast-icon.icon-arrow svg {
  stroke: #002D72 !important;
}

/* 当前激活菜单高亮 */
.ast-builder-menu-mobile a:active,
.ast-mobile-popup-content .current-menu-item > a {
  color: #0073AA !important;
}

/* 强制 Astra 子菜单显示 */
.ast-mobile-popup-content ul.sub-menu {
  display: block !important;
  background-color: #ffffff !important;
  border-left: 3px solid #0073AA;
  padding-left: 10px;
}

/* 优化菜单项间距 */
.ast-mobile-popup-content li {
  margin: 8px 0;
}

/* === 📱 移动端正文背景色统一为网页浅蓝 (#0073AA) === */

@media (max-width: 768px) {
  /* WordPress 内容主容器 */
  body,
  .site,
  #content,
  .ast-container,
  .ast-separate-container,
  .ast-plain-container,
  .ast-page-builder-template {
    background-color: #0073AA !important;
    color: #ffffff !important;  /* 保证文字在浅蓝背景上仍然清晰 */
  }

  /* 正文文字颜色微微调亮 */
  .entry-content,
  p,
  li,
  h1, h2, h3, h4, h5, h6 {
    color: #ffffff !important;
  }

  /* 区块与段落留白感 */
  .entry-content p {
    line-height: 1.7;
    margin-bottom: 1em;
  }
}



/* ==========================================
   📘  VSS  High‑End Corporate Visual Pack
   Version 1.0 — Designed for sleek, trustful feel
   ========================================== */

/* ===== 1️⃣ Global Base ===== */
body {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.7;
  color: #ffffff;
  background-color: #0073AA; /* 主体底色（与桌面一致） */
  -webkit-font-smoothing: antialiased;
}

/* 全站细微动画过渡 */
a,
button,
.navbar a,
.wp-block-button__link {
  transition: all 0.3s ease;
}

/* ===== 2️⃣ 顶部导航栏 ===== */
.site-header,
.main-header,
.header-main {
  background: linear-gradient(90deg, #002D72 0%, #003A8C 100%) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* 主导航链接 */
.main-navigation a {
  color: #ffffff !important;
  font-weight: 500;
  letter-spacing: 0.3px;
  text-transform: none;
  padding: 12px 16px;
  border-bottom: 2px solid transparent;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a {
  color: #00B4FF !important;
  border-color: #00B4FF;
}

/* 子菜单样式 */
.main-navigation ul ul {
  background-color: #ffffff !important;
  border-radius: 4px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  margin-top: 4px;
}
.main-navigation ul ul a {
  color: #002D72 !important;
  padding: 10px 16px;
  white-space: nowrap;
}
.main-navigation ul ul a:hover {
  background-color: #0073AA !important;
  color: #ffffff !important;
}

/* ===== 3️⃣ 链接与按钮 ===== */
/* 普通链接 */
a,
.entry-content a {
  color: #ffffff;
  text-decoration: underline;
}
a:hover {
  color: #E6F0FF;
}

/* 按钮统一风格 */
button,
.button,
.wp-block-button__link {
  background: linear-gradient(120deg, #0073AA, #00B4FF);
  border: none;
  color: #ffffff !important;
  padding: 10px 24px;
  border-radius: 30px;
  font-weight: 600;
  letter-spacing: 0.4px;
  box-shadow: 0 4px 8px rgba(0, 50, 100, 0.25);
}
button:hover,
.button:hover,
.wp-block-button__link:hover {
  background: linear-gradient(120deg, #005599, #0099DD);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0, 80, 140, 0.3);
}

/* ===== 4️⃣ 正文与区块视觉 ===== */
.entry-content h1,
.entry-content h2,
.entry-content h3 {
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 0.6em;
}
.entry-content p {
  color: #f9f9f9;
  max-width: 720px;
}

/* 区块淡入动效 */
.entry-content > * {
  opacity: 0;
  transform: translateY(15px);
  animation: fadeUp 0.7s ease forwards;
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0);   }
}

/* ===== 5️⃣ 页脚（渐变 + 阴影 + 对齐） ===== */
.site-footer,
.footer-adv,
.ast-footer-copyright,
.site-info,
.footer-bottom {
  background: linear-gradient(180deg, #002D72 0%, #001D40 100%) !important;
  color: #ffffff !important;
  text-align: center;
  padding: 40px 0;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.2);
}

.site-footer a {
  color: #ffffff !important;
  text-decoration: underline;
}
.site-footer a:hover {
  color: #E6F0FF !important;
}

/* ===== 6️⃣ 移动端优化 ===== */
@media (max-width: 768px) {
  body,
  .site,
  #content,
  .ast-container {
    background-color: #0073AA !important; /* 保持浅蓝 */
  }

  .entry-content p {
    color: #ffffff !important;
  }

  /* 移动端菜单样式小优化 */
  .ast-mobile-popup-content a {
    color: #002D72 !important;
    font-weight: 500;
  }
  .ast-mobile-popup-content a:hover {
    color: #0073AA !important;
  }
}

/* ===== 7️⃣ 杂项细节 ===== */
hr {
  border: none;
  border-top: 1px solid rgba(255,255,255,0.2);
  margin: 40px 0;
}

/* ==========================================
   🚀  VSS Red‑Blue Fusion Upgrade
   Adds subtle red‑blue gradient and header hero glow
   ========================================== */

/* ===== 1️⃣ 顶部导航栏渐变优化 ===== */
.site-header,
.main-header,
.header-main {
  /* 深蓝到亮蓝再轻红映射 */
  background: linear-gradient(
    90deg,
    #001A4D 0%,
    #002D72 35%,
    #0073AA 70%,
    #a6123e 100%
  ) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  transition: background 0.5s ease;
}

/* ===== 2️⃣ Hero 区（Logo 下方 Banner 或首页顶部） ===== */
.site-content > .ast-container:first-of-type,
.home .site-content,
.page-id-xx .site-content { /* 可根据首页 ID 定向；xx 改成首页 ID */
  background: linear-gradient(
    150deg,
    #002D72 0%,
    #003D8C 40%,
    #0073AA 70%,
    #a6123e 100%
  );
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}

/* 在 Hero 底部加轻色分割线（可删除） */
.site-content > .ast-container:first-of-type::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 3px;
  background: linear-gradient(90deg, #a6123e 0%, #0073AA 80%);
  opacity: 0.4;
}

/* ===== 3️⃣ 页脚柔和渐变 ===== */
.site-footer,
.footer-adv,
.ast-footer-copyright,
.footer-bottom,
.site-info {
  background: linear-gradient(
    180deg,
    #002D72 0%,
    #003a8c 40%,
    #001D40 100%
  ) !important;
  transition: all 0.5s ease;
}

/* 去除页脚内部深色块遗留 */
.ast-footer-copyright .ast-builder-grid-row-container {
  background: transparent !important;
  box-shadow: none !important;
}

/* ===== 4️⃣ 提示按钮保持动画，不改动 ===== */
/* 已含于上一版 */

@media (max-width: 768px) {
  /* 移动端顶部与页脚一致 */
  .site-header,
  .main-header {
    background: linear-gradient(
      180deg,
      #001A4D 0%,
      #002D72 40%,
      #0073AA 100%
    ) !important;
  }

  .site-footer {
    background: linear-gradient(
      180deg,
      #002D72 0%,
      #003a8c 40%,
      #001D40 100%
    ) !important;
  }
}

/* ==========================================
   🔧 VSS Gradient + Mobile Fix Patch
   Version 1.1 — full‑page gradient + footer clean + mobile menu fix
   ========================================== */

/* === 1️⃣ 所有页面正文容器都带红蓝渐变背景 === */
.ast-container,
.site-content,
#content {
  background: radial-gradient(
      circle at 70% 100%,
      rgba(166,18,62,0.4) 0%,
      rgba(0,115,170,0.85) 55%,
      rgba(0,45,114,0.95) 100%
    ) !important;
  border: none !important;
  box-shadow: none !important;
}

/* 让正文内容区与背景之间平滑衔接 */
.entry-content {
  background: transparent !important;
  padding: 2.5rem 1rem;
  border-radius: 8px;
}

/* === 2️⃣ 移动端菜单文字颜色恢复 === */
.ast-builder-menu-mobile a,
.ast-mobile-popup-content a {
  color: #002D72 !important;
  font-weight: 500;
}
.ast-builder-menu-mobile a:hover,
.ast-builder-menu-mobile a:focus,
.ast-mobile-popup-content a:hover,
.ast-mobile-popup-content a:focus {
  color: #0073AA !important;
}

/* 菜单按钮（汉堡与关闭） */
.ast-menu-toggle,
.ast-toggle-menu-icon,
.ast-mobile-popup-close {
  color: #002D72 !important;
  fill: #002D72 !important;
}

/* === 3️⃣ 移除页脚上方黑线 === */
.footer-adv,
.site-footer,
.footer-bottom,
.site-info,
.ast-footer-copyright {
  border-top: none !important;
  box-shadow: none !important;
  background-size: cover !important;
}

/* 如果黑线来自 Page wrapper */
#page, .site {
  border-bottom: none !important;
  background-color: transparent !important;
}

/* === 4️⃣ 页脚渐变再次柔化（保持现有色系但更顺滑） === */
.site-footer,
.footer-adv,
.footer-bottom,
.ast-footer-copyright {
  background: linear-gradient(
      180deg,
      #002D72 0%,
      #003580 35%,
      #004b99 70%,
      #001d40 100%
  ) !important;
  color: #ffffff !important;
  padding: 40px 0;
  text-align: center;
  transition: background 0.6s ease;
}

/* 页脚内层全部透明，彻底去暗块 */
.ast-footer-copyright .ast-builder-grid-row-container,
.ast-footer-copyright .ast-builder-grid-row {
  background: transparent !important;
  box-shadow: none !important;
}

/* === 5️⃣ 细节微调（保持你的品牌蓝调统一） === */

/* 页脚文字链接 */
.site-footer a {
  color: #E6F0FF !important;
}
.site-footer a:hover {
  color: #00B4FF !important;
}


/* --- text wrap + remove frame fix --- */
.vss-hero-content h1 {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}
.ast-container,
.entry-content {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
}

/* --- mobile fix --- */
@media (max-width:768px){
  .vss-hero-full{
    min-height: auto;
    padding: 100px 1rem 100px;
  }
}

/* === HERO 背景图修正版（完全适配 Astra，保证覆层正确） === */
.vss-hero-full {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
  color: #fff;
  overflow: hidden;
  background: none !important;  /* 防止 Astra 主题背景盖图 */
  z-index: 1;
  isolation: isolate;
}

/* 背景图层放在伪元素里，独立控制层级 */
.vss-hero-full::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to right, rgba(10, 22, 43, 0.65), rgba(12, 21, 48, 0.55)),
    url("https://vertexsynapsesearch.com/wp-content/uploads/2025/10/homepage3.png") center center / cover no-repeat;
  z-index: -1; /* 保证在文字后面显示 */
  opacity: 1;
}

/* 内层内容 */
.vss-hero-content {
  position: relative;
  max-width: 900px;
  padding: 0 1.5rem;
  z-index: 2;
}

/* 标题排版 */
.vss-hero-content h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  white-space: normal;
}

.vss-hero-content p {
  font-size: 1rem;
  margin-bottom: 2rem;
  color: #e0e6ff;
}

/* 按钮区域 */
.vss-hero-buttons.vertical {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}

.vss-hero-buttons a {
  display: inline-block;
  padding: 0.6rem 1.6rem;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.vss-hero-buttons .btn-primary {
  background: #0077ff;
  color: #fff;
}
.vss-hero-buttons .btn-primary:hover {
  background: #3399ff;
}

.vss-hero-buttons .btn-secondary {
  background: #fff;
  color: #04133d;
}
.vss-hero-buttons .btn-secondary:hover {
  background: #e6ecff;
}

/* 手机端适配 */
@media (max-width: 768px) {
  .vss-hero-full {
    min-height: auto;
    padding: 100px 1rem 120px;
  }
}

/* === VSS Hero Section (final full width) === */
section.vss-hero-full {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  transform: translateX(-50%) !important;

  min-height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;

  /* 背景图 + 深蓝渐层 */
  background:
    linear-gradient(to right, rgba(10, 22, 43, 0.6), rgba(12, 21, 48, 0.5)),
    url("https://vertexsynapsesearch.com/wp-content/uploads/2025/10/homepage3.png") center/cover no-repeat !important;

  color: #fff;
  overflow: hidden;
  z-index: 0 !important;
}

/* 内容居中 */
.vss-hero-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  padding: 0 1.5rem;
}

.vss-hero-content h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.2rem;
}

.vss-hero-content p {
  font-size: 1rem;
  color: #e0e6ff;
  margin-bottom: 2rem;
}

.vss-hero-buttons.vertical {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
}

.vss-hero-buttons a {
  display: inline-block;
  padding: 0.6rem 1.6rem;
  border-radius: 9999px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
}

.vss-hero-buttons .btn-primary {
  background: #0077ff;
  color: #fff;
}
.vss-hero-buttons .btn-primary:hover {
  background: #3399ff;
}

.vss-hero-buttons .btn-secondary {
  background: #fff;
  color: #04133d;
}
.vss-hero-buttons .btn-secondary:hover {
  background: #e6ecff;
}

/* 移动端修正 */
@media (max-width: 768px) {
  section.vss-hero-full {
    min-height: auto;
    padding: 100px 1rem 120px;
    background-position: center top;
  }
}
/* === 让 .vss-hero-full 全宽显示 (修复桌面端) === */

/* 让外层容器允许孩子溢出 */
.ast-container,
.site-content,
#content {
  overflow: visible !important;
}

/* 让 vss-hero-full 完全脱离容器规则 */
section.vss-hero-full {
  position: relative !important;
  left: 50% !important;
  right: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  transform: none !important; /* 取消原 translateX 限制 */
  border-radius: 0 !important;
}

/* === 修复顶部、底部的蓝色缝隙 === */

/* 去掉主内容与页眉页脚之间的间距 */
.site-content,
.entry-content,
.ast-container,
#content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
}

/* 去掉 section.vss-hero-full 自身可能被 Astra 强制添加的 margin */
section.vss-hero-full {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 去掉 header 与 hero 之间那条蓝线 */
header.site-header {
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

/* 去掉 footer 与 hero 之间的蓝线 */
footer.site-footer {
  margin-top: 0 !important;
  border-top: none !important;
}

/* 细调：让背景上移与下接，视觉更连贯 */
section.vss-hero-full {
  position: relative;
  top: -1px;   /* 微调抹掉细线 */
}

/* === 豪华进场动画 (背景推入 + 文字淡入) === */

/* 背景淡入 + 缩放 */
@keyframes heroBackgroundIntro {
  from {
    opacity: 0;
    transform: scale(1.05);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* 文字淡入上浮 */
@keyframes heroContentFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 为背景添加动画 */
section.vss-hero-full {
  animation: heroBackgroundIntro 1.8s ease-out forwards;
  will-change: opacity, transform;
}

/* 为内容添加动画 */
.vss-hero-content {
  animation: heroContentFadeUp 1.6s ease-out 0.6s forwards;
  opacity: 0; /* 初始隐藏，等动画启动显现 */
}

/* 按钮组稍后一点出现，显得有节奏 */
.vss-hero-buttons {
  animation: heroContentFadeUp 1.2s ease-out 1.2s forwards;
  opacity: 0;
}

/* 微呼吸：背景轻轻缩放循环 */
section.vss-hero-full {
  animation: heroBackgroundIntro 1.8s ease-out forwards,
             heroBreathing 10s ease-in-out 2s infinite alternate;
}

@keyframes heroBreathing {
  from { transform: scale(1); }
  to   { transform: scale(1.03); }
}

/* === Overview 页面美化 (page-id-99) === */
.page-id-99 .entry-content {
  max-width: 900px;
  margin: 0 auto;
  padding: 80px 20px;
  color: #cfd9ff;
  font-size: 1.05rem;
  line-height: 1.75;
}

/* 标题样式 */
.page-id-99 .entry-content h1,
.page-id-99 .entry-content h2,
.page-id-99 .entry-content h3 {
  color: #ffffff;
  font-weight: 600;
  margin-top: 60px;
  margin-bottom: 20px;
  position: relative;
}

/* h2 下划线渐层 */
.page-id-99 .entry-content h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #0077ff, #00ccff);
  margin-top: 8px;
  border-radius: 2px;
}

/* 段落 */
.page-id-99 .entry-content p {
  margin-bottom: 1.2rem;
}

/* 链接 hover 效果 */
.page-id-99 .entry-content a {
  color: #66bfff;
  text-decoration: none;
  border-bottom: 1px solid rgba(102,191,255,0.4);
  transition: all 0.3s ease;
}

.page-id-99 .entry-content a:hover {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

/* tagline 特效 */
.page-id-99 .entry-content em {
  display: block;
  font-size: 1.1rem;
  color: #a9c4ff;
  margin-top: 1.5rem;
  font-style: italic;
  border-left: 3px solid #0099ff;
  padding-left: 12px;
  animation: fadeInTagline 1.2s ease-out forwards;
  opacity: 0;
}

/* tagline 动画 */
@keyframes fadeInTagline {
  from { opacity: 0; transform: translateY(15px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* === Overview 页面 Explore Buttons 样式 (page-id-99) === */
.page-id-99 .vss-explore-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 40px;
}

/* 基础按钮外观 */
.page-id-99 .vss-btn {
  display: inline-block;
  padding: 12px 28px;
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
  background: linear-gradient(90deg, #0077ff, #00ccff);
  border-radius: 4px;
  text-decoration: none;
  letter-spacing: 0.3px;
  transition: all 0.35s ease;
  box-shadow: 0 4px 15px rgba(0, 128, 255, 0.25);
}

/* Hover 炫光效果 */
.page-id-99 .vss-btn:hover {
  background: linear-gradient(90deg, #00ccff, #0077ff);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 128, 255, 0.4);
}

/* 第二个按钮（淡化色调） */
.page-id-99 .vss-btn-alt {
  background: transparent;
  border: 1.8px solid rgba(255,255,255,0.5);
  color: #cfe2ff;
  box-shadow: none;
}
.page-id-99 .vss-btn-alt:hover {
  background: rgba(255,255,255,0.1);
  color: #ffffff;
  border-color: #ffffff;
}

/* === Overview 页面滚动淡入动效 (page-id-99) === */

/* 初始状态：不可见，稍微下移 */
.page-id-99 [data-fade],
.page-id-99 .vss-btn {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 进入视窗后：完全显现 */
.page-id-99 [data-fade].visible,
.page-id-99 .vss-btn.visible {
  opacity: 1;
  transform: translateY(0);
}

/* === Coverage 页面去除底部线条 (page-id-107) === */

.page-id-107 hr,
.page-id-107 .ast-separator,
.page-id-107 .ast-single-post-separator,
.page-id-107 .entry-content > *:last-child {
  display: none !important;
  border: none !important;
  content: none !important;
}

/* === Coverage 页面去掉底线 (page-id-107) === */

/* 直接定点到产生线的元素 */
.page-id-107 #content.site-content .ast-container {
  border-top: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* 一些 Astra 版本在伪元素上绘制线条 */
.page-id-107 #content.site-content .ast-container::before,
.page-id-107 #content.site-content .ast-container::after {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  content: none !important;
  display: none !important;
}

/* 若是 Astra 动态样式晚加载，这里再用高优先级 selector 加载二次确认 */
html body.page-id-107 div#page > div#content.site-content > div.ast-container {
  border-top: 0 !important;
}

/* === Coverage 页面：稳定深蓝背景 + 纬线图案 === */
.page-id-107 .site-content {
  position: relative;
  min-height: 100vh; /* 让背景至少铺满一屏 */
  background: linear-gradient(180deg, #011a3c 0%, #022a52 100%) !important;
  overflow: hidden;
}

/* 伪元素生成整页背景经纬线效果 */
.page-id-107 .site-content::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-image:
    radial-gradient(circle at 60% 35%, rgba(255,255,255,0.08) 0, transparent 70%),
    repeating-linear-gradient(to right, rgba(255,255,255,0.05) 0 1px, transparent 1px 100px),
    repeating-linear-gradient(to bottom, rgba(255,255,255,0.05) 0 1px, transparent 1px 100px);
  background-blend-mode: screen;
}

/* 保证正文在上层 */
.page-id-107 .entry-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  margin: 0 auto;
  padding: 80px 20px;
  color: #cfd9ff;
  font-size: 1.05rem;
  line-height: 1.75;
}

/* 标题与装饰保持 */
.page-id-107 .entry-content h1,
.page-id-107 .entry-content h2 {
  color: #ffffff;
  font-weight: 600;
  margin-top: 60px;
}
.page-id-107 .entry-content h2::after {
  content: '';
  display: block;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #0077ff, #00ccff);
  margin-top: 8px;
  border-radius: 2px;
}
.page-id-107 .entry-content a {
  color: #66bfff;
  text-decoration: none;
  border-bottom: 1px solid rgba(102,191,255,0.4);
  transition: all 0.3s ease;
}
.page-id-107 .entry-content a:hover {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

/* === 删除其他页面的伪元素背景线效果 === */

/* Services */
.page-id-111 .ast-container::before,
.page-id-111 .ast-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Insights */
.page-id-34 .ast-container::before,
.page-id-34 .ast-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Contact */
.page-id-32 .ast-container::before,
.page-id-32 .ast-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* About Us */
.page-id-1 .ast-container::before,
.page-id-1 .ast-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Overview */
.page-id-99 .ast-container::before,
.page-id-99 .ast-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Expertise */
.page-id-104 .ast-container::before,
.page-id-104 .ast-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* Opportunities */
.page-id-109 .ast-container::before,
.page-id-109 .ast-container::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* === Coverage 页稳定经纬网格，不随 JS / resize 丢失 === */
.page-id-107 .ast-container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none !important;
  z-index: 0 !important;

  /* ✅ 此处是你原来的网格样式，请保留或改成原本的背景 */
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px);
  background-size: 80px 80px;
  background-position: center center;
  background-repeat: repeat;

  /* 关键：强制浏览器在 resize 后保留 */
  background-attachment: fixed !important;
  will-change: auto;
}

.page-id-107 .ast-container {
  position: relative;
  overflow: visible;
}