/* SNS 供应商 Web · 字体规范 V1.3 · 中文与数字统一资源圆体 CN */
/* 与 字体资源/ 目录一同交付，保留其中版权与 SIL OFL 1.1 许可。 */
@font-face {
  font-family: "SNS Rounded CN";
  src: url("https://snscy.snscy.cloud/sns_scm/font/ResourceHanRoundedCN-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  unicode-range: U+0025-003A, U+00A5, U+2000-206F, U+2212, U+2E80-9FFF, U+F900-FAFF, U+FE10-FE1F, U+FE30-FE4F, U+FF00-FFEF, U+20000-2FA1F;
}

@font-face {
  font-family: "SNS Rounded CN";
  src: url("https://snscy.snscy.cloud/sns_scm/font/ResourceHanRoundedCN-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+0025-003A, U+00A5, U+2000-206F, U+2212, U+2E80-9FFF, U+F900-FAFF, U+FE10-FE1F, U+FE30-FE4F, U+FF00-FFEF, U+20000-2FA1F;
}

@font-face {
  font-family: "SNS Rounded CN";
  src: url("https://snscy.snscy.cloud/sns_scm/font/ResourceHanRoundedCN-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+0025-003A, U+00A5, U+2000-206F, U+2212, U+2E80-9FFF, U+F900-FAFF, U+FE10-FE1F, U+FE30-FE4F, U+FF00-FFEF, U+20000-2FA1F;
}

/* 先加载色彩变量.css，并为 html 指定 data-theme；此文件不改变根字号。 */
:root {
  --font-family-ui: "SNS Rounded CN", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-numeric: "SNS Rounded CN", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --font-family-code: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --font-size-12: 0.75rem;
  --font-size-14: 0.875rem;
  --font-size-16: 1rem;
  --font-size-18: 1.125rem;
  --font-size-20: 1.25rem;
  --font-size-24: 1.5rem;
  --font-size-32: 2rem;
  --font-leading-12: 1.6666666666666667;
  --font-leading-14: 1.5714285714285714;
  --font-leading-16: 1.5;
  --font-leading-18: 1.5555555555555556;
  --font-leading-20: 1.4;
  --font-leading-24: 1.3333333333333333;
  --font-leading-32: 1.25;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-letter-spacing-normal: 0;
}

.sns-type-page-title {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-24);
  line-height: var(--font-leading-24);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
}

.sns-type-dialog-title {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-20);
  line-height: var(--font-leading-20);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
}

.sns-type-section-title {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-18);
  line-height: var(--font-leading-18);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
}

.sns-type-card-title {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-16);
  line-height: var(--font-leading-16);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
}

.sns-type-body {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-14);
  line-height: var(--font-leading-14);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
}

.sns-type-label {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-14);
  line-height: var(--font-leading-14);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
}

.sns-type-action {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-14);
  line-height: var(--font-leading-14);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-brand);
}

.sns-type-table {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-14);
  line-height: var(--font-leading-14);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
  font-variant-numeric: lining-nums tabular-nums;
}

.sns-type-caption {
  font-family: var(--font-family-ui);
  font-size: var(--font-size-12);
  line-height: var(--font-leading-12);
  font-weight: var(--font-weight-regular);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-secondary);
}

.sns-type-metric {
  font-family: var(--font-family-numeric);
  font-size: var(--font-size-32);
  line-height: var(--font-leading-32);
  font-weight: var(--font-weight-bold);
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--color-text-primary);
  font-variant-numeric: lining-nums tabular-nums;
}