:root,
.dark {
  --background: #fff9e8 !important;
  --foreground: #11100d !important;
  --card: #fffdf5 !important;
  --card-foreground: #11100d !important;
  --popover: #fffdf5 !important;
  --popover-foreground: #11100d !important;
  --primary: #11100d !important;
  --primary-foreground: #fffdf5 !important;
  --secondary: #f4edda !important;
  --secondary-foreground: #11100d !important;
  --muted: #eee5cf !important;
  --muted-foreground: #6d675a !important;
  --accent: #ffd400 !important;
  --accent-foreground: #11100d !important;
  --border: #dfd5b9 !important;
  --input: #cfc2a4 !important;
  --ring: #e6bb00 !important;
  --sidebar: #fffdf5 !important;
  --sidebar-foreground: #11100d !important;
  --sidebar-primary: #ffd400 !important;
  --sidebar-primary-foreground: #11100d !important;
  --sidebar-accent: #f4edda !important;
  --sidebar-accent-foreground: #11100d !important;
  --sidebar-border: #dfd5b9 !important;
  --radius: .35rem !important;
}

html, body, #root { background: #fff9e8 !important; color: #11100d !important; }
body { font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", Arial, sans-serif !important; }
img[src="/logo.png"] { content: url("/tigercloud/tiger-mark.png"); mix-blend-mode: multiply; }

button[class*="bg-primary"],
a[class*="bg-primary"] { background: #11100d !important; color: #fffdf5 !important; border-radius: 0 !important; }
button[class*="bg-primary"]:hover,
a[class*="bg-primary"]:hover { background: #ffd400 !important; color: #11100d !important; }
input, textarea, select { border-radius: 0 !important; border-color: #b8aa88 !important; background: rgba(255,253,245,.92) !important; color: #11100d !important; }
input:focus, textarea:focus, select:focus { border-color: #d7ae00 !important; box-shadow: 0 0 0 2px rgba(255,212,0,.28) !important; }
[class*="rounded-xl"], [class*="rounded-2xl"] { border-radius: .4rem !important; }
[class*="shadow"] { box-shadow: 0 12px 36px rgba(77,58,0,.08) !important; }

#root > div[class*="h-svh"]:has(input[type="password"]) { position: relative; overflow: hidden; background: #fff9e8 !important; }
#root > div[class*="h-svh"]:not(:has(input[type="password"]))::after { content: none !important; }
#root > div[class*="h-svh"]:has(input[type="password"])::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 0 0 42%;
  background: url("/tigercloud/tiger-eye.jpg") center right / cover no-repeat;
  pointer-events: none;
}
#root > div[class*="h-svh"]:has(input[type="password"]) > a,
#root > div[class*="h-svh"]:has(input[type="password"]) > div { position: relative; z-index: 2; }
#root > div[class*="h-svh"]:has(input[type="password"]) > a h1::after { content: "金瞳云境"; display: block; margin-top: 2px; color: #6d675a; font-size: 11px; font-weight: 500; letter-spacing: .08em; }
#root > div[class*="h-svh"]:has(input[type="password"]) > div[class*="container"] { width: 50%; margin: 0; padding-left: clamp(28px, 7vw, 108px); background: rgba(255,249,232,.93); }
#root > div[class*="h-svh"]:has(input[type="password"]) form { gap: 1.15rem !important; }
#root > div[class*="h-svh"]:has(input[type="password"]) form input { height: 46px !important; padding-inline: 14px !important; }
#root > div[class*="h-svh"]:has(input[type="password"]) form button[type="submit"] { height: 46px !important; margin-top: 8px !important; }
#root > div[class*="h-svh"]:has(input[type="password"]) h2 { font-size: 32px !important; letter-spacing: -.04em !important; }
#root > div[class*="h-svh"]:has(input[type="password"]) a[href="/sign-up"] { color: #8a6800 !important; font-weight: 750 !important; }

header,
header[class*="sticky"],
header[class*="fixed"] {
  background: rgba(255,249,232,.98) !important;
  border-color: #dfd5b9 !important;
  color: #11100d !important;
  text-shadow: none !important;
}
header a,
header button,
header input,
header [class*="text-muted"] { color: #11100d !important; text-shadow: none !important; }
header input { background: #fffdf5 !important; }

main, main > div, [data-slot="content"] { background-color: #fff9e8; }

aside, [data-sidebar="sidebar"] { background: #fffdf5 !important; border-color: #dfd5b9 !important; }
[data-sidebar="menu-button"][data-active="true"],
[data-state="active"][role="tab"] { background: #ffd400 !important; color: #11100d !important; }
table thead { background: #f5eedc !important; }
table tr { border-color: #e4dbc4 !important; }

@media (max-width: 760px) {
  #root > div[class*="h-svh"]:has(input[type="password"])::after { inset: 58% 0 0; opacity: .42; }
  #root > div[class*="h-svh"]:has(input[type="password"]) > div[class*="container"] { width: 100%; padding: 76px 20px 230px; background: rgba(255,249,232,.86); }
  #root > div[class*="h-svh"]:has(input[type="password"]) > a { top: 18px !important; left: 20px !important; }
}