/* 狼王 AI：浅色优先的界面层。结构与交互沿用 LibreChat。 */
html.light { color-scheme: light; }
html.light body { background: #fff; }
html.light main[role="main"] { background: radial-gradient(ellipse 70% 48% at 53% 12%, #edf8f2 0%, #fff 74%); }
html.light [data-testid="nav-panel-conversations"][aria-pressed="true"] { color: #176b61; }
html.light [data-testid="nav-panel-conversations"][aria-pressed="true"] svg { stroke-width: 2.2; }
html.light #prompt-textarea { color: #10272a; }
html.light #prompt-textarea::placeholder { color: #69837b; }
html.light #prompt-textarea:focus-visible { outline: none; }
html.light #prompt-textarea:focus-visible::placeholder { color: #839d91; }
html.light main span[role="img"][aria-label="Custom"]:has(svg.lucide-bot) {
  background: url('/assets/langwang-logo.png') center / contain no-repeat;
}
html.light main .relative.size-10:has(> .shadow-stroke > span[role="img"][aria-label="Custom"] svg.lucide-bot) {
  width: 84px;
  height: 84px;
}
html.light main .shadow-stroke:has(> span[role="img"][aria-label="Custom"] svg.lucide-bot) {
  border-radius: 24px;
  background: #eaf5ee;
  box-shadow: 0 18px 42px rgba(16,39,42,.10), inset 0 0 0 1px #d4eadd;
}
html.light main .shadow-stroke > span[role="img"][aria-label="Custom"]:has(svg.lucide-bot) {
  width: 70px !important;
  height: 70px !important;
}
html.light main span[role="img"][aria-label="Custom"]:has(svg.lucide-bot) svg { display: none; }
html.light img[data-langwang-auth-logo] { width: 76px; height: 76px; margin-inline: auto; }
html.light #loading-container { background: #fff !important; }
html.dark img[data-langwang-auth-logo] { width: 76px; height: 76px; margin-inline: auto; filter: brightness(0) invert(1); }
html.dark main span[role="img"][aria-label="Custom"]:has(svg.lucide-bot) { background: url('/assets/langwang-logo.png') center / contain no-repeat; }
html.dark main span[role="img"][aria-label="Custom"]:has(svg.lucide-bot) svg { display: none; }
@media (max-width: 640px) { html.light main[role="main"] { background: #fff; } }
