/* =========================
   GCR Latest Multi Table
   Full Rewrite
   ========================= */

.gcr-latest-multi-wrap {
	width: 100%;
	margin: 22px 0 28px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	background: #ffffff;
	border: 1px solid #e8edf3;
	border-radius: 22px;
	box-shadow:
		0 1px 2px rgba(15, 23, 42, 0.03),
		0 12px 32px rgba(15, 23, 42, 0.05);
}

.gcr-latest-multi-table {
	width: 100%;
	min-width: 900px;
	border-collapse: separate;
	border-spacing: 0;
	background: #ffffff;
	font-size: 14px;
	color: #334155;
}

/* ===== Head ===== */
.gcr-latest-multi-table thead th {
	padding: 18px 18px;
	background: #fbfcfe;
	color: #0f172a;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;
	border-bottom: 1px solid #e8edf3;
}

.gcr-latest-multi-table thead th + th {
	border-left: 1px solid #eef2f7;
}

.gcr-latest-multi-table thead th:first-child {
	border-top-left-radius: 22px;
	text-align: left;
	padding-left: 22px;
}

.gcr-latest-multi-table thead th:nth-child(2) {
	text-align: left;
}

.gcr-latest-multi-table thead th:last-child {
	border-top-right-radius: 22px;
}

/* ===== Body ===== */
.gcr-latest-multi-table tbody td {
	padding: 18px 18px;
	border-bottom: 1px solid #edf2f7;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	white-space: nowrap;
}

.gcr-latest-multi-table tbody td + td {
	border-left: 1px solid #f2f5f9;
}

.gcr-latest-multi-table tbody tr:nth-child(even) td {
	background: #fcfdff;
}

.gcr-latest-multi-table tbody tr:hover td {
	background: #f8fbff;
}

.gcr-latest-multi-table tbody tr:last-child td {
	border-bottom: 0;
}

/* ===== Card 列 ===== */
.gcr-latest-multi-table tbody td:first-child {
	text-align: left;
	padding-left: 22px;
	font-size: 0;
}

.gcr-latest-multi-table tbody td:first-child {
	text-align: left;
	padding-left: 22px;
	font-size: 15px;
	font-weight: 700;
	color: #0f172a;
}

.gcr-latest-multi-table tbody td:first-child img {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 8px;
	margin-right: 12px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.gcr-latest-multi-table tbody td:first-child strong,
.gcr-latest-multi-table tbody td:first-child b,
.gcr-latest-multi-table tbody td:first-child a,
.gcr-latest-multi-table tbody td:first-child span,
.gcr-latest-multi-table tbody td:first-child small {
	vertical-align: middle;
	font-size: inherit;
}

/* ===== Market 列 ===== */
.gcr-latest-multi-table tbody td:nth-child(2) {
	text-align: left;
	font-weight: 700;
	color: #1e293b;
}

.gcr-latest-multi-table tbody td:nth-child(2) img {
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	object-fit: cover;
	border-radius: 999px;
	margin-right: 12px;
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

/* ===== Rate 列：纯数字，不要颜色包裹 ===== */
.gcr-latest-multi-table tbody td:nth-child(3) {
	text-align: center;
	font-weight: 800;
	color: #0f172a;
}

.gcr-latest-multi-table tbody td:nth-child(3) .price-up,
.gcr-latest-multi-table tbody td:nth-child(3) .price-down,
.gcr-latest-multi-table tbody td:nth-child(3) .trend,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.up,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.down {
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	line-height: 1.05 !important;
	font-size: 0 !important;
}

.gcr-latest-multi-table tbody td:nth-child(3) .price-up *,
.gcr-latest-multi-table tbody td:nth-child(3) .price-down *,
.gcr-latest-multi-table tbody td:nth-child(3) .trend *,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.flat *,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.up *,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.down * {
	line-height: 1.05 !important;
}

.gcr-latest-multi-table tbody td:nth-child(3),
.gcr-latest-multi-table tbody td:nth-child(3) .price-up,
.gcr-latest-multi-table tbody td:nth-child(3) .price-down,
.gcr-latest-multi-table tbody td:nth-child(3) .trend,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.up,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.down {
	font-size: 0;
}

.gcr-latest-multi-table tbody td:nth-child(3) .ngn,
.gcr-latest-multi-table tbody td:nth-child(3) i {
	display: inline-block;
	vertical-align: baseline;
}

.gcr-latest-multi-table tbody td:nth-child(3) .ngn {
	font-size: 14px !important;
	font-weight: 700;
	margin-left: 4px;
	opacity: 0.72;
	transform: translateY(-1px);
}

.gcr-latest-multi-table tbody td:nth-child(3) i {
	font-size: 12px !important;
	margin-right: 4px;
	transform: translateY(-1px);
}

/* 价格文本大小 */
.gcr-latest-multi-table tbody td:nth-child(3) {
	font-size: 18px;
}

.gcr-latest-multi-table tbody td:nth-child(3) .price-up,
.gcr-latest-multi-table tbody td:nth-child(3) .price-down,
.gcr-latest-multi-table tbody td:nth-child(3) .trend,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.up,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.down {
	font-size: 18px !important;
	font-weight: 800 !important;
	letter-spacing: -0.02em;
}

/* Rate 纯文字颜色 */
.gcr-latest-multi-table tbody td:nth-child(3) .price-up,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.up {
	color: #dc2626 !important;
}

.gcr-latest-multi-table tbody td:nth-child(3) .price-down,
.gcr-latest-multi-table tbody td:nth-child(3) .trend.down {
	color: #16a34a !important;
}

.gcr-latest-multi-table tbody td:nth-child(3) .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(3) {
	color: #0f172a !important;
}

/* ===== Change 两列：保留胶囊 ===== */
.gcr-latest-multi-table tbody td:nth-child(4),
.gcr-latest-multi-table tbody td:nth-child(5) {
	font-size: 13px;
	font-weight: 700;
}

.gcr-latest-multi-table tbody td:nth-child(4) .trend,
.gcr-latest-multi-table tbody td:nth-child(4) .price-up,
.gcr-latest-multi-table tbody td:nth-child(4) .price-down,
.gcr-latest-multi-table tbody td:nth-child(4) .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(4) .trend.up,
.gcr-latest-multi-table tbody td:nth-child(4) .trend.down,
.gcr-latest-multi-table tbody td:nth-child(5) .trend,
.gcr-latest-multi-table tbody td:nth-child(5) .price-up,
.gcr-latest-multi-table tbody td:nth-child(5) .price-down,
.gcr-latest-multi-table tbody td:nth-child(5) .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(5) .trend.up,
.gcr-latest-multi-table tbody td:nth-child(5) .trend.down {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 7px 12px;
	min-width: 78px;
	border-radius: 999px;
	font-size: 13px !important;
	font-weight: 800;
	line-height: 1;
	border: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}

.gcr-latest-multi-table tbody td:nth-child(4) .trend.up,
.gcr-latest-multi-table tbody td:nth-child(4) .price-up,
.gcr-latest-multi-table tbody td:nth-child(5) .trend.up,
.gcr-latest-multi-table tbody td:nth-child(5) .price-up {
	color: #dc2626 !important;
	background: rgba(220, 38, 38, 0.06) !important;
	border-color: rgba(220, 38, 38, 0.12) !important;
}

.gcr-latest-multi-table tbody td:nth-child(4) .trend.down,
.gcr-latest-multi-table tbody td:nth-child(4) .price-down,
.gcr-latest-multi-table tbody td:nth-child(5) .trend.down,
.gcr-latest-multi-table tbody td:nth-child(5) .price-down {
	color: #16a34a !important;
	background: rgba(22, 163, 74, 0.06) !important;
	border-color: rgba(22, 163, 74, 0.12) !important;
}

.gcr-latest-multi-table tbody td:nth-child(4) .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(5) .trend.flat {
	color: #64748b !important;
	background: rgba(100, 116, 139, 0.06) !important;
	border-color: rgba(100, 116, 139, 0.12) !important;
}

/* ===== Date ===== */
.gcr-latest-multi-table tbody td:nth-child(6) {
	color: #64748b;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.01em;
}

/* ===== 链接：明显蓝色 ===== */
.gcr-latest-multi-table .gcr-detail-link,
.gcr-latest-multi-table .gcr-detail-link:visited {
	color: #2563eb !important;
	text-decoration: none;
	font-weight: 700;
	transition: color .18s ease, opacity .18s ease;
}

.gcr-latest-multi-table .gcr-detail-link:hover {
	color: #1d4ed8 !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.gcr-latest-multi-table .gcr-detail-link-card,
.gcr-latest-multi-table .gcr-detail-link-market,
.gcr-latest-multi-table .gcr-detail-link-rate {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.gcr-latest-multi-table .gcr-detail-link-card::after,
.gcr-latest-multi-table .gcr-detail-link-market::after,
.gcr-latest-multi-table .gcr-detail-link-rate::after {
	content: "↗";
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	margin-left: 4px;
	color: #2563eb;
}

/* 如果 Rate 是链接，整列变蓝，但仍然不包裹 */
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:visited,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate .price-up,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate .price-down,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate .trend,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate .ngn,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate i {
	color: #2563eb !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:hover,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:hover .price-up,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:hover .price-down,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:hover .trend,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:hover .trend.flat,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:hover .ngn,
.gcr-latest-multi-table tbody td:nth-child(3) .gcr-detail-link-rate:hover i {
	color: #1d4ed8 !important;
}

/* ===== Details 按钮 ===== */
.gcr-latest-multi-table .gcr-detail-btn,
.gcr-latest-multi-table .gcr-detail-btn:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 14px;
	border-radius: 999px;
	background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
	color: #ffffff !important;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	line-height: 1;
	box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
	transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}

.gcr-latest-multi-table .gcr-detail-btn::after {
	content: "↗";
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
}

.gcr-latest-multi-table .gcr-detail-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 22px rgba(37, 99, 235, 0.24);
	opacity: .96;
}

.gcr-latest-multi-table .gcr-detail-empty {
	color: #94a3b8;
	font-size: 13px;
}

/* ===== Debug / Error ===== */
.gcr-latest-multi-debug {
	margin: 14px;
	padding: 14px 16px;
	border-radius: 14px;
	background: #0f172a;
	color: #e2e8f0;
	font-size: 12px;
	line-height: 1.65;
	white-space: pre-wrap;
	overflow-x: auto;
}

.gcr-latest-multi-error {
	margin: 14px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid rgba(239, 68, 68, 0.14);
	background: #fff6f6;
	color: #b91c1c;
	font-size: 14px;
	font-weight: 700;
}

/* ===== Tablet ===== */
@media (max-width: 991px) {
	.gcr-latest-multi-wrap {
		border-radius: 18px;
	}

	.gcr-latest-multi-table {
		min-width: 820px;
	}

	.gcr-latest-multi-table thead th,
	.gcr-latest-multi-table tbody td {
		padding: 16px 14px;
	}

	.gcr-latest-multi-table thead th:first-child,
	.gcr-latest-multi-table tbody td:first-child {
		padding-left: 16px;
	}

	.gcr-latest-multi-table tbody td:nth-child(3),
	.gcr-latest-multi-table tbody td:nth-child(3) .price-up,
	.gcr-latest-multi-table tbody td:nth-child(3) .price-down,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend.flat,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend.up,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend.down {
		font-size: 16px !important;
	}
}

/* ===== Mobile ===== */
@media (max-width: 767px) {
	.gcr-latest-multi-wrap {
		margin: 16px 0 22px;
		border-radius: 16px;
	}

	.gcr-latest-multi-table {
		min-width: 760px;
		font-size: 13px;
	}

	.gcr-latest-multi-table thead th {
		padding: 14px 12px;
		font-size: 11px;
	}

	.gcr-latest-multi-table tbody td {
		padding: 14px 12px;
	}

	.gcr-latest-multi-table tbody td:first-child img,
	.gcr-latest-multi-table tbody td:nth-child(2) img {
		width: 26px;
		height: 26px;
		margin-right: 10px;
	}

	.gcr-latest-multi-table tbody td:nth-child(3),
	.gcr-latest-multi-table tbody td:nth-child(3) .price-up,
	.gcr-latest-multi-table tbody td:nth-child(3) .price-down,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend.flat,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend.up,
	.gcr-latest-multi-table tbody td:nth-child(3) .trend.down {
		font-size: 15px !important;
	}

	.gcr-latest-multi-table tbody td:nth-child(3) .ngn {
		font-size: 12px !important;
	}

	.gcr-latest-multi-table tbody td:nth-child(4) .trend,
	.gcr-latest-multi-table tbody td:nth-child(4) .price-up,
	.gcr-latest-multi-table tbody td:nth-child(4) .price-down,
	.gcr-latest-multi-table tbody td:nth-child(4) .trend.flat,
	.gcr-latest-multi-table tbody td:nth-child(5) .trend,
	.gcr-latest-multi-table tbody td:nth-child(5) .price-up,
	.gcr-latest-multi-table tbody td:nth-child(5) .price-down,
	.gcr-latest-multi-table tbody td:nth-child(5) .trend.flat {
		padding: 6px 10px;
		min-width: 68px;
		font-size: 12px !important;
	}
}

/* 修复 Card 列文字消失 */
.gcr-latest-multi-table tbody td:first-child {
	font-size: 15px !important;
}

.gcr-latest-multi-table tbody td:first-child .gcr-detail-link-card,
.gcr-latest-multi-table tbody td:first-child .gcr-detail-link-card:visited {
	font-size: 15px !important;
}