/* ============ 榜单频道（/rank） ============ */
.rk-lede{ margin-top:10px; color:var(--text-gray); font-size:14px; line-height:1.9; max-width:960px; }
.rk-lede b{ color:var(--text-dark); }

.rk-chips{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:14px; }
.rk-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); }
.rk-chip b{ color:var(--primary); font-weight:700; }
.rk-dot{ width:6px; height:6px; border-radius:50%; background:var(--up); }

.rk-sec{ margin-top:26px; }
.rk-sec-head{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:12px; }
.rk-sec-head h2{ font-size:19px; font-weight:800; }
.rk-sec-head a{ font-size:13px; color:var(--primary); }
.rk-note{ font-size:12.5px; color:var(--text-light); margin:-4px 0 12px; }

/* 分类/厂商 快捷导航（与上方统计标签行留出间距） */
.rk-nav{ display:flex; gap:8px; flex-wrap:wrap; margin:20px 0 18px; }
.rk-nav a{ font-size:13px; padding:6px 13px; border-radius:18px; background:var(--card);
	border:1px solid var(--border); color:var(--text-dark); box-shadow:var(--shadow); }
.rk-nav a:hover{ border-color:#d7e6ff; color:var(--primary); }
.rk-nav a.on{ background:var(--primary); border-color:var(--primary); color:#fff; font-weight:600; }

/* 双栏榜单 */
.rk-grid2{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:900px){ .rk-grid2{ grid-template-columns:1fr; } }

.rk-card{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
	box-shadow:var(--shadow); overflow:hidden; }
.rk-card-hd{ padding:14px 16px 10px; border-bottom:1px solid var(--border); display:flex;
	align-items:center; justify-content:space-between; gap:8px; }
.rk-card-hd h3{ font-size:16px; font-weight:800; }
.rk-tag{ font-size:11.5px; color:var(--primary); background:var(--primary-light); border-radius:6px; padding:2px 8px; font-weight:600; white-space:nowrap; }
.rk-card-ft{ padding:10px 16px 14px; }
.rk-card-ft a{ font-size:13px; font-weight:600; color:var(--primary); }

/* 榜单表格 */
.rk-table{ width:100%; border-collapse:collapse; table-layout:fixed; }
.rk-table th{ font-size:12px; color:var(--text-light); font-weight:600; text-align:left; padding:8px 16px; background:#fafbfe; }
.rk-table td{ padding:10px 16px; border-top:1px solid var(--border); font-size:13.5px; vertical-align:middle; }
.rk-table tr:hover td{ background:#fafbfe; }
.rk-table .c-rk{ width:66px; white-space:nowrap; }
.rk-table .c-num{ width:96px; text-align:right; }
.rk-table .c-meta{ width:150px; }

.rk-rk{ 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); }
.rk-rk.g1{ background:linear-gradient(135deg,#FFB800,#FF8A00); color:#fff; }
.rk-rk.g2{ background:linear-gradient(135deg,#B9C3D3,#8F9BB3); color:#fff; }
.rk-rk.g3{ background:linear-gradient(135deg,#E0A472,#C4834A); color:#fff; }
.rk-name{ font-weight:700; color:var(--text-dark); }
a.rk-name:hover{ color:var(--primary); }
.rk-sub{ display:block; font-size:12px; color:var(--text-gray); margin-top:2px; overflow:hidden;
	text-overflow:ellipsis; white-space:nowrap; }
.rk-num{ font-weight:700; color:var(--primary); font-variant-numeric:tabular-nums; }
.rk-num.alt{ color:var(--up); }
.rk-pill{ display:inline-block; font-size:11px; background:var(--primary-light); color:var(--primary);
	border-radius:6px; padding:2px 7px; font-weight:600; margin-right:4px; }

/* 分类/厂商卡片网格 */
.rk-cats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:12px; }
.rk-cat{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:13px 14px;
	box-shadow:var(--shadow); transition:all .18s; display:block; }
.rk-cat:hover{ transform:translateY(-2px); border-color:#d7e6ff; box-shadow:0 8px 22px rgba(0,116,255,.12); }
.rk-cat .cn{ font-size:14px; font-weight:700; }
.rk-cat .cc{ font-size:12px; color:var(--text-gray); margin-top:3px; }
.rk-cat .cc b{ color:var(--primary); font-variant-numeric:tabular-nums; }

/* FAQ */
.rk-faq{ background:var(--card); border:1px solid var(--border); border-radius:var(--radius);
	box-shadow:var(--shadow); padding:4px 18px; }
.rk-faq .item{ border-top:1px solid var(--border); padding:13px 0; }
.rk-faq .item:first-child{ border-top:none; }
.rk-faq .q{ font-weight:700; font-size:14px; }
.rk-faq .q::before{ content:"Q "; color:var(--primary); font-weight:800; }
.rk-faq .a{ margin-top:8px; color:var(--text-gray); font-size:13.5px; line-height:1.85; padding-left:18px; }

.rk-more{ margin-top:14px; text-align:center; }
.rk-more a{ display:inline-block; font-size:13.5px; font-weight:600; color:var(--primary);
	background:var(--primary-light); border-radius:20px; padding:9px 22px; }

/* 移动端 */
@media(max-width:768px){
	.rk-nav{ margin:14px 0 14px; }
	.rk-table .c-rk{ width:56px; }
	.rk-table .c-meta{ display:none; }
	.rk-table th.c-meta{ display:none; }
	.rk-table td, .rk-table th{ padding:9px 12px; }
	.rk-table .c-num{ width:78px; }
}
