/* ============================================================
   xiaomi.css — 「小米风」主题（Mi Style）
   设计原则（对照 N70 小程序界面拆解）：
   1) 纯黑底 #000，卡片仅比底亮一档 #151517
   2) 卡片 = 0.5px 极细半透明边框 + 大圆角 20px，无阴影、无模糊
   3) 字重只用 500 / 400 —— 全站禁用 600/700，靠留白而非加粗分层级
   4) 行距 1.8，弱化次要信息（灰阶三级）
   5) 数字收敛到 16-18px，等宽对齐，不做夸张放大
   加载顺序最后，优先级最高，仅在 html[data-theme="xiaomi"] 生效
   ============================================================ */

html[data-theme="xiaomi"] {
  /* —— 色彩：纯正黑 + 中性灰阶 —— */
  --brand: #ff6a00;
  --brand-strong: #e85f00;
  --brand-soft: rgba(255, 106, 0, .12);
  --brand-grad: linear-gradient(135deg, #ff7a1a, #ff5c00);
  --brand-ink: #ffffff;

  --st-pending: #ffb020;
  --st-accepted: #4a9eff;
  --st-material: #a78bfa;
  --st-material-ok: #2dd4bf;
  --st-fixing: #ff8a5c;
  --st-done: #34d399;
  --st-false: #8a8a8e;

  --danger: #ff6b6b;
  --danger-soft: rgba(255, 107, 107, .12);
  --warn: #ffb020;
  --warn-soft: rgba(255, 176, 32, .12);
  --ok: #34d399;
  --ok-soft: rgba(52, 211, 153, .12);
  --info: #4a9eff;
  --info-soft: rgba(74, 158, 255, .12);

  --c-dept: #2dd4bf;
  --c-runner: #4a9eff;
  --c-tech: #34d399;
  --c-admin: #a78bfa;

  --sv-critical: #ff6b6b;
  --sv-major: #ffb020;
  --sv-minor: #93c5fd;
  --sv-critical-soft: rgba(255, 107, 107, .12);
  --sv-major-soft: rgba(255, 176, 32, .12);
  --sv-minor-soft: rgba(147, 197, 253, .12);

  /* —— 基底：纯黑 —— */
  --bg: #000000;
  --bg-grad: none;
  --panel: #151517;
  --panel-2: #1d1d20;
  --panel-3: #26262a;
  --line: rgba(255, 255, 255, .10);
  --line-strong: rgba(255, 255, 255, .20);
  --ink: #ffffff;
  --ink-2: #a1a1a6;
  --ink-3: #5f5f64;
  --ink-inv: #000000;

  --glass-bg: #151517;
  --glass-bg-strong: #151517;
  --glass-line: rgba(255, 255, 255, .10);
  --glass-edge: rgba(255, 255, 255, .10);
  --glass-blur: 0px;
  --glass-highlight: transparent;
  --glass-shade: rgba(0, 0, 0, .6);

  --focus: #ff6a00;
  --shadow-1: none;
  --shadow-2: 0 24px 60px -24px rgba(0, 0, 0, .9);

  --radius: 20px;
  --radius-s: 14px;
  --dur: .26s;
}

/* ============ 字重纪律：全站只有 500 / 400 ============ */
html[data-theme="xiaomi"] * { font-weight: 400; }
html[data-theme="xiaomi"] h1,
html[data-theme="xiaomi"] h2,
html[data-theme="xiaomi"] h3,
html[data-theme="xiaomi"] .sec-title,
html[data-theme="xiaomi"] .modal-title,
html[data-theme="xiaomi"] .row-title,
html[data-theme="xiaomi"] .dcell.t,
html[data-theme="xiaomi"] .card-title,
html[data-theme="xiaomi"] .kpi .kv,
html[data-theme="xiaomi"] .btn,
html[data-theme="xiaomi"] .tab,
html[data-theme="xiaomi"] .tabbar-item,
html[data-theme="xiaomi"] b, html[data-theme="xiaomi"] strong,
html[data-theme="xiaomi"] .dhead,
html[data-theme="xiaomi"] .wk-table th { font-weight: 500; }

/* 弱化信息用 400 + 灰阶，不再靠加粗 */
html[data-theme="xiaomi"] .dcell .sub,
html[data-theme="xiaomi"] .wk-td::before,
html[data-theme="xiaomi"] .hint,
html[data-theme="xiaomi"] .mini,
html[data-theme="xiaomi"] .row-sub,
html[data-theme="xiaomi"] .kpi .kk,
html[data-theme="xiaomi"] .kpi .ksub { font-weight: 400; color: var(--ink-3); }

/* ============ 卡片：细边框 + 无阴影 + 无模糊 ============ */
html[data-theme="xiaomi"] .card,
html[data-theme="xiaomi"] .panel,
html[data-theme="xiaomi"] .dlist,
html[data-theme="xiaomi"] .wk-tablewrap,
html[data-theme="xiaomi"] .qlist {
  background: var(--panel);
  border: .5px solid var(--line);
  border-radius: var(--radius);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html[data-theme="xiaomi"] .card { padding: 18px; }
html[data-theme="xiaomi"] .card + .card { margin-top: 14px; }
html[data-theme="xiaomi"] .card.tight { padding: 14px 16px; }

/* ============ 工单列表：去彩色竖条，改细点标记 ============ */
html[data-theme="xiaomi"] .drow::before {
  width: 4px; height: 4px; border-radius: 50%; top: 50%; left: 14px;
  margin-top: -2px; transform: none;
  background: var(--sc, var(--ink-3));
}
html[data-theme="xiaomi"] .drow { border-bottom: .5px solid var(--line); min-height: 56px; padding: 8px 14px 8px 26px; }
html[data-theme="xiaomi"] .drow:last-child { border-bottom: 0; }
html[data-theme="xiaomi"] .drow:hover { background: rgba(255, 255, 255, .035); }
html[data-theme="xiaomi"] .drow.closed { opacity: .42; }
html[data-theme="xiaomi"] .drow.od { background: rgba(255, 107, 107, .05); }
html[data-theme="xiaomi"] .dhead {
  background: transparent; border-bottom: .5px solid var(--line);
  font-size: 11.5px; height: 40px; color: var(--ink-3); letter-spacing: .3px;
  backdrop-filter: none; -webkit-backdrop-filter: none;
}
html[data-theme="xiaomi"] .dcell .sub { font-size: 11.5px; margin-top: 2px; }
html[data-theme="xiaomi"] .dno { font-size: 11.5px; color: var(--ink-3); }

/* ============ KPI：数字收敛 + 靠留白分层 ============ */
html[data-theme="xiaomi"] .kpi-ribbon {
  background: transparent; border: 0; border-radius: 0;
  box-shadow: none; gap: 10px;
  display: grid; grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
}
html[data-theme="xiaomi"] .kpi {
  background: var(--panel); border: .5px solid var(--line);
  border-radius: 16px; padding: 14px 16px;
}
html[data-theme="xiaomi"] a.kpi:hover { background: var(--panel-2); }
html[data-theme="xiaomi"] .kpi .kv { font-size: 22px; letter-spacing: -.2px; line-height: 1.3; }
html[data-theme="xiaomi"] .kpi .kk { font-size: 12px; margin-bottom: 4px; }
html[data-theme="xiaomi"] .kpi .ksub { font-size: 11.5px; }

/* ============ 按钮：主实心 / 次纯文字 ============ */
html[data-theme="xiaomi"] .btn {
  border-radius: 14px; letter-spacing: .2px; font-size: 15px;
  box-shadow: none; min-height: 44px;
}
html[data-theme="xiaomi"] .btn-primary { background: var(--brand); color: #fff; border-color: transparent; }
html[data-theme="xiaomi"] .btn-ghost { background: transparent; border-color: transparent; color: var(--ink-2); }
html[data-theme="xiaomi"] .btn-ghost:hover { background: rgba(255, 255, 255, .05); }

/* ============ 输入：深面板 + 细边 ============ */
html[data-theme="xiaomi"] .input,
html[data-theme="xiaomi"] .textarea,
html[data-theme="xiaomi"] .select,
html[data-theme="xiaomi"] .sel-wrap select,
html[data-theme="xiaomi"] .otool input,
html[data-theme="xiaomi"] .otool select {
  background: var(--panel-2); border: .5px solid var(--line);
  border-radius: 14px; color: var(--ink);
}
html[data-theme="xiaomi"] .input:focus,
html[data-theme="xiaomi"] .textarea:focus,
html[data-theme="xiaomi"] .select:focus { border-color: var(--brand); box-shadow: none; }

/* ============ 顶栏 / 底栏 / 侧栏：纯黑 ============ */
html[data-theme="xiaomi"] .appbar {
  background: rgba(0, 0, 0, .82); border-bottom: .5px solid var(--line);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
}
html[data-theme="xiaomi"] .tabbar {
  background: rgba(0, 0, 0, .88); border-top: .5px solid var(--line);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
}
html[data-theme="xiaomi"] .tabbar-item { color: var(--ink-3); font-size: 11.5px; }
html[data-theme="xiaomi"] .tabbar-item.active { color: var(--ink); }
html[data-theme="xiaomi"] #sidebar { background: #000; border-right: .5px solid var(--line); }

/* ============ 状态徽标：去边框，改半透明底 ============ */
html[data-theme="xiaomi"] .st-badge,
html[data-theme="xiaomi"] .role {
  border: 0; font-size: 11.5px; padding: 3px 10px; border-radius: 8px; letter-spacing: .2px;
}
html[data-theme="xiaomi"] .sla { font-size: 12px; }
html[data-theme="xiaomi"] .sla .bar { background: rgba(255, 255, 255, .08); }

/* ============ 弹窗 ============ */
html[data-theme="xiaomi"] .modal {
  background: #1a1a1d; border: .5px solid var(--line-strong);
  border-radius: 24px; box-shadow: var(--shadow-2); backdrop-filter: none;
}
html[data-theme="xiaomi"] .modal-title { font-size: 17px; }
html[data-theme="xiaomi"] .modal-acts { background: #1a1a1d; border-top: .5px solid var(--line); }
html[data-theme="xiaomi"] .sheet { background: #1a1a1d; border: .5px solid var(--line-strong); }

/* ============ 工单详情：字段表去斑马纹，改细分割 ============ */
html[data-theme="xiaomi"] .dt-kv { line-height: 1.8; }
html[data-theme="xiaomi"] .dt-kv dt { color: var(--ink-3); font-weight: 400; }
html[data-theme="xiaomi"] .dt-kv dd { color: var(--ink); }
html[data-theme="xiaomi"] .sec-title { font-size: 13.5px; letter-spacing: .2px; margin-bottom: 10px; }
html[data-theme="xiaomi"] .timeline { line-height: 1.8; }

/* ============ 部门工作表 ============ */
html[data-theme="xiaomi"] .wk-table { font-size: 13px; }
html[data-theme="xiaomi"] .wk-table thead th {
  background: transparent !important; color: var(--ink-3);
  border-bottom: .5px solid var(--line) !important; font-size: 11.5px;
}
html[data-theme="xiaomi"] .wk-tr:nth-child(even) td { background: transparent !important; }
html[data-theme="xiaomi"] .wk-tr:nth-child(even) .wk-c-chk,
html[data-theme="xiaomi"] .wk-tr:nth-child(even) .wk-c-seq { background: var(--panel) !important; }
html[data-theme="xiaomi"] .wk-td { border-bottom: .5px solid var(--line) !important; padding: 10px 12px !important; }
html[data-theme="xiaomi"] .wk-c-chk, html[data-theme="xiaomi"] .wk-c-seq { background: var(--panel) !important; }
html[data-theme="xiaomi"] .wk-text { line-height: 1.7 !important; }
html[data-theme="xiaomi"] .wk-upadd { border-style: solid; border-width: .5px; border-radius: 10px; }

/* ============ 字重补漏：首页卡片 / 优先级队列 / 分布条 / 链接 ============ */
html[data-theme="xiaomi"] .prio .pt,
html[data-theme="xiaomi"] .prio .idx,
html[data-theme="xiaomi"] .prio .ps,
html[data-theme="xiaomi"] .prio .sla,
html[data-theme="xiaomi"] .sec-hd h3,
html[data-theme="xiaomi"] .sec-hd .sub,
html[data-theme="xiaomi"] .dist .dn,
html[data-theme="xiaomi"] .dist .dv,
html[data-theme="xiaomi"] .link,
html[data-theme="xiaomi"] .t1, html[data-theme="xiaomi"] .t2, html[data-theme="xiaomi"] .t3,
html[data-theme="xiaomi"] .st-badge i,
html[data-theme="xiaomi"] .sla i,
html[data-theme="xiaomi"] .loss b,
html[data-theme="xiaomi"] .sev,
html[data-theme="xiaomi"] .chip,
html[data-theme="xiaomi"] .tag,
html[data-theme="xiaomi"] .row-title,
html[data-theme="xiaomi"] .empty,
html[data-theme="xiaomi"] .hint b,
html[data-theme="xiaomi"] .dt-kv dt { font-weight: 400 !important; }
html[data-theme="xiaomi"] .prio .idx,
html[data-theme="xiaomi"] .sec-hd h3,
html[data-theme="xiaomi"] .dist .dv,
html[data-theme="xiaomi"] .row-title,
html[data-theme="xiaomi"] .loss b,
html[data-theme="xiaomi"] .t1,
html[data-theme="xiaomi"] .link { font-weight: 500 !important; }
/* 序号徽标：去掉粗体，改极简细数字 */
html[data-theme="xiaomi"] .prio .idx {
  background: transparent !important; color: var(--ink-3) !important;
  font-size: 12px !important; width: 16px !important;
}
html[data-theme="xiaomi"] .prio .idx.hot { background: transparent !important; color: var(--danger) !important; }
/* 全局兜底：主题内任何 600+ 一律降到 500 */
html[data-theme="xiaomi"] .st-badge,
html[data-theme="xiaomi"] .role,
html[data-theme="xiaomi"] .kpi .kv,
html[data-theme="xiaomi"] .tab,
html[data-theme="xiaomi"] .dhead { font-weight: 500 !important; }


/* ============ 分割线统一 0.5px ============ */
html[data-theme="xiaomi"] hr { border: 0; border-top: .5px solid var(--line); }
html[data-theme="xiaomi"] .row-item { border-bottom: .5px solid var(--line); }
html[data-theme="xiaomi"] .prio { border-bottom: .5px dashed var(--line); }
html[data-theme="xiaomi"] .dist { border-bottom: .5px dashed var(--line); }

/* ============ 最后两处字重收口 ============ */
html[data-theme="xiaomi"] .tb-badge,
html[data-theme="xiaomi"] .tb-badge b,
html[data-theme="xiaomi"] [class*="badge"] { font-weight: 500 !important; }
html[data-theme="xiaomi"] .kpi-ribbon .kpi .kv,
html[data-theme="xiaomi"] .cards .v { font-weight: 500 !important; }

/* ============ 信息密度：砍掉左右无效留白 ============ */
/* 手机端：页面边距 16px → 8px，内容区宽度 +16px */
html[data-theme="xiaomi"] .view {
  padding: 8px 8px calc(var(--tabbar-h) + 18px + env(safe-area-inset-bottom));
}
@media (min-width: 768px) {
  html[data-theme="xiaomi"] .view { padding: 10px 12px calc(var(--tabbar-h) + 22px + env(safe-area-inset-bottom)); max-width: 900px; }
}
@media (min-width: 1200px) {
  html[data-theme="xiaomi"] .view { max-width: 1080px; }
}
/* 卡片内边距收紧（18 → 13），腾出更多内容宽度 */
html[data-theme="xiaomi"] .card { padding: 13px; }
html[data-theme="xiaomi"] .card + .card { margin-top: 9px; }
html[data-theme="xiaomi"] .card.tight { padding: 10px 12px; }
/* 区块标题间距收紧 */
html[data-theme="xiaomi"] .sec-title { margin: 0 2px 7px; }
/* 列表行：左右 padding 收紧，行高略降但保持呼吸 */
html[data-theme="xiaomi"] .drow { padding: 7px 10px 7px 22px; min-height: 50px; }
html[data-theme="xiaomi"] .dhead { padding: 0 10px; height: 36px; }
/* 工具条 / KPI 收紧 */
html[data-theme="xiaomi"] .otool { padding: 0 0 8px; gap: 6px; }
html[data-theme="xiaomi"] .kpi { padding: 11px 13px; }
html[data-theme="xiaomi"] .kpi-ribbon { gap: 8px; }
/* 部门工作表：整表贴边，单元格收紧 */
html[data-theme="xiaomi"] .wk-wrap { padding: 6px 0 20px !important; }
html[data-theme="xiaomi"] .wk-td { padding: 8px 9px !important; }
html[data-theme="xiaomi"] .wk-bar { gap: 5px; margin-bottom: 6px; }
html[data-theme="xiaomi"] .wk-sum { gap: 10px; margin-bottom: 6px; }
/* 通用：行项目与字段表收紧 */
html[data-theme="xiaomi"] .row-item { padding: 10px 2px; }
html[data-theme="xiaomi"] .dt-kv dt, html[data-theme="xiaomi"] .dt-kv dd { padding: 5px 0; }
html[data-theme="xiaomi"] .timeline { padding-left: 2px; }

/* ========== v6 密度：左右留白砍到底，信息拉满 ========== */
@media (max-width: 1023px) {
  html[data-theme="xiaomi"] { --pad: 5px; }
  html[data-theme="xiaomi"] .view { padding: 8px 5px calc(var(--tabbar-h) + 18px + env(safe-area-inset-bottom)) !important; }
  html[data-theme="xiaomi"] .card { padding: 12px 11px !important; }
  html[data-theme="xiaomi"] .card.tight { padding: 10px 8px !important; }
  html[data-theme="xiaomi"] .kpi { padding: 9px 10px !important; }
  html[data-theme="xiaomi"] .kpi .kv { font-size: 18px !important; }
  html[data-theme="xiaomi"] .kpi .kk { font-size: 11px !important; }
  html[data-theme="xiaomi"] .kpi-ribbon { gap: 5px !important; grid-template-columns: repeat(4, 1fr) !important; margin-bottom: 8px !important; }
  html[data-theme="xiaomi"] .kpi-ribbon .kpi:nth-child(n+5) { display: block !important; }
  html[data-theme="xiaomi"] .qrow { padding: 7px 8px 7px 9px !important; gap: 7px !important; }
  html[data-theme="xiaomi"] .qrow::before { width: 3px !important; top: 7px !important; bottom: 7px !important; }
  html[data-theme="xiaomi"] .qr-meta { gap: 7px !important; font-size: 11px !important; }
  html[data-theme="xiaomi"] .qr-title { font-size: 14.5px !important; line-height: 1.4 !important; }
  html[data-theme="xiaomi"] .sec-title { margin: 4px 1px 6px !important; font-size: 12.5px !important; }
  html[data-theme="xiaomi"] .otool { gap: 5px !important; }
  html[data-theme="xiaomi"] .otool-search { gap: 5px !important; }
  html[data-theme="xiaomi"] .wk-bar { gap: 4px !important; }
  html[data-theme="xiaomi"] .wk-sum { gap: 9px !important; }
  html[data-theme="xiaomi"] .modal { padding: 10px !important; }
  html[data-theme="xiaomi"] .field { margin-bottom: 9px !important; }
  html[data-theme="xiaomi"] .appbar { padding-left: 6px !important; padding-right: 6px !important; }
}
@media (min-width: 1024px) {
  html[data-theme="xiaomi"] .view { padding: 14px 18px 40px !important; }
  html[data-theme="xiaomi"] #sidebar { width: 190px !important; }
}