/* ========================================
   yz-incidents.css — 事故详情页样式
   ======================================== */

/* SEO-optimized score comparison table */
.inc-score-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.inc-score-table th, .inc-score-table td { padding: 0.6rem 0.75rem; text-align: center; border-bottom: 1px solid rgba(255,255,255,0.06); font-size: 0.88rem; }
.inc-score-table th { color: var(--muted, #9a9590); font-weight: 500; font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.03em; }
.inc-score-table td:first-child { text-align: left; color: #ccc; font-weight: 500; }
.inc-score-table .delta-up { color: #22c55e; font-weight: 600; }
.inc-score-table .delta-down { color: #ef4444; font-weight: 600; }
.inc-score-table .delta-stable { color: var(--muted, #9a9590); }
.inc-score-table tr:hover { background: rgba(255,255,255,0.02); }

/* Related sections */
.inc-related { margin-top: 2rem; }
.inc-related h2 { font-size: 1rem; font-weight: 600; color: #f5f5f5; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.4rem; }
.inc-related h2 i { color: var(--gold, #d4a24c); font-size: 0.9rem; }
.inc-related-list { display: flex; flex-direction: column; gap: 0.5rem; }
.inc-related-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.65rem 0.75rem; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.06); border-radius: 6px; transition: all .2s; }
.inc-related-item:hover { border-color: rgba(255,255,255,0.12); background: rgba(255,255,255,0.04); }
.inc-related-item .ri-sev { width: 24px; height: 24px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; font-weight: 700; color: #fff; flex-shrink: 0; }
.inc-related-item .ri-sev--critical { background: #ef4444; }
.inc-related-item .ri-sev--warning { background: #f59e0b; }
.inc-related-item .ri-sev--low { background: #eab308; }
.inc-related-item .ri-title { flex: 1; font-size: 0.85rem; color: #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inc-related-item .ri-week { font-size: 0.72rem; color: #666; flex-shrink: 0; }

.inc-model-link { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 1rem; background: rgba(167,139,250,0.08); border: 1px solid rgba(167,139,250,0.2); border-radius: 6px; color: #a78bfa; font-size: 0.88rem; margin-top: 1rem; transition: all .2s; }
.inc-model-link:hover { border-color: #a78bfa; background: rgba(167,139,250,0.15); color: #c4b5fd; }

/* Breadcrumb */
.inc-breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: #555;
    padding: 1.5rem 0 1.25rem;
    flex-wrap: wrap;
    letter-spacing: 0.01em;
}
.inc-breadcrumb a { color: #777; transition: color .15s; }
.inc-breadcrumb a:hover { color: var(--gold, #d4a24c); }
.inc-breadcrumb .sep { color: #444; font-size: 0.75rem; user-select: none; }
.inc-breadcrumb .current { color: #ddd; }