/* =====================================================================
 * anti-crack.css — 第63轮 §7.2「防破解中心」页专用样式
 *
 * 硬约束（照 service-mgmt.css / settings-pay.css 先例）：
 *   · 选择器**一律**以 .acx- 开头（含 acx- 前缀的复合类），绝不写裸 .card/.tbl/.mask
 *     这类全局类，也不改 style.css 的通用组件 —— 只给 acx- 自己的元素加样式，零外溢。
 *   · 不用图标库、不引外部字体：风险分/处置动作一律用文字 + 既有 .tag 色系表达。
 *   · 表格沿用宿主已有的 .tbl / .tblcard / .tbl-scroll（只加类、不覆盖样式），
 *     这样「防破解中心」的四张表和卡密管理页长得一致，用户不用重新学。
 * ===================================================================== */

/* 页面根：纵向排布 + 统一间距 */
.acx-wrap { display: grid; gap: 14px; }

/* 表单区：标签在上、控件在下、说明再下（与 b35-forms.css 的纵排一致，但独立命名） */
.acx-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px 16px; }
.acx-field { display: grid; gap: 4px; }
.acx-field > .acx-lb { font-size: 13px; font-weight: 600; color: #334155; }
/* 人话解释：每个开关「防的是什么」都写在这里（T1~T6），字号小、颜色淡，不抢主体 */
.acx-why { font-size: 12px; line-height: 1.65; color: #64748b; }
.acx-why b { color: #334155; }

/* 布尔开关：整行可点，勾选框不撑满（宿主 .inp{width:100%} 对 checkbox 不生效，这里显式给宽度） */
.acx-check { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; }
.acx-check > input { width: auto; margin-top: 3px; flex: none; }
.acx-check > .acx-check-txt { display: grid; gap: 2px; }

/* 档位三选一：横排的卡片式单选 */
.acx-tiers { display: flex; flex-wrap: wrap; gap: 8px; }
.acx-tier { display: flex; align-items: center; gap: 6px; border: 1px solid #e3e8ef; border-radius: 8px;
  padding: 6px 10px; cursor: pointer; font-size: 13px; background: #fff; }
.acx-tier input { width: auto; }
.acx-tier.acx-on { border-color: #2563eb; background: #eff6ff; }

/* 只读信息面板（公钥 / 体检结论等） */
.acx-panel { border: 1px solid #e3e8ef; border-radius: 10px; background: #fff; padding: 12px 14px; }
.acx-panel-h { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; margin-bottom: 8px; }
.acx-panel-h > b { font-size: 14px; }
.acx-kv { display: grid; grid-template-columns: 190px 1fr; gap: 6px 12px; font-size: 13px; padding: 3px 0; }
.acx-kv > .acx-k { color: #64748b; }
/* base64 公钥必须能折行，否则宽弹窗被一行撑爆 */
.acx-break { word-break: break-all; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; }
.acx-act { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }

/* 危险开关（blockLegacyWhenEnabled）：加一圈红边提醒「这个会连老客户端一起拒」 */
.acx-danger { border-left: 3px solid #ef4444; padding-left: 10px; }

/* T1~T6 威胁说明：四列自适应的小卡 */
.acx-threats { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.acx-threat { border: 1px solid #e3e8ef; border-radius: 8px; padding: 8px 10px; background: #f8fafc; font-size: 12.5px; line-height: 1.7; }
.acx-threat > b { display: block; color: #334155; margin-bottom: 2px; }
.acx-threat > .acx-t6 { color: #b45309; }

/* 过滤条（风险事件 tab） */
.acx-filters { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.acx-filters > .acx-fl { display: flex; align-items: center; gap: 6px; font-size: 13px; color: #475569; }

/* 处置动作中文小标签（不用图标） */
.acx-tagline { font-size: 12px; color: #64748b; line-height: 1.8; }

/* 详情单元格：超长截断，点「查看」开 130 层看全文 */
.acx-ellip { display: inline-block; max-width: 320px; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; vertical-align: bottom; }

/* 体检报告：分组块 */
.acx-rep-sec { border-top: 1px dashed #e3e8ef; padding-top: 10px; margin-top: 10px; }
.acx-rep-sec:first-child { border-top: 0; padding-top: 0; margin-top: 0; }
.acx-rep-t { font-size: 13.5px; font-weight: 600; color: #0f172a; margin-bottom: 6px; }
.acx-rep-note { font-size: 12px; color: #64748b; line-height: 1.7; margin-bottom: 6px; }
.acx-rep-empty { font-size: 13px; color: #94a3b8; }

/* 报告里的可折叠原始 JSON（排查用，默认收起） */
.acx-raw { margin-top: 10px; }
.acx-raw > summary { cursor: pointer; font-size: 12.5px; color: #64748b; }
.acx-raw pre { max-height: 320px; overflow: auto; background: #f8fafc; border: 1px solid #e3e8ef;
  border-radius: 8px; padding: 10px; font-size: 12px; line-height: 1.6; }

/* 卡密详情弹窗里的「防破解」小块（DOM 由 public/p4.js 插入，标记类就是 acx-cardrisk）。
   只调整这一块自己内部的间距，宿主 p4 既有的 .stat-row / .stat 样式一个字都不改。 */
.acx-cardrisk > .sec-title { margin-top: 0; }
.acx-cardrisk .stat-row { margin-bottom: 0; }
.acx-cardrisk .help { margin-top: 4px; }