:root {
  --oc-bg: #f4efe6;
  --oc-ink: #2a2018;
  --oc-muted: #6b5a4a;
  --oc-accent: #f26b4f;
  --oc-accent-strong: #df543a;
  --oc-green: #2f6f5e;
  --oc-paper: #fff8f1;
  --oc-paper-2: #f6ede2;
  --oc-line: #e7d6c4;
  --oc-shadow: rgba(42, 32, 24, 0.12);
  --ifm-background-color: var(--oc-bg);
  --ifm-background-surface-color: var(--oc-paper);
  --ifm-font-color-base: var(--oc-ink);
  --ifm-heading-color: var(--oc-ink);
  --ifm-color-primary: var(--oc-accent);
  --ifm-color-primary-dark: var(--oc-accent-strong);
  --ifm-color-primary-darker: #ce482f;
  --ifm-color-primary-darkest: #a83925;
  --ifm-color-primary-light: #f58a71;
  --ifm-color-primary-lighter: #f7a08a;
  --ifm-color-primary-lightest: #fbd0c3;
  --ifm-navbar-background-color: rgba(255, 248, 241, 0.94);
  --ifm-footer-background-color: #2a2018;
  --ifm-link-color: var(--oc-green);
  --ifm-menu-color-active: var(--oc-accent);
  --ifm-toc-border-color: var(--oc-line);
  --ifm-code-background: #efe4d7;
  --ifm-global-radius: 12px;
}

html.fs-openclothes-theme,
html.fs-openclothes-theme[data-theme="dark"] {
  color-scheme: light;
  background: var(--oc-bg);
}

html.fs-openclothes-theme *,
html.fs-openclothes-theme *::before,
html.fs-openclothes-theme *::after {
  letter-spacing: 0 !important;
}

html.fs-openclothes-theme body {
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% -10%, rgba(242, 107, 79, 0.13), transparent 30rem),
    linear-gradient(180deg, #fbf6ef 0%, var(--oc-bg) 42%, #eee4d8 100%);
  color: var(--oc-ink);
  font-family: Inter, "Noto Sans SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html.fs-openclothes-theme .navbar {
  min-height: 72px;
  border-bottom: 1px solid rgba(231, 214, 196, 0.86);
  background: rgba(255, 248, 241, 0.94);
  box-shadow: 0 10px 32px rgba(42, 32, 24, 0.08);
  backdrop-filter: blur(14px);
}

html.fs-openclothes-theme .navbar__inner {
  max-width: 1280px;
  margin: 0 auto;
}

html.fs-openclothes-theme .navbar__brand {
  gap: 12px;
  color: var(--oc-ink);
  font-weight: 800;
}

html.fs-openclothes-theme .navbar__logo {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  flex: 0 0 34px;
}

html.fs-openclothes-theme .navbar__logo img {
  display: none !important;
}

html.fs-openclothes-theme .navbar__logo::before {
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: linear-gradient(145deg, #f26b4f 0%, #f8b08e 100%);
  box-shadow: 0 10px 22px rgba(242, 107, 79, 0.22);
  content: "";
}

html.fs-openclothes-theme .navbar__title {
  color: var(--oc-ink);
  font-size: 18px;
  font-weight: 800;
}

html.fs-openclothes-theme .navbar__link,
html.fs-openclothes-theme .menu__link,
html.fs-openclothes-theme .breadcrumbs__link,
html.fs-openclothes-theme .pagination-nav__label,
html.fs-openclothes-theme .pagination-nav__sublabel {
  color: var(--oc-muted);
}

html.fs-openclothes-theme .navbar__link:hover,
html.fs-openclothes-theme .navbar__link--active,
html.fs-openclothes-theme .menu__link:hover,
html.fs-openclothes-theme .menu__link--active {
  color: var(--oc-accent);
}

html.fs-openclothes-theme .navbar-sidebar,
html.fs-openclothes-theme .navbar-sidebar__items {
  background: var(--oc-paper);
}

html.fs-openclothes-theme .main-wrapper,
html.fs-openclothes-theme .theme-layout-main {
  background: transparent;
}

html.fs-openclothes-theme .container,
html.fs-openclothes-theme .tw\:max-w-7xl {
  max-width: 1180px;
}

html.fs-openclothes-theme article,
html.fs-openclothes-theme .theme-doc-markdown,
html.fs-openclothes-theme .docItemContainer_Rv5Z,
html.fs-openclothes-theme .tailwind-container .tw\:bg-primary\/5,
html.fs-openclothes-theme .pagination-nav__link,
html.fs-openclothes-theme .theme-admonition,
html.fs-openclothes-theme .card {
  border: 1px solid var(--oc-line);
  border-radius: 18px;
  background: rgba(255, 248, 241, 0.92);
  box-shadow: 0 18px 42px rgba(42, 32, 24, 0.08);
}

html.fs-openclothes-theme article,
html.fs-openclothes-theme .theme-doc-markdown {
  padding: clamp(20px, 3vw, 36px);
}

html.fs-openclothes-theme article .theme-doc-markdown,
html.fs-openclothes-theme .theme-doc-markdown .theme-admonition {
  padding: 0;
}

html.fs-openclothes-theme .theme-doc-markdown .theme-admonition {
  padding: 16px 18px;
}

html.fs-openclothes-theme .docSidebarContainer_e5ai,
html.fs-openclothes-theme .sidebarViewport_N8x0,
html.fs-openclothes-theme .sidebar_vJCc {
  border-color: var(--oc-line);
  background: rgba(255, 248, 241, 0.78);
}

html.fs-openclothes-theme .menu {
  padding: 12px;
}

html.fs-openclothes-theme .menu__link {
  border-radius: 12px;
}

html.fs-openclothes-theme .menu__link--active {
  background: rgba(242, 107, 79, 0.12);
}

html.fs-openclothes-theme h1,
html.fs-openclothes-theme h2,
html.fs-openclothes-theme h3,
html.fs-openclothes-theme h4 {
  color: var(--oc-ink);
  font-weight: 800;
}

html.fs-openclothes-theme p,
html.fs-openclothes-theme li,
html.fs-openclothes-theme td,
html.fs-openclothes-theme th {
  color: var(--oc-muted);
}

html.fs-openclothes-theme a {
  color: var(--oc-green);
}

html.fs-openclothes-theme a:hover {
  color: var(--oc-accent-strong);
}

html.fs-openclothes-theme .button,
html.fs-openclothes-theme button,
html.fs-openclothes-theme .tw\:daisy-btn,
html.fs-openclothes-theme .clean-btn.button,
html.fs-openclothes-theme [role="button"] {
  border-radius: 999px;
}

html.fs-openclothes-theme .tw\:daisy-btn-primary,
html.fs-openclothes-theme .tw\:daisy-btn-secondary,
html.fs-openclothes-theme .button--primary {
  border-color: var(--oc-accent) !important;
  background: var(--oc-accent) !important;
  color: #fff !important;
  box-shadow: 0 10px 20px rgba(242, 107, 79, 0.18);
}

html.fs-openclothes-theme .tw\:daisy-btn-outline,
html.fs-openclothes-theme .button--secondary {
  border-color: var(--oc-line) !important;
  background: var(--oc-paper) !important;
  color: var(--oc-ink) !important;
}

html.fs-openclothes-theme input,
html.fs-openclothes-theme textarea,
html.fs-openclothes-theme select {
  border: 1px solid var(--oc-line);
  border-radius: 14px;
  background: #fffdf9;
  color: var(--oc-ink);
}

html.fs-openclothes-theme .footer {
  border-top: 1px solid rgba(255, 248, 241, 0.16);
  background: #2a2018;
  color: #f8eadc;
}

html.fs-openclothes-theme .footer a,
html.fs-openclothes-theme .footer__title,
html.fs-openclothes-theme .footer__copyright {
  color: #f8eadc;
}

html.fs-openclothes-theme .footer a:hover {
  color: #f8b08e;
}

html.fs-openclothes-theme .tailwind-container .tw\:text-center > svg.icon:first-child {
  display: none !important;
}

html.fs-openclothes-theme .tailwind-container .tw\:text-center {
  padding-top: 18px;
}

html.fs-openclothes-theme .tailwind-container .tw\:text-center h1,
html.fs-openclothes-theme .tailwind-container .tw\:text-center h2 {
  color: var(--oc-ink);
}

html.fs-openclothes-theme .tailwind-container .tw\:text-center h1 {
  font-size: clamp(34px, 5vw, 64px) !important;
}

html.fs-openclothes-theme .tailwind-container .tw\:grid {
  gap: 18px;
}

html.fs-openclothes-theme .tailwind-container .tw\:bg-primary\/5 {
  background: rgba(255, 248, 241, 0.92) !important;
}

html.fs-openclothes-theme .theme-layout-main .tailwind-container img,
html.fs-openclothes-theme .theme-layout-main .tailwind-container video {
  border-radius: 14px;
}

html.fs-openclothes-theme .theme-layout-main > div:not(.tailwind-container) {
  color: var(--oc-ink);
}

html.fs-openclothes-theme .cm-editor,
html.fs-openclothes-theme .cm-gutters,
html.fs-openclothes-theme pre,
html.fs-openclothes-theme code {
  border-color: var(--oc-line);
  background: #fffdf9;
}

html.fs-openclothes-theme .cm-content,
html.fs-openclothes-theme .cm-line {
  color: var(--oc-ink);
}

html.fs-openclothes-theme .fs-locale-switch,
html.fs-openclothes-theme [data-fs-locale-ignore="true"] {
  border-color: rgba(231, 214, 196, 0.82) !important;
  background: rgba(255, 248, 241, 0.94) !important;
  box-shadow: 0 10px 26px rgba(42, 32, 24, 0.1) !important;
}

html.fs-openclothes-theme [data-fs-locale-ignore="true"] button:first-child {
  background: var(--oc-green) !important;
  color: #fff !important;
}

html.fs-openclothes-theme .pattern,
html.fs-openclothes-theme svg {
  max-width: 100%;
}

html.fs-openclothes-theme .theme-layout-main [class*="Toolbar"],
html.fs-openclothes-theme .theme-layout-main [class*="toolbar"],
html.fs-openclothes-theme .theme-layout-main [class*="tabs"],
html.fs-openclothes-theme .theme-layout-main [class*="Tabs"] {
  border-color: var(--oc-line);
}

@media (max-width: 768px) {
  html.fs-openclothes-theme .navbar {
    min-height: 64px;
  }

  html.fs-openclothes-theme article,
  html.fs-openclothes-theme .theme-doc-markdown {
    border-radius: 14px;
    padding: 18px;
  }

  html.fs-openclothes-theme .tailwind-container .tw\:text-center h1 {
    font-size: 34px !important;
  }
}