/* ============================================================
   solutions.css : Solutions Hub 页面层样式（page-contract 第 5 条决策树 ⑥）
   范围：仅 S5 选型对照矩阵，site.css 的表格样式限于 .blog-content 作用域，不可挪用
   纪律：统一 sol- 前缀；零地基白名单类重定义；不向 site.css 追加样式
   ============================================================ */

.sol-matrix { border-radius: var(--radius); overflow: hidden; }
.sol-matrix table { width: 100%; border-collapse: collapse; font-size: 0.88rem; }

.sol-matrix thead th {
    background: var(--ink-3);
    color: var(--paper);
    font-family: var(--font-display);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    text-align: left;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--line-strong);
    white-space: nowrap;
}

.sol-matrix tbody th {
    text-align: left;
    vertical-align: top;
    padding: 1.1rem;
    border-bottom: 1px solid var(--line);
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 0.98rem;
    color: var(--paper);
    white-space: nowrap;
    background: rgba(200, 245, 66, 0.03);
}

.sol-matrix tbody td {
    vertical-align: top;
    padding: 1.1rem;
    border-bottom: 1px solid var(--line);
    color: var(--paper-soft);
    line-height: 1.65;
}

.sol-matrix tbody tr:last-child th, .sol-matrix tbody tr:last-child td { border-bottom: 0; }
.sol-matrix tbody tr:hover td { background: rgba(200, 245, 66, 0.045); }

.sol-matrix-power {
    display: block;
    color: var(--accent);
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
}

.sol-matrix-model, .sol-matrix-buyer { display: block; font-size: 0.85rem; }
.sol-matrix-scene { display: block; color: var(--muted); font-size: 0.82rem; }

.sol-matrix-cert {
    display: inline-block;
    border: 1px solid var(--line-strong);
    border-radius: 6px;
    padding: 0.12rem 0.5rem;
    margin: 0 0.3rem 0.3rem 0;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--paper-soft);
}

.sol-matrix-note { margin: 0; padding: 0.9rem 1.1rem; border-top: 1px solid var(--line); background: var(--ink-3); color: var(--muted); font-size: 0.78rem; }

/* ≤768px：转按行堆叠卡片，禁止横向滚动 + 渐隐遮罩 */
@media (max-width: 768px) {
    .sol-matrix table,
    .sol-matrix thead,
    .sol-matrix tbody,
    .sol-matrix tr,
    .sol-matrix th,
    .sol-matrix td { display: block; width: 100%; }

    .sol-matrix thead { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

    .sol-matrix tbody tr {
        border: 1px solid var(--line-strong);
        border-radius: var(--radius-sm);
        background: var(--ink-3);
        margin-bottom: 0.9rem;
        overflow: hidden;
    }
    .sol-matrix tbody tr:last-child { margin-bottom: 0; }

    .sol-matrix tbody th {
        white-space: normal;
        background: var(--ink-2);
        border-bottom: 1px solid var(--line-strong);
        padding: 0.9rem 1.1rem;
    }

    .sol-matrix tbody td {
        border-bottom: 1px dashed var(--line);
        padding: 0.75rem 1.1rem;
    }
    .sol-matrix tbody td:last-child { border-bottom: 0; }

    .sol-matrix tbody td::before {
        content: attr(data-col);
        display: block;
        font-size: 0.66rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: var(--muted);
        margin-bottom: 0.35rem;
    }

    .sol-matrix-note { border-top: 1px solid var(--line-strong); }
}