/* 榜表对齐打磨 + 「初步」提示（2026-10-16 预览，includes/llm-align.php；只在开关打开时加载） */
.lx4 .lx-tbl td, .lx4 .lx-tbl th { font-variant-numeric: tabular-nums; }
.lx4 .lx-tbl td { vertical-align: middle; }
/* 模型格：图标 | 名称 + 标记 / 厂商 —— 厂商行与名称文字左缘对齐 */
.lx4 .lx-tbl td.c-m a.lx-m { gap: 8px; vertical-align: middle; }
.lx4 .lx-tbl td.c-m .lx-ic { flex: 0 0 20px; width: 20px; height: 20px; }
.lx4 .lx-tbl td.c-m .lx-o { margin: 3px 0 0 28px; line-height: 1.4; }
.lx4 .lx-tbl td.c-m .lx-pre { margin-left: 6px; vertical-align: 1px; }
/* 「初步」：统一胶囊样式，可聚焦 */
.lx4 .lx-pre, .lm .lx-pre { display: inline-block; padding: 0 6px; border: 1px solid currentColor; border-radius: 999px; color: var(--x-warn, #c2410c); font-size: .6875rem; font-style: normal; font-weight: 600; line-height: 1.45; cursor: help; white-space: nowrap; }
.lx-pre[data-tipped]:focus-visible { outline: 2px solid var(--x-accent, #0877e3); outline-offset: 2px; }
@media (min-width: 769px) {
    /* 智能体列：% 右对齐成一条线；档位槽 2.9em、初步槽 3.6em 固定宽（没有档位/初步的行也留空位） */
    .lx4 .lx-tbl :is(th, td).c-ag { position: relative; width: 1%; padding-right: calc(8px + 2.9em + 3.6em); text-align: right; white-space: nowrap; }
    .lx4 .lx-tbl th.c-ag a.lx-sort { justify-content: flex-end; }
    .lx4 .lx-tbl td.c-ag b { display: inline-block; min-width: 4.2em; text-align: right; }
    .lx4 .lx-tbl td.c-ag small.lx-agv { position: absolute; top: 50%; right: calc(8px + 3.6em); width: 2.9em; margin: 0; padding: 0; text-align: center; transform: translateY(-50%); box-sizing: border-box; }
    .lx4 .lx-tbl td.c-ag .lx-pre { position: absolute; top: 50%; right: 8px; margin: 0; transform: translateY(-50%); }
    /* 文本 / Arena 列：分数右对齐，± 固定宽 */
    .lx4 .lx-tbl td.c-ar small { display: inline-block; min-width: 3.1em; text-align: left; }
    .lx4 .lx-tbl th.c-ar { padding-right: calc(8px + 3.1em + 3px); }
    .lx4 .lx-tbl tbody tr:not(.lx-agsep) td { height: 62px; box-sizing: border-box; }
}
/* 分隔行与「本站未收录」区：与表格同一套圆角、色板 */
.lx4 .lx-tbl tr.lx-agsep td { padding: 10px 12px; border-top: 1px solid var(--x-line); font-size: .75rem; letter-spacing: .01em; }
.lx4 #lx-agonly .lx-ucards { align-items: stretch; }
.lx4 #lx-agonly .lx-ucard { height: 100%; align-items: center; }
.lx4 #lx-agonly .lx-rn small { font-variant-numeric: tabular-nums; }
@media (max-width: 768px) {
    /* 卡片：名称与「初步」同一行，厂商行对齐名称文字 */
    .lx4 .lx-tbl td.c-m { display: flex !important; flex-wrap: wrap; align-items: center; column-gap: 6px; }
    .lx4 .lx-tbl td.c-m a.lx-m { flex: 0 1 auto; min-width: 0; max-width: calc(100% - 4.5em); }
    .lx4 .lx-tbl td.c-m .lx-pre { margin: 0; }
    .lx4 .lx-tbl td.c-m .lx-o { flex: 0 0 100%; margin: 2px 0 0 28px; }
    .lx4 .lx-tbl td.c-ag { min-width: 5.2em; }
    .lx4 .lx-tbl td.c-ag b { display: block; }
    .lx4 .lx-tbl td.c-ag small.lx-agv { display: inline-block; margin: 3px 0 0; }
    .lx4 .lx-tbl td.c-ag .lx-pre { display: inline-block !important; margin: 3px 0 0 4px; font-size: .625rem; }
}
/* 提示框 */
.lx-tip { position: absolute; z-index: 10000; max-width: 300px; padding: 10px 12px; border: 1px solid var(--x-line, #e5e7eb); border-radius: 10px; background: var(--x-surface, #fff); box-shadow: 0 10px 30px rgba(15, 23, 42, .16), 0 2px 6px rgba(15, 23, 42, .08); color: var(--x-text, #111827); font-size: .8125rem; line-height: 1.5; text-align: left; white-space: normal; pointer-events: auto; opacity: 0; transform: translateY(4px); transition: opacity .12s, transform .12s; }
.lx-tip.is-on { opacity: 1; transform: none; }
.lx-tip::after { position: absolute; bottom: -6px; left: var(--ax, 50%); width: 10px; height: 10px; margin-left: -5px; border-right: 1px solid var(--x-line, #e5e7eb); border-bottom: 1px solid var(--x-line, #e5e7eb); background: inherit; content: ''; transform: rotate(45deg); }
.lx-tip.is-below::after { top: -6px; bottom: auto; transform: rotate(225deg); }
.lx-tip-h { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; font-size: .8125rem; font-weight: 700; }
.lx-tip-k { padding: 0 6px; border: 1px solid currentColor; border-radius: 999px; color: var(--x-warn, #c2410c); font-size: .6875rem; font-style: normal; font-weight: 600; line-height: 1.45; }
.lx-tip-b { display: block; }
.lx-tip-d { display: block; margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--x-line, #e5e7eb); color: var(--x-muted, #6b7280); font-size: .75rem; font-variant-numeric: tabular-nums; }
html[data-theme="dark"] .lx-tip { border-color: #334155 !important; background: #0f172a !important; box-shadow: 0 10px 30px rgba(0, 0, 0, .5) !important; color: #e5e7eb !important; }
html[data-theme="dark"] .lx-tip::after { border-color: #334155 !important; }
html[data-theme="dark"] .lx-tip-d { border-color: #334155 !important; color: #94a3b8 !important; }
html[data-theme="dark"] .lx4 .lx-pre, html[data-theme="dark"] .lm .lx-pre, html[data-theme="dark"] .lx-tip-k { color: #fb923c !important; }
@media (prefers-reduced-motion: reduce) { .lx-tip { transition: none; } }