:root {
  --aibuff-ink: #0A2540;
  --aibuff-blue: #2563eb;
  --aibuff-paper: #f6f9fc;
  --aibuff-line: #d8e2ee;
  --aibuff-muted: #64748b;
}
html, body, #root,
body[theme-mode="dark"],
html.dark body {
  background: var(--aibuff-paper) !important;
}
body {
  color: var(--aibuff-ink) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}
.semi-always-dark,
body[theme-mode="dark"],
html.dark {
  --semi-color-bg-0: #ffffff !important;
  --semi-color-bg-1: #f8fbff !important;
  --semi-color-bg-2: #eef5ff !important;
  --semi-color-bg-3: #ffffff !important;
  --semi-color-text-0: #0A2540 !important;
  --semi-color-text-1: #12385d !important;
  --semi-color-text-2: #64748b !important;
  --semi-color-border: rgba(216,226,238,.95) !important;
  --semi-color-primary: #0A2540 !important;
  --semi-color-primary-hover: #12385d !important;
  --semi-color-primary-active: #071d36 !important;
}
.semi-typography,
.semi-form-field-label,
.semi-button,
.semi-input,
.semi-navigation-item-text,
.semi-navigation-header,
.semi-tabs-tab-button {
  color: var(--aibuff-ink) !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,252,.92) 48%, #fff 100%),
    radial-gradient(circle at 72% 8%, rgba(37,99,235,.16), transparent 30%);
  z-index: -2;
}
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(10,37,64,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(10,37,64,.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.45), transparent 72%);
  z-index: -1;
}
.semi-navigation,
.semi-navigation-header,
.semi-layout-header,
header,
.app-layout header {
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(216,226,238,.9) !important;
  backdrop-filter: blur(16px) !important;
}
.semi-layout,
.semi-layout-content,
.semi-layout-sider,
.semi-sider,
.sidebar-container,
.sidebar-nav,
.pricing-content,
.pricing-sidebar {
  background: transparent !important;
}
.semi-card,
.semi-modal-content,
.semi-table,
.semi-tabs-content,
.semi-form,
.semi-form-field,
[class*="card"],
[class*="panel"] {
  border-color: var(--aibuff-line) !important;
  box-shadow: 0 18px 48px rgba(10,37,64,.08) !important;
}
.semi-card,
.semi-modal-content,
.semi-form,
.semi-table {
  background: rgba(255,255,255,.94) !important;
  border-radius: 18px !important;
}
.semi-button-primary,
button[type="submit"] {
  background: var(--aibuff-ink) !important;
  border-color: var(--aibuff-ink) !important;
  color: #fff !important;
}
.semi-button-primary:hover,
button[type="submit"]:hover {
  background: #12385d !important;
  border-color: #12385d !important;
}
.semi-input-wrapper,
.semi-select,
.semi-datepicker-range-input,
.semi-tagInput,
.semi-input-textarea-wrapper {
  border-color: var(--aibuff-line) !important;
  background: #fff !important;
  border-radius: 10px !important;
}
a,
.semi-navigation-item-selected,
.semi-navigation-item:hover,
.semi-tabs-tab-active { color: var(--aibuff-blue) !important; }
img[src="/logo.png"] {
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(37,99,235,.18) !important;
}
.aibuff-login-note {
  position: fixed;
  left: 32px;
  bottom: 28px;
  max-width: 360px;
  color: var(--aibuff-muted);
  font-size: 14px;
  line-height: 1.7;
  z-index: 2;
}
.aibuff-login-note strong {
  display: block;
  color: var(--aibuff-ink);
  font-size: 18px;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .semi-layout-content,
  main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .aibuff-login-note { display: none; }
}