﻿/* ============================================================
   hb-data.css — 短信拦截 / 注入数据 / 余额分析 数据页重排版
   作用域：body.hb-page-sms / hb-page-inj / hb-page-bal
   ============================================================ */

/* ---------- 卡片外壳 ---------- */
body.hb-page-sms .hb-dcard,
body.hb-page-inj .hb-dcard,
body.hb-page-bal .hb-dcard{
  background:#fff !important;
  border:1px solid #e6edf9 !important;
  border-radius:18px !important;
  box-shadow:0 18px 40px -32px rgba(15,26,51,.35),0 1px 2px rgba(15,26,51,.04) !important;
  overflow:hidden;
}
body.hb-page-sms .hb-dinner,
body.hb-page-inj .hb-dinner,
body.hb-page-bal .hb-dinner{padding:0 !important;gap:0 !important}

/* ---------- 工具条 ---------- */
body.hb-page-sms .hb-dbar,
body.hb-page-inj .hb-dbar,
body.hb-page-bal .hb-dbar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 18px !important;background:#fff;border-bottom:1px solid #eef3fb;
  min-height:56px;flex:none;
}
body.hb-page-sms .hb-dbar > div:first-child,
body.hb-page-inj .hb-dbar > div:first-child,
body.hb-page-bal .hb-dbar > div:first-child{display:flex;align-items:center;gap:9px;min-width:0}
body.hb-page-sms .hb-dbar > div:last-child,
body.hb-page-inj .hb-dbar > div:last-child,
body.hb-page-bal .hb-dbar > div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}

/* 标题 + 条数胶囊 */
body.hb-page-sms .hb-dbar > div:first-child > span:first-child,
body.hb-page-inj .hb-dbar > div:first-child > span:first-child,
body.hb-page-bal .hb-dbar > div:first-child > span:first-child{
  font-size:15px !important;font-weight:650 !important;color:#0f1a33 !important;letter-spacing:-.01em;
}
body.hb-page-sms .hb-dbar > div:first-child > span:nth-child(2),
body.hb-page-inj .hb-dbar > div:first-child > span:nth-child(2),
body.hb-page-bal .hb-dbar > div:first-child > span:nth-child(2){
  background:#eef4ff !important;border-color:#dbe6ff !important;color:#2f5bd7 !important;
  font-size:11px !important;font-weight:600 !important;border-radius:999px !important;padding:2px 9px !important;
}

/* 搜索框 */
body.hb-page-sms .hb-dbar input,
body.hb-page-inj .hb-dbar input,
body.hb-page-bal .hb-dbar input{
  height:32px !important;border-radius:10px !important;background:#f8fafd !important;
  border:1px solid #e6edf9 !important;font-size:12.5px !important;padding-left:32px !important;width:250px !important;
  transition:background .15s,border-color .15s,box-shadow .15s;
}
body.hb-page-sms .hb-dbar input:focus,
body.hb-page-inj .hb-dbar input:focus,
body.hb-page-bal .hb-dbar input:focus{
  background:#fff !important;border-color:#9db8ff !important;box-shadow:0 0 0 3px rgba(33,85,255,.10) !important;
}

/* 工具条按钮 */
body.hb-page-sms .hb-dbar button,
body.hb-page-inj .hb-dbar button,
body.hb-page-bal .hb-dbar button{
  height:32px !important;border-radius:10px !important;font-size:12.5px !important;padding:0 11px !important;
  display:inline-flex;align-items:center;gap:5px;
}
body.hb-page-sms .hb-dbar button[class*="bg-red-500"],
body.hb-page-inj .hb-dbar button[class*="bg-red-500"],
body.hb-page-bal .hb-dbar button[class*="bg-red-500"]{
  background:#fff5f5 !important;border-color:#f7d9dc !important;color:#d14552 !important;
}
body.hb-page-sms .hb-dbar button[class*="bg-red-500"]:hover,
body.hb-page-inj .hb-dbar button[class*="bg-red-500"]:hover,
body.hb-page-bal .hb-dbar button[class*="bg-red-500"]:hover{
  background:#ffecee !important;border-color:#efc2c7 !important;color:#b8323f !important;
}

/* ---------- 表格 ---------- */
body.hb-page-sms .hb-dcard table,
body.hb-page-inj .hb-dcard table,
body.hb-page-bal .hb-dcard table{
  width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;
}
body.hb-page-sms .hb-dcard thead th,
body.hb-page-inj .hb-dcard thead th,
body.hb-page-bal .hb-dcard thead th{
  position:sticky;top:0;z-index:5;
  background:#f7f9fe !important;color:#7b879b !important;
  font-size:11px !important;font-weight:600 !important;letter-spacing:.06em !important;
  height:40px;padding:0 14px !important;border-bottom:1px solid #e8effa !important;
  white-space:nowrap;text-align:left !important;
}
body.hb-page-sms .hb-dcard tbody td,
body.hb-page-inj .hb-dcard tbody td,
body.hb-page-bal .hb-dcard tbody td{
  padding:12px 14px !important;font-size:13px !important;color:#243049 !important;
  border-bottom:1px solid #f1f5fc !important;vertical-align:middle;
}
body.hb-page-sms .hb-dcard tbody tr,
body.hb-page-inj .hb-dcard tbody tr,
body.hb-page-bal .hb-dcard tbody tr{background:#fff;transition:background .12s,box-shadow .12s}
body.hb-page-sms .hb-dcard tbody tr:hover,
body.hb-page-inj .hb-dcard tbody tr:hover,
body.hb-page-bal .hb-dcard tbody tr:hover{
  background:#f8fbff !important;box-shadow:inset 2px 0 0 #9db8ff;
}
body.hb-page-sms .hb-dcard tbody tr:last-child td,
body.hb-page-inj .hb-dcard tbody tr:last-child td,
body.hb-page-bal .hb-dcard tbody tr:last-child td{border-bottom:0 !important}

/* 设备ID 胶囊 */
body.hb-page-sms .hb-dcard tbody td:first-child button,
body.hb-page-inj .hb-dcard tbody td:first-child button,
body.hb-page-bal .hb-dcard tbody td:first-child button{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace !important;
  font-size:11px !important;font-weight:600 !important;letter-spacing:0;
  color:#2f5bd7 !important;background:#f1f6ff;border:1px solid #e2ecff;
  border-radius:7px;padding:2px 6px;text-decoration:none !important;display:inline-block;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;
  transition:background .12s,border-color .12s;
}
body.hb-page-sms .hb-dcard tbody td:first-child button:hover,
body.hb-page-inj .hb-dcard tbody td:first-child button:hover,
body.hb-page-bal .hb-dcard tbody td:first-child button:hover{
  background:#e6efff;border-color:#c9dcff;color:#1f4bd0 !important;text-decoration:none !important;
}
body.hb-page-sms .hb-dcard tbody td:first-child,
body.hb-page-inj .hb-dcard tbody td:first-child,
body.hb-page-bal .hb-dcard tbody td:first-child{padding-left:16px !important}

/* 应用/包名 */
body.hb-page-inj .hb-dcard tbody td:nth-child(2),
body.hb-page-bal .hb-dcard tbody td:nth-child(2){font-weight:600 !important;color:#111d38 !important}
body.hb-page-inj .hb-dcard tbody td:nth-child(3),
body.hb-page-bal .hb-dcard tbody td:nth-child(3){color:#7b879b !important;font-size:12px !important}

/* 号码 / 账号 / 密钥列：等宽数字 */
body.hb-page-sms .hb-dcard tbody td:nth-child(2){font-size:12.5px !important;color:#3a4a66 !important;font-weight:600}
body.hb-page-inj .hb-dcard tbody td:nth-child(5),
body.hb-page-inj .hb-dcard tbody td:nth-child(6){
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
/* 密码 / 支付密码 做成淡底胶囊 */
body.hb-page-inj .hb-dcard tbody td:nth-child(5) > div,
body.hb-page-inj .hb-dcard tbody td:nth-child(6) > div{
  display:inline-block;max-width:100%;padding:2px 8px;border-radius:7px;
  background:#fffaf0;border:1px solid #ffecc9;color:#c07a12 !important;
  font-size:12px !important;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
body.hb-page-inj .hb-dcard tbody td:nth-child(6) > div{
  background:#fff5f6;border-color:#ffdfe3;color:#c94354 !important;
}
/* 银行卡 / CVV / 有效期 弱化 */
body.hb-page-inj .hb-dcard tbody td:nth-child(7),
body.hb-page-inj .hb-dcard tbody td:nth-child(8),
body.hb-page-inj .hb-dcard tbody td:nth-child(9){font-size:12px !important;color:#6b7a92 !important;font-variant-numeric:tabular-nums}

/* 时间列 */
body.hb-page-sms .hb-dcard tbody td:nth-child(4),
body.hb-page-inj .hb-dcard tbody td:nth-child(10),
body.hb-page-bal .hb-dcard tbody td:nth-child(4){}
body.hb-page-sms .hb-dcard tbody td:nth-child(4),
body.hb-page-inj .hb-dcard tbody td:nth-child(10){
  font-size:12px !important;color:#8693a8 !important;font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* 空值 */
body.hb-page-sms .hb-dcard td.hb-empty,
body.hb-page-inj .hb-dcard td.hb-empty,
body.hb-page-bal .hb-dcard td.hb-empty{color:#c2cbdb !important;font-size:12px !important}

/* 空值胶囊还原（密码列出现 "-" 时不要黄底） */
body.hb-page-inj .hb-dcard td.hb-empty > div{
  background:transparent !important;border-color:transparent !important;color:#c2cbdb !important;
  padding-left:2px !important;font-weight:500 !important;
}

/* 短信内容：两行截断 + 点击展开 */
body.hb-page-sms .hb-dcard td.hb-clamp > div{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  line-height:1.62;color:#2b3752;word-break:break-word;
  white-space:normal !important;text-overflow:clip !important;
}
body.hb-page-sms .hb-dcard td.hb-clamp{cursor:pointer}
body.hb-page-sms .hb-dcard td.hb-clamp.hb-open > div{
  display:block;-webkit-line-clamp:unset;overflow:visible;white-space:pre-wrap;
}

/* 余额分析 AI 摘要：内层带 truncate，需要先把 nowrap 解开再 clamp */
body.hb-page-bal .hb-dcard td.hb-clamp{cursor:pointer}
body.hb-page-bal .hb-dcard td.hb-clamp .truncate{
  white-space:normal !important;text-overflow:clip !important;
  display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden !important;line-height:1.62;
  font-size:12.5px !important;color:#46536b;
}
body.hb-page-bal .hb-dcard td.hb-clamp.hb-open .truncate{
  display:block !important;-webkit-line-clamp:unset;overflow:visible !important;
}

/* 状态徽章（余额分析 已分析） */
body.hb-page-bal .hb-dcard [data-slot="badge"]{
  background:#e9f8f1 !important;border:1px solid #c9ecdd !important;color:#0b8f63 !important;
  font-size:11px !important;font-weight:600 !important;border-radius:999px !important;
  padding:3px 10px !important;display:inline-flex;align-items:center;gap:5px;
}
body.hb-page-bal .hb-dcard [data-slot="badge"]::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#12a56f;box-shadow:0 0 0 3px rgba(18,165,111,.14);
}

/* 余额数字 */
body.hb-page-bal .hb-dcard tbody td:nth-child(5){
  font-variant-numeric:tabular-nums;font-weight:650 !important;color:#0b8f63 !important;
}

/* 操作列 */
body.hb-page-sms .hb-dcard tbody td:last-child,
body.hb-page-inj .hb-dcard tbody td:last-child,
body.hb-page-bal .hb-dcard tbody td:last-child{text-align:right;padding-right:16px !important}
body.hb-page-sms .hb-dcard tbody td:last-child button,
body.hb-page-inj .hb-dcard tbody td:last-child button,
body.hb-page-bal .hb-dcard tbody td:last-child button{
  height:28px !important;padding:0 10px !important;border-radius:8px !important;
  background:#fff !important;border:1px solid #e8eefb !important;color:#8894a8 !important;
  font-size:12px !important;display:inline-flex;align-items:center;gap:4px;
  transition:all .13s;
}
body.hb-page-sms .hb-dcard tbody td:last-child button:hover,
body.hb-page-inj .hb-dcard tbody td:last-child button:hover,
body.hb-page-bal .hb-dcard tbody td:last-child button:hover{
  background:#fff3f4 !important;border-color:#f6d3d7 !important;color:#d14552 !important;
  box-shadow:0 6px 14px -12px rgba(209,69,82,.9);
}

/* 分页条 */
body.hb-page-sms .hb-dpag,
body.hb-page-inj .hb-dpag,
body.hb-page-bal .hb-dpag{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
  padding:11px 18px !important;border-top:1px solid #eef3fb;background:#fff;flex:none;
  font-size:12px;color:#7b879b;
}
body.hb-page-sms .hb-dpag button,
body.hb-page-inj .hb-dpag button,
body.hb-page-bal .hb-dpag button{
  min-width:28px;height:28px;border-radius:8px !important;font-size:12px !important;
}
body.hb-page-sms .hb-dpag button[class*="bg-primary"],
body.hb-page-inj .hb-dpag button[class*="bg-primary"],
body.hb-page-bal .hb-dpag button[class*="bg-primary"]{
  background:linear-gradient(150deg,#2f6bff,#1f4fe0) !important;color:#fff !important;
  box-shadow:0 8px 16px -12px rgba(33,85,255,.9);
}

/* 表格滚动区滚动条 */
body.hb-page-sms .hb-dscroll,
body.hb-page-inj .hb-dscroll,
body.hb-page-bal .hb-dscroll{scrollbar-width:thin;scrollbar-color:#cfdbf0 transparent}
body.hb-page-sms .hb-dscroll::-webkit-scrollbar,
body.hb-page-inj .hb-dscroll::-webkit-scrollbar,
body.hb-page-bal .hb-dscroll::-webkit-scrollbar{width:9px;height:9px}
body.hb-page-sms .hb-dscroll::-webkit-scrollbar-thumb,
body.hb-page-inj .hb-dscroll::-webkit-scrollbar-thumb,
body.hb-page-bal .hb-dscroll::-webkit-scrollbar-thumb{background:#d3deef;border-radius:8px;border:2px solid #fff}

/* 列宽：短信 */
body.hb-page-sms .hb-dcard thead th:nth-child(1){width:146px}
body.hb-page-sms .hb-dcard thead th:nth-child(2){width:130px}
body.hb-page-sms .hb-dcard thead th:nth-child(4){width:172px}
body.hb-page-sms .hb-dcard thead th:nth-child(5){width:76px}
/* 列宽：注入数据 */
body.hb-page-inj .hb-dcard thead th:nth-child(1){width:128px}
body.hb-page-inj .hb-dcard thead th:nth-child(2){width:138px}
body.hb-page-inj .hb-dcard thead th:nth-child(3){width:190px}
body.hb-page-inj .hb-dcard thead th:nth-child(4){width:88px}
body.hb-page-inj .hb-dcard thead th:nth-child(5){width:92px}
body.hb-page-inj .hb-dcard thead th:nth-child(6){width:100px}
body.hb-page-inj .hb-dcard thead th:nth-child(7){width:118px}
body.hb-page-inj .hb-dcard thead th:nth-child(8){width:58px}
body.hb-page-inj .hb-dcard thead th:nth-child(9){width:74px}
body.hb-page-inj .hb-dcard thead th:nth-child(10){width:146px}
body.hb-page-inj .hb-dcard thead th:nth-child(11){width:74px}
/* 列宽：余额分析 */
body.hb-page-bal .hb-dcard thead th:nth-child(1){width:152px}
body.hb-page-bal .hb-dcard thead th:nth-child(2){width:150px}
body.hb-page-bal .hb-dcard thead th:nth-child(3){width:180px}
body.hb-page-bal .hb-dcard thead th:nth-child(4){width:92px}
body.hb-page-bal .hb-dcard thead th:nth-child(5){width:96px}
body.hb-page-bal .hb-dcard thead th:nth-child(6){width:auto}
body.hb-page-bal .hb-dcard thead th:nth-child(7){width:158px}
body.hb-page-bal .hb-dcard thead th:nth-child(8){width:88px}

/* 窄屏 */
@media (max-width:1500px){
  body.hb-page-sms .hb-dbar input,
  body.hb-page-inj .hb-dbar input,
  body.hb-page-bal .hb-dbar input{width:200px !important}
  body.hb-page-sms .hb-dcard thead th,body.hb-page-inj .hb-dcard thead th,body.hb-page-bal .hb-dcard thead th{padding:0 10px !important;font-size:10.5px !important}
  body.hb-page-sms .hb-dcard tbody td,body.hb-page-inj .hb-dcard tbody td,body.hb-page-bal .hb-dcard tbody td{padding:11px 10px !important;font-size:12.5px !important}
}

/* ---------- 顶部统计卡微调（仅这三个数据页） ---------- */
body.hb-page-sms .hb-stat,
body.hb-page-inj .hb-stat,
body.hb-page-bal .hb-stat{
  height:66px;border-radius:15px;border-color:#e6edf9;
  box-shadow:0 10px 24px -24px rgba(15,26,51,.5);
  transition:transform .16s,box-shadow .16s,border-color .16s;
}
body.hb-page-sms .hb-stat:hover,
body.hb-page-inj .hb-stat:hover,
body.hb-page-bal .hb-stat:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px -26px rgba(33,85,255,.55);
}
body.hb-page-sms .hb-stat .hb-stat-num,
body.hb-page-inj .hb-stat .hb-stat-num,
body.hb-page-bal .hb-stat .hb-stat-num{font-size:21px;font-variant-numeric:tabular-nums}
body.hb-page-sms .hb-stat .hb-stat-lbl,
body.hb-page-inj .hb-stat .hb-stat-lbl,
body.hb-page-bal .hb-stat .hb-stat-lbl{font-size:11.5px;color:#6b778c}

/* ---------- 列宽精修 v2：避免 ellipsis 误截断（设备ID / 包名 / 时间） ---------- */
body.hb-page-sms .hb-dcard tbody td,
body.hb-page-inj .hb-dcard tbody td,
body.hb-page-bal .hb-dcard tbody td{font-size:12.5px !important;padding:11px 12px !important}
body.hb-page-sms .hb-dcard tbody td > div,
body.hb-page-inj .hb-dcard tbody td > div,
body.hb-page-bal .hb-dcard tbody td > div{font-size:12.5px !important;line-height:1.45}
body.hb-page-sms .hb-dcard tbody td:first-child,
body.hb-page-inj .hb-dcard tbody td:first-child,
body.hb-page-bal .hb-dcard tbody td:first-child{padding-left:14px !important}

/* 注入数据 */
body.hb-page-inj .hb-dcard thead th:nth-child(1){width:158px}
body.hb-page-inj .hb-dcard thead th:nth-child(2){width:150px}
body.hb-page-inj .hb-dcard thead th:nth-child(3){width:205px}
body.hb-page-inj .hb-dcard thead th:nth-child(4){width:158px}
body.hb-page-inj .hb-dcard thead th:nth-child(5){width:96px}
body.hb-page-inj .hb-dcard thead th:nth-child(6){width:102px}
body.hb-page-inj .hb-dcard thead th:nth-child(7){width:134px}
body.hb-page-inj .hb-dcard thead th:nth-child(8){width:60px}
body.hb-page-inj .hb-dcard thead th:nth-child(9){width:76px}
body.hb-page-inj .hb-dcard thead th:nth-child(10){width:164px}
body.hb-page-inj .hb-dcard thead th:nth-child(11){width:74px}

/* 余额分析 */
body.hb-page-bal .hb-dcard thead th:nth-child(1){width:158px}
body.hb-page-bal .hb-dcard thead th:nth-child(2){width:144px}
body.hb-page-bal .hb-dcard thead th:nth-child(3){width:168px}
body.hb-page-bal .hb-dcard thead th:nth-child(4){width:92px}
body.hb-page-bal .hb-dcard thead th:nth-child(5){width:92px}
body.hb-page-bal .hb-dcard thead th:nth-child(7){width:160px}
body.hb-page-bal .hb-dcard thead th:nth-child(8){width:80px}

/* 时间列：等宽数字 + 不换行 */
body.hb-page-inj .hb-dcard tbody td:nth-child(10),
body.hb-page-bal .hb-dcard tbody td:nth-child(7),
body.hb-page-sms .hb-dcard tbody td:nth-child(4){
  font-variant-numeric:tabular-nums;white-space:nowrap;
}

/* 窄屏再收一档 */
@media (max-width:1500px){
  body.hb-page-inj .hb-dcard tbody td,
  body.hb-page-bal .hb-dcard tbody td,
  body.hb-page-sms .hb-dcard tbody td{font-size:12px !important;padding:10px 9px !important}
  body.hb-page-inj .hb-dcard tbody td > div,
  body.hb-page-bal .hb-dcard tbody td > div,
  body.hb-page-sms .hb-dcard tbody td > div{font-size:12px !important}
  body.hb-page-inj .hb-dcard thead th:nth-child(1){width:146px}
  body.hb-page-inj .hb-dcard thead th:nth-child(2){width:132px}
  body.hb-page-inj .hb-dcard thead th:nth-child(3){width:180px}
  body.hb-page-inj .hb-dcard thead th:nth-child(4){width:132px}
  body.hb-page-inj .hb-dcard thead th:nth-child(5){width:88px}
  body.hb-page-inj .hb-dcard thead th:nth-child(6){width:94px}
  body.hb-page-inj .hb-dcard thead th:nth-child(7){width:118px}
  body.hb-page-inj .hb-dcard thead th:nth-child(10){width:148px}
  body.hb-page-bal .hb-dcard thead th:nth-child(1){width:146px}
  body.hb-page-bal .hb-dcard thead th:nth-child(7){width:146px}
}

/* ---------- 注入数据：干掉 React 内联 colgroup 百分比，改按列语义分配 ---------- */
body.hb-page-inj .hb-dcard table colgroup col:nth-child(1){width:11.3% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(2){width:10.7% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(3){width:16.2% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(4){width:11.3% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(5){width:6.9% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(6){width:7.3% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(7){width:9.6% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(8){width:4.3% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(9){width:5.4% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(10){width:11.7% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(11){width:5.3% !important}

/* 窄屏设备ID：字号收一档，保证 16 位十六进制完整显示 */
@media (max-width:1500px){
  body.hb-page-sms .hb-dcard tbody td:first-child button,
  body.hb-page-inj .hb-dcard tbody td:first-child button,
  body.hb-page-bal .hb-dcard tbody td:first-child button{
    font-size:10px !important;letter-spacing:-.2px;padding:2px 5px;
  }
}

/* ---------- 列宽 v3：包名/密码给足，账号（多为空）收窄 ---------- */
body.hb-page-inj .hb-dcard table colgroup col:nth-child(1){width:11.3% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(2){width:10.7% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(3){width:20.1% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(4){width:7.1% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(5){width:7.7% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(6){width:8.0% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(7){width:9.1% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(8){width:4.0% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(9){width:5.1% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(10){width:11.6% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(11){width:5.3% !important}
body.hb-page-bal .hb-dcard thead th:nth-child(2){width:144px}
body.hb-page-bal .hb-dcard thead th:nth-child(3){width:196px}
body.hb-page-bal .hb-dcard thead th:nth-child(4){width:88px}
body.hb-page-bal .hb-dcard thead th:nth-child(5){width:88px}

/* ---------- 应用 / 包名：两行展示 + 点击展开 ---------- */
body.hb-page-inj .hb-dcard td.hb-clamp2,
body.hb-page-bal .hb-dcard td.hb-clamp2{cursor:pointer}
body.hb-page-inj .hb-dcard td.hb-clamp2 > div,
body.hb-page-bal .hb-dcard td.hb-clamp2 > div{
  white-space:normal !important;text-overflow:clip !important;
  display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical;
  overflow:hidden !important;word-break:break-all;line-height:1.42;
  font-size:12px !important;letter-spacing:-.1px;
}
body.hb-page-inj .hb-dcard td.hb-clamp2.hb-open > div,
body.hb-page-bal .hb-dcard td.hb-clamp2.hb-open > div{
  display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;
}
body.hb-page-inj .hb-dcard td.hb-clamp2 > div:only-child{max-height:none}

/* ---------- 列宽 v4：1366 下密码/时间不再截断 ---------- */
body.hb-page-inj .hb-dcard table colgroup col:nth-child(1){width:11.3% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(2){width:10.7% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(3){width:17.3% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(4){width:7.0% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(5){width:8.7% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(6){width:9.0% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(7){width:9.0% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(8){width:4.0% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(9){width:5.0% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(10){width:12.4% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(11){width:5.6% !important}

@media (max-width:1500px){
  body.hb-page-inj .hb-dcard tbody td:nth-child(10){font-size:11.5px !important}
  body.hb-page-inj .hb-dcard tbody td:nth-child(5) > div,
  body.hb-page-inj .hb-dcard tbody td:nth-child(6) > div{font-size:11.5px !important;padding:2px 7px}
}

@media (max-width:1500px){
  body.hb-page-inj .hb-dcard tbody td:nth-child(10) .truncate,
  body.hb-page-inj .hb-dcard tbody td:nth-child(10) > div{font-size:11.5px !important}
}

/* ---------- 列宽 v5：时间列再放宽（1366 完整显示） ---------- */
body.hb-page-inj .hb-dcard table colgroup col:nth-child(3){width:16.1% !important}
body.hb-page-inj .hb-dcard table colgroup col:nth-child(10){width:13.6% !important}

/* 应用名优先按空格/括号断行，包名再按字符断 */
body.hb-page-inj .hb-dcard td.hb-clamp2 > div,
body.hb-page-bal .hb-dcard td.hb-clamp2 > div{word-break:normal;overflow-wrap:anywhere}
body.hb-page-inj .hb-dcard td:nth-child(3).hb-clamp2 > div,
body.hb-page-bal .hb-dcard td:nth-child(3).hb-clamp2 > div{word-break:break-all}

/* 余额分析：应用列放宽（长包名两行更整齐） */
body.hb-page-bal .hb-dcard thead th:nth-child(2){width:170px}
body.hb-page-bal .hb-dcard thead th:nth-child(3){width:166px}
