:root,
body {
  --uulink-bg: #f5f4f2;
  --uulink-panel: rgba(255, 255, 255, .92);
  --uulink-panel-solid: #ffffff;
  --uulink-ink: #15140f;
  --uulink-muted: #7a766e;
  --uulink-line: rgba(20, 16, 8, .09);
  --uulink-line-soft: rgba(20, 16, 8, .06);
  --uulink-accent: #ff6b00;
  --uulink-accent-2: #ff8c33;
  --uulink-dark: #17150f;
  --uulink-blue: #4d6bfe;
  --uulink-green: #0a8a4a;
  --semi-blue-0: 255, 243, 234 !important;
  --semi-blue-1: 255, 224, 194 !important;
  --semi-blue-2: 255, 200, 150 !important;
  --semi-blue-3: 255, 170, 100 !important;
  --semi-blue-4: 255, 138, 51 !important;
  --semi-blue-5: 255, 107, 0 !important;
  --semi-blue-6: 230, 96, 0 !important;
  --semi-blue-7: 204, 85, 0 !important;
  --semi-blue-8: 163, 68, 0 !important;
  --semi-blue-9: 122, 51, 0 !important;
  --semi-color-primary: #ff6b00 !important;
  --semi-color-primary-hover: #ff7f22 !important;
  --semi-color-primary-active: #e85f00 !important;
  --semi-color-link: #ff6b00 !important;
  --semi-color-link-hover: #ff7f22 !important;
  --semi-border-radius-large: 16px !important;
  --semi-border-radius-medium: 12px !important;
  font-family: Manrope, "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important;
}

body {
  background: var(--uulink-bg) !important;
  color: var(--uulink-ink) !important;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("/assets/site_paper.png") center/cover;
  opacity: .14;
}

body.uulink-console::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255, 107, 0, .09), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(245, 244, 242, .76));
}

#root,
.semi-layout,
.semi-layout-content {
  background: transparent !important;
}

.semi-layout-header,
header[class*="semi"] {
  background: rgba(245, 244, 242, .78) !important;
  border-bottom: 1px solid var(--uulink-line-soft) !important;
  backdrop-filter: blur(14px);
}

.semi-navigation {
  background: rgba(255, 255, 255, .9) !important;
  border-right: 1px solid var(--uulink-line) !important;
  backdrop-filter: blur(14px);
  box-shadow: 0 18px 46px rgba(20, 16, 8, .04) !important;
}

.semi-navigation-header {
  border-bottom: 1px solid var(--uulink-line-soft) !important;
  min-height: 64px !important;
}

.uulink-console-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--uulink-ink);
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
}

.uulink-console-logo i {
  width: 31px;
  height: 31px;
  border-radius: 10px;
  display: inline-grid;
  place-items: center;
  background: linear-gradient(135deg, var(--uulink-accent), var(--uulink-accent-2));
  color: #fff;
  font-size: 15px;
  font-style: normal;
  box-shadow: 0 8px 20px rgba(255, 107, 0, .28);
}

.semi-navigation-item {
  border-radius: 12px !important;
  margin: 4px 10px !important;
  color: #3a3833 !important;
  font-weight: 650 !important;
}

.semi-navigation-item:hover {
  background: #f2eee9 !important;
  color: #15140f !important;
}

.semi-navigation-item-selected,
.semi-navigation-item-active {
  background: rgba(255, 107, 0, .12) !important;
  color: var(--uulink-accent) !important;
  font-weight: 850 !important;
}

.semi-layout-content {
  padding-top: 8px !important;
}

main,
[role="main"] {
  color: var(--uulink-ink) !important;
}

h1,
h2,
h3,
.semi-typography h1,
.semi-typography h2,
.semi-typography h3 {
  letter-spacing: 0 !important;
  color: var(--uulink-ink) !important;
}

.semi-card,
.semi-collapse,
.semi-table-container,
.semi-list,
.semi-descriptions {
  background: var(--uulink-panel) !important;
  border: 1px solid var(--uulink-line) !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 34px rgba(20, 16, 8, .06) !important;
  overflow: hidden;
}

.semi-card-header {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.82)) !important;
  border-bottom: 1px solid var(--uulink-line-soft) !important;
}

.semi-card-meta-title,
.semi-card-title,
.semi-descriptions-title {
  color: var(--uulink-ink) !important;
  font-weight: 850 !important;
}

.semi-card-meta-description,
.semi-typography-secondary,
.semi-descriptions-key,
.semi-table-thead > .semi-table-row > .semi-table-row-head {
  color: var(--uulink-muted) !important;
}

.semi-table-thead > .semi-table-row > .semi-table-row-head {
  background: #faf9f7 !important;
  font-weight: 850 !important;
}

.semi-table-row-cell {
  border-bottom-color: var(--uulink-line-soft) !important;
}

.semi-button-primary,
.semi-button-solid,
.semi-button.semi-button-primary {
  background: linear-gradient(135deg, #ff6b00, #ff8c33) !important;
  border-color: #ff6b00 !important;
  color: #fff !important;
  box-shadow: 0 8px 22px rgba(255, 107, 0, .24) !important;
}

.semi-button-primary:hover,
.semi-button-solid:hover {
  background: linear-gradient(135deg, #ff7f22, #ff9b45) !important;
  transform: translateY(-1px);
}

.semi-button {
  border-radius: 12px !important;
  font-weight: 750 !important;
}

.semi-tabs-tab-active,
.semi-tabs-tab:hover,
a {
  color: var(--uulink-accent) !important;
}

.semi-tabs-bar-line.semi-tabs-bar-line-active,
.semi-progress-line-inner {
  background: var(--uulink-accent) !important;
}

.semi-tag {
  border-radius: 999px !important;
}

.semi-avatar {
  background: linear-gradient(135deg, #ff6b00, #ff9b45) !important;
  color: #fff !important;
}

.semi-badge-count {
  background: var(--uulink-accent) !important;
}

.semi-input-wrapper-focus,
.semi-select-focus,
.semi-input:focus {
  border-color: var(--uulink-accent) !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 0, .12) !important;
}

.semi-input-wrapper,
.semi-select,
.semi-select-selection {
  border-radius: 12px !important;
}

.semi-table-row:hover > .semi-table-row-cell {
  background: rgba(255, 107, 0, .04) !important;
}

.semi-empty {
  padding: 42px 20px !important;
}

.semi-empty-image,
.semi-empty img,
.semi-empty svg {
  display: none !important;
}

.semi-empty::before {
  content: "UU";
  width: 62px;
  height: 62px;
  margin: 0 auto 16px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--uulink-accent), var(--uulink-accent-2));
  color: #fff;
  font-weight: 900;
  box-shadow: 0 16px 34px rgba(255, 107, 0, .24);
}

.semi-empty-description {
  color: #7a766e !important;
  font-weight: 750 !important;
}

.uulink-console-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 5px 12px;
  background: rgba(255, 107, 0, .1);
  color: #ff6b00;
  font-size: 12px;
  font-weight: 900;
}

.uulink-console-badge::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff6b00;
  box-shadow: 0 0 0 4px rgba(255, 107, 0, .12);
}

.uulink-console-hero {
  margin: 4px 0 16px;
  padding: 18px 22px;
  border: 1px solid var(--uulink-line);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 107, 0, .11), rgba(255, 255, 255, .8) 38%),
    var(--uulink-panel-solid);
  box-shadow: 0 14px 34px rgba(20, 16, 8, .06);
}

.uulink-console-hero b {
  display: block;
  color: var(--uulink-ink);
  font-size: 18px;
  font-weight: 900;
}

.uulink-console-hero span {
  display: block;
  margin-top: 4px;
  color: var(--uulink-muted);
  font-size: 13px;
  font-weight: 700;
}

.semi-modal-content,
.semi-popover-wrapper,
.semi-dropdown-menu {
  border: 1px solid var(--uulink-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 24px 70px rgba(20, 16, 8, .18) !important;
}

@media (max-width: 768px) {
  .semi-navigation {
    background: rgba(255, 255, 255, .96) !important;
  }

  .semi-card,
  .semi-collapse,
  .semi-table-container,
  .semi-list,
  .semi-descriptions {
    border-radius: 14px !important;
  }
}