html, body { height: 100%; }
body {
  background:
    radial-gradient(900px 450px at 0% 0%, rgba(59,130,246,0.12), transparent 60%),
    radial-gradient(900px 450px at 100% 0%, rgba(37,99,235,0.10), transparent 60%),
    linear-gradient(180deg, #f3f6fc, #f8fafc);
  color-scheme: light;
}

.tech-glow{
  background: linear-gradient(90deg, transparent, rgba(59,130,246,0.55), rgba(59,130,246,0.45), transparent);
  box-shadow: 0 0 18px rgba(37,99,235,0.35);
}

.nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius: 0.9rem;
  padding: .55rem .9rem;
  font-size: .9rem;
  font-weight: 500;
  color: rgba(15,23,42,.78);
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.nav-link:hover{
  background: rgba(148,163,184,.12);
  color: rgba(15,23,42,.95);
}
.nav-link.is-active{
  background: rgba(59,130,246,.10);
  color: rgba(37,99,235,.96);
  box-shadow: inset 0 0 0 1px rgba(59,130,246,.40);
}

.nav-link-mobile{
  display:flex;
  border-radius: 0.9rem;
  padding: .75rem .9rem;
  font-size: .95rem;
  font-weight: 500;
  color: rgba(15,23,42,.86);
  background: rgba(255,255,255,1);
  box-shadow: 0 1px 0 rgba(15,23,42,.04);
}
.nav-link-mobile:hover{
  background: rgba(226,232,240,.55);
  color: rgba(15,23,42,.96);
}
.nav-link-mobile.is-active{
  background: rgba(59,130,246,.08);
  box-shadow: inset 0 0 0 1px rgba(59,130,246,.30);
}

.glass-card{
  background: rgba(255,255,255,.98);
  border-radius: 1.5rem;
  border: 1px solid rgba(15,23,42,.06);
  box-shadow:
    0 18px 45px rgba(15,23,42,.08),
    0 1px 0 rgba(15,23,42,.04);
}

.btn-primary{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border-radius: 1rem;
  padding: .85rem 1.1rem;
  font-size: .95rem;
  font-weight: 600;
  color: rgba(236,254,255,.95);
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border: 1px solid rgba(37,99,235,.9);
  box-shadow: 0 14px 30px rgba(37,99,235,.35);
}
.btn-primary:hover{
  border-color: rgba(37,99,235,1);
  box-shadow: 0 18px 40px rgba(37,99,235,.40);
}
.btn-ghost{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border-radius: 1rem;
  padding: .85rem 1.1rem;
  font-size: .95rem;
  font-weight: 600;
  color: rgba(15,23,42,.86);
  background: rgba(255,255,255,1);
  border: 1px solid rgba(148,163,184,.5);
}
.btn-ghost:hover{
  background: rgba(239,246,255,1);
  border-color: rgba(59,130,246,.7);
}

/* Better focus outlines */
:focus-visible{
  outline: 2px solid rgba(34,211,238,.55);
  outline-offset: 3px;
  border-radius: .6rem;
}

/* Scrollbar (Chromium) */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-thumb{
  background: rgba(148,163,184,.55);
  border-radius: 999px;
  border: 2px solid rgba(248,250,252,0);
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover{
  background: rgba(100,116,139,.80);
  border: 2px solid rgba(248,250,252,0);
  background-clip: padding-box;
}

/* 让卡片里的文字从“白字”变为深色，更接近企业官网风格 */
.glass-card .text-white\/95,
.glass-card .text-white\/90,
.glass-card .text-white\/85{
  color: rgba(15,23,42,.92);
}
.glass-card .text-white\/75,
.glass-card .text-white\/70,
.glass-card .text-white\/65{
  color: rgba(51,65,85,.86);
}
.glass-card .text-white\/60,
.glass-card .text-white\/55,
.glass-card .text-white\/50,
.glass-card .text-white\/45,
.glass-card .text-white\/40{
  color: rgba(100,116,139,.88);
}