@import "./theme.scss";

:root {
  --primary-color: #{$primaryColor};
  --second-color: #{$secondColor};
  --border-color: #ececec;
  --index-normal: 1;
  --index-top: 1000;
  --index-popper: 2000;
}

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

body {
  font-family: Source Han Sans CN-Regular;
  font-size: 16px;
  color: #242424;
}

.limit-line {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  word-wrap: break-word;
}

.line-2 {
  -webkit-line-clamp: 2;
}

.w100 {
  width: 100%;
}

.w160 {
  width: 160px;
}

.w220 {
  width: 220px;
}

.w450 {
  width: 450px;
}

.mw650 {
  max-width: 650px;
}

.mw1125 {
  max-width: 1125px;
}

* {
  box-sizing: border-box;
}

@font-face {
  font-family: "Source Han Serif CN-Bold";
  src: url("~/public/fonts/SOURCEHANSERIFCN-BOLD.OTF") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "Source Han Sans CN-Regular";
  src: url("~/public/fonts/SOURCEHANSERIFCN-REGULAR.OTF") format("opentype");
  font-display: swap;
}

.ant-btn {
  box-shadow: none !important;
}

.ant-input:focus {
  box-shadow: none;
}

.page-table {
  margin-top: 20px;
}

.custom-pro-table {
  .ant-table-content {
    .ant-table-thead {
      .ant-table-cell {
        background: #e0f3ff;
      }
    }
    .ant-table-cell {
      padding: 6px 16px !important;
    }
  }
}

.cus-table {
  &.gray {
    .ant-table-tbody {
      background: rgba(217, 217, 217, 0.1);
    }
  }
  .ant-table-content {
    .ant-table-thead {
      .ant-table-cell {
        background: #e0f3ff;
      }
    }
    .ant-table-cell {
      padding: 6px 16px;
    }
  }
  .ant-table-container table > thead > tr:first-child > *:first-child {
    border-start-start-radius: 0;
  }
  .ant-table-container table > thead > tr:first-child > *:last-child {
    border-start-end-radius: 0;
  }
}

.inline-form {
  gap: 15px;

  .ant-form-item {
    margin-inline-end: 0;
  }
}

.primary-button {
  font-size: 12px;

  & + .ant-btn {
    margin-left: 15px;
  }
}

.second-button {
  font-size: 12px;
  background: var(--second-color);

  & + .ant-btn {
    margin-left: 15px;
  }
}

.ant-btn-lg.ant-btn {
  font-size: 14px;
}

.ant-btn {
  border-radius: 0;
}

.ant-pro-card .ant-pro-card-body {
  padding-inline: 0;
}
