/* 公共布局 - 容器、栅格 */
:root {
  --font-primary: "Noto Sans SC", "Source Han Sans CN-Regular", "Source Han Sans CN", "PingFang SC", "Microsoft YaHei", sans-serif;
  --color-primary: #00479d;
  --color-dark: #001329;
  --color-gray: #8e8e93;
  --color-gray-light: #f2f2f7;
  --color-white: #fff;
  --max-width: 1600px;
  --gutter: 80px;
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

/* 版芯：非全屏内容统一 1600px 宽度 */
.content-1600 {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

/* 解决方案板块内容宽度 1440px */
.content-1440 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--gutter);
  padding-right: var(--gutter);
}

/* 响应式容器间距（适配 150% 缩放等场景） */
@media (max-width: 1400px) {
  :root {
    --gutter: 56px;
  }
}

@media (max-width: 1200px) {
  :root {
    --gutter: 40px;
  }
}

@media (max-width: 768px) {
  :root {
    --gutter: 20px;
  }
}