/* ==================== 全局设计变量与统一基础样式（zhuti.css） ====================
   设计目标：面板观感的所有"魔法数字"集中到一处变量，改这里即可全局换肤；
   mianban.css 等样式文件只引用变量（并带兜底值，本文件缺失时仍可用）。
   配色沿用项目既有的 iOS 风格（主色蓝 #007AFF，与按钮/链接一致）。 */
:root {
    /* ---- 面板 ---- */
    --面板背景: rgba(255, 255, 255, 0.78);       /* 原 0.3：过透导致文字与图谱叠影，提读性 */
    --面板毛玻璃: blur(20px) saturate(1.4);      /* 原 blur(8px)：更强的玻璃质感 */
    --面板边框: 1px solid #e2e8f0;
    --面板阴影: 0 8px 32px rgba(0, 0, 0, 0.14);
    --面板圆角: 20px;
    --控件圆角: 12px;
    /* ---- 颜色 ---- */
    --主色: #007AFF;
    --主色-深: #005FCC;
    --主色-弱: rgba(0, 122, 255, 0.12);
    --字色标题: #1c1c1e;
    --字色正文: #3a3a3c;
    --字色次要: #8e8e93;
    --成功色: #34c759;
    --危险色: #ff3b30;
}
/* ---- 面板内滚动条：细而低调（仅 webkit 内核生效） ---- */
#编辑面板::-webkit-scrollbar,
#子女面板::-webkit-scrollbar,
#快速面板::-webkit-scrollbar,
#查询面板::-webkit-scrollbar,
#功能面板::-webkit-scrollbar,
#字体面板::-webkit-scrollbar,
#悬浮信息面板::-webkit-scrollbar {
    width: 6px;
}
#编辑面板::-webkit-scrollbar-thumb,
#子女面板::-webkit-scrollbar-thumb,
#快速面板::-webkit-scrollbar-thumb,
#查询面板::-webkit-scrollbar-thumb,
#功能面板::-webkit-scrollbar-thumb,
#字体面板::-webkit-scrollbar-thumb,
#悬浮信息面板::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 3px;
}
#编辑面板::-webkit-scrollbar-track,
#子女面板::-webkit-scrollbar-track,
#快速面板::-webkit-scrollbar-track,
#查询面板::-webkit-scrollbar-track,
#功能面板::-webkit-scrollbar-track,
#字体面板::-webkit-scrollbar-track,
#悬浮信息面板::-webkit-scrollbar-track {
    background: transparent;
}
/* ---- 面板标题统一用主题字色 ---- */
#编辑面板 h3, #子女面板 h3, #快速面板 h3, #查询面板 h3, #字体面板 h3 {
    color: var(--字色标题, #1c1c1e);
}