/* Header：斜角北卡蓝渐变，保持活力 */
.header {
  background: linear-gradient(135deg, #7BAFD4 0%, #5A9CCF 50%, #7BAFD4 100%) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}

/* 导航：白字 hover */
.nav-links a, .nav-logo {
  color: #f8f9fa !important;
}
.nav-links a:hover, .nav-logo:hover {
  color: #E0F0FF !important;
}

/* Body：原灰 + 柔蓝条纹，纯氛围 */
body, html, .wrapper {
  background-color: #f5f5f5 !important;
  background-image: 
    linear-gradient(90deg, rgba(123, 175, 212, 0.04) 0%, transparent 50%, rgba(123, 175, 212, 0.04) 100%),  /* 水平蓝丝，更淡 */
    linear-gradient(0deg, rgba(90, 156, 207, 0.02) 25%, transparent 25%);  /* 垂直丝，间歇淡 */
  background-size: 100% 25px, 25px 100%;
}

/* 内容区：全透明融合，无白框！文本直印蓝底 */
.content {
  background-color: transparent !important;  /* 零白，彻底融合 */
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 1.5rem;  /* 轻垫，呼吸但不隔 */
  margin: 0 auto;  /* 零外边，紧贴 */
}

.note, .tip, .important, .caution, .warning, .reminder {
  background-color: rgba(255, 255, 255, 0.8) !important;
  border-left-color: #5A9CCF;
  box-shadow: none;
}

/* 页脚：紧接内容，渐变无溢白 */
.footer {
  background: linear-gradient(to top, #f5f5f5 70%, transparent 100%) !important;  /* 下透明接 body */
  border-top: none;
  margin-top: 0 !important;  /* 零间，防白隙 */
  padding-top: 2rem;  /* 轻垫内容 */
  overflow: hidden;  /* 防溢出白 */
}
.copyright-text {
  margin-bottom: 0 !important;  /* 底部零垫，无白尾 */
}

/* 响应式：小屏条纹超淡，内容全融 */
@media (max-width: 600px) {
  body {
    background-image: 
      linear-gradient(90deg, rgba(123, 175, 212, 0.02) 0%, transparent 50%, rgba(123, 175, 212, 0.02) 100%),
      linear-gradient(0deg, rgba(90, 156, 207, 0.01) 25%, transparent 25%);
    background-size: 100% 40px, 40px 100%;
  }
  .content {
    padding: 1rem;
  }
  .footer {
    padding-top: 1rem;
  }
}