/* Jarvis H3 紫幕 v4 — 深紫全宽；勿命中 nprogress 顶栏进度条 */
:root,
html,
html.light,
html.dark,
.dark,
.light,
body,
#root {
  color-scheme: dark !important;
  --jarvis-bg: #07040f;
  --jarvis-panel: #120a1f;
  --jarvis-panel-2: #1a1230;
  --jarvis-neon: #a855f7;
  --jarvis-neon-2: #c084fc;
  --jarvis-line: rgba(168, 85, 247, 0.32);

  --background: #07040f !important;
  --foreground: #f3eefc !important;
  --card: #120a1f !important;
  --card-foreground: #f3eefc !important;
  --popover: #120a1f !important;
  --popover-foreground: #f3eefc !important;
  --primary: #a855f7 !important;
  --primary-foreground: #ffffff !important;
  --secondary: #1a1230 !important;
  --secondary-foreground: #e9d5ff !important;
  --muted: #1a1230 !important;
  --muted-foreground: #a994c9 !important;
  --accent: #7c3aed !important;
  --accent-foreground: #f3eefc !important;
  --destructive: #f472b6 !important;
  --border: rgba(168, 85, 247, 0.28) !important;
  --input: rgba(168, 85, 247, 0.35) !important;
  --ring: #a855f7 !important;
  --color-background: #07040f !important;
  --color-foreground: #f3eefc !important;
  --color-card: #120a1f !important;
  --color-primary: #a855f7 !important;
  --color-muted: #1a1230 !important;
  --color-border: rgba(168, 85, 247, 0.28) !important;

  --semi-color-white: #f3eefc !important;
  --semi-color-black: #07040f !important;
  --semi-color-primary: #a855f7 !important;
  --semi-color-primary-hover: #c084fc !important;
  --semi-color-primary-active: #9333ea !important;
  --semi-color-primary-disabled: rgba(168, 85, 247, 0.35) !important;
  --semi-color-primary-light-default: rgba(168, 85, 247, 0.18) !important;
  --semi-color-primary-light-hover: rgba(168, 85, 247, 0.28) !important;
  --semi-color-primary-light-active: rgba(168, 85, 247, 0.38) !important;
  --semi-color-secondary: #7c3aed !important;
  --semi-color-bg-0: #07040f !important;
  --semi-color-bg-1: #0d0818 !important;
  --semi-color-bg-2: #140c22 !important;
  --semi-color-bg-3: #1a1230 !important;
  --semi-color-bg-4: #22183a !important;
  --semi-color-fill-0: rgba(168, 85, 247, 0.08) !important;
  --semi-color-fill-1: rgba(168, 85, 247, 0.14) !important;
  --semi-color-fill-2: rgba(168, 85, 247, 0.22) !important;
  --semi-color-border: rgba(168, 85, 247, 0.28) !important;
  --semi-color-text-0: #f3eefc !important;
  --semi-color-text-1: #d8c9f0 !important;
  --semi-color-text-2: #a994c9 !important;
  --semi-color-text-3: #7a6a96 !important;
  --semi-color-nav-bg: #0a0614 !important;
  --semi-color-shadow: rgba(0, 0, 0, 0.55) !important;
  --semi-color-disabled-text: #6b5f80 !important;
  --semi-color-disabled-bg: #1a1230 !important;
  --semi-color-disabled-border: rgba(168, 85, 247, 0.15) !important;
}

html,
html.light,
html.dark,
body,
#root {
  background: #07040f !important;
  background-color: #07040f !important;
  color: #f3eefc !important;
  min-height: 100% !important;
}

/* nprogress 顶栏：保持 2px 透明，勿被通配撑满 */
#root > div[style*="position: fixed"][style*="height: 2px"],
#root > div[style*="position: fixed"][style*="height:2px"] {
  background: transparent !important;
  background-color: transparent !important;
  min-height: 0 !important;
  height: 2px !important;
  max-height: 2px !important;
  width: 100% !important;
  pointer-events: none !important;
}

html.light { color-scheme: dark !important; }

.bg-white,
.bg-background,
.bg-card,
.bg-popover,
.bg-muted,
.bg-secondary,
.bg-background\/45,
.bg-background\/60,
.bg-background\/70,
.bg-background\/75,
.bg-background\/80,
.bg-background\/95,
.bg-background\/98,
.bg-card\/50,
.bg-card\/60,
[class*="bg-white"],
[class*="bg-background"],
[class*="bg-card"],
[class*="bg-popover"] {
  background-color: #07040f !important;
  background: #07040f !important;
}

header,
nav,
[data-slot="header"],
[data-slot="sidebar"],
[data-sidebar] {
  background: #0a0614 !important;
  background-color: #0a0614 !important;
  border-color: rgba(168, 85, 247, 0.25) !important;
  color: #f3eefc !important;
}

/* 全宽：只打容器类，不打 #root > div（会误伤进度条） */
.container,
.\!container,
.mx-auto.max-w-6xl,
.mx-auto.max-w-5xl,
.mx-auto.max-w-7xl,
.max-w-prose,
.max-w-3xl,
.max-w-4xl,
.max-w-5xl,
.max-w-6xl,
.max-w-7xl,
.max-w-xl,
.max-w-2xl,
main.container,
main {
  max-width: none !important;
  width: 100% !important;
}

.markdown-body,
.prose,
[class*="HomePage"],
article {
  max-width: none !important;
  width: 100% !important;
  background: transparent !important;
  color: #e9d5ff !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.markdown-body img,
.prose img,
article img {
  max-width: 100% !important;
  width: min(100%, 1100px) !important;
  height: auto !important;
  border-radius: 1rem !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

[data-slot="card"],
.semi-card {
  background: #120a1f !important;
  border-color: rgba(168, 85, 247, 0.28) !important;
  color: #f3eefc !important;
}

aside,
.semi-layout-sider {
  background: #0a0614 !important;
  border-color: rgba(168, 85, 247, 0.22) !important;
}

button.bg-primary,
a.bg-primary,
.semi-button-primary {
  background-color: #a855f7 !important;
  color: #fff !important;
}

a { color: #c084fc !important; }
a:hover { color: #e9d5ff !important; }

table, th, td {
  border-color: rgba(168, 85, 247, 0.22) !important;
  color: #e9d5ff !important;
}

input, textarea, select,
.semi-input,
.semi-input-wrapper,
[data-slot="input"] {
  background: #140c22 !important;
  color: #f3eefc !important;
  border-color: rgba(168, 85, 247, 0.35) !important;
}

.semi-layout,
.semi-layout-content,
.semi-layout-header {
  background-color: #07040f !important;
  color: #f3eefc !important;
}