/* ============ 大模型排行榜（/rank/arena） ============ */
.ar-sub{ font-size:14px; color:var(--text-gray); margin-top:6px; }
.ar-lede{ margin-top:8px; color:var(--text-gray); font-size:13.5px; line-height:1.85; max-width:1000px; }
.ar-lede b{ color:var(--text-dark); }

.ar-chips{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:12px; }
.ar-chip{ display:inline-flex; align-items:center; gap:6px; background:var(--card); border:1px solid var(--border);
	border-radius:20px; padding:5px 13px; font-size:12.5px; color:var(--text-gray); box-shadow:var(--shadow); }
.ar-chip b{ color:var(--primary); font-weight:700; }
.ar-dot{ width:6px; height:6px; border-radius:50%; background:var(--up); }

/* 维度 Tab：紧跟榜单上方，切换为真实 URL 跳转（便于收录） */
.ar-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin:20px 0 16px; }
.ar-tabs a{ font-size:13.5px; padding:7px 15px; border-radius:20px; background:var(--card);
	border:1px solid var(--border); color:var(--text-dark); box-shadow:var(--shadow); }
.ar-tabs a:hover{ border-color:#d7e6ff; color:var(--primary); }
.ar-tabs a.on{ background:var(--primary); border-color:var(--primary); color:#fff; font-weight:700; }
.ar-tabs a .n{ font-size:11.5px; opacity:.7; margin-left:4px; }

.ar-sec{ margin-top:24px; }
.ar-sec-head{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:12px; }
.ar-sec-head h2{ font-size:19px; font-weight:800; }
.ar-note{ font-size:12.5px; color:var(--text-light); margin:-4px 0 12px; line-height:1.85; }

.ar-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
	box-shadow:var(--shadow); overflow:hidden; }
.ar-card-hd{ padding:14px 16px 10px; border-bottom:1px solid var(--border); display:flex;
	align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.ar-card-hd h3{ font-size:16px; font-weight:800; }
.ar-tag{ font-size:11.5px; color:var(--primary); background:var(--primary-light); border-radius:6px; padding:2px 8px; font-weight:600; white-space:nowrap; }
.ar-card-ft{ padding:11px 16px 14px; font-size:12.5px; color:var(--text-gray); line-height:1.85; }

/* 榜单表格 */
.ar-table{ width:100%; border-collapse:collapse; }
.ar-table th{ font-size:12px; color:var(--text-light); font-weight:600; text-align:left;
	padding:9px 16px; background:#fafbfe; white-space:nowrap; }
.ar-table td{ padding:10px 16px; border-top:1px solid var(--border); font-size:13.5px; vertical-align:middle; }
.ar-table tr:hover td{ background:#fafbfe; }
.ar-table .c-rk{ width:62px; white-space:nowrap; }
.ar-table .c-vendor{ width:158px; }
.ar-table .c-score{ width:100px; text-align:right; white-space:nowrap; }
.ar-table .c-ci{ width:98px; text-align:right; white-space:nowrap; }
.ar-table .c-votes{ width:98px; text-align:right; white-space:nowrap; }

.ar-badge{ width:26px; height:26px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center;
	font-size:12.5px; font-weight:800; background:#f1f3f9; color:var(--text-gray); }
.ar-badge.g1{ background:linear-gradient(135deg,#FFB800,#FF8A00); color:#fff; }
.ar-badge.g2{ background:linear-gradient(135deg,#B9C3D3,#8F9BB3); color:#fff; }
.ar-badge.g3{ background:linear-gradient(135deg,#E0A472,#C0834A); color:#fff; }

/* 模型 logo */
.ar-logo{ width:22px; height:22px; border-radius:6px; border:1px solid var(--border); background:#fff;
	object-fit:contain; vertical-align:-6px; margin-right:8px; padding:1px; }
.ar-logo-ph{ display:inline-flex; width:22px; height:22px; border-radius:6px; border:1px solid var(--border);
	background:#f4f6fb; color:var(--text-light); font-size:11px; font-weight:800;
	align-items:center; justify-content:center; vertical-align:-6px; margin-right:8px; }
.ar-mname{ font-weight:700; color:var(--text-dark); }
a.ar-mname:hover{ color:var(--primary); }

/* 国旗 + 厂商 */
.ar-flag{ width:18px; height:13px; border-radius:2px; border:1px solid #e4e8f0; object-fit:cover;
	vertical-align:-2px; margin-right:7px; }
.ar-vname{ color:var(--text-dark); font-size:13px; }
.ar-score{ font-weight:700; color:var(--primary); font-variant-numeric:tabular-nums; }
.ar-ci{ font-variant-numeric:tabular-nums; font-weight:600; }
.ar-ci.stable{ color:var(--up); }
.ar-ci.mid{ color:var(--text-gray); }
.ar-ci.weak{ color:#E8930C; }
.ar-votes{ color:var(--text-gray); font-variant-numeric:tabular-nums; }

/* 细分指标维度（智能体）：数据源无 Elo 总分，改以指标条呈现 */
.ar-sub-legend{ padding:12px 16px; font-size:12.5px; line-height:2; color:var(--text-gray);
	background:#fafbfe; border-bottom:1px solid var(--border); }
.ar-sub-legend b{ color:var(--primary); }
.ar-sub-li{ display:inline-flex; align-items:center; font-weight:600; color:var(--text-dark); margin:0 3px; }
.ar-dir{ font-style:normal; font-size:10.5px; font-weight:700; line-height:1.6; padding:0 5px; border-radius:4px; margin-left:5px; }
.ar-dir.high{ color:#0E9F6E; background:#E7F7F0; }
.ar-dir.low{ color:#D9691F; background:#FFF2EA; }

.ar-subs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:14px 16px 4px; }
.ar-sub-card{ border:1px solid var(--border); border-radius:10px; padding:12px 14px; background:#fff; }
.ar-sub-hd{ display:flex; align-items:center; gap:8px; padding-bottom:9px; border-bottom:1px dashed var(--border); }
.ar-sub-hd .ar-mname{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ar-sub-hd .ar-logo, .ar-sub-hd .ar-logo-ph{ margin-right:0; flex-shrink:0; }
.ar-sub-org{ font-size:12.5px; color:var(--text-gray); display:inline-flex; align-items:center; white-space:nowrap; flex-shrink:0; }
.ar-sub-org .ar-flag{ margin:0 0 0 2px; }
.ar-sub-list{ margin-top:9px; }
.ar-sub-row{ display:flex; align-items:center; gap:8px; margin-top:6px; }
.ar-sub-name{ flex:0 0 112px; font-size:12.5px; color:var(--text-dark); white-space:nowrap;
	overflow:hidden; text-overflow:ellipsis; }
.ar-sub-bar{ flex:1 1 auto; min-width:30px; height:6px; background:#f1f3f9; border-radius:3px; overflow:hidden; }
.ar-sub-bar i{ display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#6ea8fe,#8f7bff); }
.ar-sub-bar i.low{ background:linear-gradient(90deg,#ff9e7a,#ff6b6b); }
.ar-sub-val{ flex:0 0 84px; text-align:right; font-size:12.5px; font-weight:700; color:var(--text-dark);
	font-variant-numeric:tabular-nums; white-space:nowrap; }
.ar-sub-val small{ font-weight:600; color:var(--text-light); margin-left:3px; }

/* 洞察区块 */
.ar-insight{ background:linear-gradient(135deg,#f7faff,#eef4ff); border:1px solid #e2ecff;
	border-radius:var(--radius); padding:16px 18px; box-shadow:var(--shadow); }
.ar-insight h3{ font-size:15px; font-weight:800; margin-bottom:8px; }
.ar-insight p{ color:var(--text-gray); font-size:13.5px; line-height:1.85; }
.ar-insight p b{ color:var(--text-dark); }
.ar-bars{ display:flex; gap:12px; flex-wrap:wrap; margin-top:12px; }
.ar-bar{ flex:1 1 170px; background:#fff; border:1px solid var(--border); border-radius:10px; padding:10px 12px; }
.ar-bar .bn{ font-size:12.5px; color:var(--text-gray); display:flex; align-items:center; font-weight:600; }
.ar-bar .bn .ar-flag{ margin-right:6px; }
.ar-bar .bv{ font-size:17px; font-weight:800; color:var(--primary); font-variant-numeric:tabular-nums; }
.ar-bar .bm{ font-size:11.5px; color:var(--text-light); margin-top:3px; line-height:1.6; }

/* FAQ */
.ar-faq{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
	box-shadow:var(--shadow); padding:4px 18px; }
.ar-faq .item{ border-top:1px solid var(--border); padding:13px 0; }
.ar-faq .item:first-child{ border-top:none; }
.ar-faq .q{ font-weight:700; font-size:14px; }
.ar-faq .q::before{ content:"Q "; color:var(--primary); font-weight:800; }
.ar-faq .a{ margin-top:8px; color:var(--text-gray); font-size:13.5px; line-height:1.85; padding-left:18px; }

/* 移动端 */
@media(max-width:768px){
	.ar-table .c-ci, .ar-table th.c-ci{ display:none; }
	.ar-table td, .ar-table th{ padding:9px 12px; }
	.ar-table .c-vendor{ width:126px; }
	.ar-tabs{ margin:14px 0 14px; }
	.ar-subs{ grid-template-columns:1fr; gap:10px; padding:12px; }
	.ar-sub-name{ flex:0 0 96px; }
	.ar-sub-val{ flex:0 0 76px; }
	.ar-sub-org .so-vendor{ display:none; }
}