/* =========================================================
   RollingPrediction 官网局部模块优化
   ========================================================= */

/* -----------------------------
   全局细节
------------------------------ */
body {
	color: #2b3445 !important;
	background: #ffffff !important;
}

section {
	position: relative;
}

section.background-grey, #section3.background-grey, #section5.background-grey,
	#section6.background-grey {
	background: #f5f8fc !important;
}

p {
	color: #5f6b7a !important;
	line-height: 1.9 !important;
}

.lead {
	color: #6d7886 !important;
}

a {
	transition: color .25s ease, opacity .25s ease, box-shadow .25s ease,
		border-color .25s ease, background-color .25s ease !important;
}

/* -----------------------------
   顶部导航
------------------------------ */
#header .header-inner, #header #header-wrap {
	background: rgba(8, 17, 34, 0.92) !important;
	box-shadow: 0 10px 30px rgba(7, 18, 40, 0.14) !important;
}

#header[data-transparent="true"] .header-inner, #header[data-transparent="true"] #header-wrap
	{
	background: rgba(8, 17, 34, 0.58) !important;
}

#header #mainMenu nav>ul>li>a {
	color: rgba(255, 255, 255, 0.9) !important;
	font-weight: 600 !important;
	letter-spacing: 0.2px !important;
}

#header #mainMenu nav>ul>li:hover>a, #header #mainMenu nav>ul>li.current>a,
	#header #mainMenu nav>ul>li:focus>a {
	color: #ffffff !important;
}

#header #mainMenu nav>ul>li>a:after {
	background: linear-gradient(90deg, #06b6d4 0%, #3b82f6 100%) !important;
	height: 2px !important;
}

#logo a img {
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16));
}

/* -----------------------------
   首屏轮播文案
------------------------------ */
#slider .slide:before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(5, 14, 30, 0.72) 0%,
		rgba(7, 24, 54, 0.52) 45%, rgba(6, 182, 212, 0.12) 100%);
	z-index: 1;
	pointer-events: none;
}

#slider .slide-captions {
	position: relative;
	z-index: 2;
}

#slider .slide-captions h1, #slider .slide-captions h2, #slider .slide-captions h3
	{
	color: #ffffff !important;
	text-shadow: 0 10px 30px rgba(0, 0, 0, 0.32) !important;
	letter-spacing: 0.3px !important;
}

#slider .slide-captions h1 {
	font-weight: 700 !important;
	margin-bottom: 18px !important;
}

#slider .slide-captions h3 {
	font-weight: 700 !important;
	margin-bottom: 14px !important;
}

#slider .slide-captions p, #slider .slide-captions .text-small {
	color: rgba(255, 255, 255, 0.9) !important;
	max-width: 760px;
	text-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}

#slider .slide-captions .btn {
	margin-top: 12px !important;
}

/* -----------------------------
   通用标题区
------------------------------ */
.heading-text.heading-section {
	margin-bottom: 34px !important;
}

.heading-text.heading-section h2, .heading-text.heading-section h3,
	.heading-text.heading-section h4 {
	color: #172033 !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px !important;
	margin-bottom: 12px !important;
}

.heading-text.heading-section .lead {
	color: #718095 !important;
	max-width: 820px;
}

.heading-text.heading-section.text-center .lead {
	margin-left: auto;
	margin-right: auto;
}

.heading-text.heading-section>h2:before {
	height: 0px !important;
}

.heading-text.heading-section:after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin-top: 16px;
	border-radius: 999px;
	background: linear-gradient(90deg, #06b6d4 0%, #3b82f6 100%);
}

.heading-text.heading-section.text-center:after {
	margin-left: auto;
	margin-right: auto;
}

/* -----------------------------
   三列卖点模块
------------------------------ */
#section3 .col-lg-4>div {
	height: 100%;
	background: #ffffff !important;
	border: 1px solid rgba(32, 60, 108, 0.08) !important;
	border-radius: 18px !important;
	padding: 28px 26px !important;
	box-shadow: 0 12px 28px rgba(18, 38, 71, 0.05) !important;
}

#section3 .col-lg-4>div:hover {
	border-color: rgba(59, 130, 246, 0.18) !important;
	box-shadow: 0 18px 36px rgba(18, 38, 71, 0.08) !important;
}

#section3 .col-lg-4 h4 {
	position: relative;
	color: #142033 !important;
	font-weight: 700 !important;
	padding-left: 16px !important;
	margin-bottom: 14px !important;
}

#section3 .col-lg-4 h4:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);
	box-shadow: 0 0 0 6px rgba(6, 182, 212, 0.10);
}

#section3 .col-lg-4 p {
	margin-bottom: 0 !important;
	color: #617084 !important;
}

/* -----------------------------
   图文对半介绍模块
------------------------------ */
.image-block {
	background: linear-gradient(135deg, #071224 0%, #0a1830 100%) !important;
}

.image-block .col-lg-6 {
	position: relative;
}

.image-block .col-lg-6.text-light {
	padding-top: 72px !important;
	padding-bottom: 72px !important;
}

.image-block .text-light h4, .image-block .text-light h3 {
	color: #ffffff !important;
	font-weight: 700 !important;
	margin-bottom: 18px !important;
}

.image-block .text-light p, .image-block .text-light .lead {
	color: rgba(255, 255, 255, 0.82) !important;
	line-height: 2 !important;
}

.image-block .text-light {
	position: relative;
}

.image-block .text-light:before {
	content: "";
	position: absolute;
	left: 60px;
	top: 60px;
	width: 72px;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, #06b6d4 0%, #3b82f6 100%);
	opacity: 0.95;
}

/* -----------------------------
   中部说明文字模块
------------------------------ */
section .col-lg-8>h2.m-b-10, section .col-lg-12.text-center>h4.m-b-10,
	#section5 h2, #section6 h4 {
	color: #172033 !important;
	font-weight: 700 !important;
}

section .col-lg-8>p {
	color: #5e6d81 !important;
}

/* -----------------------------
   视频说明模块
------------------------------ */
#cpsm .col-lg-12 {
	background: #ffffff !important;
	border: 1px solid rgba(24, 45, 84, 0.08) !important;
	border-radius: 18px !important;
	padding: 28px !important;
	box-shadow: 0 18px 44px rgba(18, 38, 71, 0.06) !important;
}

#cpsm video {
	border-radius: 14px !important;
	overflow: hidden !important;
	background: #0b1220 !important;
	box-shadow: 0 12px 32px rgba(10, 22, 42, 0.18) !important;
}

/* -----------------------------
   中间 CTA 区
------------------------------ */
section.text-center .col-lg-9 h4 {
	color: #162033 !important;
	font-weight: 600 !important;
	line-height: 1.7 !important;
}

/* -----------------------------
   更新内容 / 预测记录卡片
------------------------------ */
#section6 .post-item {
	padding-bottom: 24px !important;
}

#section6 .post-item .post-item-wrap {
	background: #ffffff !important;
	border: 1px solid rgba(26, 49, 88, 0.08) !important;
	border-radius: 18px !important;
	overflow: hidden !important;
	box-shadow: 0 16px 36px rgba(15, 28, 50, 0.06) !important;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s
		ease !important;
}

#section6 .post-item .post-item-wrap:hover {
	transform: translateY(-2px) !important;
	border-color: rgba(59, 130, 246, 0.18) !important;
	box-shadow: 0 22px 44px rgba(15, 28, 50, 0.10) !important;
}

#section6 .post-item .post-image {
	margin-bottom: 0 !important;
	overflow: hidden !important;
}

#section6 .post-item .post-image img {
	transition: transform .45s ease !important;
}

#section6 .post-item:hover .post-image img {
	transform: scale(1.03) !important;
}

#section6 .post-item .post-item-description {
	padding: 22px 22px 24px !important;
}

#section6 .post-item .post-item-description h2, #section6 .post-item .post-item-description h3,
	#section6 .post-item .post-item-description h4 {
	color: #172033 !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	margin-bottom: 10px !important;
}

#section6 .post-item .post-item-description p {
	color: #647388 !important;
	margin-bottom: 14px !important;
}

#section6 .post-item .post-item-description a {
	color: #1677ff !important;
	font-weight: 600 !important;
}

#section6 .post-item .post-item-description a:hover {
	color: #06b6d4 !important;
	text-decoration: none !important;
}

/* -----------------------------
   页脚前后的视觉收口
------------------------------ */
#section6, #section5, #section4, #cpsm {
	border-top: 1px solid rgba(24, 46, 84, 0.04) !important;
}

/* -----------------------------
   图片、视频、卡片统一质感
------------------------------ */
img, video {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* 统计标题卡片化 */
#page-content h2 {
	margin-bottom: 24px !important;
	padding: 20px 24px !important;
	font-size: 28px !important;
	font-weight: 700 !important;
}

/* 表格整体 */
#page-content .table {
	width: 100% !important;
	margin-bottom: 0 !important;
	background: #ffffff !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08) !important;
	border: 1px solid rgba(15, 23, 42, 0.06) !important;
}

/* 表头 */
#page-content .table thead th {
	background: linear-gradient(180deg, #162033 0%, #101827 100%) !important;
	color: #eaf4ff !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	letter-spacing: 0.3px !important;
	padding: 16px 14px !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	white-space: nowrap !important;
	vertical-align: middle !important;
}

/* 表体 */
#page-content .table tbody td {
	padding: 13px 14px !important;
	border-top: none !important;
	border-bottom: 1px solid #edf2f7 !important;
	color: #334155 !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	vertical-align: middle !important;
	background: #ffffff !important;
}

/* 斑马纹 */
#page-content .table tbody tr:nth-child(even) td {
	background: #f8fbff !important;
}

/* hover */
#page-content .table tbody tr:hover td {
	background: #eef6ff !important;
}

/* 各列视觉优先级 */
#page-content .table tbody td:nth-child(1) {
	color: #64748b !important;
	font-size: 13px !important;
	white-space: nowrap !important;
}

#page-content .table tbody td:nth-child(2) {
	color: #0f766e !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
}

#page-content .table tbody td:nth-child(3) {
	color: #0f172a !important;
	font-weight: 600 !important;
}

#page-content .table tbody td:nth-child(4) {
	color: #2563eb !important;
	font-weight: 700 !important;
	white-space: nowrap !important;
}

/* 大球提示列 */
#page-content .table tbody td:nth-child(5) {
	font-weight: 800 !important;
	text-align: center !important;
	font-size: 16px !important;
}

/* 命中列 */
#page-content .table tbody td:nth-child(6) {
	text-align: center !important;
	font-weight: 800 !important;
	font-size: 16px !important;
}

/* 命中 */
#page-content .table tbody td.hit {
	color: #dc2626 !important;
}

/* 未命中 */
#page-content .table tbody td.miss {
	color: #111111 !important;
}

/* 走水 */
#page-content .table tbody td.void {
	color: #f59e0b !important;
}

#page-content .table tbody td:nth-child(6):has(span), #page-content .table tbody td:nth-child(6):has(div)
	{
	color: inherit !important;
}

/* 针对纯文本符号进一步增强可读性 */
#page-content .table tbody td:nth-child(6), #page-content .table tbody td:nth-child(5)
	{
	text-shadow: 0 0 0 transparent !important;
}

/* 如果浏览器支持 has，可额外增强 */
#page-content .table tbody tr:has(td:nth-child(6):last-child) td:nth-child(6)
	{
	border-radius: 0 !important;
}

/* 表格外层呼吸感 */
#page-content .table+* {
	margin-top: 24px !important;
}

/* 第二模块：推荐产品区域 */
section.background-grey {
	background: #f3f7fb !important;
	border-top: 1px solid rgba(15, 23, 42, 0.05) !important;
}

section.background-grey .heading-text.heading-section {
	margin-bottom: 34px !important;
}

section.background-grey .heading-text.heading-section h2 {
	color: #111827 !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	margin-bottom: 12px !important;
}

section.background-grey .heading-text.heading-section p {
	color: #64748b !important;
	max-width: 760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	line-height: 1.9 !important;
}

/* 产品卡片 */
.team-members .col-lg-3 {
	margin-bottom: 24px !important;
}

.team-member {
	background: #ffffff !important;
	border: 1px solid rgba(15, 23, 42, 0.06) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06) !important;
	transition: all .25s ease !important;
	height: 100% !important;
}

.team-member:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 18px 38px rgba(15, 23, 42, 0.10) !important;
	border-color: rgba(6, 182, 212, 0.20) !important;
}

.team-member .grid-layout {
	margin-bottom: 0 !important;
}

.team-member .grid-item img {
	display: block !important;
	width: 100% !important;
	border-radius: 0 !important;
}

.team-member .team-desc {
	padding: 18px 18px 20px !important;
}

.team-member .team-desc h3 {
	font-size: 20px !important;
	line-height: 1.35 !important;
	color: #0f172a !important;
	font-weight: 700 !important;
	margin-bottom: 8px !important;
}

.team-member .team-desc>span {
	display: inline-block !important;
	margin-bottom: 10px !important;
	color: #06b6d4 !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.2px !important;
}

.team-member .team-desc p {
	color: #64748b !important;
	font-size: 14px !important;
	line-height: 1.8 !important;
	min-height: 96px !important;
	margin-bottom: 14px !important;
}

/* 按钮 */
.team-member .btn, section.background-grey .btn, #page-content .btn {
	border-radius: 10px !important;
	font-weight: 600 !important;
	letter-spacing: 0.2px !important;
	padding: 10px 18px !important;
	transition: all .25s ease !important;
}

.team-member .btn.btn-light, .team-member .btn.btn-slide, .team-member .btn
	{
	background: linear-gradient(135deg, #1677ff 0%, #06b6d4 100%) !important;
	border: none !important;
	color: #ffffff !important;
	box-shadow: 0 10px 24px rgba(22, 119, 255, 0.18) !important;
}

.team-member .btn:hover {
	transform: translateY(-1px) !important;
	box-shadow: 0 14px 28px rgba(22, 119, 255, 0.24) !important;
	color: #ffffff !important;
}