/* ==================================================================
 * v7工作室AI版 · MK 海外AI智能版 一比一皮肤层
 * 只做外观与布局覆盖；不改任何业务交互。可回滚：
 * 删除 panel/index.html 中两条 mk-skin/mk-particle <link> 与两个 <script> 即恢复原版。
 * 选择器全部指向 V2 面板现有 DOM（.app/.header/.sidebar/.table-area/.auth-* 等）。
 * ================================================================== */

/* ---------- 1. 设计令牌：dark（默认） ---------- */
html[data-theme="dark"] {
  --bg: #05080f;
  --bg2: rgba(10, 20, 38, .72);
  --bg3: rgba(15, 28, 52, .6);
  --bg4: rgba(23, 40, 71, .75);
  --device-screen: #10203a;
  --border: rgba(88, 128, 190, .16);
  --border2: rgba(110, 150, 214, .3);
  --text: #e7eefb;
  --text2: #9fb2cc;
  --text3: #64788f;
  --accent: #38bdf8;
  --accent2: #7dd3fc;
  --accent-light: rgba(56, 189, 248, .12);
  --green: #34d399;
  --green-light: rgba(52, 211, 153, .12);
  --red: #fb7185;
  --red-light: rgba(251, 113, 133, .12);
  --orange: #fbbf24;
  --orange-light: rgba(251, 191, 36, .12);
  --purple: #a78bfa;
  --purple-light: rgba(167, 139, 250, .12);
  --radius: 12px;
  --radius-lg: 16px;
  --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, .45);
  --shadow-lg: 0 14px 38px rgba(0, 0, 0, .55);
  --shadow-xl: 0 24px 64px rgba(0, 0, 0, .6);
}
/* ---------- 1b. 设计令牌：light（MK 亮色） ---------- */
html[data-theme="light"] {
  --bg: #eaf3fa;
  --bg2: rgba(255, 255, 255, .82);
  --bg3: rgba(244, 251, 255, .9);
  --bg4: #e3f1f8;
  --device-screen: #f2f9fe;
  --border: rgba(120, 160, 200, .22);
  --border2: rgba(90, 130, 175, .36);
  --text: #0c2237;
  --text2: #47617a;
  --text3: #7d93a8;
  --accent: #0ea5e9;
  --accent2: #38bdf8;
  --accent-light: rgba(14, 165, 233, .1);
}

/* ---------- 2. 基础 ---------- */
/* [V2-FLICKER-903] 原来是 transparent：透明根 + fixed 画布在重绘/滚动时会露白闪一下 */
html, body { background: #050a16 !important; }
html[data-theme="light"], html[data-theme="light"] body { background: #e8f2f8 !important; }
.app, .main { background: transparent !important; }
* { scrollbar-width: thin; scrollbar-color: rgba(110,150,214,.28) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: rgba(110,150,214,.26); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: rgba(110,150,214,.45); }

/* ---------- 3. 顶栏（MK 玻璃条） ---------- */
.header {
  background: linear-gradient(180deg, rgba(8, 16, 30, .88), rgba(8, 16, 30, .72)) !important;
  backdrop-filter: blur(18px) saturate(1.25);
  -webkit-backdrop-filter: blur(18px) saturate(1.25);
  border-bottom: 1px solid rgba(96, 150, 220, .16) !important;
  height: 58px;
}
html[data-theme="light"] .header {
  background: linear-gradient(180deg, rgba(255,255,255,.9), rgba(244,251,255,.78)) !important;
  border-bottom: 1px solid rgba(120,160,200,.25) !important;
}
/* 左侧：原品牌隐藏（品牌移至侧栏），放 MK 时钟芯片 */
.header .app-brand { visibility: hidden; position: relative; }
.header .app-brand > * { visibility: hidden; }
.mk-clockchip {
  position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  display: inline-flex; align-items: center; gap: 8px;
  height: 34px; padding: 0 12px; border-radius: 10px;
  color: #cfe3f8; background: rgba(20, 38, 66, .55);
  border: 1px solid rgba(96, 150, 220, .2);
  font-size: 12.5px; white-space: nowrap; visibility: visible !important;
}
html[data-theme="light"] .mk-clockchip { color: #29506f; background: rgba(255,255,255,.7); border-color: rgba(120,160,200,.3); }
.mk-clockchip .mk-clock-flag { font-size: 13px; }
.mk-clockchip .mk-clock-label { opacity: .75; }
.mk-clockchip .mk-clock-time {
  font-family: Consolas, 'JetBrains Mono', monospace; font-weight: 700; font-size: 13px;
  color: #7dd3fc; letter-spacing: .5px; font-variant-numeric: tabular-nums;
}
html[data-theme="light"] .mk-clockchip .mk-clock-time { color: #0284c7; }

/* 搜索框 */
.search-box {
  background: rgba(20, 38, 66, .55) !important;
  border: 1px solid rgba(96, 150, 220, .2) !important;
  color: #dbe8f8 !important; border-radius: 10px !important;
  backdrop-filter: blur(8px);
}
.search-box::placeholder { color: #64788f !important; }
.search-box:focus { border-color: rgba(56, 189, 248, .5) !important; box-shadow: 0 0 0 3px rgba(56, 189, 248, .12) !important; }
html[data-theme="light"] .search-box { background: rgba(255,255,255,.85) !important; border-color: rgba(120,160,200,.35) !important; color: #0c2237 !important; }

/* 顶栏右侧：账号卡 & 动作按钮 */
.account-card {
  background: rgba(20, 38, 66, .55) !important;
  border: 1px solid rgba(96, 150, 220, .2) !important;
  border-radius: 12px !important; backdrop-filter: blur(8px);
}
html[data-theme="light"] .account-card { background: rgba(255,255,255,.85) !important; border-color: rgba(120,160,200,.3) !important; }
.account-avatar { background: linear-gradient(135deg, #38bdf8, #6366f1) !important; color: #fff !important; }
.account-expiry.is-valid { color: #34d399 !important; }
.header-action {
  background: rgba(20, 38, 66, .55) !important;
  border: 1px solid rgba(96, 150, 220, .2) !important;
  color: #9fb2cc !important; border-radius: 10px !important;
}
.header-action:hover { color: #e7eefb !important; background: rgba(23, 40, 71, .8) !important; border-color: rgba(110,150,214,.4) !important; }
html[data-theme="light"] .header-action { background: rgba(255,255,255,.85) !important; border-color: rgba(120,160,200,.3) !important; color: #47617a !important; }

/* 主题开关按钮：MK 月亮/太阳药丸 */
.theme-switch {
  background: rgba(20, 38, 66, .55) !important;
  border: 1px solid rgba(96, 150, 220, .2) !important;
  border-radius: 999px !important; color: #9fb2cc !important;
}
html[data-theme="light"] .theme-switch { background: rgba(255,255,255,.85) !important; border-color: rgba(120,160,200,.3) !important; color: #47617a !important; }

/* ---------- 4. 侧栏（MK 宽栏 + 品牌块 + emoji 导航） ---------- */
.sidebar {
  width: 224px !important;
  background: linear-gradient(180deg, rgba(9, 18, 34, .92), rgba(7, 14, 27, .88)) !important;
  backdrop-filter: blur(14px);
  border-right: 1px solid rgba(96, 150, 220, .14) !important;
  align-items: stretch !important;
  padding: 14px 12px 12px !important;
  gap: 4px !important;
  overflow-y: auto;
}
html[data-theme="light"] .sidebar {
  background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,249,255,.9)) !important;
  border-right: 1px solid rgba(120,160,200,.25) !important;
}
/* 品牌块（由 mk-skin.js 注入 .mk-brand） */
.mk-brand {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 10px 14px; margin-bottom: 8px;
  border-bottom: 1px solid rgba(96, 150, 220, .14);
}
.mk-brand img { width: 38px; height: 38px; border-radius: 10px; object-fit: cover; box-shadow: 0 2px 10px rgba(56,189,248,.25); }
.mk-brand .mk-brand-name { font-size: 16px; font-weight: 800; color: #e7eefb; letter-spacing: .5px; }
.mk-brand .mk-brand-sub { font-size: 11px; color: #64788f; margin-top: 2px; }
html[data-theme="light"] .mk-brand { border-bottom-color: rgba(120,160,200,.25); }
html[data-theme="light"] .mk-brand .mk-brand-name { color: #0c2237; }
html[data-theme="light"] .mk-brand .mk-brand-sub { color: #7d93a8; }

/* 导航行 */
.nav-btn {
  width: 100% !important; min-height: 44px !important;
  flex-direction: row !important; justify-content: flex-start !important; align-items: center !important;
  gap: 11px !important; padding: 0 14px !important;
  border-radius: 10px !important; color: var(--text2) !important;
  border: 1px solid transparent !important;
  font-size: 13.5px !important;
  transition: all .16s ease;
}
.nav-btn svg { width: 17px; height: 17px; flex: 0 0 17px; }
.nav-btn .nav-label { font-size: 13.5px !important; }
.nav-btn:hover { color: var(--text) !important; background: rgba(23, 40, 71, .6) !important; }
.nav-btn.active {
  color: #fff !important;
  background: linear-gradient(120deg, #2563eb, #38bdf8) !important;
  border-color: rgba(125, 211, 252, .4) !important;
  box-shadow: 0 4px 16px rgba(37, 99, 235, .35);
}
.nav-btn.active svg { color: #fff !important; }
html[data-theme="light"] .nav-btn:hover { background: rgba(14, 30, 50, .06) !important; }
html[data-theme="light"] .nav-btn.active { color: #fff !important; }

/* 退出登录（由 mk-skin.js 把 .header-logout 移入侧栏末尾） */
.sidebar .header-logout {
  width: 100% !important; min-height: 42px !important;
  display: flex !important; align-items: center; justify-content: flex-start !important;
  gap: 11px !important; padding: 0 14px !important; margin-top: 10px;
  border-radius: 10px !important;
  background: rgba(251, 113, 133, .08) !important;
  border: 1px solid rgba(251, 113, 133, .22) !important;
  color: #fb7185 !important; font-size: 13.5px !important;
}
.sidebar .header-logout:hover { background: rgba(251, 113, 133, .16) !important; border-color: rgba(251, 113, 133, .45) !important; }
.sidebar .mk-side-gap { flex: 1; }

/* ---------- 5. 内容区 ---------- */
.main .table-area, .table-area {
  background: transparent !important;
  padding: 20px 24px 28px !important;
}
/* 移入内容顶部的统计条（mk-statwrap 容器由 mk-skin.js 注入） */
.mk-statwrap {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: stretch;
  margin: 0 0 16px;
}
.mk-statwrap .stats-bar { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 12px !important; }
.mk-statwrap .overview-strip { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 12px !important; }
.mk-statwrap .overview-card, .mk-statwrap .stat-card {
  background: linear-gradient(160deg, rgba(15, 28, 52, .82), rgba(10, 20, 38, .7)) !important;
  border: 1px solid rgba(96, 150, 220, .18) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .3) !important;
}
.mk-statwrap .stat-card:hover { background: linear-gradient(160deg, rgba(23, 40, 71, .9), rgba(13, 26, 48, .8)) !important; }
html[data-theme="light"] .mk-statwrap .overview-card, html[data-theme="light"] .mk-statwrap .stat-card {
  background: rgba(255, 255, 255, .9) !important;
  border: 1px solid rgba(120, 160, 200, .28) !important;
  box-shadow: 0 4px 14px rgba(30, 80, 130, .08) !important;
}
.mk-statwrap .stats-group { background: transparent !important; border: 0 !important; padding: 0 !important; gap: 12px !important; display: flex !important; }
.mk-statwrap .stats-group-title { color: var(--text3) !important; }

/* ---------- 6. 通用面板/卡片/表格 ---------- */
.table-area h2 { color: var(--text) !important; letter-spacing: .3px; }
.table-area > div > div > .panel,
.table-area .panel {
  background: linear-gradient(165deg, rgba(15, 28, 52, .78), rgba(9, 18, 34, .66)) !important;
  border: 1px solid rgba(96, 150, 220, .16) !important;
  border-radius: var(--radius-lg) !important;
  backdrop-filter: blur(12px);
}
html[data-theme="light"] .table-area .panel { background: rgba(255,255,255,.88) !important; border: 1px solid rgba(120,160,200,.26) !important; }

.table-wrap, table { border-radius: 12px; }
.table-area table { background: transparent !important; color: var(--text) !important; }
.table-area thead th {
  background: rgba(15, 28, 52, .8) !important;
  color: var(--text2) !important;
  border-bottom: 1px solid rgba(96, 150, 220, .18) !important;
  font-weight: 600;
}
html[data-theme="light"] .table-area thead th { background: rgba(241, 249, 255, .95) !important; border-bottom: 1px solid rgba(120,160,200,.3) !important; }
.table-area tbody td { border-bottom: 1px solid rgba(96, 150, 220, .1) !important; color: var(--text) !important; background: transparent !important; }
.table-area tbody tr:hover td { background: rgba(23, 40, 71, .35) !important; }
html[data-theme="light"] .table-area tbody tr:hover td { background: rgba(14, 165, 233, .05) !important; }

/* 按钮（antd 与自有） */
.table-area button, .ant-btn {
  border-radius: 9px !important;
}
button.toolbar-refresh, .refresh-btn, button.ant-btn-primary {
  background: linear-gradient(120deg, #2563eb, #38bdf8) !important;
  border: 1px solid rgba(125, 211, 252, .4) !important;
  color: #fff !important;
  box-shadow: 0 3px 12px rgba(37, 99, 235, .3);
}
button.toolbar-refresh:hover, .refresh-btn:hover { filter: brightness(1.12); }
button.toolbar-clean-offline {
  background: rgba(251, 113, 133, .1) !important;
  border: 1px solid rgba(251, 113, 133, .3) !important;
  color: #fb7185 !important;
}

/* 筛选 chips */
.filter-chip, .date-filter-control {
  background: rgba(20, 38, 66, .55) !important;
  border: 1px solid rgba(96, 150, 220, .2) !important;
  color: var(--text2) !important; border-radius: 999px !important;
}
.filter-chip:hover { border-color: rgba(125, 211, 252, .45) !important; color: var(--text) !important; }
.filter-chip.is-active, .filter-chip.active {
  background: linear-gradient(120deg, rgba(37, 99, 235, .8), rgba(56, 189, 248, .7)) !important;
  color: #fff !important; border-color: rgba(125, 211, 252, .5) !important;
}
.device-count-card {
  background: rgba(20, 38, 66, .55) !important;
  border: 1px solid rgba(96, 150, 220, .2) !important; border-radius: 10px !important;
  color: var(--text2) !important;
}

/* 输入 / 选择 */
.table-area input, .table-area select, .table-area textarea {
  background: rgba(13, 26, 48, .65) !important;
  border: 1px solid rgba(96, 150, 220, .22) !important;
  color: var(--text) !important; border-radius: 9px !important;
}
.table-area input:focus, .table-area select:focus, .table-area textarea:focus {
  border-color: rgba(56, 189, 248, .55) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .12) !important; outline: none !important;
}
html[data-theme="light"] .table-area input, html[data-theme="light"] .table-area select, html[data-theme="light"] .table-area textarea {
  background: rgba(255,255,255,.92) !important; border-color: rgba(120,160,200,.35) !important; color: #0c2237 !important;
}
.table-area input::placeholder, .table-area textarea::placeholder { color: var(--text3) !important; }

/* 分页 */
.dev-pagination { color: var(--text2) !important; }
.dev-pagination button, .dev-pagination .page-btn {
  background: rgba(20, 38, 66, .6) !important; border: 1px solid rgba(96, 150, 220, .2) !important; color: var(--text2) !important;
}
.dev-pagination button.is-active, .dev-pagination .active {
  background: linear-gradient(120deg, #2563eb, #38bdf8) !important; color: #fff !important; border-color: rgba(125,211,252,.5) !important;
}

/* 模态 */
.modal, [class*="modal"] {
  backdrop-filter: blur(8px);
}
.modal .modal-card, .modal > div {
  background: linear-gradient(165deg, rgba(16, 30, 56, .97), rgba(10, 20, 38, .97)) !important;
  border: 1px solid rgba(96, 150, 220, .25) !important;
  border-radius: 16px !important;
  color: var(--text) !important;
}
html[data-theme="light"] .modal .modal-card, html[data-theme="light"] .modal > div {
  background: rgba(250, 253, 255, .98) !important; border: 1px solid rgba(120,160,200,.35) !important; color: #0c2237 !important;
}

/* 国家卡片（注入页） */
.country-card {
  background: linear-gradient(160deg, rgba(15, 28, 52, .8), rgba(10, 20, 38, .68)) !important;
  border: 1px solid rgba(96, 150, 220, .16) !important;
  border-radius: 14px !important;
}
.country-card:hover { border-color: rgba(125, 211, 252, .4) !important; }
html[data-theme="light"] .country-card { background: rgba(255,255,255,.9) !important; border-color: rgba(120,160,200,.28) !important; }

/* ---------- 7. 登录页（MK 一比一布局） ---------- */
.auth-page {
  display: flex !important; align-items: center !important;
  justify-content: flex-end !important;
  min-height: 100vh !important; padding: 40px clamp(26px, 5.5vw, 104px) 40px 0 !important;
  overflow: visible !important;
}
@media (max-width: 940px) {
  .auth-page { justify-content: center !important; padding: 40px 22px !important; }
}
.auth-theme-switch { z-index: 5 !important; }
.auth-shell, .auth-shell-stage { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.auth-shell {
  display: grid !important; grid-template-columns: minmax(0, 1fr) !important;
  width: min(452px, calc(100vw - 52px)) !important; gap: 20px !important;
}
/* 上卡：品牌信息卡 */
.auth-brand-panel {
  order: -1;
  background: linear-gradient(165deg, rgba(14, 28, 52, .82), rgba(8, 16, 32, .72)) !important;
  border: 1px solid rgba(96, 150, 220, .22) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(14px);
  padding: 22px 22px 16px !important;
  display: grid !important; gap: 12px !important;
  animation: mkSkinIn .7s cubic-bezier(.16, 1, .3, 1) both;
}
.auth-ambient-visual { display: none !important; }
html[data-theme="light"] .auth-brand-panel { background: rgba(255,255,255,.86) !important; border-color: rgba(120,160,200,.3) !important; }
.mk-login-emblem { width: 62px; height: 62px; border-radius: 14px; display: block; }
/* 下卡：登录表单卡 */
.auth-form-panel {
  background: linear-gradient(165deg, rgba(14, 28, 52, .88), rgba(8, 16, 32, .8)) !important;
  border: 1px solid rgba(96, 150, 220, .26) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(16px);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .45) !important;
  padding: 24px 24px 18px !important;
  animation: mkSkinIn .7s .08s cubic-bezier(.16, 1, .3, 1) both;
}
html[data-theme="light"] .auth-form-panel { background: rgba(255,255,255,.92) !important; border-color: rgba(120,160,200,.32) !important; box-shadow: 0 24px 60px rgba(30, 80, 130, .18) !important; }
.auth-form input, .auth-field input, .auth-field select {
  background: rgba(9, 18, 36, .7) !important;
  border: 1px solid rgba(96, 150, 220, .28) !important;
  color: #e7eefb !important; border-radius: 11px !important;
}
.auth-form input:focus, .auth-field input:focus {
  border-color: rgba(56, 189, 248, .65) !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, .14) !important;
}
.auth-submit {
  background: linear-gradient(90deg, #0ea5e9, #6366f1) !important;
  border: none !important; color: #fff !important;
  font-weight: 700 !important; letter-spacing: 1px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(14, 120, 231, .35) !important;
  transition: filter .16s ease;
}
.auth-submit:hover { filter: brightness(1.1) !important; }
.auth-security-note, .auth-form-panel footer { color: var(--text3) !important; }
@keyframes mkSkinIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

/* ---------- 8. 细节 ---------- */
/* 弹出日期面板等浮层 */
.fgp-panel {
  background: linear-gradient(165deg, rgba(16, 30, 56, .98), rgba(10, 20, 38, .98)) !important;
  border: 1px solid rgba(96, 150, 220, .25) !important; border-radius: 14px !important;
}
html[data-theme="light"] .fgp-panel { background: rgba(250,253,255,.99) !important; border-color: rgba(120,160,200,.35) !important; }
/* Toast */
[class*="toast"] { backdrop-filter: blur(10px); }
/* 表格工具栏整体 */
.table-toolbar {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  backdrop-filter: none;
}

/* ==================================================================
 * 9. 设备页：表格行 → MK 设备卡（纯 CSS 变形，DOM/事件零改动）
 *    列序: 1全选 2ID 3壁纸 4账号 5备注 6备忘 7应用 8品牌 9版本 10APK
 *          11地区 12网络 13密码 14电池 15在线 16屏幕 17无障碍 18注入
 *          19AI 20安装时间 21延迟 22操作
 * ================================================================== */
.mk-thead-hidden { display: none !important; }
table.mk-as-cards { display: block !important; background: transparent !important; }
table.mk-as-cards > tbody {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(440px, 1fr)) !important;
  gap: 14px !important;
}
table.mk-as-cards > tbody > tr {
  display: grid !important;
  grid-template-columns: 104px 1fr 1fr !important;
  grid-auto-rows: min-content !important;
  column-gap: 18px !important;
  row-gap: 7px !important;
  position: relative !important;
  padding: 14px 16px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(96, 150, 220, .18) !important;
  background: linear-gradient(165deg, rgba(15, 28, 52, .8), rgba(9, 18, 34, .68)) !important;
  backdrop-filter: blur(12px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .32) !important;
  transition: border-color .16s ease, transform .16s ease;
  cursor: default;
  overflow: hidden;
}
table.mk-as-cards > tbody > tr:hover {
  border-color: rgba(125, 211, 252, .45) !important;
  transform: translateY(-1px);
}
html[data-theme="light"] table.mk-as-cards > tbody > tr {
  background: rgba(255, 255, 255, .92) !important;
  border-color: rgba(120, 160, 200, .3) !important;
  box-shadow: 0 4px 14px rgba(30, 80, 130, .09) !important;
}
/* 单元格基础 */
table.mk-as-cards > tbody > tr > td {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 12.5px !important;
  color: var(--text) !important;
  min-width: 0 !important;
  white-space: nowrap;
}
table.mk-as-cards > tbody > tr > td::before {
  content: attr(data-label);
  color: var(--text3) !important;
  font-size: 11.5px;
  flex: 0 0 auto;
  min-width: 52px;
}
/* 头部行：在线药丸 / ID / 操作 */
table.mk-as-cards td:nth-child(15) {
  grid-column: 1 / 2; grid-row: 1;
  background: var(--green-light) !important;
  border: 1px solid rgba(52, 211, 153, .35) !important;
  border-radius: 999px !important;
  padding: 3px 12px 3px 10px !important;
  justify-self: start;
  color: var(--green) !important;
  font-weight: 700;
}
table.mk-as-cards td:nth-child(15)::before { display: none; }
table.mk-as-cards td:nth-child(2) {
  grid-column: 2 / 3; grid-row: 1;
  font-family: Consolas, monospace; font-weight: 700; font-size: 13px !important;
}
table.mk-as-cards td:nth-child(2)::before { display: none; }
table.mk-as-cards td:nth-child(2) .mk-copyflag { color: var(--accent); opacity: 0; transition: opacity .15s; }
table.mk-as-cards tr:hover td:nth-child(2) .mk-copyflag { opacity: .8; }
table.mk-as-cards td:nth-child(22) {
  grid-column: 3 / 4; grid-row: 1;
  justify-self: end;
  gap: 6px !important;
  flex-wrap: wrap;
  justify-content: flex-end;
}
table.mk-as-cards td:nth-child(22)::before { display: none; }
/* 全选框悬浮右上 */
table.mk-as-cards td:nth-child(1) {
  position: absolute !important; top: 10px; right: 12px;
  z-index: 2;
}
table.mk-as-cards td:nth-child(1)::before { display: none; }
table.mk-as-cards td:nth-child(1) input[type="checkbox"] { accent-color: #38bdf8; width: 15px; height: 15px; }
/* 手机模型（壁纸列） */
table.mk-as-cards td:nth-child(3) {
  grid-column: 1 / 2; grid-row: 2 / 12;
  display: block !important;
  align-self: start;
}
table.mk-as-cards td:nth-child(3)::before { display: none; }
table.mk-as-cards td:nth-child(3) img,
table.mk-as-cards td:nth-child(3) > div {
  width: 92px !important; height: 188px !important;
  max-width: 92px !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  border: 2px solid rgba(96, 150, 220, .3) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .4), inset 0 0 0 2px rgba(0, 0, 0, .25) !important;
  background: #10203a;
  display: block;
}
html[data-theme="light"] table.mk-as-cards td:nth-child(3) img { border-color: rgba(120, 160, 200, .45) !important; }
/* 字段两列流式排布（order 控制语义顺序） */
table.mk-as-cards td:nth-child(4)  { order: 1; }  /* 账号 */
table.mk-as-cards td:nth-child(8)  { order: 2; }  /* 品牌 */
table.mk-as-cards td:nth-child(7)  { order: 3; }  /* 应用 */
table.mk-as-cards td:nth-child(9)  { order: 4; }  /* 版本 */
table.mk-as-cards td:nth-child(10) { order: 5; }  /* APK */
table.mk-as-cards td:nth-child(11) { order: 6; }  /* 地区 */
table.mk-as-cards td:nth-child(12) { order: 7; }  /* 网络 */
table.mk-as-cards td:nth-child(13) { order: 8; }  /* 密码 */
table.mk-as-cards td:nth-child(14) { order: 9; }  /* 电池 */
table.mk-as-cards td:nth-child(16) { order: 10; } /* 屏幕 */
table.mk-as-cards td:nth-child(17) { order: 11; } /* 无障碍 */
table.mk-as-cards td:nth-child(18) { order: 12; } /* 注入 */
table.mk-as-cards td:nth-child(19) { order: 13; } /* AI */
table.mk-as-cards td:nth-child(21) { order: 14; } /* 延迟 */
table.mk-as-cards td:nth-child(20) { order: 15; } /* 安装时间 */
/* 备注 / 备忘：整行 */
table.mk-as-cards td:nth-child(5),
table.mk-as-cards td:nth-child(6) {
  grid-column: 2 / 4;
  min-height: 26px;
}
table.mk-as-cards td:nth-child(5) { order: 20; }
table.mk-as-cards td:nth-child(6) { order: 21; }
table.mk-as-cards td:nth-child(5)::before,
table.mk-as-cards td:nth-child(6)::before { min-width: 52px; }
table.mk-as-cards td:nth-child(5) *,
table.mk-as-cards td:nth-child(6) * { white-space: normal; }
/* 卡片工具行（全选镜像 + 排序） */
.mk-cards-tools {
  display: flex; align-items: center; gap: 14px;
  margin: 0 0 12px;
}
.mk-cards-selall {
  display: inline-flex; align-items: center; gap: 7px;
  height: 34px; padding: 0 14px; border-radius: 999px;
  background: rgba(20, 38, 66, .55); border: 1px solid rgba(96, 150, 220, .2);
  color: var(--text2); font-size: 12.5px; cursor: pointer;
}
.mk-cards-selall input { accent-color: #38bdf8; }
.mk-cards-sort {
  height: 34px; padding: 0 12px; border-radius: 10px;
  background: rgba(20, 38, 66, .55); border: 1px solid rgba(96, 150, 220, .2);
  color: var(--text2); font-size: 12.5px;
}
html[data-theme="light"] .mk-cards-selall, html[data-theme="light"] .mk-cards-sort {
  background: rgba(255,255,255,.85); border-color: rgba(120,160,200,.32); color: #47617a;
}
/* 操作按钮 MK 化 */
table.mk-as-cards td:nth-child(22) button,
table.mk-as-cards td:nth-child(22) a {
  height: 26px !important; padding: 0 10px !important;
  border-radius: 8px !important; font-size: 11.5px !important;
  border: 1px solid rgba(125, 211, 252, .3) !important;
  background: rgba(37, 99, 235, .16) !important;
  color: #9cc8f5 !important;
  display: inline-flex; align-items: center;
}
table.mk-as-cards td:nth-child(22) button:hover { background: rgba(37, 99, 235, .32) !important; color: #fff !important; }

/* ==================================================================
 * 10. 统计卡升级（MK s-card 大数字）与页面标题
 * ================================================================== */
.mk-statwrap .stat-card {
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  height: auto !important;
  min-width: 86px !important;
  min-height: 58px !important;
  padding: 10px 16px !important;
  border-left: 0 !important;
}
.mk-statwrap .stat-card .stat-num { font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; }
.mk-statwrap .stat-card .stat-label { font-size: 11.5px !important; }
.mk-statwrap .overview-card {
  height: auto !important; min-height: 58px !important;
  min-width: 118px !important; padding: 10px 16px !important;
  border-left: 0 !important;
  border-radius: 14px !important;
}
.mk-statwrap .overview-card + .overview-card { border-left: 0 !important; }
.mk-statwrap .overview-icon svg { width: 24px
.mk-statwrap .overview-icon svg { width: 24px !important; height: 24px !important; }
.mk-statwrap .overview-copy { display: flex; flex-direction: column; gap: 2px; }
.mk-statwrap .overview-copy strong { font-size: 22px !important; font-weight: 800 !important; line-height: 1 !important; }
.mk-statwrap .overview-copy small { font-size: 11.5px !important; }
.mk-statwrap .stats-group-title { width: 100%; font-size: 11px; letter-spacing: 1px; }

/* 页面标题 MK hero 化 */
.table-area h2 {
  font-size: 22px !important; font-weight: 800 !important;
  letter-spacing: .3px; margin: 2px 0 14px !important;
}