/* ==================== 全局设计变量与统一基础样式（zhuti.css） ====================
   古风/宣纸：暖米色 + 朱红 + 墨黑，Noto Serif SC 全站。
   面板观感的"魔法数字"集中到变量；mianban.css 等组件只引用变量（带兜底值）。
   用 !important 覆盖 JS 内联硬编码色，让全站 JS 自动生成的面板同步换肤——不重写业务代码。 */
:root {
    /* ---- 字体 ---- */
    --正文字体: 'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', serif;
    /* ---- 面板 ---- */
    --面板背景: rgba(253, 248, 235, 0.92);          /* 暖米半透，宣纸感 */
    --面板毛玻璃: blur(18px) saturate(1.2);
    --面板边框: 1px solid rgba(196, 182, 154, 0.55);  /* 沙棕细边 */
    --面板阴影: 0 8px 32px rgba(80, 50, 20, 0.14);
    --面板圆角: 12px;
    --控件圆角: 8px;
    /* ---- 颜色 ---- */
    --主色: #b83227;                                  /* 朱红：印章/主操作 */
    --主色-深: #8a241c;
    --主色-弱: rgba(184, 50, 39, 0.12);
    --次色: #3a5f3a;                                  /* 墨绿：成功/次操作 */
    --次色-深: #2a4a2a;
    --次色-弱: rgba(58, 95, 58, 0.12);
    --背景: #f3ecd6;                                  /* 暖米：宣纸 */
    --背景-深: #e8dec0;                               /* 略深米色（用于标题栏/表头） */
    --字色标题: #1f1b16;
    --字色正文: #2f2a22;
    --字色次要: #8a8273;
    --成功色: #3a6f3a;
    --危险色: #a02c20;
    --分隔线: rgba(196, 182, 154, 0.45);
    --选中蓝环: rgba(184, 50, 39, 0.18);
    --背景图: none;                                   /* 想加宣纸纹路可改这里 */
}
/* 滚动条——细而低调，仅 webkit */
*::-webkit-scrollbar { width: 6px; height: 6px; }
*::-webkit-scrollbar-thumb { background: rgba(140, 110, 70, 0.25); border-radius: 3px; }
*::-webkit-scrollbar-track { background: transparent; }

/* 面板背景/边/影：覆盖 JS 内联硬编码（顶部按钮区除外——它样式特殊） */
#编辑面板, #子女面板, #快速面板, #查询面板, #功能面板, #悬浮信息面板, #字体面板 {
    background: var(--面板背景) !important;
    border: var(--面板边框) !important;
    box-shadow: var(--面板阴影) !important;
    color: var(--字色正文) !important;
}
#编辑面板::-webkit-scrollbar-thumb,
#子女面板::-webkit-scrollbar-thumb,
#快速面板::-webkit-scrollbar-thumb,
#查询面板::-webkit-scrollbar-thumb,
#功能面板::-webkit-scrollbar-thumb,
#字体面板::-webkit-scrollbar-thumb,
#悬浮信息面板::-webkit-scrollbar-thumb {
    background: rgba(140, 110, 70, 0.25) !important;
}
#编辑面板 h3, #子女面板 h3, #快速面板 h3, #查询面板 h3, #字体面板 h3 {
    color: var(--字色标题) !important;
    font-family: var(--正文字体) !important;
    letter-spacing: 1px;
}
/* 顶部按钮区：恢复原版纯悬浮透明（无底色卡片），颜色由按钮自身主题样式承担 */