/* ============================================================
   nova.css — NOVA 黑金主题覆盖层 (2026-10-09)
   仅换肤：深蓝黑星空底 + 金属渐变金，内容/结构不变
   加载顺序：reset.css → style.css → swiper.min.css → nova.css
   参考：风格参考/logo.jpg + 海报参考.jpg（NOVA INTERNATIONAL 黑金 casino 风）
   ============================================================ */

:root {
	--nv-bg: #0a102b;          /* 页面底色 深蓝黑 */
	--nv-bg2: #101c3f;         /* 次级底 */
	--nv-card: #0f1630;        /* 卡片底 */
	--nv-black: #0c0c0e;       /* 牌匾黑 */
	--nv-gold-hi: #ffd985;     /* 金高光 */
	--nv-gold: #d9a441;        /* 金主调 */
	--nv-gold-lo: #8a5a18;     /* 金暗部 */
	--nv-title: #f3c157;       /* 标题金 */
	--nv-text: #f4f4f4;        /* 正文白 */
	--nv-sub: #9aa3b5;         /* 次要文字 灰蓝 */
	--nv-line: rgba(217, 164, 65, .22);  /* 金描边 */
	--nv-gold-grad: linear-gradient(180deg, #ffe08a 0%, #d9a441 55%, #8a5a18 100%);
}

/* ---------- 全局底色 ---------- */
html {
	background: var(--nv-bg);
}

body {
	background:
		radial-gradient(120% 60% at 50% 0%, rgba(217, 164, 65, .14) 0%, rgba(217, 164, 65, 0) 55%),
		radial-gradient(90% 45% at 50% 100%, rgba(30, 58, 110, .35) 0%, rgba(30, 58, 110, 0) 60%),
		var(--nv-bg);
	color: var(--nv-text);
}

/* ---------- 顶栏 ---------- */
.header {
	background: linear-gradient(180deg, #05070f 0%, #0a0f1e 100%);
	border-bottom: 2px solid var(--nv-gold);
	box-shadow: 0 2px 18px rgba(217, 164, 65, .28);
}

.header .logo img {
	width: auto;
	height: 1.05rem;              /* NOVA logo 为 1:1 方形，按高度适配 */
	border-radius: .12rem;
}

/* ---------- banner / 广告 ---------- */
.swiper-container.banner {
	border-bottom: 1px solid var(--nv-line);
}

.brcbf_ad img {
	border-radius: .16rem;
	border: 1px solid var(--nv-line);
}

/* ---------- part1 榜单区 ---------- */
.part1 {
	background: transparent;
}

.part_title {
	color: var(--nv-title);
	text-shadow: 0 0 18px rgba(217, 164, 65, .35);
	letter-spacing: .01rem;
}

/* 3 列按钮：白底改黑底金边 */
.brcbf_btn {
	background: var(--nv-black) !important;
	border: 1px solid var(--nv-gold);
	border-radius: 12px !important;
	box-shadow: 0 0 12px rgba(217, 164, 65, .18);
}

/* 榜单行：深色卡片 + 金描边 */
.weblist li {
	background: linear-gradient(180deg, rgba(16, 28, 63, .85) 0%, rgba(10, 16, 43, .9) 100%);
	border: 1px solid var(--nv-line);
	border-radius: .16rem;
	margin: .12rem auto !important;
	padding: .2rem .15rem !important;
	box-sizing: border-box;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .35);
}

.weblist li img {
	border: 1px solid rgba(217, 164, 65, .3);
	box-sizing: border-box;
}

/* 排名：金银铜 */
.weblist .ranktitle {
	color: var(--nv-sub);
}

.weblist li:nth-child(1) span.ranktitle {
	color: var(--nv-gold-hi);
	text-shadow: 0 0 10px rgba(255, 217, 133, .6);
}

.weblist li:nth-child(2) span.ranktitle {
	color: #c9ced6;
	text-shadow: 0 0 8px rgba(201, 206, 214, .45);
}

.weblist li:nth-child(3) span.ranktitle {
	color: #cd7f32;
	text-shadow: 0 0 8px rgba(205, 127, 50, .45);
}

/* 榜单文字 */
.weblist .gametitle {
	color: var(--nv-text);
}

span.gamedetail {
	color: var(--nv-sub);
}

/* jogo 按钮：金渐变胶囊 */
.weblist a.weblink {
	background: var(--nv-gold-grad);
	color: #3a2408;
	font-weight: 700;
	border: 1px solid rgba(255, 224, 138, .5);
	box-shadow: 0 0 12px rgba(217, 164, 65, .35), inset 0 1px 0 rgba(255, 255, 255, .35);
	text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}

.weblist a.weblink:hover {
	background: linear-gradient(180deg, #ffe9a8 0%, #e5b352 55%, #9a6a20 100%);
	box-shadow: 0 0 20px rgba(255, 217, 133, .6), inset 0 1px 0 rgba(255, 255, 255, .45);
}

/* ---------- FAQ 区 ---------- */
.tab_con {
	background: transparent;
	color: var(--nv-text);
}

.tab_con h1 {
	color: var(--nv-title);
	text-shadow: 0 0 18px rgba(217, 164, 65, .35);
}

.info_list h1 {
	background: var(--nv-black);
	color: var(--nv-title);
	border: 1px solid var(--nv-line);
	border-bottom: 0;
}

.info_title {
	background: var(--nv-card);
	color: var(--nv-text);
	border: 1px solid var(--nv-line);
}

.info_title.active {
	border-color: var(--nv-gold);
	color: var(--nv-title);
}

.info_detail {
	background: var(--nv-card);
	border: 1px solid var(--nv-line);
	border-top: 0;
}

.info_detail p {
	color: #c5ccd9;
}

.info_detail p span {
	color: var(--nv-title);
}

.info_detail img {
	border-radius: .1rem;
}

/* ---------- 服务区 ---------- */
.service_part h1 {
	color: var(--nv-title);
	text-shadow: 0 0 18px rgba(217, 164, 65, .35);
}

.service_part p {
	color: var(--nv-sub);
}

.grid-item {
	border-right-color: var(--nv-line) !important;
	border-top-color: var(--nv-line) !important;
}

.grid-item .digt {
	color: var(--nv-gold-hi);
	text-shadow: 0 0 12px rgba(255, 217, 133, .4);
}

.grid-item .dest {
	color: var(--nv-sub);
}

/* ---------- footer ---------- */
.footer {
	background: linear-gradient(180deg, #05070f 0%, #000 100%);
	border-top: 1px solid var(--nv-line);
}

.footer .p1,
.footer .p1 span {
	color: var(--nv-title);
}

.footer .p2 {
	color: #7a8296;
	border-top-color: rgba(217, 164, 65, .25);
}

/* ---------- 回顶按钮 ---------- */
.goTop {
	filter: drop-shadow(0 0 6px rgba(217, 164, 65, .4));
}

/* ---------- 选中文本 ---------- */
::selection {
	background: var(--nv-gold);
	color: #1a1205;
}
