: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;
}
.aibuff-turnstile {
  display: flex;
  justify-content: center;
  margin: 12px 0 16px;
  min-height: 65px;
}
body.aibuff-has-custom-page #root > div > main,
body.aibuff-has-custom-page #root [class*="content"] img,
body.aibuff-has-custom-page #root [class*="empty"],
body.aibuff-has-custom-page #root [class*="markdown"],
body.aibuff-has-custom-page #root [class*="about"],
body.aibuff-has-custom-page #root [class*="docs"] {
  display: none !important;
}
.aibuff-custom-page {
  position: relative;
  z-index: 3;
  max-width: 1160px;
  margin: 0 auto;
  padding: 86px 24px 72px;
  color: var(--aibuff-ink);
}
.aibuff-doc-hero,
.aibuff-code-panel,
.aibuff-doc-cards article,
.aibuff-info-grid article {
  background: rgba(255,255,255,.94);
  border: 1px solid var(--aibuff-line);
  box-shadow: 0 18px 48px rgba(10,37,64,.08);
}
.aibuff-doc-hero {
  border-radius: 24px;
  padding: 42px;
  margin-bottom: 18px;
}
.aibuff-eyebrow {
  display: inline-flex;
  color: var(--aibuff-blue);
  background: #eaf2ff;
  border: 1px solid #cfe0ff;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 900;
  margin-bottom: 18px;
}
.aibuff-doc-hero h1 {
  margin: 0 0 14px;
  color: var(--aibuff-ink);
  font-size: 46px;
  line-height: 1.12;
  letter-spacing: 0;
}
.aibuff-doc-hero p,
.aibuff-doc-cards p,
.aibuff-info-grid p {
  color: var(--aibuff-muted);
  line-height: 1.75;
}
.aibuff-doc-hero p {
  max-width: 720px;
  font-size: 17px;
}
.aibuff-doc-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.aibuff-doc-btn {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 10px;
  border: 1px solid var(--aibuff-line);
  background: #fff;
  color: var(--aibuff-ink) !important;
  font-weight: 900;
}
.aibuff-doc-btn.primary {
  background: var(--aibuff-ink);
  color: #fff !important;
  border-color: var(--aibuff-ink);
}
.aibuff-doc-cards,
.aibuff-info-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.aibuff-doc-cards article,
.aibuff-info-grid article {
  border-radius: 18px;
  padding: 22px;
}
.aibuff-doc-cards span {
  display: block;
  color: var(--aibuff-muted);
  font-size: 13px;
  font-weight: 850;
  margin-bottom: 8px;
}
.aibuff-doc-cards strong {
  display: block;
  color: var(--aibuff-ink);
  font-size: 18px;
  margin-bottom: 10px;
  overflow-wrap: anywhere;
}
.aibuff-code-panel {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 18px;
  border-radius: 22px;
  padding: 24px;
  margin: 18px 0;
}
.aibuff-code-panel h2 {
  margin: 0;
  font-size: 28px;
  color: var(--aibuff-ink);
}
.aibuff-code-panel pre {
  margin: 0;
  padding: 18px;
  overflow: auto;
  border-radius: 14px;
  background: #07192b;
  color: #d8e2ee;
  font-size: 13px;
  line-height: 1.8;
}
.aibuff-info-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.aibuff-info-grid h3 {
  margin: 0 0 10px;
  color: var(--aibuff-ink);
  font-size: 18px;
}
@media (max-width: 768px) {
  .semi-layout-content,
  main {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .aibuff-login-note { display: none; }
  .aibuff-custom-page {
    padding: 72px 14px 44px;
  }
  .aibuff-doc-hero {
    padding: 24px;
    border-radius: 18px;
  }
  .aibuff-doc-hero h1 {
    font-size: 32px;
  }
  .aibuff-doc-cards,
  .aibuff-info-grid,
  .aibuff-code-panel {
    grid-template-columns: 1fr;
  }
}