/* Aurora Global Theme & Enterprise White Style Sync */
h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }

.font-theme {
  color: #2563eb;
}

textarea {
  resize: none;
}

body {
  background-color: #f8fafc;
  color: #1e293b;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-weight: 400;
}

input {
  outline: none;
}

/* =========================================
   Universal Enterprise White Footer Sync
   ========================================= */
.footer,
.footer.index {
  background: #ffffff !important;
  color: #475569 !important;
  border-top: 1px solid #e2e8f0 !important;
}

.register-advert {
  display: none !important;
  background: linear-gradient(90deg, #ff5722 0%, #ff7043 50%, #f4511e 100%) !important;
}

.section-promise {
  background: #ffffff !important;
  border-bottom: 1px solid #edf2f7 !important;
}

.promise-box {
  color: #1e293b !important;
  font-weight: 600 !important;
}

.footer-content {
  background-color: #ffffff !important;
}

.footer-nav-box .footer-nav-head {
  color: #0f172a !important;
  border-bottom: 2px solid #e2e8f0 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding-bottom: 12px !important;
  margin-bottom: 16px !important;
  width: fit-content !important;
}

.footer-content .footer-nav {
  display: flex !important;
  justify-content: space-between !important;
  gap: 30px !important;
}

.footer-content .footer-nav .footer-nav-left {
  display: flex !important;
  width: 100% !important;
  gap: 30px !important;
  margin-right: 20px !important;
}

.footer-nav-box .footer-nav-item {
  margin-bottom: 10px !important;
}

.footer .link-hover,
.footer-nav-item a {
  color: #64748b !important;
  transition: all 0.2s ease !important;
}

.footer .link-hover:hover,
.footer-nav-item a:hover {
  color: #2563eb !important;
  padding-left: 3px !important;
}

.footer-nav-right .footer-nav-box .footer-nav-head {
  border-bottom: 2px solid #2563eb !important;
}

.footer .footer-record {
  border-top: 1px solid #edf2f7 !important;
  color: #94a3b8 !important;
}

.footer .footer-record a {
  color: #64748b !important;
}

.footer .footer-record a:hover {
  color: #2563eb !important;
}

/* =========================================
   Universal Modern Card & Tech Button Styles
   ========================================= */
.product-item,
.hot-item,
.service-box,
.banner-s,
.solution-box {
  border-radius: 12px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
  transition: all 0.28s ease !important;
  background: #ffffff !important;
}

.product-item:hover,
.hot-item:hover,
.service-box:hover,
.solution-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08) !important;
  border-color: #cbd5e1 !important;
}

.product-btn,
.buy-cloud,
.search-btn,
.btn-normal {
  background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.25) !important;
  transition: all 0.25s ease !important;
}

.product-btn:hover,
.buy-cloud:hover,
.search-btn:hover,
.btn-normal:hover {
  background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.4) !important;
}

/* ===================================================
   高阶全站导航栏增高垫与现代科技感 UI (Header Re-design)
   =================================================== */
.nav-shadow {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06) !important;
  border-bottom: 1px solid rgba(226, 232, 240, 0.8) !important;
  position: relative !important;
  z-index: 999 !important;
}

/* 增高导航条（86px），营造宽阔通透的企业级呼吸感 */
.nav-header {
  height: 86px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

/* Logo 智能自适应
   不写死 height：只给 max-height / max-width 上限，让任意比例的 LOGO
   都等比撑满可用空间（写死高度会让「上下带透明留白」的图看起来很小）。 */
.nav-header .nav-left .nav-icon {
  display: flex !important;
  align-items: center !important;
  margin-right: 42px !important;
}

.nav-header .nav-left .nav-icon img,
.nav-header .nav-left .nav-icon #logo {
  height: auto !important;
  max-height: 46px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.25s ease !important;
}

.nav-header .nav-left .nav-icon img:hover {
  transform: scale(1.02) !important;
}

/* 导航菜单项增高自适应 */
.nav-menu .nav-item {
  height: 86px !important;
  line-height: 86px !important;
  padding: 0 18px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  border-bottom: 3px solid transparent !important;
  transition: all 0.22s ease !important;
}

.nav-menu .nav-item:hover {
  color: #2563eb !important;
  border-bottom: 3px solid #2563eb !important;
  background: linear-gradient(180deg, transparent 75%, rgba(37, 99, 235, 0.05) 100%) !important;
}

/* 下拉菜单面板自适应 86px */
.nav-cont {
  top: 86px !important;
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, 0.1) !important;
}

/* 右侧按钮区域 */
.nav-right {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

/* 强制彻底隐藏顶部导航文档入口 */
.nav-right a[href*="document"],
.nav-right .control:has(a[href*="document"]),
a[href*="/document.html"].nav-link-btn {
  display: none !important;
}

.nav-link-btn {
  text-decoration: none !important;
}

/* 文档与控制台科技小胶囊按钮 */
.nav-btn-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  transition: all 0.22s ease !important;
  cursor: pointer !important;
}

.nav-btn-item .nav-svg-icon {
  stroke: #64748b !important;
  transition: all 0.22s ease !important;
}

.nav-btn-item:hover {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.08) !important;
}

.nav-btn-item:hover .nav-svg-icon {
  stroke: #2563eb !important;
  transform: translateY(-1px) !important;
}

/* 控制台微突出样式 */
.nav-btn-console {
  background: rgba(37, 99, 235, 0.05) !important;
  border-color: #dbeafe !important;
  color: #1e40af !important;
}

.nav-btn-console .nav-svg-icon {
  stroke: #2563eb !important;
}

/* 登录 & 免费注册按钮组 */
.no-login {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* 登录按钮：高定冷光白+细磨砂边框 */
.btn-nav-login {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 38px !important;
  padding: 0 18px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
  transition: all 0.22s ease !important;
  cursor: pointer !important;
}

.btn-nav-login .nav-btn-icon {
  stroke: #64748b !important;
  transition: stroke 0.2s ease !important;
}

.btn-nav-login:hover {
  color: #2563eb !important;
  border-color: #93c5fd !important;
  background: #f8fafc !important;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.1) !important;
}

.btn-nav-login:hover .nav-btn-icon {
  stroke: #2563eb !important;
}

/* 免费注册按钮：高饱和深蓝/科技蓝金属渐变+外发光 */
.btn-nav-register {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  height: 38px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 60%, #1e40af 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35), inset 0 1px 1px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

.btn-nav-register .nav-btn-icon {
  stroke: #ffffff !important;
}

.btn-nav-register:hover {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 60%, #1d4ed8 100%) !important;
  box-shadow: 0 6px 20px rgba(37, 99, 235, 0.5), inset 0 1px 1px rgba(255, 255, 255, 0.4) !important;
  transform: translateY(-1.5px) !important;
}

/* 已登录状态适配 86px */
.nav-header .login-in {
  height: 86px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 20px !important;
}

.nav-header .login-in .login-menu {
  top: 86px !important;
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12) !important;
}

