/* =========================================
       CSS 变量池：方便在 JS 中动态修改主题与布局参数
       ========================================= */
    :root {
      --sidebar-width: 320px;
      --bg-gradient-start: #0a0a1a;
      --bg-gradient-end: #0f0f1f;
      --main-bg-opacity: 0.65;
      --glass-blur: 16px;
      --glass-color-rgb: 18, 18, 28;
      --settings-bg: rgba(12, 12, 22, 0.85);
      --bubble-blur: 16px;
      --text-primary: #e8e4f0;
      --text-secondary: #7c7298;
      --text-monologue: #9b8ec4;
      --user-bubble: rgba(40,36,74,0.8);
      --agent-bubble: rgba(30,26,56,0.8);
      --accent-color: #a78bfa;
      --accent-hover: #b8b3ff;
      --font-family: system-ui, -apple-system, sans-serif;
      --font-size-base: 15px;
      --ui-font-size: 15px;
      --border-radius: 1.5rem;
      --safe-top: env(safe-area-inset-top, 0px);
      --safe-bottom: env(safe-area-inset-bottom, 0px);
      --shadow-light: 0 10px 30px rgba(0,0,0,0.3);
      --true-height: 100dvh; /* 动态计算的真实视口高度 */
    }
    html { font-size: var(--ui-font-size); }