/* WEB 结构底座（base）：布局尺度 + reset。色板 / 字体 / 圆角 / CTA → global.css */
:root {
  /* 与 flow 版心对齐：内容 1400，白底壳约 1480 */
  --wa-container: 1400px;
  --wa-space-section: 88px;
  /* 全局细滚动条（Firefox / WebKit） */
  --wa-scrollbar-size: 6px;
  --wa-scrollbar-track: transparent;
  --wa-scrollbar-thumb: color-mix(in srgb, var(--wa-color-muted, #86909c) 42%, transparent);
  --wa-scrollbar-thumb-hover: color-mix(in srgb, var(--wa-color-muted, #86909c) 68%, transparent);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--wa-scrollbar-thumb) var(--wa-scrollbar-track);
}

*::-webkit-scrollbar {
  width: var(--wa-scrollbar-size);
  height: var(--wa-scrollbar-size);
}

*::-webkit-scrollbar-track {
  background: var(--wa-scrollbar-track);
}

*::-webkit-scrollbar-thumb {
  background-color: var(--wa-scrollbar-thumb);
  border-radius: 999px;
  border: 1px solid transparent;
  background-clip: padding-box;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--wa-scrollbar-thumb-hover);
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-height: 100vh;
}

[v-cloak] {
  display: none !important;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
}