body {
  background-color: #f6f8fa;
  font-family: 'Segoe UI', 'Microsoft YaHei', Arial, sans-serif;
}
.bg-gradient-primary {
  background: linear-gradient(90deg, rgba(13, 71, 161, 0.5) 0%, rgba(25, 118, 210, 0.5) 100%),
              url('../assets/images/medical-tech-bg.jpg') center/cover no-repeat;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.bg-gradient-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: 
    linear-gradient(45deg, transparent 45%, rgba(255,255,255,0.05) 48%, rgba(255,255,255,0.05) 52%, transparent 55%),
    linear-gradient(-45deg, transparent 45%, rgba(255,255,255,0.05) 48%, rgba(255,255,255,0.05) 52%, transparent 55%);
  background-size: 30px 30px;
  opacity: 0.15;
}
.bg-gradient-primary .container {
  position: relative;
  z-index: 1;
}
.text-primary {
  color: #1976d2 !important;
}
.navbar {
  background: linear-gradient(90deg, #0d47a1 0%, #1976d2 100%) !important;
}
.card-title {
  font-weight: 600;
}
footer {
  background: #0d1a26 !important;
}
/* 添加科技感动画效果 */
@keyframes techPulse {
  0% { background-position: 0% 0%; }
  100% { background-position: 100% 100%; }
}
.bg-gradient-primary::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  right: -50%;
  bottom: -50%;
  background: 
    radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px),
    radial-gradient(circle, rgba(255,255,255,0.05) 1px, transparent 1px);
  background-size: 30px 30px;
  animation: techPulse 20s linear infinite;
  opacity: 0.08;
}