/**
 * sanxio 响应式间距 Token（Antigravity 手册 §3.1）
 * 与 header-spacing.css 同阶：默认移动 12，≥768 升为 PC 20。
 */
/*======= sanxio 间距 Token 定义 start ===========*/
:root,
html,
body,
body.sanxio-spacing-scope,
body.sanxio-auth-page,
body.member-login-page,
body.member-register-page,
body.member-style-md3-page,
body.member-stats-md3-page,
body.member-news-md3-page,
body.member-page-md3-page,
body.member-honor-md3-page,
body.member-link-md3-page,
body.member-mail-md3-page,
body.member-alert-md3-page,
body.member-ad-md3-page,
body.member-deposit-md3-page,
body.member-record-md3-page,
body.member-cash-md3-page,
body.member-child-md3-page,
body.member-crm-md3-page,
body.member-agent-md3-page,
body.member-type-md3-page,
body.member-promo-md3-page,
body.member-stock-md3-page,
body.member-edit-ag-page,
body.sanxio-account-page,
body.member-account-md3-page,
body.member-md3-page,
body.sx-checkout-premium-page,
body.sx-mall-premium-page,
.sanxio-auth-page-wrap,
.sanxio-spacing-scope,
.sx-express-v2,
.sanxio-member-style-md3.sanxio-spacing-scope,
.sanxio-show-contact-panel.sanxio-spacing-scope,
.md3-login-root {
  --sanxio-block-px: 12px;
  --sanxio-content-gap: 12px;
  --sanxio-card-px: 12px;
  --sanxio-card-py: 12px;
  --sanxio-gap-md: 12px;
  --sanxio-gap-sm: 8px;
  --sanxio-block-padding-y: var(--sanxio-card-py);
  --sanxio-block-padding-x: var(--sanxio-block-px);
  --sanxio-card-padding-y: var(--sanxio-card-py);
  --sanxio-card-padding-x: var(--sanxio-card-px);
}

@media (min-width: 768px) {
  :root,
  html,
  body,
  body.sanxio-spacing-scope,
  body.sanxio-auth-page,
  body.member-login-page,
  body.member-register-page,
  body.member-style-md3-page,
  body.member-stats-md3-page,
  body.member-news-md3-page,
  body.member-page-md3-page,
  body.member-honor-md3-page,
  body.member-link-md3-page,
  body.member-mail-md3-page,
  body.member-alert-md3-page,
  body.member-ad-md3-page,
  body.member-deposit-md3-page,
  body.member-record-md3-page,
  body.member-cash-md3-page,
  body.member-child-md3-page,
  body.member-crm-md3-page,
  body.member-agent-md3-page,
  body.member-type-md3-page,
  body.member-promo-md3-page,
  body.member-stock-md3-page,
  body.member-edit-ag-page,
  body.sanxio-account-page,
  body.member-account-md3-page,
  body.member-md3-page,
  body.sx-checkout-premium-page,
  body.sx-mall-premium-page,
  .sanxio-auth-page-wrap,
  .sanxio-spacing-scope,
  .sx-express-v2,
  .sanxio-member-style-md3.sanxio-spacing-scope,
  .sanxio-show-contact-panel.sanxio-spacing-scope,
  .md3-login-root {
    --sanxio-block-px: 20px;
    --sanxio-content-gap: 20px;
    --sanxio-card-px: 20px;
    --sanxio-card-py: 20px;
    --sanxio-gap-md: 16px;
    --sanxio-gap-sm: 8px;
  }
}
/*======= sanxio 间距 Token 定义 end ===========*/

/*======= sanxio 间距工具类（块级纵向） start ===========*/
.sanxio-stack-content {
  display: flex;
  flex-direction: column;
  gap: var(--sanxio-content-gap);
}
.sanxio-stack-md {
  display: flex;
  flex-direction: column;
  gap: var(--sanxio-gap-md);
}
.sanxio-stack-sm {
  display: flex;
  flex-direction: column;
  gap: var(--sanxio-gap-sm);
}
.sanxio-mt-content { margin-top: var(--sanxio-content-gap); }
.sanxio-mb-content { margin-bottom: var(--sanxio-content-gap); }
.sanxio-mt-md { margin-top: var(--sanxio-gap-md); }
.sanxio-mb-md { margin-bottom: var(--sanxio-gap-md); }
.sanxio-mt-sm { margin-top: var(--sanxio-gap-sm); }
.sanxio-mb-sm { margin-bottom: var(--sanxio-gap-sm); }
.sanxio-px-card { padding-left: var(--sanxio-card-px); padding-right: var(--sanxio-card-px); }
.sanxio-py-card { padding-top: var(--sanxio-card-py); padding-bottom: var(--sanxio-card-py); }
.sanxio-member-page-inset {
  box-sizing: border-box;
  width: 100%;
  padding-top: var(--sanxio-content-gap);
  padding-right: var(--sanxio-block-px);
  padding-bottom: var(--sanxio-block-px);
  padding-left: var(--sanxio-block-px);
}
/*======= sanxio 间距工具类 end ===========*/