:root {
  --tahe-type-family: "MiSans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif;
  --tahe-type-page-size: 24px;
  --tahe-type-page-line: 32px;
  --tahe-type-section-size: 18px;
  --tahe-type-section-line: 26px;
  --tahe-type-card-size: 16px;
  --tahe-type-card-line: 24px;
  --tahe-type-body-size: 14px;
  --tahe-type-body-line: 22px;
  --tahe-type-control-size: 14px;
  --tahe-type-control-line: 20px;
  --tahe-type-table-size: 13px;
  --tahe-type-table-line: 20px;
  --tahe-type-aux-size: 12px;
  --tahe-type-aux-line: 18px;
  --tahe-type-data-size: 24px;
  --tahe-type-data-line: 30px;
  --tahe-type-long-size: 14px;
  --tahe-type-long-line: 24px;
}

html,
body,
#app {
  font-family: var(--tahe-type-family) !important;
  letter-spacing: 0 !important;
}

html body *:not(.iconfont):not([class^="iconfont"]):not([class*=" iconfont"]):not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"]):not(.glyphicon):not([class^="glyphicon-"]):not([class*=" glyphicon-"]):not([class^="spfont"]):not([class*=" spfont"]) {
  font-family: var(--tahe-type-family) !important;
  letter-spacing: 0 !important;
}

html body .font-thin,
html body .font-extralight,
html body .font-light,
html body .font-normal {
  font-weight: 400 !important;
}

html body .font-medium {
  font-weight: 500 !important;
}

html body .font-semibold,
html body .font-bold,
html body .font-extrabold,
html body .font-black,
html body strong,
html body b {
  font-weight: 600 !important;
}

html body [data-tahe-type="page-title"] {
  font-size: var(--tahe-type-page-size) !important;
  font-weight: 600 !important;
  line-height: var(--tahe-type-page-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-type="section-title"] {
  font-size: var(--tahe-type-section-size) !important;
  font-weight: 600 !important;
  line-height: var(--tahe-type-section-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-type="card-title"] {
  font-size: var(--tahe-type-card-size) !important;
  font-weight: 600 !important;
  line-height: var(--tahe-type-card-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-type="body"] {
  font-size: var(--tahe-type-body-size) !important;
  font-weight: 400 !important;
  line-height: var(--tahe-type-body-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-type="control"] {
  font-size: var(--tahe-type-control-size) !important;
  font-weight: 500 !important;
  line-height: var(--tahe-type-control-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-type="table-title"] {
  font-size: var(--tahe-type-table-size) !important;
  font-weight: 500 !important;
  line-height: var(--tahe-type-table-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-type="auxiliary"] {
  font-size: var(--tahe-type-aux-size) !important;
  font-weight: 400 !important;
  line-height: var(--tahe-type-aux-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-type="data-number"] {
  font-size: var(--tahe-type-data-size) !important;
  font-weight: 600 !important;
  line-height: var(--tahe-type-data-line) !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums;
}

html body [data-tahe-type="long-text"] {
  font-size: var(--tahe-type-long-size) !important;
  font-weight: 400 !important;
  line-height: var(--tahe-type-long-line) !important;
  letter-spacing: 0 !important;
}

html body [data-tahe-team-page-title="true"] {
  font-size: var(--tahe-type-page-size) !important;
  font-weight: 600 !important;
  line-height: var(--tahe-type-page-line) !important;
  letter-spacing: 0 !important;
}

html body input[data-tahe-type="control"]::placeholder,
html body textarea[data-tahe-type="long-text"]::placeholder {
  font: inherit !important;
  letter-spacing: 0 !important;
}

@media (max-width: 640px) {
  html body .header-component {
    min-height: 72px !important;
    height: 72px !important;
    gap: 8px !important;
    padding: 16px 12px !important;
  }

  html body .header-component .header-logo-wrap {
    min-width: 0 !important;
    flex: 0 1 130px !important;
  }

  html body .header-component .header-logo {
    width: 130px !important;
    max-width: 100% !important;
    height: auto !important;
  }

  html body .header-component > .flex.items-center.gap-1.text-sm > .header-hover-item:first-child {
    display: none !important;
  }

  html body .project-page > .shrink-0.flex.items-center.justify-between {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html body .project-page .search-box {
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  html body .project-page .search-box .el-input {
    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
  }

  html body .project-page .search-box .el-input__wrapper {
    min-width: 0 !important;
  }
}