/* 2026-10-28：所有浮出的視窗、選單、工具列統一成「半透明黑色磨砂玻璃」（Apple 式） */
:root {
  --glass: rgba(30, 30, 32, .64);          /* 小型選單、工具列 */
  --glass-strong: rgba(26, 26, 28, .74);   /* 有很多文字的面板（輸入框、導演助手、對話框） */
  --glass-blur: blur(28px) saturate(170%);
  --glass-line: rgba(255, 255, 255, .11);
  --glass-shadow: 0 18px 50px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .07);
  --glass-hover: rgba(255, 255, 255, .09);
}
.cv-ntool, .nt-more, .cv-menu, .cv-menu.context-menu, .cc-pop, .cv-dock, .cv-toolbar .group, .toast, .zoom-warn {
  background: var(--glass) !important;
  -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-line) !important;
  box-shadow: var(--glass-shadow) !important;
}
.cv-composer, .agent, .modal-card {
  background: var(--glass-strong) !important;
  -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-line) !important;
  box-shadow: var(--glass-shadow) !important;
}
.topbar { background: rgba(14, 14, 16, .62) !important; -webkit-backdrop-filter: var(--glass-blur); backdrop-filter: var(--glass-blur); border-bottom: 1px solid var(--glass-line) !important; }
.modal { background: rgba(0, 0, 0, .38) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.zoom-warn { color: #ffe2b0; }
.toast { border-left: 3px solid var(--accent) !important; }
.toast.bad { border-left-color: var(--bad) !important; }
/* 面板裡的按鈕、選項改成透明疊色，才看得出玻璃感 */
.cv-ntool button:hover, .nt-more button:hover, .cv-menu button:hover, .cc-pop .pi:hover, .cv-dock .dock-btn:hover { background: var(--glass-hover) !important; }
.cv-composer .cc-chip, .cv-composer .cc-sel, .cv-composer .cc-icon, .cc-pop .pp-btn, .cc-pop .pi.on { background: rgba(255, 255, 255, .07) !important; border-color: rgba(255, 255, 255, .08) !important; }
.cv-composer textarea, .cv-composer .cc-prompt { background: transparent !important; }
.agent .a-head, .agent .a-ctx, .agent .a-settings, .agent .a-input { border-color: var(--glass-line) !important; background: transparent !important; }
.agent .a-prompt, .agent .a-actions, .agent .a-msg.user { background: rgba(255, 255, 255, .06) !important; border-color: var(--glass-line) !important; }
.agent textarea, .agent select { background: rgba(0, 0, 0, .25) !important; }
.cv-dock .dock-btn.primary { background: #fff !important; }
body.agent-open .cv-dock .dock-agent { background: #fff !important; color: #111; }
/* 不支援磨砂的瀏覽器：改用較不透明的底色，維持可讀性 */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root { --glass: rgba(30, 30, 32, .94); --glass-strong: rgba(26, 26, 28, .97); }
}