/* ===== 无限画布 · AI 创作工作流画板 ===== */
/* ---------- 设计变量 (改主题色/圆角/阴影统一在这里调) ---------- */
:root {
  /* 背景与面板 */
  --bg: #000000;            /* 画布底色 (纯黑) */
  --panel: #191d27;         /* 工具栏/浮层面板 */
  --panel-line: #272d3d;
  --card: #1b1f2a;          /* 卡片底 */
  --card-line: #2a3145;
  /* 文字 */
  --tx: #e8eaf2;
  --tx-2: #a8b2c8;
  --tx-3: #67718a;
  /* 类型主题色 (图片=青绿 / 提示词=蓝紫 / 视频=粉 / 便签=琥珀) */
  --c-image: #2dd4bf;  --c-image-rgb: 45, 212, 191;
  --c-prompt: #8b8cf8; --c-prompt-rgb: 139, 140, 248;
  --c-video: #f472b6;  --c-video-rgb: 244, 114, 182;
  --c-note: #fbbf24;   --c-note-rgb: 251, 191, 36;
  --c-accent: #5b8cff; --c-accent-rgb: 91, 140, 255;
  /* 形状与阴影 */
  --r-card: 14px;
  --shadow-card: 0 10px 28px rgba(3,6,14,.5), 0 1px 3px rgba(0,0,0,.4);
  --shadow-hover: 0 16px 36px rgba(3,6,14,.6), 0 2px 6px rgba(0,0,0,.4);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; overflow: hidden; }
body {
  font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  background: var(--bg);
  color: var(--tx);
  user-select: none;
  -webkit-user-select: none;
}
#app { display: flex; flex-direction: column; height: 100%; }