/* ===== 设备详情页 v6：字体再降一档 · 文字零截断 · 左右对称 ===== */

/* --- 1. 分栏：屏幕 60% / AI 分析 40%，整屏不滚 --- */
[class*="text-card-foreground"]:has(div.p-4.flex.flex-col.gap-3) { flex: 3 1 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 100% !important; max-height: 100% !important; min-height: 0 !important; }
[class*="text-card-foreground"]:has(div.p-4.flex.flex-col.gap-3) + div.flex-1.min-w-0 { flex: 2 1 0 !important; min-width: 262px !important; max-width: none !important; }
div.flex.gap-3.flex-1.min-h-0 { height: calc(100vh - 92px) !important; max-height: calc(100vh - 92px) !important; min-height: 0 !important; min-width: 0 !important; width: auto !important; flex: 1 1 auto !important; }

/* --- 2. 网格：左 84px 竖栏 + 8 列；画面 16 行，底部按钮 4 行 × 8 = 32 个铺满 --- */
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 {
  display: grid !important;
  grid-template-columns: 84px repeat(8, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(16, minmax(0, 1fr)) repeat(4, 17px) !important;
  column-gap: 4px !important; row-gap: 2px !important;
  align-content: stretch !important; align-items: stretch !important;
  height: 100% !important; min-height: 0 !important;
  padding: 5px !important; position: relative !important; overflow: hidden !important;
}
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3::after { content:"" !important; position:absolute !important;
  left: 5px; top: 5px; width: 84px !important;
  bottom: calc(5px + 4 * 17px + 3 * 2px + 2px) !important;
  border:1px solid #2b323c !important; border-radius:9px !important;
  background:linear-gradient(180deg,#0e1319,#0b0f14) !important;
  z-index:0; pointer-events:none !important; }

/* --- 3. 画面区：三块等宽等高、间距相等、垂直居中（按 9:19.5 真机比例）--- */
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start {
  grid-column: 2 / -1 !important; grid-row: 1 / 17 !important;
  display: flex !important; gap: 8px !important;
  align-items: stretch !important; justify-content: center !important;
  min-width: 0 !important; min-height: 0 !important;
  height: 100% !important; max-height: none !important; overflow: visible !important;
}
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div {
  container-type: size !important;
  flex: 1 1 0 !important; min-width: 0 !important; min-height: 0 !important;
  display: flex !important; flex-direction: column !important;
  align-items: center !important; justify-content: center !important;
  height: 100% !important; overflow: visible !important;
}
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:first-child {
  flex: 0 0 auto !important; min-height: 0 !important;
  height: min(calc(100cqh - 25px), calc(100cqw * 19.5 / 9)) !important;
  width: auto !important; max-width: 100% !important;
  aspect-ratio: 9 / 19.5 !important;
  margin: 0 auto !important; position: relative !important;
  border-radius: 12px !important; overflow: hidden !important;
  background: #000 !important;
  box-shadow: 0 0 0 1px #2b323c, 0 5px 16px rgba(0,0,0,.45) !important;
}
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:first-child canvas, div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:first-child img, div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:first-child video {
  width: 100% !important; height: 100% !important; object-fit: fill !important; display: block !important;
  image-rendering: -webkit-optimize-contrast !important;
}
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:first-child:empty::after {
  content: "等待投屏" !important; position: absolute !important; inset: 0 !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  font-size: 10.5px !important; color: #5b6673 !important; background: #000 !important;
}

/* --- 4. 控制按钮：左栏 16 个 + 底部 32 个（8 列 × 4 行，正好铺满）--- */
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child,
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div,
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div > div,
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div > div > div { display: contents !important; }
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(2) { display: none !important; }

/* 左栏 16 个：第 1 列，1~16 行，高度铺满行高 */
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(1) { grid-column: 1 !important; grid-row: 1 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(2) { grid-column: 1 !important; grid-row: 2 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(3) { grid-column: 1 !important; grid-row: 3 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(4) { grid-column: 1 !important; grid-row: 4 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(5) { grid-column: 1 !important; grid-row: 5 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(6) { grid-column: 1 !important; grid-row: 6 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(7) { grid-column: 1 !important; grid-row: 7 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(8) { grid-column: 1 !important; grid-row: 8 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(9) { grid-column: 1 !important; grid-row: 9 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(10) { grid-column: 1 !important; grid-row: 10 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(11) { grid-column: 1 !important; grid-row: 11 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(12) { grid-column: 1 !important; grid-row: 12 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(13) { grid-column: 1 !important; grid-row: 13 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(14) { grid-column: 1 !important; grid-row: 14 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(15) { grid-column: 1 !important; grid-row: 15 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(16) { grid-column: 1 !important; grid-row: 16 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(-n+16) {
  width: 100% !important; height: 26px !important; min-height: 0 !important; max-height: 26px !important;
  font-size: 8.4px !important; padding: 0 4px !important; line-height: 1 !important;
  align-self: center !important; justify-content: center !important;
  gap: 3px !important; white-space: nowrap !important; overflow: visible !important; letter-spacing: 0 !important;
  z-index: 1 !important; border-radius: 5px !important;
}
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(-n+16) svg { width: 11px !important; height: 11px !important; flex: 0 0 11px !important; }

/* 底部 32 个：第 2 列起 8 列 × 第 17~20 行，每行正好 8 个、无空位 */
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(17) { grid-column: 2 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(18) { grid-column: 3 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(19) { grid-column: 4 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(20) { grid-column: 5 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(21) { grid-column: 6 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(22) { grid-column: 7 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(23) { grid-column: 8 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(24) { grid-column: 9 !important; grid-row: 17 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(1) { grid-column: 2 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(2) { grid-column: 3 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(3) { grid-column: 4 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(4) { grid-column: 5 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(5) { grid-column: 6 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(6) { grid-column: 7 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(7) { grid-column: 8 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(8) { grid-column: 9 !important; grid-row: 18 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(9) { grid-column: 2 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(10) { grid-column: 3 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(11) { grid-column: 4 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(12) { grid-column: 5 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(13) { grid-column: 6 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(14) { grid-column: 7 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(15) { grid-column: 8 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(16) { grid-column: 9 !important; grid-row: 19 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(17) { grid-column: 2 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(18) { grid-column: 3 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(19) { grid-column: 4 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(20) { grid-column: 5 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(21) { grid-column: 6 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(22) { grid-column: 7 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(23) { grid-column: 8 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button:nth-child(24) { grid-column: 9 !important; grid-row: 20 !important; }
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(n+17), :not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button {
  width: 100% !important; height: 17px !important; min-height: 0 !important; max-height: 17px !important;
  font-size: 7.6px !important; padding: 0 1px !important; line-height: 1 !important;
  align-self: center !important; justify-content: center !important;
  gap: 2px !important; white-space: nowrap !important; overflow: visible !important;
  border-radius: 4px !important; letter-spacing: 0 !important;
}
:not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(n+17) svg, :not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button svg { width: 9px !important; height: 9px !important; flex: 0 0 9px !important; }

/* --- 5. 画面下方小工具条：字号降一档，全部保留不隐藏 --- */
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:nth-child(2) { flex: 0 0 auto !important; margin-top: 0 !important; width: 100% !important; height: 17px !important; align-items: center !important; }
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:nth-child(2) button { font-size: 7.8px !important; height: 16px !important; padding: 0 3px !important; gap: 1px !important; border-radius: 4px !important; }
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:nth-child(2) input { font-size: 7.8px !important; height: 16px !important; padding: 0 3px !important; min-width: 0 !important; }
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:nth-child(2) span { font-size: 7.8px !important; }
div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div.flex.gap-3.items-start > div > div:nth-child(2) svg { width: 9px !important; height: 9px !important; }

/* --- 6. 右侧 13 个标签：字号降一档、7 列两行、末行居中、全部可见 --- */
div.overflow-x-auto.mb-3.shrink-0 { margin-bottom: 4px !important; overflow: visible !important; }
[data-slot="tabs-list"] {
  display: grid !important; grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 3px !important; width: 100% !important; height: auto !important;
  background: transparent !important; border: none !important; padding: 0 !important;
}
[data-slot="tabs-list"] > * {
  width: auto !important; min-width: 0 !important; max-width: none !important;
  font-size: 8.4px !important; padding: 0 2px !important; height: 20px !important;
  flex: 0 0 auto !important; line-height: 1 !important; border-radius: 5px !important;
  letter-spacing: 0 !important; white-space: nowrap !important;
  justify-content: center !important; overflow: hidden !important;
}
[data-slot="tabs-list"] > *:nth-child(8) { grid-column: 2 !important; }
[data-slot="tabs-list"] button *, main [role="tablist"] button, main [role="tablist"] button * { font-size: 8.4px !important; }
[data-slot="tabs-list"] svg { width: 10px !important; height: 10px !important; flex: 0 0 10px !important; }

/* --- 7. AI 分析区：字号降一档，内容竖向铺开 --- */
div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 { font-size: 10px !important; gap: 6px !important; padding: 9px !important; height: 100% !important; }
div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 > div:first-child { font-size: 11px !important; }
div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 > div:first-child svg { width: 13px !important; height: 13px !important; }
div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 > div:first-child button { font-size: 8.6px !important; height: 19px !important; padding: 0 6px !important; }
div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 > div:last-child { flex: 1 1 auto !important; gap: 7px !important; justify-content: center !important; }
div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 > div:last-child > div:first-child { font-size: 62px !important; line-height: 1 !important; margin-bottom: 0 !important; }
div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 p, div.flex-1.min-h-0.relative div.p-4.flex.flex-col.flex-1.min-h-0.gap-3 span { font-size: 9.6px !important; line-height: 1.5 !important; }

/* --- 8. 顶栏：设备信息全部完整显示，不横向溢出 --- */
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) { flex-wrap: wrap !important; overflow: visible !important; height: auto !important;
  row-gap: 3px !important; column-gap: 8px !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > span.font-bold { font-size: 18px !important; line-height: 1.2 !important; letter-spacing: 0 !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > svg { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > span:not(.font-bold) { font-size: 10px !important; height: 18px !important; padding: 0 5px !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > div { font-size: 10.5px !important; padding: 2px 6px !important; border-radius: 6px !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > div > span { font-size: 10.5px !important; height: 18px !important; padding: 0 4px !important;
  border-radius: 4px !important; line-height: 1 !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > div > span span, main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > div > span svg { font-size: 10.5px !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) svg { width: 11px !important; height: 11px !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > div:last-child:not(#kkfx) { width: 100% !important; flex: 1 0 100% !important; flex-wrap: wrap !important;
  gap: 2px 10px !important; justify-content: flex-start !important; }
main div.flex.items-center.gap-3.w-full.font-normal.overflow-x-auto.whitespace-nowrap:has(> span.font-bold) > div:last-child input { height: 18px !important; font-size: 10.5px !important; width: 150px !important; }

/* --- 8b. 顶栏加高后，卡片高度跟着屏幕重算，底部不顶出屏幕 --- */
div.flex.gap-3.flex-1.min-h-0 { max-height: calc(100vh - 113px) !important; height: calc(100vh - 113px) !important; }
[class*="text-card-foreground"]:has(div.p-4.flex.flex-col.gap-3) { height: calc(100vh - 113px) !important; max-height: calc(100vh - 113px) !important;
  min-height: 0 !important; }

/* --- 9. 窄屏兜底（≤1400px）--- */
@media (max-width: 1400px) {
  div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 { grid-template-columns: 78px repeat(8, minmax(0, 1fr)) !important; }
  div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3::after { width: 78px !important; }
  :not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(-n+16) { font-size: 8px !important; height: 25px !important; }
  :not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(1) > div > div > button:nth-child(n+17), :not(#zkx) div.flex.gap-3.flex-1.min-h-0 > div > div.flex.flex-col.gap-3 > div:last-child > div:nth-child(3) > div > div > button { font-size: 7.2px !important; }
  [data-slot="tabs-list"] > *, [data-slot="tabs-list"] button { font-size: 7.8px !important; height: 19px !important; padding: 0 1px !important; }
}