/*! v7工作室 [R204] 控制页：侧栏动作按钮 → 两台假手机左右两侧的方形按键列（纯皮肤层 · React 节点零搬动）
 * ---------------------------------------------------------------------------
 * 爹的诉求（2026-10-05，附图 = 效果图）：
 *   ① 「把关闭无障碍按钮 和开启无障碍按钮移动到取消注入旁边」
 *   ② 「把无障碍阅读器往左边移动一些」
 *   ③ 「把画面与延迟下面这一排所有按钮做成方块 放在俩台手机旁边」
 *
 * 做法（关键：一个 React 节点都不搬 → mk-ui.js 的 mkSideVolClick / 一键开启屏幕 代理查找全部照旧可用）：
 *   A) 无障碍「开 / 关」两键：由 mk-r204-side.js 搬到顶栏「取消注入」右边（这两键是皮肤自建节点，React 不管）
 *   B) .ctrl-action-panel 改成「绝对定位覆盖层」(pointer-events:none)，第 3 栅格列归零；
 *      它的分组/分隔线 display:contents，按钮由 JS 每 tick 写 left/top → 视觉上列在手机左右两侧
 *   C) 中列（手机列）加宽到 752 + 左移 78（= 无障碍阅读器往左边移动一些），给两侧按键列腾位
 *
 * 回退：删掉 panel/index.html 里 mk-r204-side 的两行引用即可（两键自动回到导航行，侧栏原样恢复）。
 * ========================================================================== */
:root{
  --r204-key: 42px;
  --r204-gap: 6px;
  --r204-line: rgba(24,43,77,.16);
  --r204-line-2: rgba(24,43,77,.30);
  --r204-ink: #2b3648;
  --r204-muted: #6b7788;
  --r204-accent: #2f5cad;
  --r204-green: #0b7b52;
  --r204-red: #b4453f;
}

/* ==================================================================
 * ① 顶栏：无障碍「开启 / 关闭」两键（JS 搬到「取消注入」右边）
 * ================================================================== */
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-r204-topacc{
  order: 12 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 4px !important;
  height: 28px !important; min-height: 28px !important; max-height: 28px !important;
  padding: 0 9px !important; margin: 0 !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  font-size: 10.5px !important; font-weight: 600 !important; line-height: 1 !important;
  white-space: nowrap !important; overflow: hidden !important;
  box-shadow: none !important; filter: none !important;
  background: rgba(11,123,82,.16) !important;
  border: 1px solid rgba(11,123,82,.42) !important;
  color: #8fdcb0 !important;
}
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-r204-topacc .mk-i{
  width: 13px !important; height: 13px !important; flex: 0 0 13px !important;
  color: inherit !important;
}
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-r204-topacc > span{
  font-size: 10.5px !important; line-height: 1 !important; font-weight: 600 !important; color: inherit !important;
}
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-r204-topacc:hover{
  background: rgba(11,123,82,.26) !important;
  border-color: rgba(11,123,82,.66) !important;
  color: #baf3d1 !important;
}
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-nav-acc-off.mk-nav-acc-off{
  background: rgba(180,69,63,.16) !important;
  border-color: rgba(180,69,63,.44) !important;
  color: #f2b8b3 !important;
}
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-nav-acc-off.mk-nav-acc-off:hover{
  background: rgba(180,69,63,.26) !important;
  border-color: rgba(180,69,63,.66) !important;
  color: #ffdad6 !important;
}
html[data-theme="light"] body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-r204-topacc{
  background: #fff !important; border-color: rgba(11,123,82,.34) !important; color: #0b7b52 !important;
}
html[data-theme="light"] body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-r204-topacc:hover{
  background: rgba(11,123,82,.08) !important; border-color: rgba(11,123,82,.55) !important;
}
html[data-theme="light"] body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-nav-acc-off.mk-nav-acc-off{
  background: #fff !important; border-color: rgba(180,69,63,.34) !important; color: #b4453f !important;
}
html[data-theme="light"] body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-nav-acc-off.mk-nav-acc-off:hover{
  background: rgba(180,69,63,.07) !important; border-color: rgba(180,69,63,.55) !important;
}

/* 顶栏第 2 行腾地方（1700 宽原本刚好占满，加两键必须收窄几处） */
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-note-box{
  min-width: 110px !important; width: 176px !important; flex: 0 1 176px !important;
}
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-note-box > .ctrl-note-input{
  width: 100% !important; min-width: 0 !important;
}
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-ai-cb{ padding: 0 7px !important; font-size: 10.5px !important; }
html body .ctrl-page .ctrl-topbar.ctrl-topbar > #mkMarkBox.mk-flag-box{ gap: 4px !important; }
html body .ctrl-page .ctrl-topbar.ctrl-topbar > #mkMarkBox.mk-flag-box > .mk-flag.mk-flag{ padding: 0 8px !important; }
html body .ctrl-page .ctrl-topbar.ctrl-topbar > #mkMarkBox.mk-flag-box > .mk-flag.mk-flag .mk-flag-t{ font-size: 11.5px !important; letter-spacing: 0 !important; }
html body .ctrl-page .ctrl-topbar.ctrl-topbar > #mkLp201Btn.mk-lp-btn{ padding: 0 8px !important; font-size: 11px !important; }
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-topbar-btn.danger{ padding: 0 9px !important; }

/* 危险按钮改名接管：值由 JS 在插入前把「当时渲染出来的真标签」写进 data-mk-label（保持与改前逐像素一致） */
html body .ctrl-page .ctrl-topbar.ctrl-topbar > .ctrl-topbar-btn.danger[data-mk-label]::after{
  content: attr(data-mk-label) !important;
  font-size: 11.5px !important; font-weight: 600 !important; line-height: 1 !important;
}

/* ==================================================================
 * ②③ 三栏布局：中列加宽 + 左移；窄控制条层改成覆盖层
 * ================================================================== */
@media (min-width: 1500px){
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout{
    position: relative !important;
    overflow: visible !important;
  }
  /* [R204b] 中列宽度锁 752 = [左键列 42][阅读器 315][缝 10][投屏 315][右键列 42] + 4x6 间隙 = 748（居中留 4px）
     !! 这里**不再改 .ctrl-layout 的栅格列定义** !!（原定义在 mk-r141.css §1：
        minmax(380px,1.12fr) minmax(0,640px) minmax(0,132px) minmax(330px,1fr)）
        => 左右两侧「设备信息（.mkdi-card）/ 标签页（.ctrl-sidebar）」的位置与尺寸 = 改动前逐像素一致。
     margin-left 由 mk-r204-side.js 每 tick 量一次「设备信息卡右缘 <-> 标签页左缘」的中线后写成居中值。 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .mk-ctl-left.mk-ctl-left{
    width: 752px !important; min-width: 0 !important; max-width: 752px !important;
    justify-self: start !important;
    margin-left: 0 !important;   /* [R204c] JS 每 tick 覆写成「窗口正中」；兜底 0 = 栅格原始列位（≈窗口居中，误差 <16px） */
    margin-right: 0 !important;
  }
  /* 两台手机：5 栏 [左键列][阅读器][缝 10][投屏][右键列] */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers{
    width: 100% !important; max-width: none !important; min-width: 0 !important;
    padding: 0 !important; margin: 0 !important;
    grid-template-columns: var(--r204-key) 315px 10px 315px var(--r204-key) !important;
    column-gap: var(--r204-gap) !important;
    justify-content: center !important;
    justify-items: center !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame[data-kind="reader"]{
    grid-column: 2 !important; grid-row: 1 !important; justify-self: start !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame[data-kind="cast"]{
    grid-column: 4 !important; grid-row: 1 !important; justify-self: start !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-reader-ctl{
    grid-column: 1 / -1 !important; grid-row: 2 !important;
  }

  /* 原来的窄控制条（第 3 列）→ 绝对定位覆盖层（不占栅格，列宽归零） */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel{
    position: absolute !important;
    grid-column: 1 / -1 !important; grid-row: 1 / -1 !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: auto !important; height: auto !important;
    min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important;
    margin: 0 !important; padding: 0 !important;
    display: block !important;
    background: transparent !important; background-image: none !important;
    border: 0 !important; box-shadow: none !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 6 !important;
  }
  /* 分组壳 / 分隔线 / 标题 → 全部「透明」，只剩方块本身 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel > .ctrl-side-group,
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel > .ctrl-side-group > .ctrl-side-group-items{
    display: contents !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-group-title{ display: none !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel > .ctrl-side-divider{ display: none !important; }

  /* 方块本体 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn.ctrl-side-btn{
    position: absolute !important;
    left: 0; top: 0;                      /* 真实坐标由 mk-r204-side.js 每 tick 写（内联 !important） */
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 2px !important;
    width: var(--r204-key) !important; min-width: 0 !important; max-width: var(--r204-key) !important;
    height: var(--r204-key) !important; min-height: 0 !important; max-height: var(--r204-key) !important;
    margin: 0 !important; padding: 2px 2px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    background: #fff !important; background-image: none !important;
    border: 1px solid var(--r204-line) !important;
    color: var(--r204-accent) !important;
    font-size: 0 !important;               /* 原文案隐藏，标签改由 ::after 出（短词） */
    line-height: 1.1 !important; font-weight: 600 !important;
    white-space: nowrap !important; overflow: hidden !important;
    box-shadow: none !important; filter: none !important;
    text-align: center !important;
    pointer-events: auto !important;
    transition: background .12s ease, border-color .12s ease, color .12s ease !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn.ctrl-side-btn .mk-i{
    width: 15px !important; height: 15px !important; flex: 0 0 15px !important;
    color: inherit !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn.ctrl-side-btn::after{
    font-size: 9.5px !important; line-height: 1.1 !important; font-weight: 600 !important; color: inherit !important;
    white-space: nowrap !important; overflow: hidden !important; max-width: 100% !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn.ctrl-side-btn:hover{
    background: #f7f9fc !important; border-color: var(--r204-line-2) !important; color: var(--r204-accent) !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn.ctrl-side-btn.is-hit{
    background: rgba(47,92,173,.10) !important; border-color: rgba(47,92,173,.46) !important; transform: none !important;
  }
  /* 隐藏键（锁屏密码浮窗，R201 已把它挪到顶栏）保持隐藏 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn.ctrl-side-btn.mk-ctl-pwd{
    display: none !important;
  }
  /* 短标签：优先读 JS 写的 data-mk204-lbl（按原文案映射，能区分图标相同的「勿扰 / 取消勿扰」），:has() 只作兜底 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn.ctrl-side-btn[data-mk204-lbl]::after{
    content: attr(data-mk204-lbl) !important;
    font-size: 9.5px !important; line-height: 1.1 !important; font-weight: 600 !important; color: inherit !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-play)::after{ content: "一键屏幕" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-speaker-high)::after{ content: "音量+" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-speaker-low)::after{ content: "音量-" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-speaker-slash)::after{ content: "静音" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-video-camera)::after{ content: "摄像头" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-eye-slash)::after{ content: "黑屏" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-desktop)::after{ content: "更新" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-wrench)::after{ content: "维护" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-eye)::after{ content: "取黑" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-fingerprint)::after{ content: "指纹" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-shield-check)::after{ content: "防卸" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-shield-slash)::after{ content: "允卸" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-bell-slash)::after{ content: "勿扰" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-bell-ringing)::after{ content: "取消勿扰" !important; }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-arrow-counter-clockwise)::after{ content: "重启" !important; }
  /* 语义配色（跟效果图一致：防卸绿 / 勿扰红 / 黑屏类深） */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-shield-check),
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-bell-ringing){
    color: var(--r204-green) !important; border-color: rgba(11,123,82,.34) !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-bell-slash),
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-shield-slash){
    color: var(--r204-red) !important; border-color: rgba(180,69,63,.30) !important;
  }
    /* 黑屏（eye-slash）：效果图里是深底白图标 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-eye-slash){
    background: #20242e !important; border-color: #20242e !important; color: #eef1f6 !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-eye-slash):hover{
    background: #2b3040 !important; border-color: #2b3040 !important; color: #fff !important;
  }
  /* 防卸（shield-check）：效果图里是唯一高亮键（浅绿底 + 绿边 + 绿字） */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-shield-check){
    background: #eefaf3 !important; border-color: rgba(11,123,82,.42) !important; color: #0b7b52 !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout > .ctrl-action-panel.ctrl-action-panel .ctrl-side-btn:has(.mk-i-shield-check):hover{
    background: #e2f6ea !important; border-color: rgba(11,123,82,.62) !important;
  }
  }

  /* 底部导航行（返回 / 主页 / 最近任务）：学 V7 = 无边框细线图标 + 9.5px 小字，在手机正下方居中 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys{
    width: 100% !important; max-width: none !important; justify-self: center !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    gap: 72px !important;
    padding: 10px 0 2px !important;
    position: static !important; overflow: visible !important;
    background: transparent !important; border: 0 !important; box-shadow: none !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys > button{
    position: static !important;
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important; gap: 3px !important;
    width: 46px !important; min-width: 46px !important; max-width: 46px !important;
    height: 46px !important; min-height: 46px !important; max-height: 46px !important;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important; background-image: none !important;
    border: 0 !important; border-radius: 8px !important; box-shadow: none !important;
    color: var(--r204-muted) !important;
    font-size: 0 !important; line-height: 1.1 !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys > button > i.mk-i{
    width: 18px !important; height: 18px !important; flex: 0 0 18px !important;
    color: inherit !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys > button::after{
    font-size: 9.5px !important; line-height: 1.1 !important; font-weight: 600 !important; color: inherit !important;
    white-space: nowrap !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys > button:hover{
    background: rgba(47,92,173,.06) !important; color: var(--r204-accent) !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys > button.is-hit{
    background: rgba(47,92,173,.12) !important; color: var(--r204-accent) !important;
  }

  /* [R204b] 从底部导航行搬到手机右侧列的「点亮 / 锁屏」两颗键 —— 与左栏方块同款 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys.mk-ctl-navkeys > button.mk-r204-keysq{
    position: absolute !important;
    left: 0; top: 0;                      /* 真实坐标由 mk-r204-side.js 每 tick 写（内联 !important） */
    display: flex !important; flex-direction: column !important;
    align-items: center !important; justify-content: center !important;
    gap: 2px !important;
    width: var(--r204-key) !important; min-width: 0 !important; max-width: var(--r204-key) !important;
    height: var(--r204-key) !important; min-height: 0 !important; max-height: var(--r204-key) !important;
    margin: 0 !important; padding: 2px 2px !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
    background: #fff !important; background-image: none !important;
    border: 1px solid var(--r204-line) !important;
    color: var(--r204-accent) !important;
    font-size: 0 !important;
    line-height: 1.1 !important; font-weight: 600 !important;
    white-space: nowrap !important; overflow: hidden !important;
    box-shadow: none !important; filter: none !important;
    text-align: center !important;
    pointer-events: auto !important;
    z-index: 7 !important;
    transition: background .12s ease, border-color .12s ease, color .12s ease !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys.mk-ctl-navkeys > button.mk-r204-keysq > i.mk-i{
    width: 15px !important; height: 15px !important; flex: 0 0 15px !important;
    color: inherit !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys.mk-ctl-navkeys > button.mk-r204-keysq::after{
    content: attr(data-mk204-lbl) !important;
    font-size: 9.5px !important; line-height: 1.1 !important; font-weight: 600 !important; color: inherit !important;
    white-space: nowrap !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys.mk-ctl-navkeys > button.mk-r204-keysq:hover{
    background: #f7f9fc !important; border-color: var(--r204-line-2) !important;
  }
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left.mk-ctl-left > .mk-ctl-navkeys.mk-ctl-navkeys.mk-ctl-navkeys > button.mk-r204-keysq.is-hit{
    background: rgba(47,92,173,.10) !important; border-color: rgba(47,92,173,.46) !important;
  }

  /* 文本输入行：跟中列同宽 */
  html body .ctrl-page .ctrl-layout.ctrl-layout.ctrl-layout .mk-ctl-left.mk-ctl-left > .mk-ctl-inputrow.mk-ctl-inputrow{
    width: 100% !important; max-width: none !important;
  }
}

/* 窄屏（<1500）：保持原样（顶栏那两键的位置照搬，其它不动） */
@media (max-width: 1499px){
  html body .ctrl-page .ctrl-topbar.ctrl-topbar > .mk-r204-topacc.mk-r204-topacc{ height: 26px !important; padding: 0 8px !important; }
}