/*! V7工作室定制版 · 两台手机框「刷新 / 弹窗」按钮皮肤（mk-r67-refresh.css）
 *  [R68a] 爹：「无障碍这个开启按钮去除 多余了。然后增加一个刷新圈圈的按钮 … 左右俩台手机都加」
 *  [R68b] 爹：「弹窗和刷新 做成滑动的按钮。然后里面写文字 弹窗和刷新」
 *         → 两颗都是「圆角胶囊」形状的文字按钮（与框头里的「骨架/截图」同一套视觉，带按下去的滑动感）。
 *         选择器用的是本项目惯用的「重复类名」提权（压过 mk-r31-phones.css 那条重重的 .mk-pip-btn 规则）。 */

/* ① 去掉多余的「开启」按钮（开关本身就能开，走的是同一条 fire('reader')） */
html body .ctrl-page .mk-ctl-readers .mk-frame[data-kind=reader] .mk-frame-btn[data-act=reader]{ display:none !important; }
/* 隐藏后把控件群保持靠右（标题后面的空余全给标题） */
html body .ctrl-page .mk-ctl-readers .mk-frame[data-kind=reader] .mk-frame-head > .mk-frame-title{ margin-right:auto !important; }

/* ② 「滑块」样的刷新 / 弹窗 */
html body .ctrl-page .mk-ctl-left.mk-ctl-left .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head.mk-frame-head > .mk-refresh-btn,
html body .ctrl-page .mk-ctl-left.mk-ctl-left .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head.mk-frame-head > .mk-pip-btn{
  width:auto !important; min-width:44px !important; height:20px !important; padding:0 9px !important;
  border-radius:999px !important; font-size:11px !important; font-weight:600 !important; letter-spacing:.5px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  margin:0 0 0 6px !important; white-space:nowrap !important; line-height:1 !important;
  background:rgba(24,43,77,.05) !important; color:var(--mk-txt,#22303f) !important;
  border:1px solid var(--mk-line,rgba(24,43,77,.18)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35) !important;
  transition:background .16s ease, color .16s ease, transform .1s ease, box-shadow .16s ease !important;
}
html body .ctrl-page .mk-ctl-left.mk-ctl-left .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head.mk-frame-head > .mk-refresh-btn:hover,
html body .ctrl-page .mk-ctl-left.mk-ctl-left .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head.mk-frame-head > .mk-pip-btn:hover{
  background:rgba(24,43,77,.11) !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.5) !important;
}
html body .ctrl-page .mk-ctl-left.mk-ctl-left .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head.mk-frame-head > .mk-refresh-btn:active,
html body .ctrl-page .mk-ctl-left.mk-ctl-left .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head.mk-frame-head > .mk-pip-btn:active{
  transform:translateY(1px) !important; box-shadow:inset 0 2px 4px rgba(24,43,77,.22) !important;
}
/* 刷新中：里面的字轻轻闪（不抢布局） */
html body .ctrl-page .mk-ctl-left.mk-ctl-left .mk-ctl-readers.mk-ctl-readers.mk-ctl-readers > .mk-frame.mk-frame > .mk-frame-head.mk-frame-head > .mk-refresh-btn.is-spin{
  animation:mkR68blink .45s linear 2 !important;
}
@keyframes mkR68blink{ 0%,100%{ opacity:1 } 50%{ opacity:.45 } }
/* 旧的 svg 图标直接不显示（万一哪一次没换成文字） */
html body .ctrl-page .mk-ctl-readers .mk-frame-head > .mk-refresh-btn > svg,
html body .ctrl-page .mk-ctl-readers .mk-frame-head > .mk-pip-btn > svg{ display:none !important; }