/* ========================================
   UI修复覆盖样式 - glo.cyzycf.com
   ======================================== */

/* 服务卡片统一等高 */
#services .MuiGrid-root > .MuiGrid-item {
  display: flex;
}
#services .MuiGrid-root > .MuiGrid-item > .MuiPaper-root {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* 流程步骤容器等宽居中 */
#services .MuiGrid-container > .MuiGrid-item {
  display: flex;
  justify-content: center;
}

/* 卡片整体居中 */
.MuiGrid-container {
  justify-content: center;
}

/* ============================================
   博客区域改为列表样式
   ============================================ */

/* 文章容器改为垂直列表 */
#articles .MuiGrid-container {
  display: flex !important;
  flex-direction: column !important;
  max-width: 780px !important;
  margin: 0 auto !important;
  gap: 0 !important;
}

/* 每篇文章卡片变列表行 */
#articles .MuiGrid-item {
  max-width: 100% !important;
  flex-basis: 100% !important;
  border-bottom: 1px solid #eee !important;
}

/* 卡片无阴影 */
#articles .MuiPaper-root {
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  min-height: auto !important;
  max-height: none !important;
  padding: 14px 0 !important;
}

/* 内容水平排列：标签 标题 日期 */
#articles .MuiCardContent-root {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 !important;
}

/* 标签样式 */
#articles .MuiChip-root {
  display: inline-flex !important;
  font-size: 11px !important;
  height: 24px !important;
  background: #f5f5f5 !important;
  color: #666 !important;
  min-width: 60px !important;
  flex-shrink: 0 !important;
}

/* 标题样式 */
#articles .MuiTypography-h6 {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #333 !important;
  flex: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 日期样式 */
#articles time {
  font-size: 13px !important;
  color: #999 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* 隐藏多余元素 */
#articles .MuiCardActions-root,
#articles button,
#articles .MuiTypography-body2:not(time) {
  display: none !important;
}

/* ============================================
   定价卡片统一高度
   ============================================ */
#pricing .MuiGrid-item {
  display: flex;
}
#pricing .MuiGrid-item > .MuiPaper-root {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* ============================================
   联系区域
   ============================================ */
#contact form { display: none !important; }
#contact .MuiTextField-root,
#contact .MuiButton-contained,
#contact .MuiFormControl-root { display: none !important; }
#contact svg { display: none !important; }
#contact .MuiGrid-item:last-child { display: none !important; }
#contact .MuiGrid-item:first-of-type { max-width: 100% !important; flex-basis: 100% !important; }

/* ============================================
   导航按钮颜色修复 - 服务/博客按钮始终可见
   ============================================ */

/* 当导航栏背景为白色（滚动后）时，服务/博客按钮改为深色 */
header.MuiPaper-elevation4 button,
header.MuiPaper-elevation4 a {
  color: #1e293b !important;
}

/* 未滚动时背景透明，按钮保持白色 */
header button,
header a {
  transition: color 0.3s ease !important;
}

/* 强制"服务"和"博客"按钮始终使用深色文本，不管导航背景 */
button[data-nav-fixed="true"],
a[href="/services"],
a[href="/blog"] {
  color: #1e293b !important;
  font-weight: 600 !important;
}

/* 当在hero区域时（导航透明背景），按钮用白色 */
header[class*="MuiPaper-elevation0"] a[href="/services"],
header[class*="MuiPaper-elevation0"] a[href="/blog"] {
  color: white !important;
}

/* ============================================
   导航按钮颜色修复
   透明背景时 = 白色文字，白色背景时 = 深色文字
   ============================================ */

/* 工具条内的所有按钮/链接 */
.MuiToolbar-root button,
.MuiToolbar-root a {
  transition: color 0.3s ease !important;
}

/* 导航未滚动（透明背景）- 按钮白色 */
header[class*=MuiPaper-elevation0] .MuiToolbar-root button,
header[class*=MuiPaper-elevation0] .MuiToolbar-root a {
  color: #ffffff !important;
}

/* 导航已滚动（白色背景）- 按钮深色 */
header[class*=MuiPaper-elevation4] .MuiToolbar-root button,
header[class*=MuiPaper-elevation4] .MuiToolbar-root a {
  color: #1e293b !important;
}