@font-face {
  font-family: "codeB";
  src: url("./common/fonts/DINPro-Medium.woff?v=2026101001") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

:root {
  --v10-primary: #165dff;
  --v10-primary-hover: #0e42d2;
  --v10-primary-active: #0c3a99;
  --v10-primary-soft: #f2f7ff;
  --v10-page: #eff2f7;
  --v10-workspace: #f1f3fb;
  --v10-surface: #ffffff;
  --v10-surface-soft: #f4f6ff;
  --v10-surface-hover: #f1f3fb;
  --v10-border: #e1e6f0;
  --v10-border-strong: #c9d0dc;
  --v10-title: #040f43;
  --v10-text: #040f43;
  --v10-text-desc: rgba(0, 0, 0, 0.65);
  --v10-muted: #8187a1;
  --v10-action-muted: #888888;
  --v10-secondary: #00b42a;
  --v10-success: #52c41a;
  --v10-warning: #faad14;
  --v10-danger: #ff4d4f;
  --v10-info: #1890ff;
  --v10-header-height: 48px;
  --v10-pagebar-height: 48px;
  --v10-aside-width: 200px;
  --v10-control-sm: 32px;
  --v10-control-md: 36px;
  --v10-control-lg: 40px;
  --v10-radius: 1px;
  --v10-radius-lg: 1px;
  --v10-font-ui: "codeB", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  --v10-font-cjk: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  --v10-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --v10-font-family: var(--v10-font-ui);
  --v10-weight-regular: 400;
  --v10-weight-medium: 500;
  --v10-weight-semibold: 600;
  --v10-weight-bold: 700;
  --v10-font-size-caption: 12px;
  --v10-font-size-body: 14px;
  --v10-font-size-section: 16px;
  --v10-font-size-page-title: 18px;
  --v10-line-height: 22px;
  --v10-line-height-compact: 20px;
  --v10-line-height-section: 24px;
  --v10-line-height-page-title: 28px;
  --v10-panel-shadow: 0 0 20px rgba(0, 0, 0, 0.06);
  --v10-space-1: 8px;
  --v10-space-2: 16px;
  --v10-space-3: 20px;
  --v10-space-4: 24px;
  --v10-z-header: 900;
  --v10-z-sticky: 850;
  --v10-z-order: 1000;
  --v10-z-popover: 2200;
  --v10-z-dialog: 3000;
  /* Product-detail final layer compatibility aliases. */
  --console-primary: var(--v10-primary);
  --console-primary-hover: var(--v10-primary-hover);
  --console-panel: var(--v10-surface);
  --console-title: var(--v10-title);
  --console-text: var(--v10-text);
  --console-muted: var(--v10-muted);
  --console-border: var(--v10-border);
}

html[data-v10-theme="v10_biz"] body,
html[data-v10-theme="v10_biz"] button,
html[data-v10-theme="v10_biz"] input,
html[data-v10-theme="v10_biz"] select,
html[data-v10-theme="v10_biz"] textarea,
html[data-v10-theme="v10_biz"] .el-button,
html[data-v10-theme="v10_biz"] .el-input,
html[data-v10-theme="v10_biz"] .el-input__inner,
html[data-v10-theme="v10_biz"] .el-input-number,
html[data-v10-theme="v10_biz"] .el-select,
html[data-v10-theme="v10_biz"] .el-select-dropdown,
html[data-v10-theme="v10_biz"] .el-textarea,
html[data-v10-theme="v10_biz"] .el-textarea__inner,
html[data-v10-theme="v10_biz"] .el-form,
html[data-v10-theme="v10_biz"] .el-table,
html[data-v10-theme="v10_biz"] .el-tabs,
html[data-v10-theme="v10_biz"] .el-dialog,
html[data-v10-theme="v10_biz"] .el-message,
html[data-v10-theme="v10_biz"] .el-pagination {
  font-family: var(--v10-font-ui);
}

html[data-v10-theme="v10_biz"] .el-button,
html[data-v10-theme="v10_biz"] .el-tabs__item,
html[data-v10-theme="v10_biz"] .el-pagination button {
  font-weight: var(--v10-weight-medium);
}

html[data-v10-theme="v10_biz"] .el-dialog__title {
  font-weight: var(--v10-weight-semibold);
}

html[data-v10-theme="v10_biz"] [class^="el-icon-"],
html[data-v10-theme="v10_biz"] [class*=" el-icon-"] {
  font-family: "element-icons" !important;
}

html[data-v10-theme="v10_biz"] .iconfont {
  font-family: "iconfont" !important;
}

html[data-v10-theme="v10_biz"] [class^="u-icon"],
html[data-v10-theme="v10_biz"] [class*=" u-icon"] {
  font-family: "Uicon" !important;
}

[hidden] {
  display: none !important;
}

.v10-skeleton {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  background: #edf0f5;
}

.v10-skeleton::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent);
  content: "";
  animation: v10-skeleton 1.35s ease-in-out infinite;
  transform: translateX(-100%);
}

@keyframes v10-skeleton {
  to {
    transform: translateX(100%);
  }
}

.v10-focusable:focus-visible {
  outline: 2px solid var(--v10-primary);
  outline-offset: 2px;
}