/* ============================================================
   火灵ERP · 显示设置组件样式（悬浮球 + 护眼/字号/字体）
   来源：B-S架构规划设计稿 fire-erp-ui.html（20260917-06/07/13）
   落地：小微5号 2026-10-18，配色对齐当前亮蓝 #0e6fff
   用法：配合 /static/js/display-settings.js 引入，悬浮球与面板由 JS 动态注入
   ============================================================ */

/* 右下角常驻显示设置悬浮球 */
.disp-fab{position:fixed;right:20px;bottom:20px;background:linear-gradient(135deg,#0e6fff,#3b82c4);color:#fff;
  padding:11px 18px;border-radius:26px;font-size:12.5px;box-shadow:0 8px 22px rgba(13,44,77,.45);cursor:pointer;
  z-index:999;display:flex;align-items:center;gap:7px;user-select:none;border:1px solid rgba(255,255,255,.25)}
.disp-fab:hover{background:linear-gradient(135deg,#0a54d6,#2f74b8);transform:translateY(-1px)}
.disp-fab svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}

/* 显示设置面板 */
.disp-menu{position:fixed;right:20px;bottom:70px;background:#fff;border:1px solid #d5e2f0;border-radius:10px;
  box-shadow:0 8px 24px rgba(20,60,110,.18);z-index:1000;display:none;font-size:12px;min-width:190px;overflow:hidden}
.disp-menu.on{display:block}
.disp-menu .dg{padding:6px 14px 3px;font-size:10.5px;color:#6b7280;background:#f7fafd;border-bottom:1px solid #f0f4f9;letter-spacing:1px}
.disp-menu .eo{padding:8px 14px;cursor:pointer;color:#1a1b1c;display:flex;align-items:center;gap:8px}
.disp-menu .eo:hover{background:#eaf3ff}
.disp-menu .eo.on{background:#e8f1fa;color:#0e6fff;font-weight:600}
.disp-menu .eo .sw{width:14px;height:14px;border-radius:4px;border:1px solid #cfe3f6;display:inline-block;flex:none;background:#fff}
.disp-menu .eo .sw.w1{background:linear-gradient(135deg,#7fb77e,#bfe0bd)}
.disp-menu .eo .sw.w2{background:linear-gradient(135deg,#e8d5a3,#f6ebd0)}
.disp-menu .eo .sw.w3{background:linear-gradient(135deg,#1e3352,#3e5c86)}
.disp-menu .eo .sw.w4{background:linear-gradient(135deg,#8b8f98,#c6c9cf)}

/* 护眼模式（CSS 滤镜实现，覆盖全局） */
body.eye-warm{filter:sepia(.22) hue-rotate(55deg) saturate(.85) brightness(1.02)}
body.eye-paper{filter:sepia(.45) saturate(.72) brightness(1.06) contrast(.96)}
body.eye-night{filter:invert(.88) hue-rotate(180deg) saturate(.7) brightness(.92)}
body.eye-ink{filter:grayscale(.9) contrast(1.05) brightness(1.02)}

/* 字号（zoom 实现） */
body.fs-s{zoom:.95}
body.fs-l{zoom:1.08}
body.fs-xl{zoom:1.18}

/* 字体 */
body.ff-kai{font-family:'KaiTi','楷体','STKaiti','PingFang SC',sans-serif}
body.ff-yahei{font-family:'Microsoft YaHei','微软雅黑','PingFang SC',sans-serif}
body.ff-song{font-family:'SimSun','宋体','NSimSun','PingFang SC',sans-serif}
body.ff-yuan{font-family:'YouYuan','幼圆','Yuanti SC','PingFang SC',sans-serif}