/* 江山metin - 排行/功能页统一皮肤 (与主页深色金调一致) */
* { margin:0; padding:0; box-sizing:border-box; }
html, body { min-height:100%; }
body {
	font-family:"Microsoft YaHei","微软雅黑","Hiragino Sans GB",sans-serif;
	background:#0b0e14;
	color:#dfe3ea;
	padding:24px 12px 46px;
}
body::before {
	content:""; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1;
	background:
		radial-gradient(1100px 460px at 50% -12%, rgba(255,201,87,.10), transparent 62%),
		radial-gradient(900px 420px at 85% 112%, rgba(64,96,180,.14), transparent 60%),
		linear-gradient(180deg, #12161f 0%, #0b0e14 52%, #080a0f 100%);
}
.rank-wrap { max-width:1040px; margin:0 auto; }
.rank-head {
	display:flex; align-items:center; justify-content:space-between;
	flex-wrap:wrap; gap:10px; margin-bottom:16px;
}
.rank-title {
	font-size:22px; font-weight:bold; color:#ffd370; letter-spacing:2px;
	text-shadow:0 0 18px rgba(255,200,80,.35);
}
.rank-title small {
	font-size:12px; color:#93a0b4; font-weight:normal; letter-spacing:1px; margin-left:10px;
}
.rank-nav { display:flex; gap:10px; flex-wrap:wrap; }
.rank-nav a {
	position:relative;
	color:#a9c8ef; text-decoration:none; font-size:13px; letter-spacing:1px;
	border:1px solid rgba(160,190,255,.35); border-radius:22px; padding:7px 18px;
	transition:.25s; background:rgba(120,160,255,.05);
}
.rank-nav a:first-child {
	color:#14161b; font-weight:bold;
	background:linear-gradient(135deg,#ffd370,#ffab2e);
	border-color:#ffd370;
	box-shadow:0 4px 14px rgba(255,171,46,.35);
}
.rank-nav a:first-child::before { content:"\2302"; margin-right:6px; }
.rank-nav a:first-child:hover {
	color:#14161b; filter:brightness(1.08);
	transform:translateY(-1px);
	box-shadow:0 7px 20px rgba(255,171,46,.55);
}
.rank-nav a:last-child {
	color:#eaffff; font-weight:bold;
	background:linear-gradient(135deg,#4379e8,#27488f);
	border-color:rgba(130,175,255,.65);
	box-shadow:0 4px 14px rgba(67,121,232,.4);
}
.rank-nav a:last-child::before { content:"\270E"; margin-right:6px; }
.rank-nav a:last-child:hover {
	color:#fff; filter:brightness(1.12);
	transform:translateY(-1px);
	box-shadow:0 7px 20px rgba(67,121,232,.6);
}
.sv-tabs { display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.sv-tabs a {
	flex:1 0 120px; text-align:center; padding:10px 6px; font-size:14px; letter-spacing:2px;
	color:#c8cede; text-decoration:none; background:rgba(255,255,255,.05);
	border:1px solid rgba(255,255,255,.12); border-radius:9px; transition:.25s;
}
.sv-tabs a:hover { color:#ffd370; border-color:rgba(255,211,112,.5); }
.sv-tabs a.on {
	color:#14161b; font-weight:bold; letter-spacing:2px;
	background:linear-gradient(135deg,#ffd370,#ffab2e);
	border-color:#ffd370; box-shadow:0 4px 16px rgba(255,171,46,.35);
}
.rank-tabs { display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.rank-tabs a {
	flex:1 0 100px; text-align:center; min-width:104px; padding:9px 4px;
	font-size:14px; letter-spacing:1px; color:#c8cede; text-decoration:none;
	background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
	border-radius:8px; transition:.25s;
}
.rank-tabs a:hover { color:#ffd370; border-color:rgba(255,211,112,.5); background:rgba(255,200,80,.08); }
.rank-tabs a.on {
	color:#14161b; font-weight:bold;
	background:linear-gradient(135deg,#ffd370,#ffab2e);
	border-color:#ffd370; box-shadow:0 4px 16px rgba(255,171,46,.35);
}
.rank-card {
	background:rgba(17,21,29,.86);
	border:1px solid rgba(255,255,255,.10);
	border-radius:14px;
	box-shadow:0 14px 40px rgba(0,0,0,.45);
	overflow:hidden;
}
.rank-card table { width:100%; border-collapse:collapse; }
.rank-card thead th {
	padding:12px 8px; font-size:13px; letter-spacing:3px; color:#ffd370;
	background:rgba(255,255,255,.05);
	border-bottom:1px solid rgba(255,255,255,.14);
	text-align:center; font-weight:bold;
}
.rank-card tbody td {
	padding:9px 8px; font-size:14px; text-align:center; color:#e6e9ef;
	border-bottom:1px solid rgba(255,255,255,.05);
}
.rank-card tbody tr:nth-child(even) { background:rgba(255,255,255,.025); }
.rank-card tbody tr:hover { background:rgba(255,200,80,.06); }
.rank-card tbody tr:last-child td { border-bottom:none; }
.rk { display:inline-block; min-width:30px; font-weight:bold; color:#9aa3b2; }
.rk1 { color:#ff5555; font-size:17px; }
.rk2 { color:#ff9d5c; font-size:16px; }
.rk3 { color:#ffd370; font-size:15px; }
.medal { width:32px; height:32px; vertical-align:middle; border-radius:8px; }
.avatar {
	width:32px; height:32px; vertical-align:middle; border-radius:50%;
	border:1px solid rgba(255,255,255,.25); background:#1c222c;
}
.nm { color:#ffe9b0; font-weight:bold; letter-spacing:1px; }
.val { color:#7fd7ff; font-weight:bold; font-size:15px; }
.tm { color:#8d97a8; font-size:13px; }
.rank-empty { padding:34px; text-align:center; color:#7d8698; letter-spacing:2px; }
.rank-foot { margin-top:14px; text-align:center; color:#59636f; font-size:12px; letter-spacing:1px; }