/* 日间采用暖纸色与铜金色，保留原网站的字体、节点和电影感。 */
.theme-control { display: inline-flex; align-items: center; gap: 7px; flex-shrink: 0; padding: 6px 9px; border: 1px solid var(--border-faint); border-radius: 4px; color: var(--accent-amber); background: var(--bg-0); }
.theme-control > span { font-size: 18px; line-height: 1; }
.theme-control select { font: 11px var(--mono, monospace); color: var(--text-1); background: var(--bg-0); border: 0; padding: 4px 0; cursor: pointer; max-width: 105px; }
.theme-control select:focus-visible { outline: 2px solid var(--accent-amber); outline-offset: 4px; }
html[data-theme="light"] {
  --bg-0: #f4f0e8; --bg-1: #fffdf8; --bg-2: #ebe6dc; --bg-3: #e1dbd0;
  --bg-warm: #eee2d1; --surface-glass: #fffdf8e8; --surface-raised: #fffdf8f0;
  --text-0: #292d33; --text-1: #454c56; --text-2: #616977; --text-3: #717785; --text-4: #979a9f;
  --accent-amber: #89602e; --accent-gold: #89602e; --accent-cyan: #246c78;
  --accent-blue: #375eac; --accent-purple: #70519a; --accent-pink: #a3426b;
  --border-faint: #89602e30; --border-soft: #61697740; --border-node: #61697760; --border-node-hot: #89602eaa;
  --port-in: #246c78; --port-out: #89602e; --port-creative: #70519a;
}
html[data-theme="light"] body { background: radial-gradient(ellipse at 10% 0%, #e8d8bd70, transparent 40%), #f4f0e8; }
html[data-theme="light"] body::after { background: radial-gradient(420px circle at var(--pointer-x) var(--pointer-y), #cda86910, transparent 68%); }
html[data-theme="light"] .grid-bg { background-image: linear-gradient(#89602e0c 1px, transparent 1px), linear-gradient(90deg, #246c780c 1px, transparent 1px); }
html[data-theme="light"] :is(.topbar, .studio-card, .tool-projects, .tool-card, .node, .canvas-wrap, .about-card, .stack-col, .resume-block, .modal-box, .modal-meta, .intro, footer, .info) { background: var(--surface-glass); box-shadow: 0 12px 35px #57452d08; }
html[data-theme="light"] :is(.studio-features, .sf-item, .node-head, .studio-main, .stack-list span, .modal-head, .showcase-node) { background: #89602e05; }
html[data-theme="light"] .hero-title { text-shadow: none; }
html[data-theme="light"] .hero::before { opacity: .4; }
html[data-theme="light"] .hero::after { color: #89602e09; }
html[data-theme="light"] :is(.btn, .btn-studio) { color: #fffdf8; box-shadow: none; }
html[data-theme="light"] .btn-ghost { color: var(--text-0); }
html[data-theme="light"] .scene-hud { mix-blend-mode: normal; }
html[data-theme="light"] .breather-ghost { color: #89602e12; }
html[data-theme="light"] .tool-card:hover { background: #eee6d8; }
html[data-theme="light"] .showcase-node:hover { background: #eee6d8; }
html[data-theme="light"] .modal-video { background: #080a0d; }
@media (max-width: 1180px) {
  .topbar { flex-wrap: wrap; gap: 14px; }
  .topbar-meta { display: none; }
}
@media (max-width: 720px) {
  .topbar .theme-control { position: absolute; top: 12px; right: 24px; padding: 3px 7px; }
  .topbar-logo { min-height: 30px; }
  .topbar nav { width: 100%; }
  .theme-control select { min-height: 30px; font-size: 10px; }
}