/* Import free Google Font as backup */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap');

/* Define custom Noto Sans SC fonts from Volces CDN 
   WARNING: These files are 4MB each!
   Google Fonts (1.2MB total) will be used as primary, 考虑到谷歌url可能被墙，these as fallback only. */
@font-face {
  font-family: 'Noto Sans SC Custom';
  src: url('https://website-public-asset.tos-cn-shanghai.volces.com/NotoSansSC-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SC Custom';
  src: url('https://website-public-asset.tos-cn-shanghai.volces.com/NotoSansSC-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SC Custom';
  src: url('https://website-public-asset.tos-cn-shanghai.volces.com/NotoSansSC-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans SC Custom';
  src: url('https://website-public-asset.tos-cn-shanghai.volces.com/NotoSansSC-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



/* Global font application */
  *, *::before, *::after {
    box-sizing: border-box;
  }
  
  body, html {
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans SC', 'Noto Sans SC Custom', 'Times New Roman', Times, serif;
  overflow-x: hidden;
}
  
  /* Prevent horizontal scrolling */
#app {
  font-family: inherit;
  max-width: 100vw;
  overflow-x: hidden;
}


:root {
  /* Override Element Plus font variables */
  --el-font-family: 'Noto Sans SC', 'Noto Sans SC Custom', 'Times New Roman', Times, serif !important;
  --el-font-family-primary: 'Noto Sans SC', 'Noto Sans SC Custom', 'Times New Roman', Times, serif !important;
  --el-font-family-secondary: 'Noto Sans SC', 'Noto Sans SC Custom', 'Times New Roman', Times, serif !important;
  
  /* Override any other Element Plus components that might use their own font-family */
  --el-button-font-family: var(--el-font-family);
  --el-dialog-font-family: var(--el-font-family);
  --el-message-font-family: var(--el-font-family);
  --el-notification-font-family: var(--el-font-family);
  --el-popover-font-family: var(--el-font-family);
  --el-tooltip-font-family: var(--el-font-family);
}

/* Force override Element Plus components with higher specificity */
.el-button,
.el-input,
.el-textarea,
.el-select,
.el-dialog,
.el-message,
.el-notification,
.el-popover,
.el-tooltip,
.el-dropdown,
.el-menu,
.el-table,
.el-form,
.el-card,
.el-tabs,
.el-breadcrumb,
.el-pagination,
.el-upload,
.el-progress,
.el-tree,
.el-cascader,
.el-transfer,
.el-steps,
.el-date-picker,
.el-time-picker,
.el-switch,
.el-slider,
.el-rate,
.el-color-picker,
.el-badge,
.el-tag,
.el-alert,
.el-loading-mask,
.el-drawer,
.el-backtop,
.el-page-header,
.el-avatar,
.el-empty,
.el-descriptions,
.el-result,
.el-skeleton,
.el-affix,
.el-anchor,
.el-calendar,
.el-image,
.el-divider,
.el-timeline,
.el-collapse,
.el-container,
.el-header,
.el-aside,
.el-main,
.el-footer {
  font-family: 'Noto Sans SC', 'Noto Sans SC Custom', 'Times New Roman', Times, serif !important;
}

/* Override Element Plus text elements */
.el-button span,
.el-input__inner,
.el-textarea__inner,
.el-select .el-input__inner,
.el-dialog__title,
.el-dialog__body,
.el-message__content,
.el-notification__content,
.el-popover__title,
.el-popover__content,
.el-tooltip__content,
.el-dropdown-menu__item,
.el-menu-item,
.el-table th,
.el-table td,
.el-form-item__label,
.el-form-item__content,
.el-card__header,
.el-card__body,
.el-tab-pane,
.el-breadcrumb__item,
.el-pagination button,
.el-pagination span,
.el-upload__text,
.el-progress__text,
.el-tree-node__content,
.el-cascader-menu__item,
.el-transfer-panel__header,
.el-step__title,
.el-step__description,
.el-date-editor input,
.el-time-spinner__item,
.el-tag,
.el-alert__title,
.el-alert__description,
.el-loading-text,
.el-drawer__title,
.el-drawer__body,
.el-page-header__title,
.el-page-header__content,
.el-descriptions__label,
.el-descriptions__content,
.el-result__title,
.el-result__subtitle,
.el-empty__description,
.el-timeline-item__content,
.el-collapse-item__header,
.el-collapse-item__content {
  font-family: 'Noto Sans SC', 'Noto Sans SC Custom', 'Times New Roman', Times, serif !important;
}