/*! v7工作室AI版 · [R252] 应用列表分类备注 / 素材图标 / 分类汇总 —— 皮肤层样式
 *  回退：删掉 index.html 里的 mk-r252-appcat.css 一行即可 */
.ctrl-app-item{position:relative;transition:background .15s}
.ctrl-app-item:hover{background:rgba(127,127,127,.06)}
.ctrl-app-item[data-v7ac-cat="bank"]::before,
.ctrl-app-item[data-v7ac-cat="pay"]::before,
.ctrl-app-item[data-v7ac-cat="social"]::before,
.ctrl-app-item[data-v7ac-cat="shop"]::before,
.ctrl-app-item[data-v7ac-cat="bet"]::before,
.ctrl-app-item[data-v7ac-cat="game"]::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0}
.ctrl-app-item[data-v7ac-cat="bank"]::before{background:linear-gradient(#1d4ed8,#3b82f6)}
.ctrl-app-item[data-v7ac-cat="pay"]::before{background:linear-gradient(#0e7490,#06b6d4)}
.ctrl-app-item[data-v7ac-cat="social"]::before{background:linear-gradient(#15803d,#22c55e)}
.ctrl-app-item[data-v7ac-cat="shop"]::before{background:linear-gradient(#a21caf,#e879f9)}
.ctrl-app-item[data-v7ac-cat="bet"]::before{background:linear-gradient(#b45309,#f59e0b)}
.ctrl-app-item[data-v7ac-cat="game"]::before{background:linear-gradient(#5b21b6,#a78bfa)}
img.ctrl-app-icon.v7ac-icon{background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.14)}
.v7ac-tag{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:0 7px;height:17px;border-radius:999px;font-size:10px;font-weight:700;line-height:17px;vertical-align:2px;white-space:nowrap;border:1px solid rgba(255,255,255,.18);box-shadow:0 1px 2px rgba(0,0,0,.18)}
.v7ac-tag b{font-size:10px;font-weight:400;filter:saturate(1.1)}
.v7ac-tag i{font-style:normal;letter-spacing:.3px}
.v7ac-tag u{text-decoration:none;opacity:.86;font-weight:600;margin-left:3px;padding-left:4px;border-left:1px solid rgba(255,255,255,.35);font-size:9.5px}
.v7ac-c-bank{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff}
.v7ac-c-pay{background:linear-gradient(135deg,#0f766e,#06b6d4);color:#fff}
.v7ac-c-social{background:linear-gradient(135deg,#166534,#22c55e);color:#fff}
.v7ac-c-shop{background:linear-gradient(135deg,#9d174d,#ec4899);color:#fff}
.v7ac-c-bet{background:linear-gradient(135deg,#9a3412,#f97316);color:#fff}
.v7ac-c-game{background:linear-gradient(135deg,#5b21b6,#8b5cf6);color:#fff}
.v7ac-c-tool{background:linear-gradient(135deg,#334155,#64748b);color:#fff}
.v7ac-c-other{background:linear-gradient(135deg,#3f3f46,#71717a);color:#fff}
.v7ac-c-sys{background:linear-gradient(135deg,#1f2937,#4b5563);color:#e5e7eb}
.v7ac-sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 10px;padding:8px 10px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);font-size:11px;color:var(--text2)}
.v7ac-sum-head{font-weight:700;color:var(--text);margin-right:2px}
.v7ac-sum-hint{opacity:.6;font-size:10px}
.v7ac-chip{cursor:pointer;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700;color:#fff;line-height:16px;opacity:.92;transition:transform .12s,opacity .12s}
.v7ac-chip:hover{transform:translateY(-1px);opacity:1}
.v7ac-chip.is-on{outline:2px solid #fff;outline-offset:1px;opacity:1}
/* ======================================================================================
 * [R252b] 浅色主题「白字落白底」修复 —— 筛选按钮只剩 emoji、分类徽章看不见的真凶
 * --------------------------------------------------------------------------------------
 * 病根（mk-light.css 7a 清底通配规则）：
 *   html[data-theme="light"] .table-area .table-wrap.mk-dark *:not(svg):not(path) {
 *     background: transparent !important; background-image: none !important; }
 *   它把本插件给分类徽章 / 分类筛选按钮铺的渐变底整片刷成透明，
 *   而 color 仍是本文件写的 #fff ⇒ 「白字 + 白底」= 肉眼只剩 emoji，中文备注全看不见。
 * 修法：用 #root（id）选择器 + !important 提权补偿（与 R207 同一个套路，见 mk-r207-ops.css）。
 * ====================================================================================== */
html[data-theme="light"] #root .v7ac-tag,
html[data-theme="light"] #root .v7ac-chip{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 1px 2px rgba(0,0,0,.18)!important;opacity:.96!important
}
html[data-theme="light"] #root .v7ac-chip{cursor:pointer!important}
html[data-theme="light"] #root .v7ac-chip:hover{opacity:1!important;transform:translateY(-1px)}
html[data-theme="light"] #root .v7ac-chip.is-on{outline:2px solid #94a3b8!important;outline-offset:1px!important;opacity:1!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-bank,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-bank{background:linear-gradient(135deg,#1e3a8a,#2563eb)!important;background-image:linear-gradient(135deg,#1e3a8a,#2563eb)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-pay,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-pay{background:linear-gradient(135deg,#0f766e,#06b6d4)!important;background-image:linear-gradient(135deg,#0f766e,#06b6d4)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-social,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-social{background:linear-gradient(135deg,#166534,#22c55e)!important;background-image:linear-gradient(135deg,#166534,#22c55e)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-shop,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-shop{background:linear-gradient(135deg,#9d174d,#ec4899)!important;background-image:linear-gradient(135deg,#9d174d,#ec4899)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-bet,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-bet{background:linear-gradient(135deg,#9a3412,#f97316)!important;background-image:linear-gradient(135deg,#9a3412,#f97316)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-game,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-game{background:linear-gradient(135deg,#5b21b6,#8b5cf6)!important;background-image:linear-gradient(135deg,#5b21b6,#8b5cf6)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-tool,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-tool{background:linear-gradient(135deg,#334155,#64748b)!important;background-image:linear-gradient(135deg,#334155,#64748b)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-other,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-other{background:linear-gradient(135deg,#3f3f46,#71717a)!important;background-image:linear-gradient(135deg,#3f3f46,#71717a)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-sys,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-sys{background:linear-gradient(135deg,#1f2937,#4b5563)!important;background-image:linear-gradient(135deg,#1f2937,#4b5563)!important}
html[data-theme="light"] #root .v7ac-tag.v7ac-c-sys,
html[data-theme="light"] #root .v7ac-chip.v7ac-c-sys{color:#f1f5f9!important;-webkit-text-fill-color:#f1f5f9!important}
html[data-theme="light"] #root .v7ac-tag b,
html[data-theme="light"] #root .v7ac-tag i,
html[data-theme="light"] #root .v7ac-tag u{color:inherit!important;-webkit-text-fill-color:inherit!important}
/* 汇总条：浅色主题下也补回浅底 + 深字（同样被清底规则刷掉了） */
html[data-theme="light"] #root .v7ac-sum{
  background:#f6f8fc!important;background-image:none!important;
  border:1px solid #e4e9f2!important;color:#5a6478!important
}
html[data-theme="light"] #root .v7ac-sum .v7ac-sum-head{color:#1c2331!important}
html[data-theme="light"] #root .v7ac-sum .v7ac-sum-hint{color:#8a94a6!important}
/* 行图标：透明底图标在白底行上也要有纯白垫底 */
html[data-theme="light"] #root img.ctrl-app-icon.v7ac-icon{background:#fff!important}
/* --------------------------------------------------------------------------------------
 * [R252c] 窄屏（手机 / 小窗口）徽章被单行省略号裁掉：
 *   mk-r73-injlist.css 把 .ctrl-app-name 设成 display:block + nowrap + ellipsis，
 *   名字一长就把后面的分类徽章整段吃掉（实测爹 537px 窗口里徽章只剩一条白边）。
 *   修法：结构整理成「.v7ac-nm（可省略的名字） + .v7ac-tag（不缩的徽章）」+ flex，
 *        并用 .v7ac-has 提高权重压过 r73 的 block+ellipsis（两边都是 !important，靠权重胜）。
 * -------------------------------------------------------------------------------------- */
html body .ctrl-page .mk73-al .ctrl-app-name.v7ac-has,
html body #root .ctrl-app-name.v7ac-has,
html body .ctrl-page .ctrl-app-name.v7ac-has{
  display:flex!important;align-items:center!important;flex-wrap:nowrap!important;
  overflow:hidden!important;text-overflow:clip!important;min-width:0!important
}
html body .ctrl-page .mk73-al .ctrl-app-name.v7ac-has > .v7ac-nm,
html body #root .ctrl-app-name.v7ac-has > .v7ac-nm,
html body .ctrl-page .ctrl-app-name.v7ac-has > .v7ac-nm{
  display:block!important;flex:0 1 auto!important;min-width:0!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;
  color:inherit!important;-webkit-text-fill-color:inherit!important;
  padding:0!important;margin:0!important;background:none!important
}
/* 宽度降级：放不下就先收国别，再放不下只留 emoji */
html[data-v7ac-w="2"] .v7ac-tag > u{display:none!important}
html[data-v7ac-w="3"] .v7ac-tag > u{display:none!important}
html[data-v7ac-w="3"] .v7ac-tag > i{display:none!important}
html body .ctrl-page .mk73-al .ctrl-app-name.v7ac-has > .v7ac-tag,
html body #root .ctrl-app-name.v7ac-has > .v7ac-tag{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
  margin-left:6px!important;vertical-align:middle!important;white-space:nowrap!important
}

/* ============================================================================
 * [R255] 2000+ 行列表的渲染优化（爹：「获取应用列表非常卡 优化下」）
 * ----------------------------------------------------------------------------
 * 「🎯 注入目标」那张卡片一挂就是 2000+ 行（实测 2069 行 / 12426 个节点），
 * 浏览器默认要把每一行都布局 + 绘制一遍，而其中 2049 行根本不在屏幕上。
 * content-visibility:auto 让离屏行直接跳过布局与绘制，滚动时只算看得见的那一屏；
 * contain-intrinsic-size 给出占位高度（实测行高 46px），保证滚动条长度与位置不跳。
 * 纯 CSS、零 JS 开销；删掉本段即回退。
 * ========================================================================= */
html body .ctrl-page .ctrl-app-item {
  content-visibility: auto;
  contain-intrinsic-size: auto 53px;   /* 通用行高（实测 53px） */
}
/* R73 皮肤把「注入目标」这类行压成了紧凑行高（实测 46px），占位高度跟着对，滚动条长度就不跳 */
html body .ctrl-page .mk73-al .ctrl-app-item {
  contain-intrinsic-size: auto 46px;
}

/* ================= R256 段：全站卡顿巡检优化（皮肤层，可整段删除回退） ================= */
/* [R256] 设备页「开始鲨鱼」按钮上的 @keyframes sharkSpin 动画，动的是 @property --angle
   （已注册自定义属性），这种动画无法交给合成器，必须主线程每帧重算样式。
   实测（本机 430x932，静置 5s，同一页面切换 tab）：
     关掉它之前 -> AI助理 Task 1557 / Style 360 / Layout 172 ms；权限管理 Task 611 / Style 380；
                   OEM档案 Task 580 / Style 379
     关掉它之后 -> AI助理 Task  292 / Style 109 / Layout   4 ms；权限管理 Task 257 / Style  97；
                   OEM档案 Task 223 / Style  66
   而全站没有任何规则消费 var(--angle)（按钮背景是写死的 conic-gradient(from 0deg,...)），
   属于纯空转动画，关掉视觉零变化。 */
[style*="sharkSpin"] { animation: none !important; }