/*! ==================================================================
 * v7工作室AI版 · 简约白主题层（自动生成，勿手改）gen_light_css.cjs
 * 由 mk-ui.css / mk-skin.css / mk-build.css 的暗色规则逐属性派生：
 *  文字→深色 / 底色→白玻璃 / 描边→冷灰 / 阴影→浅投影
 *  只作用于 html[data-theme="light"]；暗色（极简纯黑）保持原样
 *  强调色底（紫/蓝/绿/红按钮）上的浅色文字保持不改
 * 生成：2026-10-01T13:49:06.424Z
 * ================================================================== */
html[data-theme="light"] {
  --mk-bg: #eef1f6; --mk-bg-2: #e8ecf3;
  --mk-panel: rgba(255,255,255,.90); --mk-panel-2: rgba(255,255,255,.80); --mk-panel-hi: #ffffff;
  --mk-line: rgba(24,43,77,.12); --mk-line-hi: rgba(24,43,77,.24);
  --mk-txt: #1f2937; --mk-txt-2: #4d5b70; --mk-txt-3: #6f7d92;
  --mk-shadow: 0 14px 34px -20px rgba(24,43,77,.38);
  --mk-glow: 0 0 0 1px rgba(124,92,240,.22), 0 8px 24px -12px rgba(124,92,240,.35);
}

/* ================= mk-ui.css → 314 条 ================= */
html[data-theme="light"] .header {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.97)) !important;
  border-bottom: 1px solid var(--mk-line) !important;
  backdrop-filter: blur(14px) !important;
  gap: 14px !important;
}
html[data-theme="light"] .mk-clockchip {
  visibility: visible !important;
  align-items: center !important;
  gap: 9px !important;
  height: 32px !important;
  padding: 0 12px 0 6px !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 999px !important;
  color: var(--mk-txt-2) !important;
  font-size: 12.5px !important;
}
html[data-theme="light"] .mk-clockchip .mk-clock-time {
  color: rgb(47,92,173) !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: .4px !important;
}
html[data-theme="light"] .header-center .search-box,
html[data-theme="light"] .search-box {
  width: min(420px, 42vw) !important;
  height: 34px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 999px !important;
  color: var(--mk-txt) !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  box-shadow: none !important;
}
html[data-theme="light"] .search-box:focus {
  border-color: var(--mk-line-hi) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .account-card {
  align-items: center !important;
  gap: 8px !important;
  height: 34px !important;
  padding: 0 14px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 999px !important;
  color: var(--mk-txt) !important;
}
html[data-theme="light"] .header-action,
html[data-theme="light"] .theme-switch {
  height: 34px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 999px !important;
  color: var(--mk-txt-2) !important;
  font-size: 12.5px !important;
  padding: 0 13px !important;
  align-items: center !important;
  gap: 6px !important;
}
html[data-theme="light"] .mk-top-avatar {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: var(--mk-grad-accent) !important;
  border: 1px solid rgba(24,43,77,0.34) !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgb(114,120,134) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: default !important;
  user-select: none !important;
}
html[data-theme="light"] .mk-top-online {
  height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  align-items: center !important;
  gap: 7px !important;
  background: rgba(34, 197, 94, .1) !important;
  border: 1px solid rgba(24,43,77,0.26) !important;
  color: rgb(21,128,61) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .mk-top-online::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .mk-top-tz,
html[data-theme="light"] .mk-top-clock {
  height: 34px !important;
  border-radius: 999px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-txt-2) !important;
  font-size: 12.5px !important;
  align-items: center !important;
  padding: 0 12px !important;
}
html[data-theme="light"] .mk-top-clock {
  color: rgb(47,92,173) !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums !important;
}
html[data-theme="light"] .sidebar {
  width: 250px !important;
  min-width: 250px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.99)) !important;
  border-right: 1px solid var(--mk-line) !important;
  padding: 8px 12px 14px !important;
  flex-direction: column !important;
  gap: 4px !important;
}
html[data-theme="light"] .mk-brand img,
html[data-theme="light"] .mk-brand .mk-brand-logo {
  width: 46px !important;
  height: 46px !important;
  border-radius: 13px !important;
  box-shadow: 0 6px 18px -6px rgba(24,43,77,0.2) !important;
  border: 1px solid rgba(24,43,77,0.21) !important;
  object-fit: cover !important;
}
html[data-theme="light"] .mk-brand .mk-brand-name {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: rgb(114,120,134) !important;
  letter-spacing: .2px !important;
}
html[data-theme="light"] .nav-btn:hover {
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt) !important;
}
html[data-theme="light"] .nav-btn.active {
  background: var(--mk-grad-accent) !important;
  color: rgb(114,120,134) !important;
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: var(--mk-glow) !important;
}
html[data-theme="light"] .nav-btn.active svg,
html[data-theme="light"] .nav-btn.active .nav-label {
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .sidebar .header-logout {
  height: 42px !important;
  margin-top: 6px !important;
  border-radius: 10px !important;
  background: rgba(239, 68, 68, .1) !important;
  border: 1px solid rgba(24,43,77,0.22) !important;
  color: rgb(185,28,28) !important;
  font-size: 14px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 12px !important;
}
html[data-theme="light"] .mk-statrow .mk-stat-num {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: rgb(114,120,134) !important;
  line-height: 1.1 !important;
  font-variant-numeric: tabular-nums !important;
}
html[data-theme="light"] .mk-statrow .mk-stat.is-on .mk-stat-num {
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .filter-chip,
html[data-theme="light"] .date-filter-control,
html[data-theme="light"] .table-area .toolbar button {
  height: 32px !important;
  border-radius: 999px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-txt-2) !important;
  font-size: 12.5px !important;
  padding: 0 13px !important;
}
html[data-theme="light"] .filter-chip.is-active,
html[data-theme="light"] .filter-chip.active {
  background: var(--mk-grad-blue) !important;
  border-color: transparent !important;
  color: rgb(114,120,134) !important;
  box-shadow: 0 6px 18px -10px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .mk-viewtoggle button {
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-txt-2) !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
}
html[data-theme="light"] .mk-viewtoggle button.is-active {
  background: rgba(124, 92, 240, .22) !important;
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(109,40,217) !important;
}
html[data-theme="light"] table.mk-cards > tbody > tr {
  grid-template-columns: 86px minmax(0, 1fr) auto !important;
  grid-auto-rows: min-content !important;
  align-items: start !important;
  column-gap: 12px !important;
  row-gap: 1px !important;
  padding: 12px 14px 11px !important;
  background: linear-gradient(160deg, rgba(255,255,255,0.93), rgba(255,255,255,0.97)) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: var(--mk-radius) !important;
  box-shadow: var(--mk-shadow) !important;
  position: relative !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(2) .dev-id-num {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgb(114,120,134) !important;
  letter-spacing: .2px !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(3) > div {
  width: 78px !important;
  height: 148px !important;
  border-radius: 11px !important;
  border: 1px solid rgba(24,43,77,0.21) !important;
  background: linear-gradient(170deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  box-shadow: inset 0 0 0 1px rgba(24,43,77,0.06), 0 8px 20px -14px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] table.mk-cards tbody button {
  height: 26px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-txt-2) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
}
html[data-theme="light"] table.mk-cards tbody button:hover {
  color: rgb(114,120,134) !important;
  border-color: var(--mk-line-hi) !important;
}
html[data-theme="light"] table.mk-cards .status-dot.on {
  background: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] table.mk-cards .tag {
  background: rgba(59, 130, 246, .14) !important;
  border-color: rgba(24,43,77,0.26) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area table:not(.mk-cards) thead th {
  background: rgba(24,43,77,0.04) !important;
  color: var(--mk-txt-3) !important;
  border-bottom: 1px solid var(--mk-line) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .table-area table:not(.mk-cards) tbody td {
  border-bottom: 1px solid rgba(24,43,77,0.1) !important;
  color: var(--mk-txt) !important;
  font-size: 13px !important;
}
html[data-theme="light"] .table-area table:not(.mk-cards) tbody tr:hover td {
  background: rgba(24,43,77,0.04) !important;
}
html[data-theme="light"] .table-area input:not(.search-box),
html[data-theme="light"] .table-area select,
html[data-theme="light"] .table-area textarea {
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: var(--mk-radius-sm) !important;
  color: var(--mk-txt) !important;
}
html[data-theme="light"] .table-area input:focus,
html[data-theme="light"] .table-area select:focus,
html[data-theme="light"] .table-area textarea:focus {
  border-color: var(--mk-line-hi) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .table-area button.ant-btn-primary,
html[data-theme="light"] .table-area .btn-primary,
html[data-theme="light"] .table-area button[class*="primary"] {
  background: var(--mk-grad-blue) !important;
  border-color: transparent !important;
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .dev-pagination button,
html[data-theme="light"] .dev-pagination .page-btn {
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 8px !important;
  color: var(--mk-txt-2) !important;
}
html[data-theme="light"] .dev-pagination button.is-active,
html[data-theme="light"] .dev-pagination .active {
  background: var(--mk-grad-accent) !important;
  color: rgb(114,120,134) !important;
  border-color: transparent !important;
}
html[data-theme="light"] .auth-card,
html[data-theme="light"] .auth-form-card,
html[data-theme="light"] .auth-panel {
  background: rgba(255,255,255,0.97) !important;
  border: 1px solid rgba(24,43,77,0.22) !important;
  border-radius: 18px !important;
  box-shadow: 0 30px 70px -30px rgba(24,43,77,0.26) !important;
  backdrop-filter: blur(16px) !important;
  width: min(420px, 92vw) !important;
}
html[data-theme="light"] .auth-card h1,
html[data-theme="light"] .auth-title {
  color: rgb(114,120,134) !important;
  font-weight: 800 !important;
  letter-spacing: .3px !important;
}
html[data-theme="light"] .auth-card input {
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 10px !important;
  color: rgb(114,120,134) !important;
  height: 42px !important;
}
html[data-theme="light"] .auth-card button[type="submit"],
html[data-theme="light"] .auth-submit {
  background: var(--mk-grad-blue) !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: rgb(114,120,134) !important;
  height: 44px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 30px -16px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .auth-brand-panel {
  width: 100% !important;
  padding: 22px 24px !important;
  background: rgba(255,255,255,0.87) !important;
  border: 1px solid rgba(24,43,77,0.21) !important;
  border-radius: 18px !important;
  box-shadow: 0 26px 60px -34px rgba(24,43,77,0.26) !important;
  order: 1 !important;
}
html[data-theme="light"] .auth-brand-panel h1,
html[data-theme="light"] .auth-brand-panel h2,
html[data-theme="light"] .auth-brand-panel .auth-hero-title {
  font-size: 26px !important;
  line-height: 1.3 !important;
  color: rgb(114,120,134) !important;
  margin: 6px 0 10px !important;
  letter-spacing: .2px !important;
}
html[data-theme="light"] .mk-statrow .mk-stat-ico {
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-statrow .mk-stat.is-on .mk-stat-ico {
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .mk-dark:not([style*="z-index: 9999"] *):where(:not([style*="background"])),
html[data-theme="light"] .mk-dark *:not(svg):not(path):not([style*="z-index: 9999"] *):where(:not([style*="background"])) {
  background: var(--mk-slab, rgba(24,43,77,0.05)) !important;
  background-image: none !important;
  color: var(--mk-txt) !important;
  border-color: var(--mk-line) !important;
}
html[data-theme="light"] input.mk-dark:not([style*="z-index: 9999"] *),
html[data-theme="light"] textarea.mk-dark:not([style*="z-index: 9999"] *),
html[data-theme="light"] select.mk-dark:not([style*="z-index: 9999"] *) {
  background: rgba(24,43,77,0.06) !important;
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .ctrl-topbar {
  min-height: 58px !important;
  height: auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.81)) !important;
  border-bottom: 1px solid var(--mk-line) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  position: relative !important;
  z-index: 60 !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-back {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt) !important;
  font-size: 15px !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-note-box {
  background: rgba(255,255,255,0.77) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 10px !important;
  padding: 2px 6px !important;
  height: 34px !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-note-save {
  border-radius: 10px !important;
  border: none !important;
  background: var(--mk-grad-blue) !important;
  color: rgb(114,120,134) !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .ctrl-tags > * {
  border-radius: 999px !important;
  padding: 3px 10px !important;
  font-size: 12px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-txt-2) !important;
  white-space: nowrap !important;
}
html[data-theme="light"] .ctrl-topbar-btn {
  border-radius: 10px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt) !important;
  font-weight: 600 !important;
  min-height: 26px !important;
}
html[data-theme="light"] .ctrl-topbar-btn.danger {
  background: linear-gradient(180deg, rgba(239, 68, 68, .22), rgba(239, 68, 68, .12)) !important;
  border-color: rgba(24,43,77,0.32) !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .mk-ctl-brand {
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 12px !important;
  border-radius: 11px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-txt) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
}
html[data-theme="light"] .mk-ctl-brand i {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: var(--mk-green) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .mk-ctl-clock {
  margin-left: auto !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-family: ui-monospace, Consolas, monospace !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-accent-2) !important;
  white-space: nowrap !important;
}
html[data-theme="light"] .ctrl-nav-item {
  border-radius: 9px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.04) !important;
  color: var(--mk-txt-2) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  text-align: center !important;
  padding: 9px 6px !important;
  cursor: pointer !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .16s ease, color .16s ease, border-color .16s ease !important;
}
html[data-theme="light"] .ctrl-nav-item:hover {
  background: rgba(24,43,77,0.08) !important;
  color: var(--mk-txt) !important;
}
html[data-theme="light"] .ctrl-nav-item.active {
  background: var(--mk-grad-accent) !important;
  border-color: transparent !important;
  color: rgb(114,120,134) !important;
  box-shadow: var(--mk-glow) !important;
}
html[data-theme="light"] .ctrl-side-group-title::before {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 2px !important;
  background: var(--mk-accent) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .ctrl-side-btn {
  width: 100% !important;
  min-height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  transition: filter .16s ease, background .16s ease !important;
}
html[data-theme="light"] .ctrl-side-btn.is-primary {
  background: linear-gradient(180deg, rgba(47, 107, 255, .26), rgba(47, 107, 255, .14)) !important;
  border-color: rgba(24,43,77,0.32) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-side-btn.is-success {
  background: linear-gradient(180deg, rgba(34, 197, 94, .24), rgba(34, 197, 94, .12)) !important;
  border-color: rgba(74, 222, 128, .42) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .ctrl-side-btn.is-danger {
  background: linear-gradient(180deg, rgba(239, 68, 68, .24), rgba(239, 68, 68, .12)) !important;
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .ctrl-side-btn.is-dark {
  background: rgba(255,255,255,0.77) !important;
  border-color: rgba(24,43,77,0.18) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .c2-float-panel {
  background: linear-gradient(165deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  border: 1px solid var(--mk-line-hi) !important;
  border-radius: 14px !important;
  box-shadow: var(--mk-shadow) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
html[data-theme="light"] .c2-float-title {
  background: rgba(24,43,77,0.04) !important;
  border-bottom: 1px solid var(--mk-line) !important;
  border-radius: 14px 14px 0 0 !important;
  color: var(--mk-txt) !important;
}
html[data-theme="light"] .c2-float-count,
html[data-theme="light"] .c2-pwd-type-pill {
  border-radius: 999px !important;
  background: rgba(124, 92, 240, .18) !important;
  color: var(--mk-accent-2) !important;
  border: 1px solid rgba(24,43,77,0.22) !important;
}
html[data-theme="light"] .c2-float-close,
html[data-theme="light"] .c2-pwd-filter-btn,
html[data-theme="light"] .c2-pwd-btn {
  border-radius: 9px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt-2) !important;
}
html[data-theme="light"] .c2-pwd-filter-btn.active,
html[data-theme="light"] .c2-pwd-btn.primary {
  background: var(--mk-grad-accent) !important;
  border-color: transparent !important;
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .c2-pwd-btn.secondary {
  background: linear-gradient(180deg, rgba(47, 107, 255, .26), rgba(47, 107, 255, .14)) !important;
  border-color: rgba(24,43,77,0.32) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-frame {
  background: rgba(255,255,255,0.79) !important;
  border: 1px solid var(--mk-line) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
}
html[data-theme="light"] .mk-frame-pill {
  border-radius: 999px !important;
  border: 1px solid var(--mk-line) !important;
  padding: 2px 10px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
  background: rgba(24,43,77,0.04) !important;
  color: var(--mk-txt-2) !important;
}
html[data-theme="light"] .mk-frame-pill.is-on {
  background: rgba(34, 197, 94, .16) !important;
  border-color: rgba(24,43,77,0.3) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .mk-frame-btn {
  border-radius: 9px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  cursor: pointer !important;
}
html[data-theme="light"] .mk-frame-btn.is-primary {
  background: linear-gradient(180deg, rgba(47, 107, 255, .28), rgba(47, 107, 255, .14)) !important;
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-frame-btn.is-accent {
  background: var(--mk-grad-accent) !important;
  border-color: transparent !important;
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .mk-switch {
  position: relative !important;
  width: 40px !important;
  height: 22px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: rgba(24,43,77,0.11) !important;
  border: 1px solid var(--mk-line) !important;
  cursor: pointer !important;
}
html[data-theme="light"] .mk-switch input:checked + i {
  left: 21px !important;
  background: #7c5cf0 !important;
  box-shadow: 0 0 10px rgba(24,43,77,0.21) !important;
}
html[data-theme="light"] .mk-frame-screen {
  flex: 1 1 auto !important;
  min-height: 320px !important;
  border-radius: 12px !important;
  border: 1px solid var(--mk-line) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.99)) !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-theme="light"] .mk-ctl-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 34px !important;
  border-radius: 10px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(255,255,255,0.77) !important;
  color: var(--mk-txt) !important;
  padding: 0 10px !important;
  font-size: 12.5px !important;
}
html[data-theme="light"] .mk-ctl-send {
  height: 34px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  border: none !important;
  background: var(--mk-grad-blue) !important;
  color: rgb(114,120,134) !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  cursor: pointer !important;
}
html[data-theme="light"] .mk-ctl-navkeys button {
  min-width: 42px !important;
  height: 36px !important;
  border-radius: 10px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
html[data-theme="light"] .mk-ctl-navkeys .mk-nav-acc {
  width: auto !important;
  padding: 0 14px !important;
  font-size: 12.5px !important;
  color: rgb(47,92,173) !important;
}
/* [R52] 关闭无障碍（浅色主题） */
html[data-theme="light"] .mk-ctl-navkeys .mk-nav-acc-off {
  width: auto !important;
  padding: 0 14px !important;
  font-size: 12.5px !important;
  color: rgb(176,58,58) !important;
}
html[data-theme="light"] .mk-ctl-aitab {
  background: linear-gradient(180deg, rgba(47, 107, 255, .2), rgba(47, 107, 255, .1)) !important;
  color: rgb(47,92,173) !important;
  border-color: rgba(24,43,77,0.29) !important;
}
html[data-theme="light"] .mk-ctl-aitab.active {
  background: var(--mk-grad-accent) !important;
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .mk-frame {
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.99)) !important;
  border: 1px solid var(--mk-line-hi) !important;
  border-radius: 22px !important;
  padding: 8px !important;
  gap: 8px !important;
  box-shadow: 0 20px 44px -26px rgba(24,43,77,0.26), inset 0 1px 0 rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .mk-frame-screen {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 9 / 16 !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 15px !important;
  border: 1px solid rgba(24,43,77,0.14) !important;
  background: rgba(255,255,255,0.99) !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-theme="light"] .mk-frame-screen::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  top: 7px !important;
  width: 76px !important;
  height: 5px !important;
  margin-left: -38px !important;
  border-radius: 999px !important;
  background: rgba(24,43,77,0.13) !important;
  pointer-events: none !important;
}
html[data-theme="light"] .mk-frame-screen::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 15px !important;
  pointer-events: none !important;
  box-shadow: inset 0 0 0 1px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .mk-frame.mk-has-dock .mk-frame-screen {
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(24,43,77,0.09), 0 0 26px -8px rgba(24,43,77,0.14) !important;
}
html[data-theme="light"] .mk-frame-select {
  flex: 0 0 auto !important;
  height: 26px !important;
  line-height: 24px !important;
  border-radius: 9px !important;
  padding: 0 8px !important;
  cursor: pointer !important;
  background: rgba(255,255,255,0.97) !important;
  border: 1px solid var(--mk-line) !important;
  color: var(--mk-txt) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: none !important;
}
html[data-theme="light"] .mk-frame-select option {
  background: rgba(255,255,255,0.99) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-frame.mk-has-dock .mk-frame-screen {
  box-shadow: inset 0 0 0 1px rgba(24,43,77,0.09) !important;
}
html[data-theme="light"] .mk-ctl-navkeys button:hover {
  background: rgba(47, 107, 255, .20) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-ctl-navkeys button.is-hit {
  background: var(--mk-grad-accent) !important;
  color: rgb(114,120,134) !important;
  transform: translateY(1px) !important;
}
html[data-theme="light"] .ctrl-action-panel .ctrl-side-group-title::before {
  width: 6px !important;
  height: 6px !important;
  box-shadow: 0 0 0 2px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .mk-reader-ctl .mk-rc-btn {
  min-width: 30px !important;
  height: 24px !important;
  padding: 0 7px !important;
  border-radius: 8px !important;
  border: 1px solid var(--mk-line) !important;
  background: rgba(24,43,77,0.05) !important;
  color: var(--mk-txt) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}
html[data-theme="light"] .mk-reader-ctl .mk-rc-btn:hover {
  background: rgba(47, 107, 255, .22) !important;
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-reader-ctl .mk-rc-btn:active {
  background: var(--mk-grad-accent) !important;
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .mk-reader-ctl .mk-rc-sep {
  flex: 1 1 auto !important;
  min-width: 6px !important;
  height: 1px !important;
  background: rgba(24,43,77,0.09) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-section h3 {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .09em !important;
  color: var(--mk-txt-2) !important;
  text-transform: none !important;
  padding: 0 0 8px 11px !important;
  margin: 0 0 10px !important;
  position: relative !important;
  border-bottom: 1px solid rgba(24,43,77,0.11) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-section h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 3px !important;
  width: 3px !important;
  height: 12px !important;
  border-radius: 2px !important;
  background: var(--mk-grad-accent) !important;
  box-shadow: 0 0 8px rgba(24,43,77,0.15) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn {
  min-height: 70px !important;
  width: 100% !important;
  border-radius: 13px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 9px 6px !important;
  cursor: pointer !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
  text-align: center !important;
  color: var(--mk-txt) !important;
  background: linear-gradient(180deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  border: 1px solid rgba(24,43,77,0.2) !important;
  box-shadow: inset 0 1px 0 rgba(24,43,77,0.06), 0 8px 18px -14px rgba(24,43,77,0.26) !important;
  transition: transform .12s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: inset 0 1px 0 rgba(24,43,77,0.06), 0 14px 26px -16px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  background: rgba(24,43,77,0.06) !important;
  border: 1px solid rgba(24,43,77,0.11) !important;
  box-shadow: inset 0 1px 0 rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.success {
  background: linear-gradient(180deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  border-color: rgba(74, 222, 128, .44) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.danger {
  background: linear-gradient(180deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  border-color: rgba(24,43,77,0.33) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.danger .ctrl-cmd-icon {
  background: rgba(239, 68, 68, .15) !important;
  border-color: rgba(24,43,77,0.22) !important;
}
html[data-theme="light"] .mk-reader-ctl {
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  flex: 0 0 auto !important;
  min-height: 40px !important;
  box-sizing: border-box !important;
  border-radius: 13px !important;
  border: 1px solid var(--mk-line) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,255,255,0.85)) !important;
  box-shadow: inset 0 1px 0 rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn {
  position: relative !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  text-align: left !important;
  min-height: 54px !important;
  width: 100% !important;
  padding: 9px 14px !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  background: rgba(255,255,255,0.79) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: background .16s ease, border-color .16s ease, transform .12s ease !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn::after {
  content: "" !important;
  position: absolute !important;
  right: 13px !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  margin-top: -4px !important;
  border-right: 1.6px solid rgba(24,43,77,0.23) !important;
  border-top: 1.6px solid rgba(24,43,77,0.23) !important;
  transform: rotate(45deg) !important;
  opacity: 0 !important;
  transition: opacity .16s ease, right .16s ease !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn:hover {
  background: rgba(252,253,255,0.98) !important;
  border-color: rgba(24,43,77,0.34) !important;
  transform: translateY(-1px) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-icon {
  position: relative !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: rgb(47,92,173) !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid rgba(24,43,77,0.11) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.success {
  background: rgba(255,255,255,0.77) !important;
  border-color: rgba(74, 222, 128, .3) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.success .ctrl-cmd-icon {
  color: rgb(21,128,61) !important;
  background: rgba(74, 222, 128, .1) !important;
  border-color: rgba(74, 222, 128, .24) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.danger {
  background: rgba(255,255,255,0.77) !important;
  border-color: rgba(24,43,77,0.22) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.danger .ctrl-cmd-icon {
  color: rgb(185,28,28) !important;
  background: rgba(239, 68, 68, .1) !important;
  border-color: rgba(24,43,77,0.18) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-section > h3 {
  color: rgb(47,92,173) !important;
  letter-spacing: .04em !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn {
  position: relative !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  text-align: left !important;
  min-height: 56px !important;
  padding: 10px 16px 10px 18px !important;
  border-radius: 14px !important;
  cursor: pointer !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: .01em !important;
  color: rgb(47,92,173) !important;
  background-color: rgba(255,255,255,0.85) !important;
  background-image: linear-gradient(180deg, rgba(var(--tbsec), .13), rgba(var(--tbsec), 0) 78%) !important;
  border: 1px solid rgba(var(--tbsec), .26) !important;
  box-shadow: inset 0 1px 0 rgba(24,43,77,0.06), 0 2px 10px rgba(24,43,77,0.07) !important;
  overflow: hidden !important;
  transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .12s ease !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn:hover {
  background-color: rgba(255,255,255,0.99) !important;
  border-color: rgba(var(--tbsec), .58) !important;
  box-shadow: inset 0 1px 0 rgba(24,43,77,0.06), 0 8px 20px rgba(var(--tbsec), .18) !important;
  transform: translateY(-1px) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn .ctrl-cmd-icon {
  position: relative !important;
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: rgb(var(--tbsec)) !important;
  background-color: rgba(var(--tbsec), .14) !important;
  background-image: linear-gradient(180deg, rgba(24,43,77,0.13), rgba(24,43,77,0)) !important;
  border: 1px solid rgba(var(--tbsec), .32) !important;
  box-shadow: inset 0 1px 0 rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn::after {
  border-color: rgba(24,43,77,0.34) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn:hover {
  background-color: var(--mkn-bg-hi) !important;
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn .ctrl-cmd-icon {
  flex: 0 0 30px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
  color: rgb(47,92,173) !important;
  background-color: rgba(146, 178, 224, .06) !important;
  background-image: none !important;
  border: 1px solid rgba(24,43,77,0.1) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn:hover .ctrl-cmd-icon {
  color: rgb(47,92,173) !important;
  background-color: rgba(110, 168, 255, .14) !important;
  border-color: rgba(24,43,77,0.24) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.success {
  background-color: rgba(255,255,255,0.75) !important;
  border-color: rgba(24,43,77,0.18) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.success .ctrl-cmd-icon {
  color: rgb(21,128,61) !important;
  background-color: rgba(88, 196, 132, .08) !important;
  border-color: rgba(24,43,77,0.15) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.danger {
  background-color: rgba(255,255,255,0.75) !important;
  border-color: rgba(24,43,77,0.18) !important;
}
html[data-theme="light"] .ctrl-content .ctrl-cmd-btn.danger .ctrl-cmd-icon {
  color: rgb(185,28,28) !important;
  background-color: rgba(232, 110, 110, .08) !important;
  border-color: rgba(24,43,77,0.15) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-group {
  background: rgba(255,255,255,0.63) !important;
  border: 1px solid var(--mkn-line) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn {
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 8px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: rgb(47,92,173) !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--mkn-line) !important;
  box-shadow: none !important;
  filter: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn:hover {
  background: var(--mkn-bg-hi) !important;
  border-color: rgba(24,43,77,0.32) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn:hover .mk-i {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-primary {
  background: linear-gradient(180deg, rgba(110, 168, 255, .2), rgba(110, 168, 255, .07)) !important;
  border-color: rgba(24,43,77,0.3) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-primary .mk-i {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-success {
  background: linear-gradient(180deg, rgba(88, 196, 132, .18), rgba(88, 196, 132, .06)) !important;
  border-color: rgba(24,43,77,0.27) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-success .mk-i {
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-danger {
  background: linear-gradient(180deg, rgba(232, 110, 110, .18), rgba(232, 110, 110, .06)) !important;
  border-color: rgba(24,43,77,0.27) !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-danger .mk-i {
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-dark {
  background: rgba(255,255,255,0.67) !important;
  border-color: rgba(24,43,77,0.14) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-sidebar > .ctrl-nav-item {
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 8px !important;
  border-radius: 9px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  letter-spacing: .02em !important;
  color: rgb(47,92,173) !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--mkn-line) !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-sidebar > .ctrl-nav-item:hover {
  background: var(--mkn-bg-hi) !important;
  color: rgb(47,92,173) !important;
  border-color: rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.active {
  background: linear-gradient(180deg, rgba(110, 168, 255, .24), rgba(110, 168, 255, .09)) !important;
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(47,92,173) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-sidebar > .ctrl-nav-item.active .mk-i {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-note-box,
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn,
html[data-theme="light"] .ctrl-topbar .ctrl-ai-cb {
  align-items: center !important;
  gap: 5px !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: rgb(47,92,173) !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--mkn-line) !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-ai-cb:hover,
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn:hover,
html[data-theme="light"] .ctrl-topbar .ctrl-note-box:hover {
  background: var(--mkn-bg-hi) !important;
  border-color: rgba(24,43,77,0.27) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-ai-cb .mk-i,
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn .mk-i,
html[data-theme="light"] .ctrl-topbar .ctrl-note-save .mk-i {
  width: 13px !important;
  height: 13px !important;
  flex: 0 0 13px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-ai-cb:hover .mk-i {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-back .mk-i {
  width: 15px !important;
  height: 15px !important;
  flex: 0 0 15px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-note-save .mk-i {
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn.danger {
  font-size: 0 !important;
  gap: 6px !important;
  padding: 0 11px !important;
  background: rgba(24,43,77,0.04) !important;
  border-color: var(--mkn-line) !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn.danger .mk-i {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn.danger:hover {
  background: rgba(232, 110, 110, .13) !important;
  border-color: rgba(24,43,77,0.34) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn.danger:hover .mk-i {
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn.danger:nth-last-child(2):hover::after,
html[data-theme="light"] .ctrl-topbar .ctrl-topbar-btn.danger:last-child:hover::after {
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame {
  background: rgba(255,255,255,0.67) !important;
  border: 1px solid var(--mkn-line) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame-title {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: .02em !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame-pill {
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--mkn-line) !important;
  color: rgb(47,92,173) !important;
  font-size: 10.5px !important;
  padding: 2px 9px !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame-pill.is-on {
  background: rgba(88, 196, 132, .14) !important;
  border-color: rgba(24,43,77,0.26) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame-btn {
  height: 28px !important;
  padding: 0 13px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mkn-line) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame-btn.is-primary {
  background: linear-gradient(180deg, rgba(110, 168, 255, .24), rgba(110, 168, 255, .09)) !important;
  border-color: rgba(24,43,77,0.32) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame-mode {
  font-size: 11px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-frame-select {
  height: 28px !important;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mkn-line) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-ctl-readers .mk-switch {
  background: rgba(24,43,77,0.09) !important;
  border: 1px solid var(--mkn-line) !important;
}
html[data-theme="light"] .ctrl-layout .mk-ctl-left > .mk-ctl-readers > .mk-reader-ctl {
  border-radius: 11px !important;
  background: rgba(255,255,255,0.73) !important;
  border: 1px solid var(--mkn-line) !important;
  box-shadow: none !important;
  padding: 6px 10px !important;
  gap: 6px !important;
  min-height: 38px !important;
}
html[data-theme="light"] .mk-reader-ctl .mk-rc-btn {
  height: 26px !important;
  min-width: 32px !important;
  padding: 0 10px !important;
  border-radius: 7px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--mkn-line) !important;
  color: rgb(47,92,173) !important;
  cursor: pointer !important;
}
html[data-theme="light"] .mk-reader-ctl .mk-rc-btn:hover {
  background: rgba(110, 168, 255, .16) !important;
  border-color: rgba(24,43,77,0.3) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-reader-ctl .mk-rc-val {
  font-size: 11.5px !important;
  color: rgb(47,92,173) !important;
  padding: 0 2px !important;
}
html[data-theme="light"] .mk-ctl-input-label {
  font-size: 11.5px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-ctl-text {
  height: 32px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  background: rgba(255,255,255,0.75) !important;
  border: 1px solid var(--mkn-line) !important;
  color: var(--mkn-txt) !important;
}
html[data-theme="light"] .mk-ctl-text:focus {
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
  outline: none !important;
}
html[data-theme="light"] .ctrl-layout .mk-ctl-left > .mk-ctl-navkeys {
  align-self: center !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 10px auto 0 !important;
  padding: 7px 10px !important;
  gap: 7px !important;
  flex-wrap: nowrap !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,0.73) !important;
  border: 1px solid var(--mkn-line) !important;
}
html[data-theme="light"] .ctrl-layout .mk-ctl-left > .mk-ctl-navkeys button {
  width: 44px !important;
  min-width: 44px !important;
  height: 34px !important;
  border-radius: 9px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  color: rgb(47,92,173) !important;
  filter: none !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--mkn-line) !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
html[data-theme="light"] .ctrl-layout .mk-ctl-left > .mk-ctl-navkeys button:hover {
  background: rgba(110, 168, 255, .16) !important;
  border-color: rgba(24,43,77,0.3) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout .mk-ctl-left > .mk-ctl-navkeys .mk-nav-acc {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 14px !important;
  font-size: 11.5px !important;
  color: rgb(47,92,173) !important;
  gap: 6px !important;
}
/* [R52] 关闭无障碍（浅色主题） */
html[data-theme="light"] .ctrl-layout .mk-ctl-left > .mk-ctl-navkeys .mk-nav-acc-off {
  width: auto !important;
  min-width: 0 !important;
  padding: 0 14px !important;
  font-size: 11.5px !important;
  color: rgb(176,58,58) !important;
  gap: 6px !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-ai-cb:hover .mk-i {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-ai-cb:has(input:checked) {
  background: rgba(110, 168, 255, .15) !important;
  border-color: rgba(24,43,77,0.33) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-topbar .ctrl-ai-cb:has(input:checked) .mk-i {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-primary {
  background: rgba(110, 168, 255, .10) !important;
  border-color: rgba(24,43,77,0.2) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.is-primary:hover {
  background: rgba(110, 168, 255, .2) !important;
  border-color: rgba(24,43,77,0.34) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab {
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  align-content: center !important;
  justify-items: start !important;
  column-gap: 10px !important;
  row-gap: 1px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
  background: linear-gradient(160deg, rgba(252,253,255,0.86), rgba(255,255,255,0.69)) !important;
  box-shadow: 0 12px 30px -22px rgba(24,43,77,0.26), inset 0 1px 0 rgba(24,43,77,0.06) !important;
  color: rgb(47,92,173) !important;
  transform: none !important;
  cursor: pointer !important;
  transition: border-color .16s ease, background .16s ease !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab:hover {
  transform: none !important;
  border-color: rgba(24,43,77,0.32) !important;
  background: linear-gradient(160deg, rgba(252,253,255,0.94), rgba(255,255,255,0.77)) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab .fgp-fab-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 36px !important;
  height: 36px !important;
  padding: 9px !important;
  box-sizing: border-box !important;
  border-radius: 11px !important;
  background: rgba(110, 168, 255, .15) !important;
  color: rgb(47,92,173) !important;
  position: static !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab::before {
  content: "设备分组" !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  color: rgb(47,92,173) !important;
  line-height: 1.25 !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab .fgp-fab-tip {
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  grid-column: 2 !important;
  grid-row: 2 !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: rgb(47,92,173) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}
html[data-theme="light"] .table-area > .fgp-root > .fgp-panel {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  height: auto !important;
  border-radius: 16px !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.89), rgba(255,255,255,0.81)) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  box-shadow: 0 24px 54px -34px rgba(24,43,77,0.26), inset 0 1px 0 rgba(24,43,77,0.06) !important;
  animation: none !important;
  overflow: hidden !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-head {
  padding: 11px 12px 10px !important;
  gap: 8px !important;
  background: linear-gradient(180deg, rgba(110, 168, 255, .10), rgba(110, 168, 255, 0)) !important;
  border-bottom: 1px solid rgba(24,43,77,0.1) !important;
  cursor: default !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-title {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: .2px !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-sub {
  font-size: 11px !important;
  color: rgb(47,92,173) !important;
  margin-top: 2px !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-icon-btn {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid rgba(24,43,77,0.11) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-icon-btn:hover {
  background: rgba(110, 168, 255, .18) !important;
  color: rgb(47,92,173) !important;
  border-color: rgba(24,43,77,0.32) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-item {
  border-radius: 10px !important;
  padding: 9px 10px !important;
  margin-bottom: 5px !important;
  background: rgba(24,43,77,0.02) !important;
  border: 1px solid rgba(24,43,77,0.1) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-item:hover {
  background: rgba(110, 168, 255, .10) !important;
  border-color: rgba(24,43,77,0.21) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-item.is-active {
  background: color-mix(in srgb, var(--fgp-active, #6ea8ff) 16%, rgba(255,255,255,0.91)) !important;
  border-color: color-mix(in srgb, var(--fgp-active, rgba(24,43,77,0.34)) 46%, transparent) !important;
  box-shadow: inset 3px 0 0 0 var(--fgp-active, rgba(24,43,77,0.26)) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-dot {
  width: 9px !important;
  height: 9px !important;
  box-shadow: 0 0 0 2px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-count {
  background: rgba(24,43,77,0.06) !important;
  color: rgb(47,92,173) !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  padding: 1px 8px !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-more:hover {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-menu {
  background: rgba(255,255,255,0.99) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 38px -20px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-menu button {
  color: rgb(47,92,173) !important;
  font-size: 12px !important;
  border-radius: 7px !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-menu button.danger {
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-foot {
  background: linear-gradient(0deg, rgba(110, 168, 255, .06), rgba(110, 168, 255, 0)) !important;
  border-top: 1px solid rgba(24,43,77,0.1) !important;
  padding: 10px 12px 12px !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-move-label {
  color: rgb(47,92,173) !important;
  font-size: 11px !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-move-label b {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-chip {
  background: color-mix(in srgb, var(--chip, #6ea8ff) 14%, rgba(255,255,255,0.77)) !important;
  border: 1px solid color-mix(in srgb, var(--chip, rgba(24,43,77,0.34)) 38%, transparent) !important;
  color: #dbe7f8 !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-chip-out {
  color: rgb(161,98,7) !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-create {
  width: 100% !important;
  padding: 10px 12px !important;
  gap: 7px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, #4f86e8 0%, #2f5fd0 100%) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 26px -16px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .modal-overlay.show {
  background: radial-gradient(120% 120% at 50% 0%, rgba(24,43,77,0.31), rgba(24,43,77,0.37)) !important;
  -webkit-backdrop-filter: blur(7px) saturate(1.1) !important;
  backdrop-filter: blur(7px) saturate(1.1) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal {
  width: 440px !important;
  max-width: calc(100vw - 40px) !important;
  padding: 18px 20px 20px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(24,43,77,0.14) !important;
  background: linear-gradient(180deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  box-shadow: 0 36px 84px -36px rgba(24,43,77,0.26), inset 0 1px 0 rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal h3 {
  margin: 0 0 14px !important;
  padding: 0 0 12px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: .3px !important;
  border-bottom: 1px solid rgba(24,43,77,0.1) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal > button {
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid rgba(24,43,77,0.11) !important;
  color: rgb(47,92,173) !important;
  border-radius: 9px !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-hero {
  border: 1px solid rgba(24,43,77,0.11) !important;
  border-radius: 14px !important;
  padding: 14px 14px 12px !important;
  margin: 0 0 16px !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-preview {
  background: rgba(255,255,255,0.79) !important;
  border: 1px solid rgba(24,43,77,0.11) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
  padding: 10px 12px !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-preview-name {
  color: rgb(47,92,173) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-preview-count {
  background: rgba(24,43,77,0.07) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-label {
  color: rgb(47,92,173) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin-bottom: 7px !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-input {
  background: rgba(255,255,255,0.87) !important;
  border: 1px solid rgba(24,43,77,0.14) !important;
  border-radius: 11px !important;
  color: rgb(47,92,173) !important;
  padding: 11px 13px !important;
  font-size: 13px !important;
  margin-bottom: 0 !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-input:focus {
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
  background: rgba(255,255,255,0.97) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-err {
  color: rgb(185,28,28) !important;
  font-size: 11px !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-swatch {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  border: 2px solid transparent !important;
  box-shadow: inset 0 0 0 2px rgba(24,43,77,0.09) !important;
  transition: transform .12s ease, box-shadow .12s ease !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-swatch.is-on {
  transform: scale(1.08) !important;
  box-shadow: 0 0 0 2px rgba(24,43,77,0.26), 0 0 0 4px rgba(24,43,77,0.24) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-btn-ghost {
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-btn-ghost:hover {
  background: rgba(24,43,77,0.09) !important;
}
html[data-theme="light"] .modal-overlay.show > .modal .gge-btn-primary {
  box-shadow: 0 12px 26px -16px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .table-area .mk-statrow .mk-stat-ico {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 11px !important;
  background: rgba(110, 168, 255, .13) !important;
  border: 1px solid rgba(24,43,77,0.13) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area .mk-statrow .mk-stat.is-on .mk-stat-ico {
  background: rgba(74, 222, 128, .12) !important;
  border-color: rgba(74, 222, 128, .2) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .table-area .mk-statrow .mk-stat.is-off .mk-stat-ico {
  background: rgba(148, 163, 184, .11) !important;
  border-color: rgba(24,43,77,0.13) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area .mk-statrow .mk-stat.is-warn .mk-stat-ico {
  background: rgba(251, 191, 36, .12) !important;
  border-color: rgba(251, 191, 36, .2) !important;
  color: rgb(161,98,7) !important;
}
html[data-theme="light"] .table-area .mk-viewtoggle button {
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid rgba(24,43,77,0.11) !important;
  color: rgb(47,92,173) !important;
  font-size: 0 !important;
  transition: background .16s ease, border-color .16s ease, color .16s ease !important;
}
html[data-theme="light"] .table-area .mk-viewtoggle button:hover {
  background: rgba(110, 168, 255, .12) !important;
  border-color: rgba(24,43,77,0.3) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .table-area .mk-viewtoggle button.is-active {
  background: rgba(110, 168, 255, .18) !important;
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(47,92,173) !important;
  box-shadow: 0 8px 18px -12px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .table-area td[data-label="壁纸"] > div::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: linear-gradient(148deg, rgba(24,43,77,0.13) 0%, rgba(24,43,77,0.02) 24%, rgba(24,43,77,0) 50%) !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(3) > div {
  width: 78px !important;
  height: 148px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(24,43,77,0.2) !important;
  background: linear-gradient(170deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  box-shadow: inset 0 0 0 1px rgba(24,43,77,0.06), 0 14px 28px -20px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(22) button {
  padding: 4px 11px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  background: rgba(24,43,77,0.05) !important;
  color: rgb(47,92,173) !important;
  transition: background .15s ease, color .15s ease, border-color .15s ease !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(22) button:hover {
  background: rgba(24,43,77,0.11) !important;
  color: rgb(47,92,173) !important;
  border-color: rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(22) button:last-child {
  border-color: rgba(24,43,77,0.21) !important;
  background: rgba(255, 110, 130, .12) !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(22) button:last-child:hover {
  background: rgba(255, 110, 130, .2) !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .table-area .dev-pagination button {
  border-radius: 9px !important;
  padding: 5px 12px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  border: 1px solid rgba(24,43,77,0.14) !important;
  background: rgba(24,43,77,0.05) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] table.mk-cards > tbody > tr {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  grid-auto-rows: min-content !important;
  column-gap: 10px !important;
  row-gap: 2px !important;
  align-items: start !important;
  padding: 12px 14px 13px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(24,43,77,0.1) !important;
  background: radial-gradient(120% 100% at 0% 0%, rgba(110, 168, 255, .07), rgba(110, 168, 255, 0) 46%),
    linear-gradient(168deg, rgba(255,255,255,0.87), rgba(255,255,255,0.79)) !important;
  box-shadow: 0 18px 38px -30px rgba(24,43,77,0.26), inset 0 1px 0 rgba(24,43,77,0.06) !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
  overflow: hidden !important;
}
html[data-theme="light"] table.mk-cards > tbody > tr:hover {
  border-color: rgba(24,43,77,0.26) !important;
  box-shadow: 0 22px 44px -30px rgba(24,43,77,0.22), inset 0 1px 0 rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(15) {
  grid-column: 2 / span 3 !important;
  grid-row: 1 !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 3px 10px !important;
  margin: 1px 0 9px !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
  border-radius: 999px !important;
  background: rgba(24,43,77,0.05) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: rgb(47,92,173) !important;
  white-space: nowrap !important;
  justify-self: start !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(15):has(.status-dot.on) {
  border-color: rgba(24,43,77,0.26) !important;
  background: rgba(34, 197, 94, .12) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(15):has(.status-dot.off) {
  border-color: rgba(24,43,77,0.2) !important;
  background: rgba(148, 163, 184, .10) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] table.mk-cards td:nth-child(2) .dev-id-num {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: 1px !important;
}
html[data-theme="light"] table.mk-cards td[data-label]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(15)):not(:nth-child(22)) {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 3.5px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  font-size: 12.5px !important;
  color: rgb(47,92,173) !important;
  text-align: left !important;
  background: transparent !important;
  border-radius: 0 !important;
  min-height: 21px !important;
}
html[data-theme="light"] table.mk-cards td[data-label]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(15)):not(:nth-child(22)):nth-child(8),
html[data-theme="light"] table.mk-cards td[data-label]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(15)):not(:nth-child(22)):nth-child(9),
html[data-theme="light"] table.mk-cards td[data-label]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(15)):not(:nth-child(22)):nth-child(10) {
  grid-template-columns: 40px minmax(0, 1fr) !important;
  gap: 6px !important;
  padding: 5px 9px !important;
  margin: 1px 0 7px !important;
  border-radius: 9px !important;
  background: rgba(110, 168, 255, .055) !important;
  border: 1px solid rgba(24,43,77,0.1) !important;
  min-height: 0 !important;
}
html[data-theme="light"] table.mk-cards td[data-label]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(15)):not(:nth-child(22)):nth-child(8)::before,
html[data-theme="light"] table.mk-cards td[data-label]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(15)):not(:nth-child(22)):nth-child(9)::before,
html[data-theme="light"] table.mk-cards td[data-label]:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(15)):not(:nth-child(22)):nth-child(10)::before {
  font-size: 11px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] table.mk-cards .tag-wifi,
html[data-theme="light"] table.mk-cards .tag-acc-on {
  background: rgba(59, 130, 246, .13) !important;
  border: 1px solid rgba(24,43,77,0.22) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] table.mk-cards .tag-acc-on {
  background: rgba(34, 197, 94, .13) !important;
  border-color: rgba(24,43,77,0.22) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] table.mk-cards .battery {
  background: rgba(34, 197, 94, .12) !important;
  border: 1px solid rgba(24,43,77,0.2) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] table.mk-cards .battery.low,
html[data-theme="light"] table.mk-cards .battery.mid {
  background: rgba(251, 191, 36, .12) !important;
  border-color: rgba(251, 191, 36, .28) !important;
  color: rgb(161,98,7) !important;
}
html[data-theme="light"] table.mk-cards td[data-label="账号"],
html[data-theme="light"] table.mk-cards td[data-label="应用"],
html[data-theme="light"] table.mk-cards td[data-label="安装时间"] {
  color: rgb(47,92,173) !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab {
  align-items: center !important;
  width: 225px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 12px !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  border-radius: 10px !important;
  border: 1px solid rgba(24,43,77,0.1) !important;
  background: rgba(24,43,77,0.04) !important;
  box-shadow: none !important;
  color: rgb(47,92,173) !important;
  transform: none !important;
  transition: background .16s ease, color .16s ease, border-color .16s ease !important;
  font-family: inherit !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab:hover {
  background: rgba(110, 168, 255, .13) !important;
  border-color: rgba(24,43,77,0.22) !important;
  color: rgb(47,92,173) !important;
  transform: none !important;
}
html[data-theme="light"] .table-area > .fgp-root .fgp-fab .fgp-fab-icon {
  order: 1 !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  flex: 0 0 18px !important;
  background: none !important;
  color: rgb(47,92,173) !important;
  position: static !important;
}
html[data-theme="light"] .table-area > .fgp-root > .fgp-panel {
  width: 225px !important;
  max-width: 225px !important;
  height: 276px !important;
  max-height: 276px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(24,43,77,0.13) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.99)) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.1) !important;
  backdrop-filter: blur(14px) saturate(1.1) !important;
  box-shadow: 0 22px 46px -26px rgba(24,43,77,0.26), inset 0 1px 0 rgba(24,43,77,0.06) !important;
  animation: none !important;
  overflow: hidden !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.mk-ctl-onescreen.is-hit {
  background: rgba(110, 168, 255, .3) !important;
  border-color: rgba(24,43,77,0.34) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.mk-ctl-unlock.is-on {
  background: rgba(88, 196, 132, .16) !important;
  border-color: rgba(24,43,77,0.32) !important;
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.mk-ctl-unlock.is-on .mk-i {
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .ctrl-layout > .ctrl-action-panel .ctrl-side-btn.mk-ctl-unlock.is-hit {
  background: rgba(110, 168, 255, .3) !important;
  border-color: rgba(24,43,77,0.34) !important;
}
html[data-theme="light"] .ctrl-page .c2-float-panel.mk-flash {
  box-shadow: 0 0 0 2px rgba(24,43,77,0.18), var(--mk-shadow) !important;
}
html[data-theme="light"] main.auth-page .auth-shell {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 1064px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  background: linear-gradient(152deg, rgba(255,255,255,0.98), rgba(255,255,255,0.99)) !important;
  box-shadow: 0 60px 130px -55px rgba(24,43,77,0.26), 0 0 90px -62px rgba(24,43,77,0.18), inset 0 1px 0 rgba(24,43,77,0.06) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
}
html[data-theme="light"] main.auth-page .auth-brand-panel {
  order: 1 !important;
  position: relative !important;
  width: auto !important;
  padding: 40px 40px 32px !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-right: 1px solid rgba(24,43,77,0.11) !important;
  background: radial-gradient(115% 88% at 6% 0%, rgba(91, 140, 255, .3), transparent 62%),
    radial-gradient(105% 80% at 100% 102%, rgba(139, 92, 246, .26), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,255,255,0.99)) !important;
  box-shadow: none !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
html[data-theme="light"] .mkv3-mark {
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 17px !important;
  background: linear-gradient(160deg, rgba(34, 58, 104, .95), rgba(255,255,255,0.99)) !important;
  border: 1px solid rgba(24,43,77,0.26) !important;
  box-shadow: 0 18px 42px -20px rgba(24,43,77,0.26), inset 0 1px 0 rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] main.auth-page .mkv3-lock-txt b {
  font-size: 23px !important;
  font-weight: 800 !important;
  color: rgb(114,120,134) !important;
  letter-spacing: .5px !important;
  line-height: 1.1 !important;
}
html[data-theme="light"] main.auth-page .mkv3-lock-txt b em {
  font-style: normal !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: .6px !important;
  vertical-align: 2px !important;
}
html[data-theme="light"] main.auth-page .mkv3-lock-txt i {
  font-style: normal !important;
  font-size: 12.5px !important;
  letter-spacing: .18em !important;
  color: rgb(47,92,173) !important;
  white-space: nowrap !important;
}
html[data-theme="light"] main.auth-page .auth-eyebrow {
  align-items: center !important;
  gap: 9px !important;
  font-size: 10.5px !important;
  letter-spacing: .3em !important;
  color: rgb(47,92,173) !important;
  text-transform: uppercase !important;
}
html[data-theme="light"] main.auth-page .auth-brand-copy h1 {
  font-size: 24px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
  color: rgb(47,92,173) !important;
  margin: 13px 0 11px !important;
  letter-spacing: .2px !important;
}
html[data-theme="light"] main.auth-page .auth-brand-copy p {
  font-size: 12.5px !important;
  line-height: 1.8 !important;
  color: rgb(47,92,173) !important;
  margin: 0 !important;
}
html[data-theme="light"] main.auth-page .auth-capabilities > span {
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  color: rgb(47,92,173) !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
}
html[data-theme="light"] main.auth-page .auth-capabilities .anticon {
  color: rgb(21,128,61) !important;
  font-size: 12px !important;
}
html[data-theme="light"] main.auth-page .auth-brand-footer {
  margin-top: auto !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(24,43,77,0.12) !important;
  align-items: center !important;
  gap: 9px !important;
  font-size: 11.5px !important;
  color: rgb(47,92,173) !important;
  position: relative !important;
  z-index: 1 !important;
}
html[data-theme="light"] main.auth-page .auth-status-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #34d399 !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] main.auth-page .auth-form-panel {
  order: 2 !important;
  position: relative !important;
  width: auto !important;
  padding: 40px 40px 30px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.87), rgba(255,255,255,0.95)) !important;
  box-shadow: none !important;
  flex-direction: column !important;
}
html[data-theme="light"] main.auth-page .auth-form-kicker {
  align-items: center !important;
  gap: 7px !important;
  font-size: 10.5px !important;
  letter-spacing: .26em !important;
  color: rgb(47,92,173) !important;
  text-transform: uppercase !important;
}
html[data-theme="light"] main.auth-page .auth-form-kicker::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #6d8dff !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] main.auth-page .auth-form-heading h2 {
  font-size: 30px !important;
  font-weight: 800 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: .3px !important;
  margin: 11px 0 8px !important;
}
html[data-theme="light"] main.auth-page .auth-form-heading p {
  font-size: 12.5px !important;
  color: rgb(47,92,173) !important;
  margin: 0 !important;
}
html[data-theme="light"] main.auth-page .auth-step-track > span {
  align-items: center !important;
  gap: 7px !important;
  padding: 5px 12px 5px 5px !important;
  border-radius: 999px !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid rgba(24,43,77,0.14) !important;
}
html[data-theme="light"] main.auth-page .auth-step-track > span i {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  font-style: normal !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: rgba(120, 160, 230, .16) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .auth-step-track > span b {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .auth-step-track > span.is-active {
  background: linear-gradient(100deg, rgba(79, 110, 247, .28), rgba(139, 92, 246, .22)) !important;
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: 0 10px 26px -16px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] main.auth-page .auth-step-track > span.is-active b {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .auth-field > span:first-child {
  font-size: 11px !important;
  letter-spacing: .16em !important;
  color: rgb(47,92,173) !important;
  margin-bottom: 7px !important;
}
html[data-theme="light"] main.auth-page .ant-input-affix-wrapper {
  height: 50px !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid rgba(24,43,77,0.21) !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
html[data-theme="light"] main.auth-page .ant-input-affix-wrapper:hover {
  border-color: rgba(24,43,77,0.34) !important;
}
html[data-theme="light"] main.auth-page .ant-input-affix-wrapper-focused,
html[data-theme="light"] main.auth-page .ant-input-affix-wrapper:focus-within {
  border-color: rgba(24,43,77,0.34) !important;
  background: rgba(255,255,255,0.99) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] main.auth-page .ant-input {
  background: transparent !important;
  color: rgb(47,92,173) !important;
  font-size: 13.5px !important;
}
html[data-theme="light"] main.auth-page .ant-input-prefix .anticon {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .ant-input-suffix .anticon {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .ant-input-password-icon:hover .anticon {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .auth-submit {
  height: 50px !important;
  border-radius: 13px !important;
  margin-top: 6px !important;
  background: linear-gradient(100deg, #4f6ef7, #8b5cf6 55%, #22d3ee) !important;
  border: 0 !important;
  color: #fff !important;
  font-size: 14.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  box-shadow: 0 22px 46px -20px rgba(24,43,77,0.26) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}
html[data-theme="light"] main.auth-page .auth-submit:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.06) !important;
  box-shadow: 0 26px 54px -18px rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] main.auth-page .auth-security-note {
  margin-top: 18px !important;
  padding: 11px 13px !important;
  border-radius: 12px !important;
  background: rgba(24,43,77,0.03) !important;
  border: 1px dashed rgba(24,43,77,0.17) !important;
  font-size: 11.5px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .auth-security-note .anticon {
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] main.auth-page .auth-security-note strong {
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .auth-form-footer {
  align-items: center !important;
  gap: 10px !important;
  margin-top: auto !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(24,43,77,0.1) !important;
  font-size: 0 !important;
  line-height: 1 !important;
}
html[data-theme="light"] main.auth-page .auth-theme-switch {
  position: fixed !important;
  right: 22px !important;
  top: 18px !important;
  z-index: 9 !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 13px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.77) !important;
  border: 1px solid rgba(24,43,77,0.18) !important;
  color: rgb(47,92,173) !important;
  font-size: 11.5px !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}
html[data-theme="light"] main.auth-page .auth-theme-switch:hover {
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(47,92,173) !important;
}
@media (max-width: 1024px) {
html[data-theme="light"] main.auth-page .auth-brand-panel {
  padding: 26px 26px 20px !important;
  border-right: 0 !important;
  border-bottom: 1px solid rgba(24,43,77,0.11) !important;
}
}
html[data-theme="light"] main.auth-page .mkv3-grid > span {
  flex-direction: column !important;
  gap: 2px !important;
  padding: 10px 11px !important;
  border-radius: 12px !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
}
html[data-theme="light"] main.auth-page .mkv3-grid .mk-i {
  width: 15px !important;
  height: 15px !important;
  color: rgb(47,92,173) !important;
  margin-bottom: 3px !important;
}
html[data-theme="light"] main.auth-page .mkv3-grid b {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .mkv3-grid em {
  font-style: normal !important;
  font-size: 10.5px !important;
  color: rgb(47,92,173) !important;
  line-height: 1.5 !important;
}
html[data-theme="light"] main.auth-page .auth-brand-panel::before {
  content: "" !important;
  position: absolute !important;
  top: -186px !important;
  right: -206px !important;
  bottom: auto !important;
  left: auto !important;
  width: 460px !important;
  height: 460px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(24,43,77,0.14) !important;
  box-shadow: 0 0 0 52px rgba(24,43,77,0.06), 0 0 0 108px rgba(24,43,77,0.06) !important;
  background: radial-gradient(circle at 74% 30%, rgba(34, 211, 238, .9) 0 4px, rgba(34, 211, 238, 0) 5px) !important;
  opacity: 1 !important;
  z-index: 0 !important;
}
html[data-theme="light"] main.auth-page .auth-brand-panel {
  background: radial-gradient(120% 92% at 4% -6%, rgba(91, 140, 255, .34), transparent 60%),
    radial-gradient(96% 74% at 46% 106%, rgba(139, 92, 246, .22), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,255,255,0.99)) !important;
}
html[data-theme="light"] main.auth-page .auth-brand-panel::before {
  top: -164px !important;
  right: -164px !important;
  bottom: auto !important;
  left: auto !important;
  width: 328px !important;
  height: 328px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(24,43,77,0.11) !important;
  box-shadow: none !important;
  background: none !important;
}
html[data-theme="light"] main.auth-page .mkv3-hint {
  align-items: flex-start !important;
  gap: 8px !important;
  margin-top: 18px !important;
  padding: 10px 12px !important;
  border-radius: 11px !important;
  background: rgba(110, 168, 255, .06) !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
  font-size: 11.5px !important;
  line-height: 1.65 !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] main.auth-page .mkv3-hint .mk-i {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
  color: rgb(47,92,173) !important;
  margin-top: 3px !important;
}

/* ================= mk-skin.css → 48 条 ================= */
html[data-theme="light"],
html[data-theme="light"] body {
  background: rgba(255,255,255,0.99) !important;
}
html[data-theme="light"] .header {
  background: linear-gradient(180deg, rgba(255,255,255,0.93), rgba(255,255,255,0.77)) !important;
  backdrop-filter: blur(18px) saturate(1.25) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.25) !important;
  border-bottom: 1px solid rgba(24,43,77,0.12) !important;
  height: 58px !important;
}
html[data-theme="light"] .mk-clockchip {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  align-items: center !important;
  gap: 8px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  color: rgb(47,92,173) !important;
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  font-size: 12.5px !important;
  white-space: nowrap !important;
  visibility: visible !important;
}
html[data-theme="light"] .mk-clockchip .mk-clock-time {
  font-family: Consolas, 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: rgb(3,105,161) !important;
  letter-spacing: .5px !important;
  font-variant-numeric: tabular-nums !important;
}
html[data-theme="light"] .search-box {
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  color: rgb(47,92,173) !important;
  border-radius: 10px !important;
  backdrop-filter: blur(8px) !important;
}
html[data-theme="light"] .search-box:focus {
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .account-card {
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(8px) !important;
}
html[data-theme="light"] .account-expiry.is-valid {
  color: rgb(21,128,61) !important;
}
html[data-theme="light"] .header-action {
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  color: rgb(47,92,173) !important;
  border-radius: 10px !important;
}
html[data-theme="light"] .header-action:hover {
  color: rgb(47,92,173) !important;
  background: rgba(252,253,255,0.92) !important;
  border-color: rgba(24,43,77,0.3) !important;
}
html[data-theme="light"] .theme-switch {
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  border-radius: 999px !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .sidebar {
  width: 224px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,255,255,0.93)) !important;
  backdrop-filter: blur(14px) !important;
  border-right: 1px solid rgba(24,43,77,0.11) !important;
  align-items: stretch !important;
  padding: 14px 12px 12px !important;
  gap: 4px !important;
  overflow-y: auto !important;
}
html[data-theme="light"] .mk-brand {
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 10px 14px !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid rgba(24,43,77,0.11) !important;
}
html[data-theme="light"] .mk-brand img {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  box-shadow: 0 2px 10px rgba(24,43,77,0.08) !important;
}
html[data-theme="light"] .mk-brand .mk-brand-name {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: .5px !important;
}
html[data-theme="light"] .nav-btn:hover {
  color: var(--text) !important;
  background: rgba(252,253,255,0.72) !important;
}
html[data-theme="light"] .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(24,43,77,0.11) !important;
}
html[data-theme="light"] .nav-btn.active svg {
  color: rgb(114,120,134) !important;
}
html[data-theme="light"] .sidebar .header-logout {
  width: 100% !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 11px !important;
  padding: 0 14px !important;
  margin-top: 10px !important;
  border-radius: 10px !important;
  background: rgba(251, 113, 133, .08) !important;
  border: 1px solid rgba(24,43,77,0.17) !important;
  color: rgb(185,28,28) !important;
  font-size: 13.5px !important;
}
html[data-theme="light"] .sidebar .header-logout:hover {
  background: rgba(251, 113, 133, .16) !important;
  border-color: rgba(24,43,77,0.34) !important;
}
html[data-theme="light"] .mk-statwrap .overview-card,
html[data-theme="light"] .mk-statwrap .stat-card {
  background: linear-gradient(160deg, rgba(252,253,255,0.94), rgba(255,255,255,0.75)) !important;
  border: 1px solid rgba(24,43,77,0.14) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px) !important;
  box-shadow: 0 4px 16px rgba(24,43,77,0.09) !important;
}
html[data-theme="light"] .mk-statwrap .stat-card:hover {
  background: linear-gradient(160deg, rgba(252,253,255,0.98), rgba(255,255,255,0.85)) !important;
}
html[data-theme="light"] .table-area > div > div > .panel,
html[data-theme="light"] .table-area .panel {
  background: linear-gradient(165deg, rgba(252,253,255,0.9), rgba(255,255,255,0.71)) !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
  border-radius: var(--radius-lg) !important;
  backdrop-filter: blur(12px) !important;
}
html[data-theme="light"] .table-area thead th {
  background: rgba(252,253,255,0.92) !important;
  color: var(--text2) !important;
  border-bottom: 1px solid rgba(24,43,77,0.14) !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .table-area tbody td {
  border-bottom: 1px solid rgba(24,43,77,0.1) !important;
  color: var(--text) !important;
  background: transparent !important;
}
html[data-theme="light"] .table-area tbody tr:hover td {
  background: rgba(252,253,255,0.47) !important;
}
html[data-theme="light"] button.toolbar-refresh,
html[data-theme="light"] .refresh-btn,
html[data-theme="light"] 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(24,43,77,0.09) !important;
}
html[data-theme="light"] button.toolbar-clean-offline {
  background: rgba(251, 113, 133, .1) !important;
  border: 1px solid rgba(24,43,77,0.22) !important;
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .filter-chip,
html[data-theme="light"] .date-filter-control {
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  color: var(--text2) !important;
  border-radius: 999px !important;
}
html[data-theme="light"] .device-count-card {
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  border-radius: 10px !important;
  color: var(--text2) !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,0.7) !important;
  border: 1px solid rgba(24,43,77,0.17) !important;
  color: var(--text) !important;
  border-radius: 9px !important;
}
html[data-theme="light"] .table-area input:focus,
html[data-theme="light"] .table-area select:focus,
html[data-theme="light"] .table-area textarea:focus {
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
  outline: none !important;
}
html[data-theme="light"] .dev-pagination button,
html[data-theme="light"] .dev-pagination .page-btn {
  background: rgba(252,253,255,0.72) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  color: var(--text2) !important;
}
html[data-theme="light"] .modal .modal-card,
html[data-theme="light"] .modal > div {
  background: linear-gradient(165deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  border: 1px solid rgba(24,43,77,0.19) !important;
  border-radius: 16px !important;
  color: var(--text) !important;
}
html[data-theme="light"] .country-card {
  background: linear-gradient(160deg, rgba(252,253,255,0.92), rgba(255,255,255,0.73)) !important;
  border: 1px solid rgba(24,43,77,0.12) !important;
  border-radius: 14px !important;
}
html[data-theme="light"] .auth-brand-panel {
  order: -1 !important;
  background: linear-gradient(165deg, rgba(252,253,255,0.94), rgba(255,255,255,0.77)) !important;
  border: 1px solid rgba(24,43,77,0.17) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(14px) !important;
  padding: 22px 22px 16px !important;
  gap: 12px !important;
  animation: mkSkinIn .7s cubic-bezier(.16, 1, .3, 1) both !important;
}
html[data-theme="light"] .auth-form-panel {
  background: linear-gradient(165deg, rgba(252,253,255,0.98), rgba(255,255,255,0.85)) !important;
  border: 1px solid rgba(24,43,77,0.2) !important;
  border-radius: 18px !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 24px 64px rgba(24,43,77,0.14) !important;
  padding: 24px 24px 18px !important;
  animation: mkSkinIn .7s .08s cubic-bezier(.16, 1, .3, 1) both !important;
}
html[data-theme="light"] .auth-form input,
html[data-theme="light"] .auth-field input,
html[data-theme="light"] .auth-field select {
  background: rgba(255,255,255,0.75) !important;
  border: 1px solid rgba(24,43,77,0.21) !important;
  color: rgb(47,92,173) !important;
  border-radius: 11px !important;
}
html[data-theme="light"] .auth-form input:focus,
html[data-theme="light"] .auth-field input:focus {
  border-color: rgba(24,43,77,0.34) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .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(24,43,77,0.11) !important;
  transition: filter .16s ease !important;
}
html[data-theme="light"] .fgp-panel {
  background: linear-gradient(165deg, rgba(252,253,255,0.98), rgba(255,255,255,0.99)) !important;
  border: 1px solid rgba(24,43,77,0.19) !important;
  border-radius: 14px !important;
}
html[data-theme="light"] table.mk-as-cards > tbody > tr {
  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(24,43,77,0.14) !important;
  background: linear-gradient(165deg, rgba(252,253,255,0.92), rgba(255,255,255,0.73)) !important;
  backdrop-filter: blur(12px) !important;
  box-shadow: 0 4px 16px rgba(24,43,77,0.1) !important;
  transition: border-color .16s ease, transform .16s ease !important;
  cursor: default !important;
  overflow: hidden !important;
}
html[data-theme="light"] table.mk-as-cards td:nth-child(15) {
  grid-column: 1 / 2 !important;
  grid-row: 1 !important;
  background: var(--green-light) !important;
  border: 1px solid rgba(24,43,77,0.26) !important;
  border-radius: 999px !important;
  padding: 3px 12px 3px 10px !important;
  justify-self: start !important;
  color: var(--green) !important;
  font-weight: 700 !important;
}
html[data-theme="light"] table.mk-as-cards td:nth-child(3) img,
html[data-theme="light"] 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(24,43,77,0.22) !important;
  box-shadow: 0 6px 18px rgba(24,43,77,0.12), inset 0 0 0 2px rgba(24,43,77,0.08) !important;
  background: rgba(252,253,255,0.98) !important;
}
html[data-theme="light"] .mk-cards-selall {
  align-items: center !important;
  gap: 7px !important;
  height: 34px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  color: var(--text2) !important;
  font-size: 12.5px !important;
  cursor: pointer !important;
}
html[data-theme="light"] .mk-cards-sort {
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 10px !important;
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid rgba(24,43,77,0.15) !important;
  color: var(--text2) !important;
  font-size: 12.5px !important;
}
html[data-theme="light"] table.mk-as-cards td:nth-child(22) button,
html[data-theme="light"] 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: rgb(47,92,173) !important;
  align-items: center !important;
}
html[data-theme="light"] table.mk-as-cards td:nth-child(22) button:hover {
  background: rgba(37, 99, 235, .32) !important;
  color: rgb(114,120,134) !important;
}

/* ================= mk-build.css → 40 条 ================= */
html[data-theme="light"] .mkb-root,
html[data-theme="light"] .mkd-root {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9000 !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.77) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  backdrop-filter: blur(6px) !important;
  padding: 22px !important;
}
html[data-theme="light"] .mkb-card,
html[data-theme="light"] .mkd-card {
  width: min(1240px, 100%) !important;
  max-height: calc(100vh - 44px) !important;
  flex-direction: column !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.99)) !important;
  border: 1px solid var(--border2) !important;
  border-radius: 18px !important;
  box-shadow: 0 32px 90px rgba(24,43,77,0.22) !important;
  color: var(--text) !important;
  overflow: hidden !important;
}
html[data-theme="light"] .mkb-head,
html[data-theme="light"] .mkd-head {
  align-items: center !important;
  gap: 12px !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid var(--border) !important;
  background: linear-gradient(180deg, rgba(252,253,255,0.62), rgba(12, 22, 40, .1)) !important;
  flex: 0 0 auto !important;
}
html[data-theme="light"] .mkb-x {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--border) !important;
  color: var(--text2) !important;
  align-items: center !important;
  justify-content: center !important;
}
html[data-theme="light"] .mkb-x:hover {
  color: var(--red) !important;
  border-color: rgba(24,43,77,0.3) !important;
  background: var(--red-light) !important;
}
html[data-theme="light"] .mkb-foot {
  flex: 0 0 auto !important;
  border-top: 1px solid var(--border) !important;
  padding: 12px 18px !important;
  align-items: center !important;
  gap: 12px !important;
  background: rgba(255,255,255,0.65) !important;
}
html[data-theme="light"] .mkb-sec {
  background: rgba(252,253,255,0.67) !important;
  border: 1px solid var(--border) !important;
  border-radius: 14px !important;
  padding: 14px 15px !important;
  margin-bottom: 13px !important;
}
html[data-theme="light"] .mkb-sec-h {
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  color: rgb(47,92,173) !important;
  letter-spacing: .4px !important;
}
html[data-theme="light"] .mkb-in,
html[data-theme="light"] .mkb-sel {
  width: 100% !important;
  height: 36px !important;
  padding: 0 11px !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  font-size: 12.5px !important;
  font-family: inherit !important;
  outline: none !important;
}
html[data-theme="light"] .mkb-in:focus,
html[data-theme="light"] .mkb-sel:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .mkb-btn {
  height: 34px !important;
  padding: 0 13px !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  align-items: center !important;
  gap: 7px !important;
  white-space: nowrap !important;
  background: rgba(24,43,77,0.05) !important;
  border: 1px solid var(--border) !important;
  color: var(--text2) !important;
  font-size: 12.5px !important;
  font-family: inherit !important;
  transition: .15s !important;
}
html[data-theme="light"] .mkb-btn.is-primary {
  background: linear-gradient(140deg, rgba(56, 189, 248, .26), rgba(167, 139, 250, .26)) !important;
  border-color: rgba(125, 211, 252, .42) !important;
  color: rgb(47,92,173) !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .mkb-btn.is-danger {
  color: rgb(185,28,28) !important;
  border-color: rgba(24,43,77,0.22) !important;
  background: rgba(251, 113, 133, .08) !important;
}
html[data-theme="light"] .mkb-btn.is-danger:hover {
  color: rgb(185,28,28) !important;
  background: rgba(251, 113, 133, .18) !important;
}
html[data-theme="light"] .mkb-btn.is-hit {
  box-shadow: 0 0 0 3px rgba(24,43,77,0.07) !important;
}
html[data-theme="light"] .mkb-iconshot {
  width: 68px !important;
  height: 68px !important;
  flex: 0 0 68px !important;
  border-radius: 17px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.85) !important;
  border: 1px dashed var(--border2) !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--text3) !important;
}
html[data-theme="light"] .mkb-chip {
  padding: 5px 9px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 11.5px !important;
  background: rgba(24,43,77,0.04) !important;
  border: 1px solid var(--border) !important;
  color: var(--text3) !important;
  align-items: center !important;
  gap: 5px !important;
}
html[data-theme="light"] .mkb-chip.is-on {
  background: rgba(56, 189, 248, .16) !important;
  border-color: rgba(125, 211, 252, .45) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mkb-chip.is-edit {
  background: rgba(167, 139, 250, .18) !important;
  border-color: rgba(24,43,77,0.34) !important;
  color: rgb(109,40,217) !important;
}
html[data-theme="light"] .mkb-gf textarea,
html[data-theme="light"] .mkb-gf input {
  width: 100% !important;
  min-height: 32px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  resize: vertical !important;
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid var(--border) !important;
  color: var(--text) !important;
  font-size: 12px !important;
  font-family: inherit !important;
  outline: none !important;
  line-height: 1.45 !important;
}
html[data-theme="light"] .mkb-progbar {
  height: 6px !important;
  border-radius: 5px !important;
  background: rgba(24,43,77,0.07) !important;
  overflow: hidden !important;
}
html[data-theme="light"] .mkb-log {
  margin-top: 10px !important;
  max-height: 176px !important;
  overflow: auto !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid var(--border) !important;
  padding: 10px 12px !important;
  font: 11.5px/1.62 ui-monospace, Consolas, "Cascadia Mono", monospace !important;
  color: rgb(47,92,173) !important;
  white-space: pre-wrap !important;
  word-break: break-all !important;
}
html[data-theme="light"] .mkb-result {
  align-items: center !important;
  gap: 10px !important;
  margin-top: 11px !important;
  padding: 11px 13px !important;
  border-radius: 11px !important;
  background: rgba(52, 211, 153, .09) !important;
  border: 1px solid rgba(24,43,77,0.24) !important;
}
html[data-theme="light"] .mkb-result.is-bad {
  background: var(--red-light) !important;
  border-color: rgba(24,43,77,0.26) !important;
}
html[data-theme="light"] .mkb-result .mkb-rt {
  flex: 1 1 auto !important;
  font-size: 12px !important;
  color: rgb(21,128,61) !important;
  min-width: 0 !important;
}
html[data-theme="light"] .mkb-result.is-bad .mkb-rt {
  color: rgb(185,28,28) !important;
}
html[data-theme="light"] .mkd-item {
  gap: 12px !important;
  padding: 13px !important;
  border-radius: 13px !important;
  background: rgba(252,253,255,0.7) !important;
  border: 1px solid var(--border) !important;
}
html[data-theme="light"] .mkd-badge.is-ok {
  background: var(--green-light) !important;
  color: var(--green) !important;
  border: 1px solid rgba(24,43,77,0.24) !important;
}
html[data-theme="light"] .mkd-badge.is-run {
  background: var(--accent-light) !important;
  color: var(--accent) !important;
  border: 1px solid rgba(24,43,77,0.24) !important;
}
html[data-theme="light"] .mkd-badge.is-bad {
  background: var(--red-light) !important;
  color: var(--red) !important;
  border: 1px solid rgba(24,43,77,0.24) !important;
}
html[data-theme="light"] .mkd-meta code {
  color: rgb(47,92,173) !important;
  font-family: ui-monospace, Consolas, monospace !important;
}
html[data-theme="light"] .mkq-root {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9600 !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255,255,255,0.83) !important;
}
html[data-theme="light"] .mkq-card {
  width: min(400px, 92vw) !important;
  border-radius: 16px !important;
  padding: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.99)) !important;
  border: 1px solid var(--border2) !important;
  box-shadow: 0 26px 70px rgba(24,43,77,0.21) !important;
  text-align: center !important;
  color: var(--text) !important;
}
html[data-theme="light"] .mk-appdl-btn {
  align-items: center !important;
  gap: 4px !important;
  height: 24px !important;
  padding: 0 8px !important;
  margin: 0 2px 0 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 11.5px !important;
  font-family: inherit !important;
  background: rgba(56, 189, 248, .12) !important;
  border: 1px solid rgba(125, 211, 252, .34) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mk-appdl-btn:hover {
  background: rgba(56, 189, 248, .22) !important;
  color: rgb(47,92,173) !important;
}
html[data-theme="light"] .mkb-root.is-embed .mkb-card,
html[data-theme="light"] .mkd-root.is-embed .mkd-card {
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  height: auto !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 48px rgba(24,43,77,0.13) !important;
}
html[data-theme="light"] .mkb-dropbtn {
  width: 100% !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 11px !important;
  font: inherit !important;
  font-size: 12.5px !important;
  text-align: left !important;
  background: rgba(24,43,77,0.03) !important;
  border: 1px solid var(--border2) !important;
  border-radius: 10px !important;
  color: var(--text) !important;
  cursor: pointer !important;
}
html[data-theme="light"] .mkb-dropbtn.is-open {
  border-color: var(--accent2) !important;
  box-shadow: 0 0 0 3px rgba(24,43,77,0.06) !important;
}
html[data-theme="light"] .mkb-dropmenu {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  z-index: 60 !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 10px !important;
  max-height: 360px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,255,255,0.99)) !important;
  border: 1px solid var(--border2) !important;
  border-radius: 12px !important;
  box-shadow: 0 26px 64px rgba(24,43,77,0.19) !important;
}
html[data-theme="light"] .mkb-lrow:hover {
  background: rgba(24,43,77,0.05) !important;
}

/* ================= 手工补充层 mk-light-extra.css ================= */
/* ================= 手工补充层 ================= */

/* 1) 页面底色：柔和冷灰（不刺眼的白），六边形底纹压淡 */
html[data-theme="light"] body,
html[data-theme="light"] .app { background: #eef1f6 !important; }
html[data-theme="light"] .app > .mk-particle-bg,
html[data-theme="light"] .auth-page > .mk-particle-bg,
html[data-theme="light"] .ctrl-page > .mk-particle-bg {
  /* [R27] .5 → .18：亮色下画布里的 hero 水印会在内容区压出一层灰雾（暗色下看不出），
     压到 .18 后只剩极淡纹理，正文对比度不再被削弱 */
  opacity: .18 !important;
  background-color: #eef1f6 !important;
}
html[data-theme="light"] .main { background: rgba(247,249,252,.86) !important; }
html[data-theme="light"] .sidebar { background: rgba(255,255,255,.86) !important; }
html[data-theme="light"] .header { background: rgba(255,255,255,.92) !important; box-shadow: 0 1px 0 rgba(24,43,77,.06) !important; }

/* 2) 卡片：雾白 + 细边 + 轻投影（避免死白） */
html[data-theme="light"] .mk-cards tbody tr,
html[data-theme="light"] .mk-stat,
html[data-theme="light"] .panel,
html[data-theme="light"] .country-card,
html[data-theme="light"] .gge-card,
html[data-theme="light"] .mkb-card,
html[data-theme="light"] .mkb-sec {
  box-shadow: 0 1px 2px rgba(24,43,77,.05), 0 8px 24px -18px rgba(24,43,77,.35) !important;
}

/* 3) 在线/绿色文字提对比度（浅绿底 + 浅绿字 → 深绿字） */
html[data-theme="light"] .overview-card.overview-online,
html[data-theme="light"] .overview-card.overview-online .overview-copy,
html[data-theme="light"] .overview-card.overview-online .overview-value,
html[data-theme="light"] .header .status-pill.is-on,
html[data-theme="light"] .mk-stat.is-on .mk-stat-num { color: #047857 !important; }

/* 4) 控制页：V2 开始鲨鱼（大圆按钮内盘）/ 相册信息识别浮窗标题条 —— 内联深色渐变改浅 */
html[data-theme="light"] .ctrl-page div[style*="inset: 4px"][style*="linear-gradient"] {
  background: linear-gradient(135deg, #f5f8ff 0%, #e3ebff 100%) !important;
  color: #1f2937 !important;
}
html[data-theme="light"] .ctrl-page div[style*="inset: 4px"] * { color: #1f2937 !important; }
html[data-theme="light"] .mk-float-album > div:first-child {
  background: linear-gradient(135deg, #eef3fb 0%, #e0eafb 100%) !important;
  color: #1f2937 !important;
}
html[data-theme="light"] .mk-float-album > div:first-child * { color: #1f2937 !important; }
/* 5) 浅色底上的绿色/灰色小字提对比度（实测白底 1.74~2.77:1 → 目标 ≥4.5:1）
      .mk-top-online 顶栏「在线:N」= #4ade80(1.74) → #047857(≈5.3)
      td.online-cell 表格在线列(= rgb(134,239,172)) → #047857
      small 次要说明文字(= rgb(125,147,168), 2.77) → #5a6a80(≈5.3) */
html[data-theme="light"] .mk-top-online {
  color: #047857 !important;
  background: rgba(4, 120, 87, .07) !important;
  border-color: rgba(4, 120, 87, .26) !important;
}
html[data-theme="light"] td.online-cell,
html[data-theme="light"] td.online-cell *,
html[data-theme="light"] .online-cell,
html[data-theme="light"] .online-cell * { color: #047857 !important; }
html[data-theme="light"] small { color: #5a6a80 !important; }
html[data-theme="light"] .mk-cards small,
html[data-theme="light"] .mk-stat small,
html[data-theme="light"] .stat-card small { color: #5f6d82 !important; }
/* 6) 令牌层（关键！很多文字走 var()，逐属性派生改不到，必须在令牌处改）
      mk-skin.css 自己的 html[data-theme=light] 令牌块里：
        --accent #0ea5e9 → 白字按钮 2.77:1（"+ 添加用户"）、作为文字也 2.77:1
        --text3  #7d93a8 → 2.77:1（"在线设备" small）
      bundle :root 里：--green #10b981 → 2.54:1、--orange #f59e0b → 2.15:1
      mk-ui.css 里： --mk-amber #f59e0b、--mk-green #22c55e（.mk-stat-num 走 var）
      注：只改「当文字/当白字底」的色，*--light 淡底保持不动（减少视觉漂移） */
html[data-theme="light"] {
  --accent: #0284c7;          /* 4.18:1 (白字底 & 文字) */
  --accent2: #0369a1;         /* 5.94:1 */
  --text3: #5a6a80;           /* 5.3:1 */
  --green: #047857;           /* 5.5:1 */
  --orange: #b45309;          /* 4.7:1 */
  --mk-amber: #b45309;
  --mk-green: #047857;
  --mk-red: #b91c1c;
  --mk-blue: #1d4ed8;
  --mk-accent-2: #6d4df0;
  /* [R45] 通配灰底令牌：浅色下置空 —— mk-ui.css §13 的 `.mk-dark *` 底色改走 var(--mk-slab)，
     置 transparent 后 React 内联的 --bg2/--bg3 浅色令牌即可透出，白面不再被逐层叠灰。 */
  --mk-slab: transparent;
}
/* ======================================================================
   7) [R29] 列表视图 / 卡片视图「颜色 + 风格」统一（极简纯白）
   ──────────────────────────────────────────────────────────────────────
   根因（getComputedStyle 实测）：
     mk-ui.css 471 / mk-light.css 401 有一条「深色块浅色化」通配规则：
        html[data-theme="light"] .mk-dark,
        html[data-theme="light"] .mk-dark *:not(svg):not(path) {
          background: rgba(24,43,77,.05) !important;
          border-color: var(--mk-line) !important; }
     而 .table-wrap 本体就带 .mk-dark ⇒ 灰底逐层叠加：
        BODY #eef1f6 → .main rgba(247,249,252,.86) → .table-wrap .05
        → table .05 → thead/tr .05 → th .04
     白面被压成 #CAD0D9 灰板（实测像素 rgb(202,208,217)）；
     表里每个 span/div 也被刷上 .05 灰底 + 灰边。
     又因为 .tag/.battery 的配色只写在卡片视图（mk-ui.css 2292+），
     列表视图的标签落回通配灰底 ⇒ 两套视图同页不同色 = 「颜色跟风格不符合」。
   处理：7a 清掉表格区通配灰底；7b~7e 列表视图 = 一张白面 + 发丝线；
        7f 卡片视图 = 同一张白面；7g 两套视图共用同一套标签/电池/状态点配色。
   ====================================================================== */

/* 7a 清掉表格区里的通配灰底（只清 background；color / border-color 保留） */
html[data-theme="light"] .table-area .table-wrap,
html[data-theme="light"] .table-area .table-wrap.mk-dark,
html[data-theme="light"] .table-area .table-wrap.mk-dark *:not(svg):not(path) {
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
}

/* 7b 列表视图：整块表格 = 一张白面 + 细边 + 12px 圆角（与卡片同圆角） */
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) {
  background: #ffffff !important;
  border: 1px solid rgba(24,43,77,.10) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(24,43,77,.04), 0 12px 26px -22px rgba(24,43,77,.30) !important;
}

/* 7c 表头：白面上的极浅一行，不再叠灰 */
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) thead,
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) thead tr,
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) thead th {
  background: #fbfcfe !important;
  background-image: none !important;
  color: #67788f !important;
  font-weight: 600 !important;
  border-bottom: 1px solid rgba(24,43,77,.10) !important;
}

/* 7d 行：白面 + 发丝分隔线；hover 淡蓝 */
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) tbody,
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) tbody tr,
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) tbody td {
  background: #ffffff !important;
  background-image: none !important;
}
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) tbody td {
  border-bottom: 1px solid rgba(24,43,77,.07) !important;
  color: #16233a !important;
}
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) tbody tr:hover td {
  background: #f6fbff !important;
}
html[data-theme="light"] .table-area .table-wrap table:not(.mk-cards) tbody tr:last-child td {
  border-bottom: 0 !important;
}

/* 7f 卡片视图：卡片也是同一张白面（去掉雾白渐变 / 蓝光晕 / 更大圆角） */
html[data-theme="light"] .table-area table.mk-cards {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .table-area table.mk-cards > tbody > tr {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(24,43,77,.10) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(24,43,77,.04), 0 12px 26px -22px rgba(24,43,77,.30) !important;
}
html[data-theme="light"] .table-area table.mk-cards > tbody > tr:hover {
  border-color: rgba(2,132,199,.30) !important;
}

/* 7g 两套视图共用同一套「标签 / 电池 / 状态点」配色（列表视图此前是灰底） */
html[data-theme="light"] .table-area table tbody .tag,
html[data-theme="light"] .table-area table tbody .tag-wifi {
  background: rgba(2,132,199,.08) !important;
  border: 1px solid rgba(2,132,199,.22) !important;
  color: #0369a1 !important;
  border-radius: 999px !important;
  padding: 2px 9px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}
html[data-theme="light"] .table-area table tbody .tag-acc-on {
  background: rgba(4,120,87,.08) !important;
  border-color: rgba(4,120,87,.24) !important;
  color: #047857 !important;
}
html[data-theme="light"] .table-area table tbody .battery {
  background: rgba(4,120,87,.08) !important;
  border: 1px solid rgba(4,120,87,.24) !important;
  color: #047857 !important;
  border-radius: 999px !important;
  padding: 2px 9px !important;
}
html[data-theme="light"] .table-area table tbody .battery.high {
  background: rgba(4,120,87,.08) !important;
  border-color: rgba(4,120,87,.24) !important;
  color: #047857 !important;
}
html[data-theme="light"] .table-area table tbody .battery.mid {
  background: rgba(180,83,9,.09) !important;
  border-color: rgba(180,83,9,.26) !important;
  color: #b45309 !important;
}
html[data-theme="light"] .table-area table tbody .battery.low {
  background: rgba(185,28,28,.09) !important;
  border-color: rgba(185,28,28,.26) !important;
  color: #b91c1c !important;
}
html[data-theme="light"] .table-area table tbody .status-dot.on {
  background: #16a34a !important;
  box-shadow: 0 0 0 3px rgba(22,163,74,.16) !important;
}
html[data-theme="light"] .table-area table tbody .status-dot.off {
  background: #94a3b8 !important;
  box-shadow: 0 0 0 3px rgba(148,163,184,.18) !important;
  opacity: 1 !important;
}

/* 7h 卡片左列「手机缩略位」保留自己的浅底（会被 7a 清掉原渐变） */
html[data-theme="light"] .table-area table.mk-cards td:nth-child(3) > div {
  background: linear-gradient(170deg, #ffffff, #f5f8fc) !important;
  background-image: linear-gradient(170deg, #ffffff, #f5f8fc) !important;
  border: 1px solid rgba(24,43,77,.10) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.9), 0 6px 16px -12px rgba(24,43,77,.28) !important;
}
/* 7i 表格内「行内色」在纯白底上补对比度
   ──────────────────────────────────────────────────────────────────────
   这批文字的颜色走的是 React 行内 style（bundle 里的 #f59e0b / #9ca3af / #16a34a…），
   以前被 .mk-dark 通配规则压成深色所以“看着没问题”，7a 清掉通配层后露出实测低对比：
        ⏳等待中   inline #f59e0b → 2.15:1  ⟶  #b45309 (4.7:1)
        "-"        inline #9ca3af → 2.54:1  ⟶  #5a6a80 (5.3:1)
        图案 xxx   inline #16a34a → 3.40:1  ⟶  #047857 (5.5:1)
   行内 style 只能用 !important 覆盖；选择器按 Chrome 归一化后的 rgb() 串匹配。 */
html[data-theme="light"] .table-area table tbody [style*="color: rgb(245, 158, 11)"] { color: #b45309 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(251, 191, 36)"] { color: #b45309 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(156, 163, 175)"] { color: #5a6a80 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(22, 163, 74)"] { color: #047857 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(34, 197, 94)"] { color: #047857 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(16, 185, 129)"] { color: #047857 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(52, 211, 153)"] { color: #047857 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(74, 222, 128)"] { color: #047857 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(134, 239, 172)"] { color: #047857 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(239, 68, 68)"] { color: #b91c1c !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(56, 189, 248)"] { color: #0369a1 !important; }
html[data-theme="light"] .table-area table tbody [style*="color: rgb(153, 27, 27)"] { color: #b91c1c !important; }
/* ======================================================================
   8) [R30] 顶部品牌块 + 统计卡排 也统一成同一张白面（爹：「这一块也改」）
   ──────────────────────────────────────────────────────────────────────
   实测（getComputedStyle）：
     .mk-brand   bg rgba(24,43,77,.05)  无边框/无圆角          ← 灰条
     .mk-stat    bg rgba(24,43,77,.05)  1px 灰边 + 12px 圆角    ← 灰卡
     两个宿主都带 .mk-dark ⇒ 卡里每个后代（.mk-brand-name / .mk-brand-sub /
     .mk-stat-label / .mk-stat-val / .mk-stat-num / .mk-stat-unit / .mk-i）
     又被通配规则刷了一层 .05 灰底（“台”字后面那块小灰方块就是这么来的）。
   处理：8a 宿主白面 + 细边 + 12px 圆角 + 同一投影；8b 卡内通配灰底清掉，
        但**保留 .mk-stat-ico 图标徽章的强调底**（蓝/绿是功能色）；
        图标本体是 .mk-i::before 用 mask + currentColor 画的，不受影响。
   ====================================================================== */

/* 8a 品牌块 + 统计卡：同一张白面（与表格/设备卡同参数） */
html[data-theme="light"] .mk-brand.mk-brand,
html[data-theme="light"] .sidebar .mk-brand,
html[data-theme="light"] .mk-stat {
  background: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(24,43,77,.10) !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 2px rgba(24,43,77,.04), 0 12px 26px -22px rgba(24,43,77,.28) !important;
}
html[data-theme="light"] .mk-brand.mk-brand:hover,
html[data-theme="light"] .mk-stat:hover {
  border-color: rgba(2,132,199,.26) !important;
}

/* 8b 清掉卡内通配灰底（唯一例外：.mk-stat-ico 图标徽章的强调底要留） */
html[data-theme="light"] .mk-brand *:not(svg):not(path),
html[data-theme="light"] .mk-stat *:not(svg):not(path):not(.mk-stat-ico) {
  background: transparent !important;
  background-image: none !important;
}

/* 8c 统计卡里的“数字 + 单位”排版：单位不再挂灰底，字号对齐主色 */
html[data-theme="light"] .mk-stat .mk-stat-unit {
  color: #5a6a80 !important;
  margin-left: 2px !important;
}
html[data-theme="light"] .mk-stat .mk-stat-label {
  color: #67788f !important;
}
/* ==================================================================
 * [V7-UI-MK-1001 / R43] 嵌入式视图 + 弹窗状态覆盖（必须放在最后）
 * 背景：gen_light_css.cjs 会把 mk-build.css 的 `.mkb-root{display:none}` 与
 *       `position:fixed / inset:0 / z-index:9000 / padding:22px / backdrop-filter`
 *       逐条补成 !important 重发（因为同一规则里的底色变了就整条重发），
 *       于是 specificity 只有 (0,2,0) 且无 !important 的
 *       `.mkb-root.is-embed{display:block}` / `.is-open{display:flex}` 全被压死
 *       → 浅色主题下「构建 / 应用下载」嵌入视图与二维码/结果弹窗永远不可见（白屏）。
 * 修法：a) 生成器已改为「未变更的 display 不再重发」；
 *       b) 这里再补一层 !important，保证即使旧版生成器重跑也不会再坏。
 * ================================================================== */
html[data-theme="light"] .mkb-root.is-embed,
html[data-theme="light"] .mkd-root.is-embed {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: block !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html[data-theme="light"] .mkb-root.is-open,
html[data-theme="light"] .mkd-root.is-open {
  display: flex !important;
}
html[data-theme="light"] .mkq-root.is-open,
html[data-theme="light"] .mkb-result.is-open {
  display: flex !important;
}

/* ======================================================================
 * [R44] 浅色主题 · 弹窗（React 内联 z-index:9999 遮罩）白卡片
 * 配合 mk-ui.css 471 的改动：把弹窗子树从「深色块浅色化」通配规则
 *   html[data-theme="light"] .mk-dark, .mk-dark *:not(svg):not(path) {
 *     background: rgba(24,43,77,.05) !important; color: var(--mk-txt) !important; }
 * 里排除后，弹窗各元素自己的内联设计令牌重新生效
 *   （--bg2 / --accent / --red / --border / --text / --text3），
 * 这里只把卡片底从半透明白补成实心白（叠在深色遮罩上会发灰），并顺手规范表单控件。
 * ================================================================== */
html[data-theme="light"] [style*="z-index: 9999"] .mk-dark.mk-dark[style*="var(--bg2)"] {
  background: #ffffff !important;
  border: 1px solid rgba(24,43,77,.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 52px -22px rgba(24,43,77,.42), 0 2px 8px rgba(24,43,77,.06) !important;
}
html[data-theme="light"] [style*="z-index: 9999"] .mk-dark.mk-dark[style*="var(--bg2)"] input,
html[data-theme="light"] [style*="z-index: 9999"] .mk-dark.mk-dark[style*="var(--bg2)"] textarea,
html[data-theme="light"] [style*="z-index: 9999"] .mk-dark.mk-dark[style*="var(--bg2)"] select {
  background: #fbfcfe !important;
  border: 1px solid rgba(24,43,77,.18) !important;
  border-radius: 8px !important;
  color: #16233a !important;
}
html[data-theme="light"] [style*="z-index: 9999"] .mk-dark.mk-dark[style*="var(--bg2)"] input::placeholder {
  color: #8b98a9 !important;
}

/* =====================================================================
 * 44L [R51-pwd-color] 锁屏密码浮窗 · 浅色对比度修复（关键）
 *   原因：本文件 586–590 行把「主按钮 / 激活筛选项」文字写成了灰 rgb(114,120,134)，
 *   而它们的背景是紫色渐变 var(--mk-grad-accent) → 灰字压紫底，几乎看不见（爹报的就是这个）。
 *   注：本文件在 index.html 里最后加载，同级权重靠后声明胜出，所以必须写在这里。
 * ===================================================================== */
html[data-theme="light"] .c2-pwd-btn.primary,
html[data-theme="light"] .c2-pwd-btn.primary *,
html[data-theme="light"] .c2-pwd-filter-btn.active,
html[data-theme="light"] .c2-pwd-filter-btn.active * { color: #fff !important; }

html[data-theme="light"] .c2-pwd-btn.secondary {
  color: #1d3f8f !important;
  background: linear-gradient(180deg, rgba(47, 107, 255, .20), rgba(47, 107, 255, .10)) !important;
  border-color: rgba(47, 107, 255, .45) !important;
}

html[data-theme="light"] .mk-float-pwd .c2-float-footer > div:last-child { color: #4b5c72 !important; font-size: 11px !important; font-weight: 500 !important; }
html[data-theme="light"] .mk-float-pwd .c2-pwd-meta-pkg { color: #44556b !important; }
html[data-theme="light"] .mk-float-pwd .c2-float-body div[style*="margin-left: auto"] { color: #5b6b80 !important; }

/* ============ [R138] APP 名字检测 + 下载中心多选（浅色主题） ============ */
html[data-theme="light"] .mkb-namehint.is-ok { color: rgb(21, 128, 61) !important; }
html[data-theme="light"] .mkb-namehint.is-bad { color: rgb(185, 28, 28) !important; }
html[data-theme="light"] .mkb-namehint code { color: rgb(47, 92, 173) !important; }
html[data-theme="light"] .mkd-item.is-sel { border-color: var(--accent) !important; box-shadow: inset 0 0 0 1px var(--accent) !important; }