/* =========================================================
   VIPZAI 统一设计系统 v1.0
   仅为新模板提供变量与基础字体，不重置旧站全局布局。
   PC 与 mobile 两份文件必须保持内容完全一致。
   ========================================================= */

:root {
  --vip-font: "Microsoft YaHei", "PingFang SC", "Helvetica Neue", Arial, sans-serif;

  --vip-primary: #116BC4;
  --vip-primary-dark: #204C97;
  --vip-accent: #F47A2A;
  --vip-surface-dark: #173A54;

  --vip-heading: #222222;
  --vip-text: #555555;
  --vip-text-soft: #666666;
  --vip-muted: #777777;

  --vip-border: #E5E9ED;
  --vip-border-soft: #EEF1F4;
  --vip-bg-soft: #F7F8FA;
  --vip-white: #FFFFFF;

  --vip-container: 1200px;
  --vip-radius-sm: 2px;
  --vip-radius-md: 6px;
  --vip-focus-ring: 0 0 0 3px rgba(17, 107, 196, .22);
}

body.vip-single-template,
body.vip-list-template,
body.vip-article-template,
body.vip-product-template,
body.vip-product-list-template,
body.m-single-template,
body.m-list-template,
body.m-article-detail-template,
body.m-product-template,
body.m-product-list-template {
  color: var(--vip-text);
  font-family: var(--vip-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.vip-single-template button,
body.vip-single-template input,
body.vip-single-template select,
body.vip-single-template textarea,
body.vip-list-template button,
body.vip-list-template input,
body.vip-list-template select,
body.vip-list-template textarea,
body.vip-article-template button,
body.vip-article-template input,
body.vip-article-template select,
body.vip-article-template textarea,
body.vip-product-template button,
body.vip-product-template input,
body.vip-product-template select,
body.vip-product-template textarea,
body.vip-product-list-template button,
body.vip-product-list-template input,
body.vip-product-list-template select,
body.vip-product-list-template textarea,
body.m-single-template button,
body.m-single-template input,
body.m-single-template select,
body.m-single-template textarea,
body.m-list-template button,
body.m-list-template input,
body.m-list-template select,
body.m-list-template textarea,
body.m-article-detail-template button,
body.m-article-detail-template input,
body.m-article-detail-template select,
body.m-article-detail-template textarea,
body.m-product-template button,
body.m-product-template input,
body.m-product-template select,
body.m-product-template textarea,
body.m-product-list-template button,
body.m-product-list-template input,
body.m-product-list-template select,
body.m-product-list-template textarea {
  font: inherit;
}

body.vip-single-template :focus-visible,
body.vip-list-template :focus-visible,
body.vip-article-template :focus-visible,
body.vip-product-template :focus-visible,
body.vip-product-list-template :focus-visible,
body.m-single-template :focus-visible,
body.m-list-template :focus-visible,
body.m-article-detail-template :focus-visible,
body.m-product-template :focus-visible,
body.m-product-list-template :focus-visible {
  outline: 2px solid var(--vip-primary);
  outline-offset: 2px;
  box-shadow: var(--vip-focus-ring);
}

/* STEP9：首页模板作用域 */
body.vip-home-template,
body.m-home-template {
  color: var(--vip-text);
  font-family: var(--vip-font);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.vip-home-template button,
body.vip-home-template input,
body.vip-home-template select,
body.vip-home-template textarea,
body.m-home-template button,
body.m-home-template input,
body.m-home-template select,
body.m-home-template textarea {
  font: inherit;
}

body.vip-home-template :focus-visible,
body.m-home-template :focus-visible {
  outline: 2px solid var(--vip-primary);
  outline-offset: 2px;
  box-shadow: var(--vip-focus-ring);
}