* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial,sans-serif;
}


/* ---- 响应式：手机 (< 768px) ---- */
@media (max-width: 767px) {
  [data-device="phone"] {
    :root {
      --theme-main-width: 100%;
      --theme-full-width: 100%;
    }
  }
}

/* ---- 响应式：平板 (768px ~ 1200px) ---- */
@media (min-width: 768px) and (max-width: 1199px) {
  [data-device="pad"] {
    :root {
      --theme-main-width: 100%;
      --theme-full-width: 100%;
    }
  }
}

/* ---- 响应式：PC (>= 1200px) ---- */
@media (min-width: 1200px) {
  [data-device="pc"] {
    :root {
      --theme-main-width: 1200px;
      --theme-full-width: 100%;
    }
  }
}