// CSS 变量定义
@use './var/index.scss';

// Plus Pro Components 原有样式
@use './date-picker.scss';
@use './descriptions.scss';
@use './dialog-form.scss';
@use './dialog.scss';
@use './display-item.scss';
@use './drawer-form.scss';
@use './form.scss';
@use './form-item.scss';
@use './page.scss';
@use './pagination.scss';
@use './popover.scss';
@use './radio.scss';
@use './search.scss';
@use './steps-form.scss';
@use './table.scss';
@use './input-tag.scss';
@use './breadcrumb.scss';
@use './sidebar.scss';
@use './header.scss';
@use './layout.scss';
@use './check-card.scss';
@use './check-card-group.scss';

// Yc 系列组件样式
@use './yc-dialog.scss';
@use './yc-drawer.scss';
@use './yc-form-container-header.scss';
@use './yc-line-tree.scss';
@use './yc-more-actions.scss';
@use './yc-plus-tree.scss';
@use './yc-select-v2.scss';
@use './yc-status-dialog.scss';
@use './yc-svg-icon.scss';
@use './yc-tabs-with-filter.scss';
@use './yc-plus-page.scss';
@use './yc-animate-selector.scss';
@use './yc-download-dialog.scss';

// 虚拟滚动表格样式
@use './virtual-table.scss';

// 全局样式覆盖
// Element Plus Drawer 标题字重
.el-drawer__title {
  font-weight: 500;
}

// Element Plus Dialog 标题字重
.el-dialog__title {
  font-weight: 500;
}

// Element Plus Dialog 关闭按钮尺寸 - 全局覆盖
.el-dialog__headerbtn {
  width: 16px !important;
  height: 16px !important;
}

// Element Plus Dialog 表头底部边框 - 使用伪元素实现贯穿效果
.el-dialog__header {
  position: relative;
  padding-bottom: 16px;

  &::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -24px;
    width: calc(100% + 48px);
    height: 1px;
    content: "";
    background-color: #f5f7f9;
  }
}

// Element Plus Dialog footer 边框 - 使用伪元素实现贯穿效果
.el-dialog__footer {
  position: relative;
  padding-top: 24px !important;

  &::before {
    position: absolute;
    top: 0;
    left: -24px;
    width: calc(100% + 48px);
    height: 1px;
    content: "";
    background-color: #f5f7f9;
  }
}

// Element Plus 按钮间距
.el-button + .el-button {
  margin-left: 16px;
}

// Element Plus Tabs 间距
.el-tabs__nav .el-tabs__item {
  padding-left: 12px;
  padding-right: 12px;

  // 第一个 tab 左边距为 0
  &:first-child {
    padding-left: 0;
  }
}
// 覆盖 PlusForm 的表单项间距 - 仅在 dialog 和抽屉组件内生效
// 排除 plus-search 搜索表单，避免影响列表页的搜索区域
.el-dialog,
.el-drawer {
  .plus-form__item-wrapper .el-form-item {
    margin-bottom: 24px;
  }

  // 搜索表单保持原有间距，不受上述规则影响
  .plus-search .plus-form__item-wrapper .el-form-item {
    margin-bottom: 0;
  }
}

// Element Plus Link 按钮禁用状态文字颜色
.plus-table-title-bar .el-button.is-link.is-disabled {
  color: #999 !important;
}
.plus-table-title-bar .el-button.is-link {
  color: #000 !important;
  &:hover:not(.is-disabled) {
    color: var(--el-color-primary) !important;
  }
}
.plus-dialog,.el-dialog {
  padding: 24px !important;
}

// Element Plus Tag 样式覆盖
.el-tag.el-tag--warning {
  color: #ff970f;
  background-color: #fff7ec;
  border: 1px solid #ff970f;
  border-radius: 4px;
}
.el-tag.el-tag--primary {
  color: #006ffe;
  background-color: #edf5ff;
  border: 1px solid #006ffe;
  border-radius: 4px;
}
.el-tag.el-tag--success {
  color: #08a57b;
  background-color: #dff4ee;
  border: 1px solid #08a57b;
  border-radius: 4px;
}
.el-tag.el-tag--danger {
  color: #ff4d4f;
  background-color: #feecef;
  border-color: #ff4d4f;
  border-radius: 4px;
}
// ============================================
// 阿里巴巴普惠体 3.0 字体定义
// ============================================

// Regular (400)
@font-face {
  font-family: 'Alibaba PuHuiTi 3.0';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('https://staticcdn.jinbizhihui.com/fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-55-Regular/AlibabaPuHuiTi-3-55-Regular.woff2')
    format('woff2');
}

// Medium (500)
@font-face {
  font-family: 'Alibaba PuHuiTi 3.0';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('https://staticcdn.jinbizhihui.com/fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-65-Medium/AlibabaPuHuiTi-3-65-Medium.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Alibaba PuHuiTi 3.0';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url('https://staticcdn.jinbizhihui.com/fonts/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-85-Bold/AlibabaPuHuiTi-3-85-Bold.woff2')
    format('woff2');
}

html body {
  font-family: 'Alibaba PuHuiTi 3.0', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
    'Segoe UI Symbol', 'Noto Color Emoji' !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}