/* ============================================================
   FX OFFICE OVERRIDE · 数字员工虚拟办公室（opc-office / opc-office-pc / opc.js）
   与页面内联 <style> 同特异性，因后加载而生效；运行时注入场景用 !important 兜底
   ============================================================ */

/* 顶部 HUD 卡片：厚重玻璃 + 暗金发丝线 + 抬起 */
.hud-card{
  background:linear-gradient(160deg,rgba(26,37,64,.86),rgba(10,16,30,.9))!important;
  border:1px solid rgba(79,140,255,.22)!important;
  border-radius:14px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 2px 6px rgba(0,0,0,.45),
    0 20px 40px -22px rgba(0,0,0,.9)!important;
  padding:8px 14px!important;
  transition:transform .2s,box-shadow .2s,border-color .2s!important;
}
.hud-card:hover{
  transform:translateY(-2px);
  border-color:rgba(79,140,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 4px 10px rgba(0,0,0,.5),0 28px 52px -24px rgba(0,0,0,.95),0 0 26px rgba(79,140,255,.18)!important;
}
.hud-card .k{color:#8695be!important;letter-spacing:1.5px!important;font-size:9.5px!important}
.hud-card .v{
  color:#fff!important;
  text-shadow:0 0 14px rgba(57,230,255,.55),0 1px 0 rgba(0,0,0,.7)!important;
}

/* 控制条按钮：真凹凸 */
#ctrl button{
  border:1px solid rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(140,180,255,.26) 0%,rgba(52,84,158,.20) 48%,rgba(10,17,34,.34) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 1px 0 rgba(0,0,0,.7),
    0 3px 0 #050a14,
    0 8px 18px rgba(0,0,0,.55)!important;
  color:#f2f7ff!important;font-weight:700!important;
  border-radius:11px!important;
  text-shadow:0 1px 0 rgba(0,0,0,.55)!important;
  transition:transform .15s cubic-bezier(.2,.8,.3,1),box-shadow .15s,border-color .15s!important;
}
#ctrl button:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(79,140,255,.5)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 1px 0 rgba(0,0,0,.7),
    0 5px 0 #050a14,
    0 14px 30px rgba(0,0,0,.6),
    0 0 22px rgba(79,140,255,.28)!important;
}
#ctrl button:active{
  transform:translateY(3px)!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.72),inset 0 -1px 0 rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.03)!important;
}

/* 员工管理弹窗按钮 */
.mg-row button,.mg-btns button,#mgFoot button{
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(140,180,255,.24),rgba(10,17,34,.34))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.55),
    0 1px 0 rgba(0,0,0,.7),
    0 3px 0 #050a14,
    0 7px 16px rgba(0,0,0,.5)!important;
  color:#eef4ff!important;font-weight:700!important;
  transition:transform .15s,box-shadow .15s,border-color .15s!important;
}
.mg-row button:hover,.mg-btns button:hover,#mgFoot button:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(79,140,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 5px 0 #050a14,0 14px 28px rgba(0,0,0,.6),0 0 20px rgba(79,140,255,.26)!important;
}
.mg-row button:active,.mg-btns button:active,#mgFoot button:active{
  transform:translateY(3px)!important;
  box-shadow:inset 0 2px 7px rgba(0,0,0,.72),inset 0 -1px 0 rgba(255,255,255,.06)!important;
}
#mgSave{
  border:none!important;
  background:linear-gradient(180deg,#a8c8ff 0%,#4f8cff 45%,#12305f 100%)!important;
  color:#241a02!important;text-shadow:0 1px 0 rgba(255,255,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 0 rgba(0,0,0,.7),0 3px 0 #0a1c3a,0 10px 22px rgba(79,140,255,.35)!important;
}
#mgCancel{border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.05)!important}
#mgReset{border-color:rgba(255,180,84,.36)!important;background:rgba(255,180,84,.10)!important;color:#ffb454!important}

/* 员工条目：按键质感 */
.emp{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.5),
    0 2px 0 rgba(0,0,0,.55),
    0 6px 14px rgba(0,0,0,.4)!important;
  border-radius:12px!important;
  transition:transform .16s,box-shadow .16s,border-color .16s!important;
}
.emp:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(79,140,255,.5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 0 rgba(0,0,0,.6),0 14px 26px rgba(0,0,0,.55),0 0 20px rgba(79,140,255,.22)!important;
}
.emp .wl button{
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(0,0,0,.6),0 4px 8px rgba(0,0,0,.4)!important;
}

/* 管理弹窗灯点：拟真灯 */
.mg-dot{
  box-shadow:
    0 0 4px currentColor,
    0 0 10px currentColor,
    0 0 22px currentColor,
    inset 0 1px 1px rgba(255,255,255,.55),
    inset 0 -1px 2px rgba(0,0,0,.4)!important;
  border:1px solid rgba(0,0,0,.5)!important;
  animation:fxLamp 2.6s ease-in-out infinite;
}

/* 右侧面板 / 日志 */
#panel{
  background:linear-gradient(180deg,rgba(11,16,30,.88),rgba(7,11,22,.94))!important;
  border-left:1px solid rgba(79,140,255,.18)!important;
  box-shadow:inset 14px 0 30px -26px rgba(0,0,0,.95)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
#log .ln{color:#93a3c8!important}
#log .ln b{color:#e6eeff!important;text-shadow:0 0 10px rgba(57,230,255,.35)!important}

/* 悬浮圆钮 */
#spFab,#cmdFab{
  background:linear-gradient(180deg,#a8c8ff,#4f8cff 55%,#12305f)!important;
  color:#241a02!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 0 #0a1c3a,0 12px 26px rgba(79,140,255,.4),0 0 24px rgba(79,140,255,.3)!important;
  border:none!important;
  transition:transform .16s,box-shadow .16s!important;
}
#spFab:hover,#cmdFab:hover{transform:translateY(-2px) scale(1.04)!important}
#spFab:active,#cmdFab:active{transform:translateY(2px)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.5)!important}

/* 画布：内嵌凹槽感 */
#cv{
  box-shadow:
    0 1px 0 rgba(255,255,255,.06),
    0 30px 80px rgba(0,0,0,.72),
    0 0 0 1px rgba(79,140,255,.14)!important;
}
#stage{background:radial-gradient(ellipse at 50% 18%,#141c33 0%,#07090f 100%)!important}

/* 管理弹窗灯点：统一 12px + 高亮 */
.mg-dot{width:12px!important;height:12px!important;--li:1.3}