.sa-score-wrap { position:relative; display:inline-block; }
.sa-score-val { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.sa-score-val span { font-size:38px; font-weight:800; color:#1a1a2e; }
.sa-score-val small { font-size:14px; color:#999; }
.sa-mini-stat { padding:12px; border-radius:10px; box-shadow:0 2px 8px rgba(0,0,0,0.04); }
.sa-tabs { display:flex; gap:4px; padding:0; margin:0; list-style:none; background:#fff; border-radius:12px; padding:6px; box-shadow:0 2px 8px rgba(0,0,0,0.04); flex-wrap:wrap; }
.sa-tab { display:block; padding:10px 20px; border-radius:8px; font-size:13px; font-weight:600; color:#666; text-decoration:none; transition:all 0.2s; white-space:nowrap; }
.sa-tab:hover { color:#724ebf; background:#f8f4ff; }
.sa-tab.active { background:#724ebf; color:#fff; }
.sa-card { background:#fff; border-radius:12px; box-shadow:0 2px 8px rgba(0,0,0,0.04); overflow:hidden; }
.sa-card-head { padding:16px 20px; font-weight:700; font-size:15px; border-bottom:1px solid #f0f0f0; color:#1a1a2e; }
.sa-table { width:100%; }
.sa-table td { padding:12px 20px; border-bottom:1px solid #f8f8f8; font-size:13px; vertical-align:top; }
.sa-table td:first-child { font-weight:600; color:#666; width:160px; white-space:nowrap; }
.sa-table td:last-child { color:#1a1a2e; word-break:break-all; }
.sa-metric { display:flex; align-items:center; gap:12px; padding:12px; border-radius:8px; background:#f8f9fa; }
.sa-metric i { font-size:20px; width:24px; text-align:center; flex-shrink:0; }
.sa-metric span { font-size:18px; font-weight:700; color:#1a1a2e; display:block; line-height:1.2; }
.sa-metric small { font-size:11px; color:#999; }
.sa-check { display:flex; align-items:flex-start; gap:12px; padding:14px 20px; border-bottom:1px solid #f8f8f8; }
.sa-check:last-child { border:none; }
.sa-check i.sa-ci { font-size:16px; margin-top:2px; flex-shrink:0; width:20px; text-align:center; }
.sa-check strong { display:block; font-size:13px; color:#1a1a2e; margin-bottom:2px; }
.sa-check span { font-size:12px; color:#888; }
.sa-htag { display:inline-flex; align-items:center; gap:6px; padding:4px 10px; border-radius:6px; font-size:12px; font-weight:700; margin-bottom:4px; }
.sa-h1 { background:#fee2e2; color:#dc2626; } .sa-h2 { background:#dbeafe; color:#2563eb; }
.sa-h3 { background:#dcfce7; color:#16a34a; } .sa-h4 { background:#fef3c7; color:#d97706; }
.sa-h5 { background:#f3e8ff; color:#9333ea; } .sa-h6 { background:#e0f2fe; color:#0284c7; }
.sa-hbar { height:24px; border-radius:6px; display:flex; align-items:center; padding:0 10px; font-size:12px; font-weight:700; color:#fff; margin-bottom:6px; min-width:40px; transition:width 0.5s ease; }
.sa-tree-item { padding:6px 0; font-size:13px; border-bottom:1px solid #f8f8f8; display:flex; align-items:center; gap:8px; }
.sa-tree-item:last-child { border:none; }