/* ============================================================
   军功榜（rankings.php）

   配色全部走令牌，与站内其它页面同一套语言：纸面 + 印章红 +
   黄铜（次级强调）。刻意避开金银铜三色与奖杯 —— 那套是现代游戏
   的语言，与「1914·欧洲·七人」的报纸调性冲突。
   ============================================================ */

.rankings-intro{
	margin-bottom: var(--s4);
}
.rankings-lead{
	font-size: 14px;
	line-height: 1.7;
	color: var(--ink-soft);
	margin: var(--s2) 0 0;
	max-width: 62ch;		/* 中文正文行长控制在 60 字上下 */
}
.rankings-lead b{
	color: var(--ink-body);
	font-weight: 500;
}

.rankings-empty{
	font-size: 14px;
	color: var(--ink-faint);
	padding: var(--s5) 0;
}

/* ---------- 榜单 ---------- */
.rankings-list{
	/* 不给整块列表加边框：行与行之间靠发丝线分隔，
	   像报纸的分栏线而不是表格框 */
	border-top: 2px solid var(--rule-double);
}

/*
 * 行：用 grid 而不是 table。
 * 表格在这个内容（名次 / 玩家 / 积分）上过于正式，
 * 且难以在窄屏下重排。grid 让「玩家」列能吃掉多余宽度，
 * 数字列保持固定宽度对齐。
 */
.rankings-row{
	display: grid;
	grid-template-columns: 56px 1fr 90px;
	align-items: center;
	gap: var(--s3);
	padding: var(--s3) var(--s2);
	border-bottom: 1px solid var(--rule);
}
.rankings-row:hover{
	background: var(--paper-raised);
}

/* 表头：字号与字重都收着，只做定位用 */
.rankings-head{
	font-size: 12px;
	color: var(--ink-faint);
	letter-spacing: .04em;
	padding-top: var(--s2);
	padding-bottom: var(--s2);
	border-bottom: 1px solid var(--rule-strong);
}
.rankings-head:hover{
	background: transparent;
}
/*
 * 表头的「名次 / 玩家 / 积分」是列标题，不是名次章。
 * .rankings-rank 给了圆形章的造型（灰底 + 圆角 + 居中），
 * 直接作用到表头列上会得到一个灰色圆点 —— 这里把造型抹掉，
 * 只保留左对齐的普通列标题样式。
 */
.rankings-head .rankings-rank{
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	border-radius: 0;
	color: var(--ink-faint);
	font-weight: 400;
	justify-content: flex-start;
}

/* ---------- 名次章 ----------
 * 第一名：黄铜底 + 黄铜字。不用金银铜三色 —— 三色奖牌是游戏化表达，
 * 而 B 主题里黄铜本来就代表「次级强调」，用它标第一既贴题又克制。
 * 其余名次：素纸 + 墨色字。
 */
.rankings-rank{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: var(--paper-sink);
	border: 1px solid var(--rule-strong);
	color: var(--ink-soft);
	font-size: 13px;
	font-weight: 500;
	font-variant-numeric: tabular-nums;
}
.rankings-first .rankings-rank{
	background: var(--brass-wash);
	border-color: var(--brass);
	color: var(--brass-deep);
	font-weight: 700;
}

/* ---------- 玩家 ---------- */
.rankings-name{
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.rankings-name a{
	color: var(--ink);
	text-decoration: none;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.rankings-name a:hover{
	color: var(--seal);
	text-decoration: underline;
}
/* 次要说明：胜负与胜率 */
.rankings-sub{
	font-size: 12px;
	color: var(--ink-faint);
	font-variant-numeric: tabular-nums;
}

/* ---------- 积分 ----------
 * 主排序指标：加粗、墨色，右对齐。
 */
.rankings-points{
	font-size: 15px;
	color: var(--ink);
	text-align: right;
	font-variant-numeric: tabular-nums;
}
.rankings-points strong{
	font-weight: 600;
}

/* ---------- 窄屏 ---------- */
@media (max-width: 620px){
	.rankings-row{
		grid-template-columns: 40px 1fr 70px;
		gap: var(--s2);
		padding: var(--s3) 0;
	}
	.rankings-rank{
		width: 26px;
		height: 26px;
		font-size: 12px;
	}
}