/* Extracted from src/scenarios/llm.njk style block 1 */
/* ============ llm.njk · page-scoped ============ */

/* §01 协议卡片顶部的 mono 编号 */
.llm-proto-num{
    font-family:var(--font-mono);
    font-size:12px; font-weight:600; letter-spacing:.14em;
    color:var(--text-muted); margin-bottom:14px;
}
.llm-proto-card .scn-card-icon{ margin-bottom:16px; }
.llm-proto-card h4{ margin-bottom:9px; }

/* §02 Logo 矩阵 */
.llm-cat-block{ margin-bottom:34px; }
.llm-cat-block:last-child{ margin-bottom:0; }
.llm-cat-label{
    display:flex; align-items:center; gap:12px;
    margin-bottom:16px;
    font-family:var(--font-mono);
    font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase;
    color:var(--accent);
}
.llm-cat-label::after{
    content:""; flex:1; height:1px;
    background:var(--scn-line);
}
.llm-logos{
    display:grid; grid-template-columns:repeat(4,1fr); gap:14px;
}
.llm-logo{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    min-height:122px; padding:22px 16px;
    background:#fff;
    border:1px solid var(--scn-line); border-radius:14px;
    box-shadow:var(--scn-shadow-sm);
    transition:transform .3s var(--ease-out), box-shadow .3s var(--ease-out), border-color .3s var(--ease-out);
}
.llm-logo:hover{
    transform:translateY(-3px);
    border-color:rgba(116,68,253,.22);
    box-shadow:var(--scn-shadow);
}
.llm-logo .brand-logo{
    width:40px; height:40px;
    object-fit:contain; object-position:center;
    margin-bottom:10px; display:block;
}
.llm-logo .brand-logo.is-rounded{ border-radius:50%; }
.llm-logo b{
    font-size:14px; font-weight:800; letter-spacing:-.005em;
    color:var(--text-primary); text-align:center;
}
.llm-logo small{
    margin-top:4px;
    font-family:var(--font-mono);
    font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
    color:var(--text-muted);
}

/* §03 硬件躯壳卡片的价格行 */
.llm-hw-card .scn-card-icon{ margin-bottom:16px; }
.llm-hw-card h4{ margin-bottom:6px; }
.llm-hw-price{
    margin-bottom:11px;
    font-family:var(--font-mono);
    font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
    color:var(--accent);
}

@media (max-width:1024px){
    .llm-logos{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:480px){
    .llm-logos{ grid-template-columns:repeat(2,1fr); }
}