.page-health-check { display: flex; flex-direction: column; gap: 12px; overflow: hidden; } .page-health-check .check-actions { display: flex; gap: 8px; flex-shrink: 0; } .page-health-check .check-table { flex: 1; min-height: 0; display: flex; flex-direction: column; overflow: auto; border: 1px solid rgba(148, 163, 184, 0.15); border-radius: 6px; } .page-health-check .check-row { display: grid; grid-template-columns: 1fr 1fr 1fr 2fr; min-height: 42px; border-bottom: 1px solid rgba(148, 163, 184, 0.12); flex-shrink: 0; } .page-health-check .check-row:last-child { border-bottom: none; } /* 行悬停高亮, 便于横向读表 */ .page-health-check .check-row:hover { background: rgba(59, 130, 246, 0.06); } .page-health-check .check-row > div { display: flex; align-items: center; padding: 8px 12px; min-width: 0; border-right: 1px solid rgba(148, 163, 184, 0.12); font-size: 14px; } .page-health-check .check-row > div:last-child { border-right: none; } .page-health-check .check-header { min-height: 40px; background: linear-gradient(180deg, #0f172a, #0b1220); font-weight: 500; flex-shrink: 0; } .page-health-check .check-group-divider { height: 32px; display: flex; align-items: center; padding: 0 12px; background: rgba(148, 163, 184, 0.06); border-top: 1px solid rgba(148, 163, 184, 0.1); border-bottom: 1px solid rgba(148, 163, 184, 0.1); color: #94a3b8; font-size: 14px; font-weight: 500; } .page-health-check .check-success { color: #22c55e; } .page-health-check .check-fail { color: #ef4444; } /* ================= 移动端适配 (≤768px) ================= */ @media (max-width: 768px) { .page-health-check .check-table { overflow-x: auto; } .page-health-check .check-row { min-width: 560px; } }