.khg-scope{
  --khg-bg:#EEF2F7;
  --khg-card:#FFFFFF;      --khg-card-soft:#FAFCFE;
  --khg-line:#DCE4EE;      --khg-line2:#EDF1F7;
  --khg-t1:#16273D;        --khg-t2:#4A5E75;      --khg-t3:#8697A8;
  --khg-pri:#1B5E8C;       --khg-pri2:#2E7AB8;
  --khg-pri-bg:#E8F2FA;    --khg-pri-line:#B9D6EC;
  --khg-ok:#16A34A;        --khg-ok-bg:#E9F7EE;    --khg-ok-line:#A9DFBB;
  --khg-warn:#EA7B2C;      --khg-warn-bg:#FFF3E6;  --khg-warn-line:#FAD3A5;
  --khg-danger:#DC3545;    --khg-danger-bg:#FDECEE;--khg-danger-line:#F5B5BC;
  --khg-violet:#6D5BD0;    --khg-violet-bg:#F0EEFC;--khg-violet-line:#C9C2F0;
  --khg-teal:#0E9AA7;      --khg-teal-bg:#E5F7F9;  --khg-teal-line:#A5DEE4;
}

/* 库管家样式 · 仅 .khg- 前缀 + 配色变量 · 不污染工作台全局 */
/* ===== 卡片 ===== */
  .khg-scope .khg-card{background:var(--khg-card);border:1px solid var(--khg-line);border-radius:15px;
    margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px rgba(22,39,61,.05)}
.khg-scope .khg-hd{padding:13px 17px;border-bottom:1px solid var(--khg-line2);font-weight:700;
    font-size:14px;color:var(--khg-pri);display:flex;align-items:center;gap:9px;flex-wrap:wrap;
    background:linear-gradient(180deg,#FBFDFF,#F6FAFD)}
.khg-scope .khg-sub{font-weight:400;font-size:12px;color:var(--khg-t3)}
.khg-scope .khg-wm{background:var(--khg-warn-bg);color:#B45309;border:1px solid var(--khg-warn-line);
    border-radius:9px;padding:1px 9px;font-size:11px;font-weight:700;margin-left:auto}
.khg-scope .khg-badge-red{background:var(--khg-danger-bg);color:var(--khg-danger);border:1px solid var(--khg-danger-line);
    border-radius:9px;padding:1px 10px;font-size:12px;font-weight:700}
/* tabs */
  .khg-scope .khg-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.khg-scope .khg-btn{border:1px solid var(--khg-line);background:#fff;color:var(--khg-t2);border-radius:10px;
    padding:7px 14px;font-size:12.5px;cursor:pointer;font-family:inherit;transition:.16s;font-weight:600}
.khg-scope .khg-btn:hover{background:var(--khg-pri-bg);border-color:var(--khg-pri-line);color:var(--khg-pri)}
.khg-scope .khg-btn.primary{background:linear-gradient(135deg,#1B5E8C,#2E7AB8);border-color:#1B5E8C;color:#fff;
    box-shadow:0 3px 10px rgba(27,94,140,.28)}
.khg-scope .khg-btn.primary:hover{background:linear-gradient(135deg,#164E75,#2569A0);color:#fff}
.khg-scope .khg-btn.sm{padding:6px 13px;font-size:12.5px}
.khg-scope .khg-btn.ghost{background:#fff}
/* ===== KPI 四宫格：彩色顶边 ===== */
  .khg-scope .khg-kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:17px 17px 7px}
.khg-scope .khg-kpi{border-radius:13px;padding:13px 14px;position:relative;overflow:hidden;
    border:1px solid var(--khg-line2)}
.khg-scope .khg-kpi::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px}
.khg-scope .khg-kpi.a{background:linear-gradient(135deg,#EAF8EF,#F4FCF7)}
.khg-scope .khg-kpi.a::before{background:var(--khg-ok)}
.khg-scope .khg-kpi.b{background:linear-gradient(135deg,#E8F2FA,#F3F9FD)}
.khg-scope .khg-kpi.b::before{background:var(--khg-pri2)}
.khg-scope .khg-kpi.c{background:linear-gradient(135deg,#F0EEFC,#F8F7FE)}
.khg-scope .khg-kpi.c::before{background:var(--khg-violet)}
.khg-scope .khg-kpi.d{background:linear-gradient(135deg,#F1F5F9,#F9FBFD)}
.khg-scope .khg-kpi.d::before{background:var(--khg-t3)}
.khg-scope .khg-kpi-i{font-size:16px;position:absolute;right:12px;top:10px;opacity:.35}
.khg-scope .khg-kpi-v{font-size:24px;font-weight:800;line-height:1.2;letter-spacing:-.6px}
.khg-scope .khg-kpi.a .khg-kpi-v{color:var(--khg-ok)}
.khg-scope .khg-kpi.b .khg-kpi-v{color:var(--khg-pri)}
.khg-scope .khg-kpi.c .khg-kpi-v{color:var(--khg-violet)}
.khg-scope .khg-kpi.d .khg-kpi-v{color:var(--khg-t1)}
.khg-scope .khg-kpi-l{font-size:11.5px;color:var(--khg-t2);margin-top:2px;font-weight:500}
/* ===== 图表区 ===== */
  .khg-scope .khg-chart2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;padding:16px 17px}
.khg-scope .khg-ct{font-size:12.5px;font-weight:700;color:var(--khg-t2);margin-bottom:10px;
    display:flex;align-items:center;gap:6px}
.khg-scope .khg-ct::before{content:'';width:3px;height:13px;border-radius:2px;background:var(--khg-pri2)}
/* bar */
  .khg-scope .khg-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.khg-scope .khg-bar-l{font-size:12px;color:var(--khg-t2);width:88px;flex:none;text-align:right;font-weight:500}
.khg-scope .khg-bar-t{flex:1;height:16px;background:#F1F5F9;border-radius:8px;overflow:hidden;
    box-shadow:inset 0 1px 2px rgba(22,39,61,.06)}
.khg-scope .khg-bar-t i{display:block;height:100%;border-radius:8px;transition:width .65s cubic-bezier(.4,0,.2,1)}
.khg-scope .khg-bar-v{font-size:12.5px;font-weight:700;color:var(--khg-t1);width:56px;flex:none}
/* donut */
  .khg-scope .khg-donut{position:relative;display:inline-block}
.khg-scope .khg-donut-in{position:absolute;inset:0;display:flex;flex-direction:column;
    align-items:center;justify-content:center}
.khg-scope .khg-donut-in b{font-size:17px;font-weight:800;line-height:1.1}
.khg-scope .khg-donut-in i{font-size:10.5px;color:var(--khg-t3);font-style:normal;margin-top:1px}
.khg-scope .khg-mini{font-size:11.5px;color:var(--khg-t2);text-align:center;margin-top:9px;line-height:1.8}
/* 变动明细：彩色小块 */
  .khg-scope .khg-news{display:flex;flex-wrap:wrap;gap:9px;padding:0 17px 15px}
.khg-scope .khg-nitem{display:inline-flex;align-items:center;gap:7px;
    border-radius:10px;padding:6px 12px;border:1px solid var(--khg-line2);background:#fff;
    transition:.15s}
.khg-scope .khg-nitem.ok{background:var(--khg-ok-bg);    border-color:var(--khg-ok-line)}
.khg-scope .khg-nitem.del{background:var(--khg-danger-bg);border-color:var(--khg-danger-line)}
.khg-scope .khg-nitem.upd{background:var(--khg-pri-bg);   border-color:var(--khg-pri-line)}
.khg-scope .khg-nitem.oth{background:#F4F7FA;         border-color:var(--khg-line2)}
.khg-scope .khg-ntag{border-radius:7px;padding:1px 8px;font-size:11px;font-weight:700}
.khg-scope .khg-nitem.ok .khg-ntag{background:#fff;color:var(--khg-ok)}
.khg-scope .khg-nitem.del .khg-ntag{background:#fff;color:var(--khg-danger)}
.khg-scope .khg-nitem.upd .khg-ntag{background:#fff;color:var(--khg-pri)}
.khg-scope .khg-nitem.oth .khg-ntag{background:#fff;color:var(--khg-t2)}
.khg-scope .khg-ncode{font-size:12.5px;font-weight:700;color:var(--khg-t1)}
.khg-scope .khg-nttl{font-size:12px;color:var(--khg-t3)}
.khg-scope .khg-sum{margin:0 17px 17px;border-radius:12px;padding:11px 15px;font-size:13px;
    font-weight:600;color:var(--khg-pri);
    background:linear-gradient(135deg,#E8F2FA,#F1F8FD);border:1px solid var(--khg-pri-line)}
/* ===== 待办 ===== */
  .khg-scope .khg-todo{border-top:1px solid var(--khg-line2);padding:15px 17px}
.khg-scope .khg-todo:first-of-type{border-top:none}
.khg-scope .khg-todo-t{font-weight:700;font-size:13.5px;color:var(--khg-pri);margin-bottom:10px;
    display:flex;align-items:center;gap:8px}
.khg-scope .khg-todo-t::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--khg-danger);
    box-shadow:0 0 0 3px var(--khg-danger-bg);flex:none}
.khg-scope .khg-impact{background:linear-gradient(135deg,#FFF8EE,#FFFCF7);border:1px solid var(--khg-warn-line);
    border-radius:12px;padding:13px 15px}
.khg-scope .khg-imp-h{font-size:12.5px;font-weight:700;color:#B45309;margin-bottom:11px;
    display:flex;align-items:center;gap:6px}
.khg-scope .khg-imp-body{display:flex;gap:18px;align-items:center}
.khg-scope .khg-imp-sum{font-size:12px;color:#8A5216;margin-top:5px;font-weight:500}
.khg-scope .khg-imp-s{font-size:12px;color:#B45309;margin-top:10px;padding-top:10px;
    border-top:1px dashed var(--khg-warn-line)}
.khg-scope .khg-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.khg-scope .khg-tb{width:100%;border-collapse:collapse;font-size:12.5px;margin:7px 0;
    border:1px solid var(--khg-line2);border-radius:10px;overflow:hidden}
.khg-scope .khg-tb th{text-align:left;padding:7px 10px;background:var(--khg-card-soft);color:var(--khg-t2);font-weight:600}
.khg-scope .khg-tb td{padding:7px 10px;border-top:1px solid var(--khg-line2)}
.khg-scope .khg-tb td b{color:var(--khg-pri)}
.khg-scope .khg-chips{display:flex;gap:7px;flex-wrap:wrap;margin:7px 0}
.khg-scope .khg-chip{background:var(--khg-pri-bg);border:1px solid var(--khg-pri-line);color:var(--khg-pri);
    border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}
.khg-scope .khg-sg{padding:11px 17px;border-top:1px solid var(--khg-line2)}
.khg-scope .khg-sg-t{font-size:12.5px;color:var(--khg-t2);margin-bottom:7px}
.khg-scope .khg-empty{padding:22px 17px;text-align:center;color:var(--khg-ok);font-size:13px;font-weight:600}
/* ===== 配置 ===== */
  .khg-scope .khg-cfgsum{display:flex;gap:20px;align-items:center;padding:15px 17px;
    border-bottom:1px solid var(--khg-line2);background:var(--khg-card-soft)}
.khg-scope .khg-cfgrow{display:flex;align-items:center;gap:9px;font-size:13px;padding:5px 0}
.khg-scope .khg-cfgbeat{font-size:11.5px;color:var(--khg-t3);margin-left:auto}
.khg-scope .khg-dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
.khg-scope .khg-dot.on{background:var(--khg-ok);box-shadow:0 0 0 3px var(--khg-ok-bg)}
.khg-scope .khg-dot.off{background:#C4CFDB}
.khg-scope .khg-cfgitem{padding:13px 17px;border-bottom:1px solid var(--khg-line2)}
.khg-scope .khg-cfgh{display:flex;align-items:center;gap:9px;font-size:13px;margin-bottom:10px;flex-wrap:wrap}
.khg-scope .khg-cfgf{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-end}
.khg-scope .khg-f label{display:block;font-size:11.5px;color:var(--khg-t2);margin-bottom:4px;font-weight:500}
.khg-scope .khg-in{border:1px solid #C9D6E4;border-radius:9px;padding:7px 11px;font-size:12.5px;
    font-family:inherit;outline:none;background:#fff;color:var(--khg-t1)}
.khg-scope .khg-in:focus{border-color:var(--khg-pri2);box-shadow:0 0 0 3px var(--khg-pri-bg)}
.khg-scope .khg-checks{display:inline-flex;gap:12px;font-size:12.5px;color:var(--khg-t1)}
.khg-scope .khg-checks label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.khg-scope .khg-warn{font-size:12px;color:#B45309;margin-top:9px;
    background:var(--khg-warn-bg);border:1px solid var(--khg-warn-line);border-radius:8px;
    padding:6px 10px;display:inline-block}
/* ===== 健康：信号灯 ===== */
  .khg-scope .khg-healthtop{display:flex;gap:22px;align-items:center;padding:17px}
.khg-scope .khg-hstat{font-size:14px;font-weight:700;margin-bottom:7px}
.khg-scope .khg-hwarn{font-size:12.5px;color:#B45309;line-height:1.7;
    background:var(--khg-warn-bg);border:1px solid var(--khg-warn-line);border-radius:10px;
    padding:9px 12px;display:inline-block}
.khg-scope .khg-lights{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0 17px 15px}
.khg-scope .khg-light{border-radius:13px;padding:16px 13px;text-align:center;
    border:1px solid var(--khg-line2);background:var(--khg-card-soft);transition:.2s}
.khg-scope .khg-light.up{background:linear-gradient(160deg,#EAF8EF,#F7FDF9);border-color:var(--khg-ok-line)}
.khg-scope .khg-light.down{background:linear-gradient(160deg,#F1F5F9,#FAFCFD)}
.khg-scope .khg-light-d{width:38px;height:38px;border-radius:50%;margin:0 auto 10px}
.khg-scope .khg-light.up .khg-light-d{background:radial-gradient(circle at 34% 30%,#4ADE80,#16A34A);
    box-shadow:0 0 0 6px rgba(22,163,74,.13)}
.khg-scope .khg-light.down .khg-light-d{background:radial-gradient(circle at 34% 30%,#D3DCE6,#9AAAB9);
    box-shadow:0 0 0 6px rgba(134,151,168,.1)}
.khg-scope .khg-light-n{font-size:13px;font-weight:700;color:var(--khg-t1)}
.khg-scope .khg-light.up .khg-light-n{color:#15803D}
.khg-scope .khg-light-b{font-size:11.5px;color:var(--khg-t3);margin-top:3px}
.khg-scope .khg-light-t{font-size:11px;color:var(--khg-t3);margin-top:5px;font-style:italic}
.khg-scope .khg-note{margin:0 17px 17px;border-radius:12px;padding:12px 15px;font-size:12.5px;
    color:var(--khg-t2);line-height:1.8;
    background:linear-gradient(135deg,#E5F7F9,#F2FBFC);border:1px solid var(--khg-teal-line)}
.khg-scope .khg-lawbars{padding:0 17px 17px}
.khg-scope .khg-mini-card{display:flex;align-items:center;justify-content:space-between;
    padding:12px 17px;font-size:12.5px;color:var(--khg-t2);background:#fff;
    border:1px solid var(--khg-line);border-radius:14px;margin-bottom:16px}
@media(max-width:840px){
  .khg-scope .khg-kpi4{grid-template-columns:repeat(2,1fr)}
  .khg-scope .khg-chart2,.khg-scope .khg-lights{grid-template-columns:1fr}
  .khg-scope .khg-imp-body{flex-direction:column;align-items:stretch}
}