/* 麦块云 - 全局主题颜色强制覆盖 */

/* 最高优先级覆盖全局CSS变量 */
:root {
  /* 专业蓝色系主题 */
  --primary: #0A4D82 !important;
  --primary-color: #0A4D82 !important;
  --primary-dark: #063E6B !important;
  --primary-light: #D0E4F5 !important;
  --secondary: #1A8CD8 !important;
  --secondary-color: #1A8CD8 !important;
  --accent: #00B67A !important;
  --accent-color: #00B67A !important;
  --warning: #FF9A00 !important;
  --warning-color: #FF9A00 !important;
  --danger: #E74C3C !important;
  --success: #00B67A !important;
  
  --light-bg: #F0F4F8 !important;
  --text-dark: #203548 !important;
  --text-light: #FFFFFF !important;
  --border-color: #D9E2EC !important;
  --card-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
  
  /* 页脚颜色 */
  --footer-bg: #203548 !important;
  --footer-text: #FFFFFF !important;
  --footer-title: #FFFFFF !important;
  
  /* 覆盖任何原有pink相关颜色 */
  --pink: #1A8CD8 !important;
  --light-pink: #D0E4F5 !important;
  --dark-pink: #0A4D82 !important;
  --purple: #0A4D82 !important;
  --light-purple: #D0E4F5 !important;
}

/* 覆盖页脚样式 */
footer, footer.footer {
  background-color: #203548 !important;
  color: #FFFFFF !important;
}

footer *, footer.footer * {
  font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif !important;
}

footer h3, footer.footer h3, 
footer .footer-title, footer.footer .footer-title,
footer .footer-col h3, footer.footer .footer-col h3 {
  color: #FFFFFF !important;
}

footer a, footer.footer a {
  color: rgba(255, 255, 255, 0.7) !important;
  transition: all 0.3s ease !important;
}

footer a:hover, footer.footer a:hover {
  color: #FFFFFF !important;
}

.footer-social-icon, footer .footer-social-icon {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}

.footer-social-icon:hover, footer .footer-social-icon:hover {
  background-color: #1A8CD8 !important;
  color: #FFFFFF !important;
  transform: translateY(-3px) !important;
}

.footer-tagline, footer .footer-tagline {
  color: #1A8CD8 !important;
}

.copyright, footer .copyright {
  color: rgba(255, 255, 255, 0.6) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* 覆盖所有按钮样式 */
.btn, button[class*="btn"], a[class*="btn"], 
input[type="button"], input[type="submit"],
.button, a.button {
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
  font-weight: 600 !important;
}

.btn-primary, button.btn-primary, a.btn-primary,
.button-primary, a.button-primary,
.btn[style*="background"], button[style*="background"],
input[type="submit"] {
  background: #1A8CD8 !important;
  background-color: #1A8CD8 !important;
  color: #FFFFFF !important;
  border-color: #1A8CD8 !important;
  box-shadow: 0 4px 6px rgba(26, 140, 216, 0.3) !important;
}

.btn-primary:hover, button.btn-primary:hover, a.btn-primary:hover,
.button-primary:hover, a.button-primary:hover,
.btn[style*="background"]:hover, button[style*="background"]:hover,
input[type="submit"]:hover {
  background: #0A7BC2 !important;
  background-color: #0A7BC2 !important;
  border-color: #0A7BC2 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(26, 140, 216, 0.4) !important;
}

.btn-outline, button.btn-outline, a.btn-outline,
.button-outline, a.button-outline {
  background: transparent !important;
  background-color: transparent !important;
  color: #1A8CD8 !important;
  border: 2px solid #1A8CD8 !important;
}

.btn-outline:hover, button.btn-outline:hover, a.btn-outline:hover,
.button-outline:hover, a.button-outline:hover {
  background-color: rgba(26, 140, 216, 0.1) !important;
  color: #0A7BC2 !important;
  border-color: #0A7BC2 !important;
  transform: translateY(-2px) !important;
}

/* 强制覆盖所有彩色元素 */
[style*="color"][style*="#ff73b5"],
[style*="color"][style*="pink"],
[style*="color"][style*="#a364ff"],
[style*="color"][style*="purple"] {
  color: #1A8CD8 !important;
}

[style*="background"][style*="#ff73b5"],
[style*="background"][style*="pink"],
[style*="background-color"][style*="#ff73b5"],
[style*="background-color"][style*="pink"],
.btn-pink, .pink-bg, .bg-pink,
[class*="pink"] {
  background: #1A8CD8 !important;
  background-color: #1A8CD8 !important;
  border-color: #1A8CD8 !important;
}

[style*="background"][style*="#a364ff"],
[style*="background"][style*="purple"],
[style*="background-color"][style*="#a364ff"],
[style*="background-color"][style*="purple"],
.btn-purple, .purple-bg, .bg-purple,
[class*="purple"] {
  background: #0A4D82 !important;
  background-color: #0A4D82 !important;
  border-color: #0A4D82 !important;
}

/* 区域按钮特殊样式 */
.datacenter-tab, .area-btn, .region-btn,
[class*="btn"][style*="background"],
.btn-pink, [class*="btn"][style*="#ff73b5"] {
  background: #1A8CD8 !important;
  color: white !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  border: none !important;
  box-shadow: 0 4px 6px rgba(26, 140, 216, 0.2) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
}

.datacenter-tab:hover, .area-btn:hover, .region-btn:hover,
[class*="btn"][style*="background"]:hover, 
.btn-pink:hover, [class*="btn"][style*="#ff73b5"]:hover {
  background: #0A4D82 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(26, 140, 216, 0.3) !important;
}

.datacenter-tab.active, .area-btn.active, .region-btn.active {
  background: #0A4D82 !important;
  color: white !important;
}

/* 导航栏样式 */
header, nav, .navbar {
  background-color: white !important;
}

.nav-link, .navbar a {
  color: #203548 !important;
}

.nav-link:hover, .navbar a:hover,
.nav-link.active, .navbar a.active {
  color: #1A8CD8 !important;
}

/* 标题和文字颜色 */
h1, h2, h3, h4, h5, h6 {
  color: #0A4D82 !important;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  color: #1A8CD8 !important;
}

/* 卡片和section背景 */
.card, .datacenter-card, .why-us-card, .client-card, .news-card {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
}

.light-bg, .section-light, section[style*="background-color:#f5f5fa"] {
  background-color: #F0F4F8 !important;
}

/* 移动导航 */
.mobile-nav {
  background-color: white !important;
  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.mobile-nav-item {
  color: #7F8C8D !important;
}

.mobile-nav-item.active, .mobile-nav-item:hover {
  color: #1A8CD8 !important;
}

/* 回到顶部按钮 */
.back-to-top {
  background: linear-gradient(135deg, #0A4D82, #1A8CD8) !important;
  box-shadow: 0 6px 15px rgba(26, 140, 216, 0.3) !important;
}

/* 强制覆盖任何可能的渐变背景 */
[style*="linear-gradient"] {
  background: linear-gradient(135deg, #0A4D82, #1A8CD8) !important;
} 

/* 亚洲地区按钮特殊样式 */
div[class*="datacenter-tab"],
button[class*="datacenter-tab"],
.datacenter-tab,
a[class*="area"],
button[class*="area"],
[style*="background-color:#ff73b5"],
[style*="background:#ff73b5"] {
  background: #1A8CD8 !important;
  color: white !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
  border-radius: 30px !important;
  border: none !important;
  box-shadow: 0 4px 6px rgba(26, 140, 216, 0.2) !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  margin: 5px !important;
  display: inline-block !important;
}

div[class*="datacenter-tab"]:hover,
button[class*="datacenter-tab"]:hover,
.datacenter-tab:hover,
a[class*="area"]:hover,
button[class*="area"]:hover,
[style*="background-color:#ff73b5"]:hover,
[style*="background:#ff73b5"]:hover {
  background: #0A4D82 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(26, 140, 216, 0.3) !important;
}