/*! v7工作室AI版 · HD 投屏画质控制样式（mk-hd.css） [R130] —— 纯皮肤层，删 index.html 两行即完全回退 */
/* [R135] 爹：去掉右下角悬浮药丸 -> 改为面板「无障碍投屏」卡片头部里的内联小按钮 */
.mkhd-chip { display: inline-flex; align-items: center; gap: 5px; margin: 0 6px 0 2px; padding: 4px 10px;
  border: 1px solid rgba(37,99,235,.30); border-radius: 999px; background: rgba(37,99,235,.08); color: #1d4ed8;
  font: 600 12px/1.5 system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif; letter-spacing: .2px;
  cursor: pointer; white-space: nowrap; transition: .15s; }
.mkhd-chip:hover { background: rgba(37,99,235,.16); border-color: rgba(37,99,235,.45); }
.mkhd-chip.is-auto { color: #b45309; border-color: rgba(180,83,9,.35); background: rgba(245,158,11,.12); }

.mkhd-modal { font: 13px/1.5 system-ui, -apple-system, "Segoe UI", "Microsoft YaHei", sans-serif; display: none; position: fixed; inset: 0; z-index: 2147482000; background: rgba(15,23,42,.42); backdrop-filter: blur(2px); }
.mkhd-modal.on { display: flex; align-items: center; justify-content: center; }
.mkhd-card { width: min(440px, 92vw); max-height: 88vh; overflow: auto; background: #fff; border-radius: 16px;
  box-shadow: 0 24px 70px rgba(2,6,23,.34); padding: 16px 18px 14px; color: #111827; }
.mkhd-hd { display: flex; align-items: center; justify-content: space-between; font-size: 15px; margin-bottom: 4px; }
.mkhd-hd .mkhd-x { cursor: pointer; color: #94a3b8; padding: 2px 6px; border-radius: 6px; }
.mkhd-hd .mkhd-x:hover { background: #f1f5f9; color: #334155; }
.mkhd-sub { font-size: 12px; color: #64748b; margin-bottom: 12px; line-height: 1.6; }

.mkhd-presets { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.mkhd-p { padding: 9px 6px; border-radius: 10px; border: 1px solid #e2e8f0; background: #f8fafc; color: #334155;
  font-size: 13px; font-weight: 600; cursor: pointer; transition: .15s; }
.mkhd-p:hover { border-color: #93c5fd; background: #eff6ff; }
.mkhd-p.on { border-color: #2563eb; background: #2563eb; color: #fff; box-shadow: 0 6px 16px rgba(37,99,235,.28); }

.mkhd-rows { display: flex; flex-direction: column; gap: 11px; }
.mkhd-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; color: #334155; }
.mkhd-row > span { flex: 0 0 96px; }
.mkhd-row b { color: #1d4ed8; }
.mkhd-row select { flex: 1; padding: 7px 9px; border: 1px solid #e2e8f0; border-radius: 9px; background: #fff; color: #1f2937; }
.mkhd-row input[type=range] { flex: 1; accent-color: #2563eb; }
.mkhd-chk { justify-content: flex-start; gap: 9px; }
.mkhd-chk > span { flex: 1; color: #475569; }
.mkhd-chk input { width: 16px; height: 16px; accent-color: #2563eb; }

.mkhd-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px;
  padding-top: 12px; border-top: 1px solid #f1f5f9; }
.mkhd-stat { font-size: 12px; color: #64748b; }
.mkhd-acts { display: inline-flex; gap: 8px; }
.mkhd-ok { padding: 7px 16px; border: 0; border-radius: 9px; background: #2563eb; color: #fff; font-weight: 600; cursor: pointer; }
.mkhd-ok:hover { background: #1d4ed8; }
.mkhd-reset { padding: 7px 12px; border: 1px solid #e2e8f0; border-radius: 9px; background: #fff; color: #475569; cursor: pointer; }
.mkhd-reset:hover { background: #f8fafc; }

html[data-theme="dark"] .mkhd-chip { color: #93c5fd; border-color: rgba(147,197,253,.32); background: rgba(37,99,235,.20); }
html[data-theme="dark"] .mkhd-card { background: #0f172a; color: #e5e7eb; }
html[data-theme="dark"] .mkhd-sub, html[data-theme="dark"] .mkhd-stat { color: #94a3b8; }
html[data-theme="dark"] .mkhd-p { background: #111827; border-color: #1f2937; color: #cbd5e1; }
html[data-theme="dark"] .mkhd-p.on { background: #2563eb; color: #fff; border-color: #2563eb; }
html[data-theme="dark"] .mkhd-row select { background: #111827; border-color: #1f2937; color: #e5e7eb; }
html[data-theme="dark"] .mkhd-foot { border-top-color: #1f2937; }
html[data-theme="dark"] .mkhd-reset { background: #111827; border-color: #1f2937; color: #cbd5e1; }
@media (max-width: 720px) {
  .mkhd-chip { padding: 3px 8px; font-size: 11px; margin: 0 4px 0 0; }
  .mkhd-presets { grid-template-columns: repeat(2, 1fr); }
}