/* 全局间距变量 */
:root {
  --global-padding-x: 40px; /* 全局左右间距变量 - 减小50% */
  --global-padding-x-sm: 20px; /* 小屏幕全局左右间距变量 - 减小50% */
}

/* 全局固定间距应用 */
.app-container,
.page-wrapper,
.section-container,
section,
.content-wrapper {
  padding-left: var(--global-padding-x);
  padding-right: var(--global-padding-x);
}

/* 居中容器类 */
.container-centered {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--global-padding-x);
  padding-right: var(--global-padding-x);
}

@media (max-width: 768px) {
  :root {
    --global-padding-x: var(--global-padding-x-sm);
  }
}