/**
 * AikaLife 全局通用组件样式表 (2026版)
 * 涵盖：顶部导航栏 (.new-header)、页尾 (.aika-footer)、商务合作留资弹窗 (.coop-modal-overlay)
 * 保证全站所有页面导航栏与页尾风格 100% 统一，且不影响首页专属板块
 */

/* ==========================================================================
   1. 全局顶部导航栏 (Unified Header)
   ========================================================================== */
header.new-header,
.new-header {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 52px !important;
  background: #000085 !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
  z-index: 1000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 40px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  transition: all 0.3s ease !important;
}

header.new-header.is-scrolled,
.new-header.is-scrolled {
  position: fixed !important;
  background: rgba(0, 0, 133, 0.95) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 80, 0.35) !important;
  height: 52px !important;
}

.new-header .header-content {
  width: 100% !important;
  max-width: 1440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* Logo 样式 */
.new-header .logo {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

.new-header .logo a {
  display: flex !important;
  align-items: center !important;
  text-decoration: none !important;
}

.new-header .logo .site-logo-img {
  height: 22px !important;
  width: auto !important;
  max-width: 140px !important;
  display: block !important;
  object-fit: contain !important;
}

/* 导航菜单 */
.new-header .nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 !important;
  gap: 32px !important;
  margin: 0 24px !important;
  padding: 0 !important;
  list-style: none !important;
}

.new-header .nav-item {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  position: relative !important;
}

.new-header .nav-item a {
  display: block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  padding: 14px 6px !important;
  position: relative !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  border: none !important;
  background: transparent !important;
}

.new-header .nav-item a:hover {
  color: #60a5fa !important;
}

.new-header .nav-item.active a {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.new-header .nav-item.active a::after {
  content: '' !important;
  position: absolute !important;
  bottom: 4px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 20px !important;
  height: 2px !important;
  background-color: #3b82f6 !important;
  border-radius: 2px !important;
}

/* 清除旧样式可能残留的非 active 项下划线 */
.new-header .nav-item:not(.active) a::after {
  display: none !important;
}

/* 搜索按钮 */
.new-header .header-extra {
  display: flex !important;
  align-items: center !important;
}

.new-header .header-search-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  opacity: 0.9 !important;
  transition: opacity 0.2s, color 0.2s !important;
  padding: 8px !important;
  text-decoration: none !important;
}

.new-header .header-search-btn:hover {
  opacity: 1 !important;
  color: #60a5fa !important;
}

/* 移动端汉堡切换按钮 */
.mobile-nav-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  flex-direction: column;
  gap: 5px;
}

.mobile-nav-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 1px;
  transition: all 0.3s;
}

/* 导航响应式断点 */
@media (max-width: 1100px) {
  .new-header .nav-menu {
    gap: 20px !important;
  }
}

@media (max-width: 900px) {
  header.new-header,
  .new-header {
    height: 50px !important;
    padding: 0 20px !important;
  }
  .mobile-nav-toggle {
    display: flex !important;
  }
  .new-header .nav-menu {
    display: none !important;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 133, 0.98);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    flex-direction: column;
    padding: 20px 24px;
    gap: 16px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-sizing: border-box;
  }
  .new-header .nav-menu.active {
    display: flex !important;
  }
}

/* ==========================================================================
   2. 全局页尾 (Unified Footer - 8 bottom 高保真底图与精确热区交互)
   ========================================================================== */
footer.aika-footer,
.aika-footer {
  position: relative !important;
  background-color: #0084ff !important;
  color: #ffffff !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.aika-footer-interactive-wrap {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 7680 / 2692 !important;
  overflow: hidden !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

.aika-footer-interactive-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.aika-footer-hotspot-layer {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 5 !important;
}

.f-hotspot {
  position: absolute !important;
  display: block !important;
  z-index: 10 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.f-hotspot:not(.f-hotspot--disabled):not(.f-social-wechat):hover {
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) !important;
}

.f-hotspot--disabled {
  pointer-events: none !important;
  cursor: default !important;
}

/* 专栏 1: 关于我们 (left: 21.48%) */
.f-about-story   { left: 21.48%; top: 53.31%; width: 5.47%; height: 2.41%; }
.f-about-history { left: 21.48%; top: 56.28%; width: 5.47%; height: 2.41%; }
.f-about-news    { left: 21.48%; top: 59.25%; width: 5.47%; height: 2.41%; }
.f-about-join    { left: 21.48%; top: 69.47%; width: 5.47%; height: 2.41%; }
.f-about-contact { left: 21.48%; top: 72.44%; width: 5.47%; height: 2.41%; }

/* 专栏 2: 核心技术 (left: 31.12%) */
.f-tech-aihf      { left: 31.12%; top: 53.31%; width: 7.81%; height: 2.41%; }
.f-tech-sterilize { left: 31.12%; top: 56.28%; width: 5.47%; height: 2.41%; }
.f-tech-heat      { left: 31.12%; top: 59.25%; width: 5.47%; height: 2.41%; }
.f-tech-patent    { left: 31.12%; top: 62.22%; width: 5.47%; height: 2.41%; }

/* 专栏 3: 应用领域 (left: 43.23%) */
.f-app-ev       { left: 43.23%; top: 53.31%; width: 5.86%; height: 2.41%; }
.f-app-wearable { left: 43.23%; top: 56.28%; width: 5.86%; height: 2.41%; }
.f-app-building { left: 43.23%; top: 59.25%; width: 5.86%; height: 2.41%; }
.f-app-robot    { left: 43.23%; top: 62.22%; width: 5.86%; height: 2.41%; }
.f-app-space    { left: 43.23%; top: 65.19%; width: 5.86%; height: 2.41%; }
.f-app-green    { left: 43.23%; top: 68.16%; width: 5.86%; height: 2.41%; }
.f-app-3c       { left: 43.23%; top: 71.14%; width: 5.86%; height: 2.41%; }

/* 专栏 4: 客服热线 (left: 57.55%) */
.f-hotline-tel  { left: 57.55%; top: 53.31%; width: 14.97%; height: 2.60%; }

/* 专栏 5: 线上商城 */
.f-mall-youzan   { left: 69.66%; top: 53.12%; width: 2.21%; height: 5.39%; }
.f-mall-jd       { left: 73.18%; top: 53.12%; width: 2.21%; height: 5.39%; }
.f-mall-tmall    { left: 76.56%; top: 53.12%; width: 2.21%; height: 5.39%; }
.f-mall-douyin1  { left: 70.05%; top: 60.18%; width: 1.82%; height: 4.83%; }
.f-mall-douyin2  { left: 73.31%; top: 60.18%; width: 1.82%; height: 4.83%; }

/* 专栏 5: 社交互动 */
.f-social-wechat { left: 69.66%; top: 70.95%; width: 2.21%; height: 5.57%; position: absolute; }
.f-social-weibo  { left: 73.18%; top: 70.95%; width: 2.21%; height: 5.57%; }
.f-social-douyin { left: 76.56%; top: 70.95%; width: 2.21%; height: 5.57%; }
.f-social-red    { left: 79.95%; top: 70.95%; width: 2.34%; height: 5.57%; }

/* 微信二维码弹窗 (悬停官方微信呈现) */
.qrcode-popover {
  display: none;
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  height: 120px;
  background: #ffffff;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  z-index: 50;
  pointer-events: none;
  box-sizing: border-box;
}

.qrcode-popover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 !important;
}

/* 桌面端页尾版权：左侧对齐第一列“关于我们” (21.48%) */
.f-copyright-bar {
  position: absolute !important;
  left: 21.48% !important;
  bottom: 4.2% !important;
  font-size: clamp(12px, 0.9vw, 13.5px) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-weight: 300 !important;
  letter-spacing: 0.4px !important;
  white-space: nowrap !important;
  z-index: 15 !important;
  pointer-events: auto !important;
  user-select: text !important;
}

.f-copyright-bar a {
  color: inherit !important;
  text-decoration: none !important;
}

.f-copyright-bar a:hover {
  text-decoration: underline !important;
}

/* 移动端流式呈现 (默认PC隐藏) */
.aika-footer-mobile-stream {
  display: none;
  padding: 40px 24px;
}

.mobile-footer-hotline {
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mobile-footer-hotline .m-label {
  font-size: 13px;
  opacity: 0.8;
}

.mobile-footer-hotline .m-phone {
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  text-decoration: none;
}

.mobile-footer-hotline .m-hours {
  font-size: 12px;
  opacity: 0.75;
}

.mobile-footer-nav-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 20px;
}

.m-nav-group h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #ffffff;
}

.m-nav-group a,
.m-nav-group span {
  display: block;
  font-size: 13.5px;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  margin-bottom: 8px;
}

.m-nav-group span {
  opacity: 0.55;
}

.m-footer-copyright {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
  line-height: 1.6;
}

.m-footer-copyright a {
  color: inherit;
  text-decoration: none;
}

.m-footer-copyright a:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .aika-footer-interactive-wrap {
    display: none !important;
  }
  .aika-footer-mobile-stream {
    display: block !important;
  }
  .f-copyright-bar {
    display: none !important;
  }
}


/* ==========================================================================
   4. 全局顶层布局与间距修正 (消除子页面旧版 80px padding-top 与留白)
   ========================================================================== */
html, body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 核心技术等子页面首屏大图间距重置 */
.new-hero-section {
  margin-top: 0 !important;
}

/* ==========================================================================
   5. 子页面底部与统一页尾完美衔接（彻底消除重复雪山与冗余高度）
   ========================================================================== */

/* 核心技术页尾部新闻区域：去除hexinjishu2.png中的旧版雪山，白底承托新闻卡片自然衔接页尾 */
.page-template-page-hxjs .news-section {
  background-image: none !important;
  background-color: #ffffff !important;
  min-height: auto !important;
  padding: 40px 0 60px !important;
}

/* 新能源汽车页底部健康精品生态：去除d2bj3.jpg中的旧版雪山，纯白背景突出产品质感 */
.health-section {
  background-image: none !important;
  background-color: #ffffff !important;
  height: auto !important;
  min-height: auto !important;
  padding: 60px 0 80px !important;
}
.health-content {
  top: 0 !important;
}


/* 智能穿戴页合作板块：去除d2bj4a.jpg旧雪山及1140px定高，自适应排版 */
.cooperation-section {
  background-image: none !important;
  background-color: #ffffff !important;
  height: auto !important;
  min-height: auto !important;
  padding: 60px 0 80px !important;
}


/* 加入我们页携手共事板块：高品质科技蓝渐变承托招聘信息，完美呼应页尾雪山底图 */
.xieshou {
  background-image: linear-gradient(135deg, #0b2270 0%, #17389a 50%, #204db8 100%) !important;
  height: auto !important;
  min-height: 520px !important;
  padding: 80px 0 !important;
}