<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
  background-color: #f8f8f8;
  color: var(--color-text-primary);
}

a {
  text-decoration: none;
  color: var(--color-text-primary);
}

a:hover {
  text-decoration: none !important;
  color: var(--color-primary);
  cursor: pointer;
}

/* a:hover * {
  color: var(--color-primary);
} */

a:focus {
  color: var(--color-primary);
}

input,
textarea {
  outline: none;
}

textarea {
  resize: none;
}

img {
  object-fit: cover !important;
}

/* æ˜¾ç¤ºå—ç±»åž‹ */
.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

/********************************* è‡ªå®šä¹‰å¼¹æ€§å¸ƒå±€ ***********************/
.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

.justify-center {
  display: flex;
  justify-content: center;
}

.justify-end {
  display: flex;
  justify-content: end;
}

.justify-start {
  display: flex;
  justify-content: start;
}

.justify-around {
  display: flex;
  justify-content: space-around;
}

.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}

.align-center {
  display: flex;
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.align-self-start {
  align-self: flex-start;
}

.align-self-end {
  align-self: flex-end;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.white-space-wrap {
  white-space: wrap;
}

.white-space-nowrap {
  white-space: nowrap;
}

.flex-gap-10 {
  gap: 10px;
}

.flex-gap-15 {
  gap: 15px;
}

.flex-gap-18 {
  gap: 18px;
}

.flex-gap-20 {
  gap: 20px;
}

/* å®½åº¦50% */
.half-width {
  width: 50%;
}

/* å®½åº¦100% */
.full-width {
  width: 100%;
}

/* é«˜åº¦100% */
.full-height {
  height: 100%;
}

/* å®½å¸¦ä¸º0 */
.width-0 {
  width: 0;
}

/********************************* èƒŒæ™¯é¢œè‰² ***********************/
/* --background-primary: #F8F8F8; */
.bg-primary {
  background-color: var(--background-primary);
}

/* --background-regular: white; */
.bg-regular {
  background-color: var(--background-regular);
}

/* --color-primary: #3879F1; */
.bg-theme-color {
  background-color: var(--color-primary);
}

/* å®¡æ&nbsp;¸ä¸­ */
.bg-state-process {
  color: white;
  background-color: var(--color-primary);
}

/* å®¡æ&nbsp;¸æœªé€šè¿‡ */
.bg-state-danger {
  color: white;
  background-color: #d74646;
}

.background-none {
  background: none !important;
}

/********************************* å­—ä½“é¢œè‰² ***********************/
/* --color-text-primary: #333333; */
.text-color-primary {
  color: var(--color-text-primary);
}

/* --color-text-regular: #666666; */
.text-color-regular {
  color: var(--color-text-regular);
}

/* --color-text-secondary: #999999; */
.text-color-secondary {
  color: var(--color-text-secondary);
}

/* --color-text-placeholder: #C0C4CC; */
.text-placeholder {
  color: var(--color-text-placeholder);
}

/* --color-primary: #3879F1; */
.text-theme-primary {
  color: var(--color-primary);
}

.text-white {
  color: #ffffff;
}

.text-gray {
  color: #ababab;
}

.text-black {
  color: #000000;
}

.text-red {
  color: #ff0000;
}

.text-green {
  color: #08a517;
}

.text-blue {
  color: #0078ff;
}

.text-a {
  color: var(--color-primary);
}

/********************************* å­—ä½“å¤§å° ***********************/
/* --font-size-min: 12px; */
.font-size-min {
  font-size: var(--font-size-min);
}

/* --font-size-small: 14px; */
.font-size-small {
  font-size: var(--font-size-small);
}

/* --font-size-normal: 16px; */
.font-size-normal {
  font-size: var(--font-size-normal);
}

/* --font-size-big: 18px; */
.font-size-big {
  font-size: var(--font-size-big);
}

/* --font-size-huge: 20px; */
.font-size-huge {
  font-size: var(--font-size-huge);
}

/* --font-size-huge: 24px; */
.font-size-24 {
  font-size: 24px;
}

/********************************** å­—ä½“ç²—ç»† ************************/
/* å­—ä½“åŠ&nbsp;ç²— */
.font-weight-bold {
  font-weight: bold;
}

/* æ­£å¸¸ç²—ç»† */
.font-weight-normal {
  font-weight: normal;
}

/********************************* å­—ä½“å¯¹é½æ–¹å¼ ***********************/
.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

/********************************* å­—ä½“ç±»åž‹ ***********************/
.font-family-yahei {
  font-family: Microsoft YaHei;
}

/********************************* è¡Œé«˜ ***********************/
.full-line-height {
  line-height: 100%;
}

/********************************* è¾¹æ¡† ***********************/
/* --border-color-base: #ededed; */
.border-base {
  border: 1px solid var(--border-color-base);
}

/* --border-color-lighter: #DDDDDD; */
.border-deep {
  border: 1px solid rgba(231, 231, 231, 0.6);
}

/* --border-color-lighter: #DDDDDD; */
.border-lighter {
  border: 1px solid var(--border-color-lighter);
}

/* --border-color-base: #ededed; */
.border-bottom-base {
  border-bottom: 1px solid var(--border-color-base);
}
.border-bottom-light {
  border-bottom: 1px solid var(--border-color-light);
}
/********************************* å¡ç‰‡ ***********************/
.card-black {
  background: white;
  border-radius: var(--border-radius-big);
  padding: 20px;
}

.card-gray {
  background: var(--background-regular);
  border-radius: var(--border-radius-big);
  padding: 20px;
}

/********************************* åˆ†å‰²çº¿ ***********************/
.split-line {
  width: 100%;
  height: 1px;
  background: var(--border-color-base);
}

.split-line-vertical {
  width: 1px;
  height: 100%;
  background: var(--border-color-base);
}

/********************************* marginé—´è· ***********************/
.margin-0 {
  margin: 0;
}

.margin-top-2 {
  margin-top: 2px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-12 {
  margin-top: 12px;
}

.margin-top-15 {
  margin-top: 15px;
}

.margin-top-18 {
  margin-top: 18px;
}

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

.margin-top-30 {
  margin-top: 30px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-12 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-18 {
  margin-bottom: 18px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-25 {
  margin-bottom: 25px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-left-5 {
  margin-left: 5px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-left-30 {
  margin-left: 30px;
}

.margin-left-40 {
  margin-left: 40px;
}

.margin-right-5 {
  margin-right: 5px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-right-30 {
  margin-right: 30px;
}

.margin-right-40 {
  margin-right: 40px;
}

/********************************* paddingé—´è· ***********************/
.padding-0 {
  padding: 0;
}

.padding-left-0 {
  padding-left: 0;
}

.padding-left-0 {
  padding-left: 0;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-right-0 {
  padding-right: 0;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-5 {
  padding: 5px;
}

.padding-10 {
  padding: 10px;
}

.padding-15 {
  padding: 15px;
}

.padding-18 {
  padding: 18px;
}

.padding-20 {
  padding: 20px;
}

/********************************* çœç•¥å· ***********************/
/* å•è¡Œçœç•¥å· */
.text-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ä¸¤è¡Œçœç•¥å· */
.text-ellipsis-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}

/* å•è¡Œçœç•¥å·å¤„ç†html */
.text-ellipsis *,
.text-ellipsis-2 * {
  display: contents;
  padding: 0;
  margin: 0;
  line-height: 1;
}

/* å•è¡Œçœç•¥å·å¤„ç†htmlä¸­çš„img */
.text-ellipsis img,
.text-ellipsis-2 img {
  display: none;
}

/********************************* æŒ‰é’® ***********************/
.btn-color-primary,
.btn-color-gray,
.btn-color-white,
.btn-color-black {
  border-radius: var(--border-radius-small);
  border: none;
  outline: none;
  padding: 13px;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
}

.btn-color-primary {
  background-color: var(--color-primary);
  color: white;
}

.btn-color-primary:hover {
  background: var(--color-primary);
  color: white;
}

.btn-color-gray {
  background-color: var(--background-regular);
  color: var(--color-text-secondary);
}

.btn-color-gray:hover {
  background-color: rgb(245 245 245 / 70%);
  color: var(--color-text-primary);
}

.btn-color-black {
  background-color: white;
  color: var(--color-text-primary);
  border: 1px solid rgba(225, 225, 225, 0.39);
  box-shadow: 0px 0px 9px 0px rgba(225, 225, 225, 0.39);
}

.btn-color-black:hover {
  background-color: var(--color-primary);
  color: white;
}

.btn-color-white {
  background-color: white;
  color: var(--color-text-primary);
  border: 1px solid var(--border-color-base);
}

.btn-color-white:hover {
  background-color: var(--background-primary);
  color: var(--color-text-primary);
}

/********************************* æ&nbsp;‡ç­¾ ***********************/
.tag-regular {
  border-radius: var(--border-radius-base);
  border: 1px solid var(--color-text-secondary);
  color: var(--color-text-secondary);
  font-size: var(--font-size-min);
  padding: 0 5px;
}

.tag-regular:hover {
  border-color: var(--color-primary);
}

/********************************* åœ†è§’ ***********************/
.radius-round {
  border-radius: 50%;
}

/* --border-radius-min: 4px; */
.radius-min {
  border-radius: var(--border-radius-min);
}

/* --border-radius-small: 6px; */
.radius-small {
  border-radius: var(--border-radius-small);
}

/* --border-radius-base: 8px; */
.radius-base {
  border-radius: var(--border-radius-base);
}

/* --border-radius-big: 10px; */
.radius-big {
  border-radius: var(--border-radius-big);
}

/* --border-radius-huge: 20px; */
.radius-huge {
  border-radius: var(--border-radius-huge);
}

/********************************* æ»‘åŠ¨å®¹å™¨ ***********************/
/* æ¨ªå‘æ»‘åŠ¨ */
.overflow-x-auto {
  display: block;
  width: 100%;
  overflow-x: auto;
}

/* ç«–å‘æ»‘åŠ¨ */
.overflow-y-auto {
  display: block;
  width: 100%;
  overflow-y: auto;
}

.overflow-hidden {
  overflow: hidden;
}

/*************************************** è¡¨å•æ&nbsp;·å¼ ***********************/
/* å¸¸ç”¨input */
.label-regular {
  margin-right: var(--space-base);
  color: var(--color-text-primary);
  font-size: var(--font-size-normal);
  font-weight: normal;
  line-height: 60px;
}

.input-regular::placeholder,
.textarea-regular::placeholder {
  color: var(--color-text-placeholder);
  font-size: var(--font-size-normal);
}

/* å¸¸ç”¨inputã€textarea */
.input-regular,
.textarea-regular {
  border: 1px solid var(--border-color-base);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-normal);
  outline: none;
  padding: 15px 26px;
  width: 280px;
  color: var(--color-text-primary);
  background: var(--background-regular);
}

.input-regular {
  height: 60px;
}

.textarea-regular {
  height: 150px;
}

select option:hover {
  color: var(--color-primary);
}

/* select option:checked {
  background-color: var(--color-primary) !important;
  color: var(--color-text-primary);
} */

/*******************************************************************/
/* ulæ&nbsp;·å¼ */
.ul-drop-none {
  margin: 0;
  padding: 0;
}

.ul-drop-none li {
  list-style: none;
}

/* è¡Œé«˜ */
.line-height-1 {
  line-height: 1;
}

.line-height-1_5 {
  line-height: 1.5;
}

.line-height-1_6 {
  line-height: 1.6;
}

.line-height-1_8 {
  line-height: 1.8;
}

.line-height-2 {
  line-height: 2;
}

.line-height-3 {
  line-height: 3;
}

/* é¼&nbsp;æ&nbsp;‡æ˜¾ç¤ºæ‰‹æŒ‡ */
.cursor-pointer {
  cursor: pointer;
}

/* é¼&nbsp;æ&nbsp;‡æ‚¬æµ®èƒŒæ™¯ */
.hover-bg-primary:hover {
  background-color: var(--background-primary);
}

/* checkboxé€‰æ‹©æ&nbsp;·å¼ */
.checkbox-custom[type='checkbox'],
.checkbox-custom[type='checkbox']:checked::before {
  cursor: pointer;
  position: relative;
  width: 15px;
  height: 15px;
  border: 1px solid #999999;
  border-radius: 3px;
  overflow: visible;
  outline: none;
  background: white;
  margin-right: 8px;
}

.checkbox-custom[type='checkbox']:checked::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}

.checkbox-custom[type='checkbox']:checked::after {
  content: '';
  position: absolute;
  left: 1px;
  bottom: 1px;
  width: 17px;
  height: 15px;
  background-image: url('../images/login/checked.png');
  background-size: 17px 15px;
}

.height100 {
  min-height: calc(100vh - 187px);
}</pre></body></html>