:root {
  /* 页面默认（浅底）*/
  --ind-bg: #f5f7fb;
  --ind-bg-soft: #edf2f7;
  --ind-text: #0f172a;
  --ind-text-muted: rgba(15, 23, 42, 0.72);

  /* 工业深色底（卡片/覆盖层）*/
  --ind-panel: #273646;
  --ind-panel-2: #2f4358;
  --ind-line: rgba(148, 163, 184, 0.32);
  --ind-text-on-dark: #f2f6ff;

  /* AI Tech Blue（更偏数字化工厂科技感） */
  --ind-accent: #2fe3ff;
  --ind-accent-2: #59f1ff;
}

body {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(1200px circle at 10% 0%, rgba(47, 227, 255, 0.10) 0%, transparent 55%),
    radial-gradient(900px circle at 90% 15%, rgba(89, 241, 255, 0.08) 0%, transparent 45%),
    radial-gradient(1000px circle at 50% 60%, rgba(15, 23, 42, 0) 45%, rgba(15, 23, 42, 0.10) 100%),
    linear-gradient(180deg, var(--ind-bg) 0%, var(--ind-bg-soft) 100%);
  color: var(--ind-text);
  letter-spacing: 0.2px;
}

/* 数据网格 + 扫描线（固定在背景层，不影响文字可读性） */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(47, 227, 255, 0.06) 0px,
      rgba(47, 227, 255, 0.06) 1px,
      transparent 1px,
      transparent 96px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(89, 241, 255, 0.05) 0px,
      rgba(89, 241, 255, 0.05) 1px,
      transparent 1px,
      transparent 72px
    ),
    /* 斜向“电路/通道”线（很克制） */
    repeating-linear-gradient(
      135deg,
      rgba(47, 227, 255, 0.035) 0px,
      rgba(47, 227, 255, 0.035) 1px,
      transparent 1px,
      transparent 160px
    ),
    /* 微点噪声颗粒 */
    radial-gradient(rgba(47, 227, 255, 0.10) 0.7px, transparent 0.8px);
  background-size:
    100% 100%,
    100% 100%,
    100% 100%,
    30px 30px;
  opacity: 1;
}

body::after {
  content: "";
  position: fixed;
  inset: -10% 0;
  z-index: -1;
  pointer-events: none;
  background: repeating-linear-gradient(
    135deg,
    rgba(47, 227, 255, 0.00) 0px,
    rgba(47, 227, 255, 0.00) 10px,
    rgba(47, 227, 255, 0.14) 11px,
    rgba(47, 227, 255, 0.00) 12px
  );
  opacity: 0.16;
  transform: translateY(-10%) translateX(-2%);
  animation: ind-scan 10s linear infinite;
  mix-blend-mode: screen;
}

@keyframes ind-scan {
  0% {
    transform: translateY(-10%) translateX(-2%);
  }
  100% {
    transform: translateY(10%) translateX(2%);
  }
}

/* 保证正文/内容有足够对比度（不要全局把 span/p 压成过灰） */
p,
span,
li {
  color: inherit;
}

a {
  color: var(--ind-accent-2) !important;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section_title h3,
.breadcam_text h3 {
  color: inherit;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.bradcam_bg .breadcam_text,
.slider_area .slider_text {
  color: var(--ind-text-on-dark);
}

.main-header-area {
  background: rgba(15, 20, 27, 0.78) !important;
  border-bottom: 1px solid var(--ind-line);
  backdrop-filter: blur(6px);
}

#navigation > li > a,
.submenu li a {
  color: #c8d5e3 !important;
}

#navigation > li > a:hover,
#navigation .active,
.submenu li a:hover {
  color: var(--ind-accent-2) !important;
}

/* 下拉菜单底色过亮导致对比度不足：强制改深色面板 */
.header-area .main-header-area .main-menu ul li .submenu {
  background: rgba(11, 18, 32, 0.98) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35) !important;
  border: 1px solid rgba(148, 163, 184, 0.18) !important;
}

.header-area .main-header-area .main-menu ul li .submenu li a {
  color: var(--ind-text-on-dark) !important;
}

.header-area .main-header-area .main-menu ul li .submenu li:hover a {
  color: var(--ind-accent-2) !important;
}

.slider_area::before,
.intro::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(8, 12, 16, 0.38), rgba(12, 21, 30, 0.22));
  pointer-events: none;
}

.single_slider,
.intro .container,
.route .container {
  position: relative;
  z-index: 1;
}

.causes_area,
.become_volunter {
  background: transparent !important;
}

.causes_area .container,
.become_volunter .container {
  background:
    linear-gradient(145deg, rgba(39, 54, 70, 0.96), rgba(47, 67, 88, 0.92)),
    repeating-linear-gradient(
      90deg,
      rgba(47, 227, 255, 0.10) 0px,
      rgba(47, 227, 255, 0.10) 1px,
      transparent 1px,
      transparent 110px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(89, 241, 255, 0.08) 0px,
      rgba(89, 241, 255, 0.08) 1px,
      transparent 1px,
      transparent 70px
    );
  border: 1px solid rgba(47, 227, 255, 0.28);
  border-radius: 8px;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18);
  padding-top: 28px;
  padding-bottom: 28px;
  color: var(--ind-text-on-dark);
}

.product_info,
.causes_info,
.about_info,
.info_area {
  background: linear-gradient(180deg, rgba(12, 18, 24, 0.30), rgba(12, 18, 24, 0.18));
  border: 1px solid rgba(47, 227, 255, 0.18);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
  color: var(--ind-text-on-dark);
}

/* 关于页电话/邮箱/联系地址标签在深底上太深 (#333333) -> 强制高对比 */
.causes_area .about_info > div > span {
  color: var(--ind-text-on-dark) !important;
}

.causes_area .about_info > div > span:nth-of-type(1) {
  color: rgba(89, 241, 255, 0.95) !important;
}

.boxed-btn2,
.boxed-btn2.product_but {
  background: linear-gradient(
    120deg,
    rgba(47, 227, 255, 0.25) 0%,
    rgba(89, 241, 255, 0.35) 45%,
    rgba(94, 151, 220, 0.25) 100%
  ) !important;
  border: 1px solid rgba(89, 241, 255, 0.55) !important;
  color: #ecfeff !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: 0 10px 26px rgba(47, 227, 255, 0.14);
}

.boxed-btn2:hover {
  background: linear-gradient(
    120deg,
    rgba(47, 227, 255, 0.34) 0%,
    rgba(89, 241, 255, 0.48) 45%,
    rgba(94, 151, 220, 0.30) 100%
  ) !important;
  border-color: rgba(89, 241, 255, 0.7) !important;
}

.footerBg {
  background: #0b1220 !important;
  border-top: 1px solid var(--ind-line);
}

.footerBg .CopyRight_name,
.footerBg a {
  color: #97abc0 !important;
}

/* unify repeated inline styles */
.logo-img img[style] {
  width: 48px !important;
  height: 32px !important;
  float: left !important;
  margin-top: 5px !important;
}

.logo-img span[style] {
  font-size: 30px !important;
  color: #dde9f3 !important;
  letter-spacing: 1px;
}

.causes_area[style*="margin-top: 100px"] {
  margin-top: 72px !important;
}

.volunter_text input[style],
.volunter_text textarea[style] {
  width: 100% !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #58728c !important;
  color: #dce7f3 !important;
}

.volunter_text input::placeholder,
.volunter_text textarea::placeholder {
  color: #8fa4b8;
}

img[style*="height:50px;width:164px"] {
  height: 44px !important;
  width: 148px !important;
  opacity: 0.9;
}