/*基础CSS - 直播平台深蓝色主题*/
/* === 主题色变量 === */
:root {
    --primary: #1e88e5;
    --primary-dark: #1565c0;
    --primary-light: #42a5f5;
    --bg-dark: #0d1421;
    --bg-card: #1a2332;
    --bg-section: #111827;
    --text-primary: #ffffff;
    --text-secondary: #a0aec0;
    --accent-gold: #ffd700;
    --accent-orange: #ff6b35;
    --accent-green: #10b981;
    --accent-purple: #8b5cf6;
}

html {
	font-size: 14px;
	overflow-x: hidden;
}
li {
	list-style: none;
}
a {
	color: #a0aec0;
}
a:hover {
	color: #1e88e5;
	text-decoration: none;
}
p, dl, dt, dd, ul {
	margin: 0px;
	padding: 0px;
}
.red{
	color:#ff6b35;
}
.text-secondary a {
	color: #6c757d;
}
.card, .figure {
	margin: 15px 0;
}

/* === 导航栏 - hnshangchi风格 === */
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1.2rem;
	padding-left: 1.2rem;
	font-size: 14px;
}
.navbar-brand {
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.shadow-sm-top {
	box-shadow: 0 -.125rem .25rem rgba(0,0,0,.075) !important;
}

/* 顶部信息栏 - 公司名称+电话+登录注册 */
.top-bar {
	background: linear-gradient(135deg, #0a0f1a 0%, #111827 100%);
	border-bottom: 1px solid rgba(30,136,229,0.3);
	padding: 10px 0;
	font-size: 13px;
}
.top-brand-area {
	padding-right: 15px;
}
.top-bar-center {
	justify-content: center;
}
.top-action-area {
	padding-left: 15px;
}
.top-bar-text {
	color: #a0aec0;
	font-size: 13px;
}
.top-bar-text i {
	color: #1e88e5;
	margin-right: 4px;
}
.top-link {
	color: #a0aec0;
	font-size: 13px;
	transition: all 0.3s;
	padding: 4px 12px;
	border-radius: 4px;
}
.top-link:hover {
	color: #ffd700;
	text-decoration: none;
}
.btn-top-register {
	background: rgba(30,136,229,0.15);
	border: 1px solid rgba(30,136,229,0.4);
	color: #42a5f5 !important;
}
.btn-top-register:hover {
	background: rgba(30,136,229,0.3);
	color: #fff !important;
}
.btn-top-login {
	background: rgba(255,215,0,0.1);
	border: 1px solid rgba(255,215,0,0.3);
	color: #ffd700 !important;
}
.btn-top-login:hover {
	background: rgba(255,215,0,0.25);
	color: #fff !important;
}
.top-link-sep {
	color: #2d3748;
	margin: 0 4px;
}

/* 主导航栏 - 独立一行居中 */
.main-nav {
    background: linear-gradient(135deg, #0d1421 0%, #111827 100%) !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.5);
    border-bottom: 2px solid #1e88e5;
    padding: 0;
}
.main-nav .nav-link {
    color: #a0aec0 !important;
    font-size: 15px;
    transition: all 0.3s ease;
    padding: 0.8rem 1.5rem !important;
    position: relative;
}
.main-nav .nav-link:hover {
    color: #ffffff !important;
}
.main-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: #1e88e5;
    transition: all 0.3s ease;
    transform: translateX(-50%);
}
.main-nav .nav-link:hover::after {
    width: 60%;
}
.main-nav .nav-item.active .nav-link {
    color: #ffffff !important;
}
.main-nav .nav-item.active .nav-link::after {
    width: 60%;
}
.nav-toggler-custom {
    border-color: #1e88e5 !important;
    padding: 4px 8px;
}

/* 品牌文字Logo - 顶部栏内 */
.brand-text {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
}
.brand-name {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 2px;
    background: linear-gradient(135deg, #ffffff 0%, #42a5f5 50%, #ffd700 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    white-space: nowrap;
}

/* 旧导航样式兼容 */
.nav-live {
    background: #0d1421 !important;
    box-shadow: 0 2px 15px rgba(0,0,0,0.5);
    border-bottom: 2px solid #1e88e5;
}
.nav-link-live {
    color: #a0aec0 !important;
    transition: all 0.3s ease;
}
.nav-link-live:hover {
    color: #ffffff !important;
}
.navbar .nav-item.active .nav-link-live {
    color: #ffffff !important;
}
.navbar-text-live a {
    transition: all 0.3s ease;
}
.nav-toggler-live {
    border-color: #1e88e5 !important;
}

/* 审核声明样式 */
.compliance-notice {
	background: rgba(255,179,0,0.08);
	border-top: 1px solid rgba(255,179,0,0.2);
	border-bottom: 1px solid rgba(255,179,0,0.2);
	padding: 12px 0;
}
.notice-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	color: #ffb300;
	font-size: 13px;
	line-height: 1.6;
}
.notice-inner i {
	font-size: 16px;
	flex-shrink: 0;
}
.notice-box {
	color: #ffb300;
	font-size: 14px;
	line-height: 1.8;
	padding: 10px 20px;
}
.compliance-bar {
	background: rgba(255,179,0,0.06);
	border: 1px solid rgba(255,179,0,0.2);
	border-radius: 8px;
	padding: 14px 20px;
	margin-top: 20px;
}
.compliance-bar p {
	color: #ffb300;
	font-size: 13px;
	margin: 0;
}

/* 区块标题 */
.section-title h2 {
	font-size: 24px;
	margin-bottom: 8px;
}
.section-title-line {
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #1e88e5, #ffd700);
	margin: 0 auto;
	border-radius: 2px;
}

/*上下外边距*/
.mt-6, .my-6 {
	margin-top: 4rem !important;
}
.mt-7, .my-7 {
	margin-top: 5rem !important;
}
.mt-8, .my-8 {
	margin-top: 6rem !important;
}
.mt-9, .my-9 {
	margin-top: 7rem !important;
}
.mt-10, .my-10 {
	margin-top: 8rem !important;
}
.mb-6, .my-6 {
	margin-bottom: 4rem !important;
}
.mb-7, .my-7 {
	margin-bottom: 5rem !important;
}
.mb-8, .my-8 {
	margin-bottom: 6rem !important;
}
.mb-9, .my-9 {
	margin-bottom: 7rem !important;
}
.mb-10, .my-10 {
	margin-bottom: 8rem !important;
}
/*上下内边距*/
.pt-6, .mp-6 {
	padding-top: 4rem !important;
}
.pt-7, .py-7 {
	padding-top: 5rem !important;
}
.pt-8, .py-8 {
	padding-top: 6rem !important;
}
.pt-9, .py-9 {
	padding-top: 7rem !important;
}
.pt-10, .py-10 {
	padding-top: 8rem !important;
}
.pb-6, .py-6 {
	padding-bottom: 4rem !important;
}
.pb-7, .py-7 {
	padding-bottom: 5rem !important;
}
.pb-8, .py-8 {
	padding-bottom: 6rem !important;
}
.pb-9, .py-9 {
	padding-bottom: 7rem !important;
}
.pb-10, .py-10 {
	padding-bottom: 8rem !important;
}
/*边框*/
.border-top-dashed {
	border-top: 1px dashed #2d3748 !important;
}
.border-right-dashed {
	border-right: 1px dashed #2d3748 !important;
}
.border-bottom-dashed {
	border-bottom: 1px dashed #2d3748 !important;
}
.border-right-dashed {
	border-top: 1px dashed #2d3748 !important;
}
/*字距*/
.ls-1 {
	letter-spacing: 1px;
}
.ls-2 {
	letter-spacing: 2px;
}
.ls-3 {
	letter-spacing: 3px;
}
.ls-4 {
	letter-spacing: 4px;
}
.ls-5 {
	letter-spacing: 5px;
}

/* === 分页 - 深色直播主题 === */
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #a0aec0;
	background-color: #1a2332;
	border: 1px solid #2d3748;
}
a.page-link:hover {
	text-decoration: none;
	color: #ffd700;
	background-color: #0d1421;
	border-color: #1e88e5;
}
.page-link-live {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #a0aec0;
	background-color: #1a2332;
	border: 1px solid #2d3748;
}
a.page-link-live:hover {
	text-decoration: none;
	color: #ffd700;
	background-color: #0d1421;
	border-color: #1e88e5;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #1e88e5;
	border-color: #1e88e5;
}
.page-num-current:hover {
	color: #fff;
}
.pagination-live .page-link {
	background-color: #1a2332;
	border-color: #2d3748;
	color: #a0aec0;
}
.pagination-live .page-item.active .page-link {
	background-color: #1e88e5;
	border-color: #1e88e5;
}

/* === 内容区域 === */
.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.code, .code img {
	height: 100px;
}
.position {
	color: #a0aec0;
}
.position a {
	color: #a0aec0;
}
.position-live a {
	color: #a0aec0;
}
.position-live a:hover {
	color: #1e88e5;
}
.content {
	color: #a0aec0;
	line-height: 2;
}
.content img, .content iframe {
	max-width: 100% !important;
}
.content li {
	list-style: disc outside none;
	margin-left: 20px;
}
.content-live {
	color: #a0aec0;
	line-height: 2;
}
.content-live img {
	max-width: 100% !important;
}

/* === 产品轮播 === */
.view {
	max-width: 500px;
}
.view .swiper-slide {
	height: 300px;
	max-width: 500px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
	background: #1a2332;
}
.view .swiper-slide img {
	height: 100%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 440px;
	left: 30px;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	background: #1a2332;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #1e88e5;
}
.preview .arrow-left {
	background: #1a2332 url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #1a2332 url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

/* === 在线客服 - 蓝色直播主题 === */
.online-live {
	position: fixed;
	bottom: 150px;
	right: 10px;
	width: 60px;
	z-index: 999;
	color: #a0aec0;
}
.online-live a {
	color: #a0aec0;
}
.online-live a:hover {
	color: #ffd700;
	text-decoration: none;
}
.online-live dl {
	background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
	padding: 10px 5px;
	margin-bottom: 1px;
	position: relative;
	box-shadow: 0 4px 15px rgba(30, 136, 229, 0.4);
}
.online-live dl dd {
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.online-live dl dd i {
	font-size: 25px;
}
.online-live dl:hover {
	background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
}
.online-live dl dt {
	position: absolute;
	top: 0px;
	right: 60px;
	background: #1a2332;
	border: 1px solid #2d3748;
	z-index: 9999;
	display: none;
	padding: 15px 20px;
	font-weight: normal;
	color: #a0aec0;
}
.online-live dl dt h3 {
	display: block;
	font-size: 16px;
	color: #ffd700;
	border-bottom: 1px solid #2d3748;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.online-live dl dt h3 i {
	margin-right: 8px;
}
.online-live dl dt h3 span {
	float: right;
	cursor: pointer;
}
.online-live dl dt input {
	border: 1px solid #2d3748;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 10px;
	width: 100%;
	background: #0d1421;
	color: #fff;
}
.online-live dl dt button {
	margin: 15px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
	color: #fff;
	cursor: pointer;
	transition: all 0.3s ease;
}
.online-live dl dt button:hover {
	background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
}
.online-live dl dt p a img {
	border-radius: 5px;
}

/* === 响应式样式 === */
@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
}
@media only screen and (min-width: 576px) {
.card-img-200 {
	height: 200px;
	overflow: hidden;
}
.card-img-180 {
	height: 180px;
	overflow: hidden;
}
.card-img-150 {
	height: 150px;
	overflow: hidden;
}
.card-img-120 {
	height: 120px;
	overflow: hidden;
}
.card-img-100 {
	height: 100px;
	overflow: hidden;
}
}
@media only screen and (max-width: 576px) {
.page-num {
	display: none;
}
.head-sm-height {
	height: 61px !important;
}
}

/*行距*/
.lh-1 {
	line-height: 1;
}
.lh-2 {
	line-height: 2;
}
.lh-3 {
	line-height: 3;
}
.lh-4 {
	line-height: 4;
}
/*字体大小*/
.fs-12 {
	font-size: .857rem;
}
.fs-14 {
	font-size: 1rem;
}
.fs-16 {
	font-size: 1.143rem;
}
.fs-18 {
	font-size: 1.286rem;
}
.fs-20 {
	font-size: 1.429rem;
}
.fs-22 {
	font-size: 1.571rem;
}
.fs-24 {
	font-size: 1.714rem;
}
.fs-26 {
	font-size: 1.857rem;
}
.fs-28 {
	font-size: 2rem;
}
.fs-30 {
	font-size: 2.143rem;
}
.fs-32 {
	font-size: 2.286rem;
}
.fs-sm-12 {
	font-size: .857rem;
}
.fs-sm-14 {
	font-size: 1rem;
}
.fs-sm-16 {
	font-size: 1.143rem;
}
.fs-sm-18 {
	font-size: 1.286rem;
}
.fs-sm-20 {
	font-size: 1.429rem;
}
.fs-sm-22 {
	font-size: 1.571rem;
}
.fs-sm-24 {
	font-size: 1.714rem;
}
.fs-sm-26 {
	font-size: 1.857rem;
}
.fs-sm-28 {
	font-size: 2rem;
}
.fs-sm-30 {
	font-size: 2.143rem;
}
.fs-sm-32 {
	font-size: 2.286rem;
}

/* === 直播平台特有样式 === */

/* 直播Badge */
.live-badge {
	display: inline-block;
	background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%);
	color: #fff;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 10px;
	font-weight: bold;
	animation: pulse-live 2s infinite;
}
@keyframes pulse-live {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.7; }
}
.live-badge i {
	animation: blink 1s infinite;
}
@keyframes blink {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.3; }
}

/* 金色文字 */
.text-gold {
	color: #ffd700 !important;
}
.badge-gold {
	background: linear-gradient(135deg, #ffd700 0%, #ffb300 100%);
	color: #0d1421;
}

/* 观看人数 */
.viewer-count {
	display: inline-block;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 10px;
}
.viewer-count i {
	color: #ff6b35;
}

/* 主播卡片 */
.anchor-card {
	background: #1a2332;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	transition: all 0.3s ease;
	border: 1px solid #2d3748;
}
.anchor-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(30, 136, 229, 0.4);
	border-color: #1e88e5;
}
.anchor-cover {
	position: relative;
	height: 180px;
	overflow: hidden;
}
.anchor-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.anchor-card:hover .anchor-cover img {
	transform: scale(1.1);
}
.anchor-avatar {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.anchor-cover .live-badge {
	position: absolute;
	top: 10px;
	left: 10px;
}
.anchor-cover .viewer-count {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.anchor-info {
	padding: 15px;
}
.anchor-name {
	color: #fff;
	font-size: 16px;
	margin-bottom: 8px;
}
.anchor-name a {
	color: #fff;
}
.anchor-name a:hover {
	color: #ffd700;
}
.anchor-tags {
	margin-bottom: 5px;
}
.anchor-desc {
	font-size: 12px;
	color: #6c757d;
}

/* 新闻卡片 */
.news-card {
	background: #1a2332;
	border-radius: 8px;
	padding: 15px;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	border: 1px solid #2d3748;
	transition: all 0.3s ease;
}
.news-card:hover {
	border-color: #1e88e5;
	box-shadow: 0 4px 15px rgba(30, 136, 229, 0.3);
}
.news-card-list {
	flex-direction: column;
}
.news-icon {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.news-icon i {
	font-size: 20px;
	color: #fff;
}
.news-content {
	flex: 1;
}
.news-content h5 {
	color: #fff;
	margin-bottom: 8px;
}
.news-content h5 a {
	color: #fff;
}
.news-content h5 a:hover {
	color: #ffd700;
}
.news-meta {
	font-size: 12px;
	color: #6c757d;
	margin-top: 8px;
}
.news-date {
	font-size: 12px;
}
.news-thumb {
	width: 120px;
	height: 80px;
	border-radius: 8px;
	overflow: hidden;
	flex-shrink: 0;
}
.news-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.news-card:hover .news-thumb img {
	transform: scale(1.1);
}

/* 内容卡片 */
.content-card {
	background: #1a2332;
	border-radius: 12px;
	border: 1px solid #2d3748;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* 资质卡片 */
.qualification-card {
	background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
	border: 1px solid rgba(30, 136, 229, 0.3);
	border-radius: 12px;
	padding: 30px 20px;
	max-width: 300px;
}

/* 充值卡片 */
.recharge-card {
	background: #1a2332;
	border-radius: 12px;
	padding: 25px;
	border: 2px solid #2d3748;
	cursor: pointer;
	transition: all 0.3s ease;
	text-align: center;
}
.recharge-card:hover, .recharge-card.active {
	border-color: #1e88e5;
	background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
	box-shadow: 0 4px 20px rgba(30, 136, 229, 0.4);
}
.recharge-card .amount {
	font-size: 32px;
	font-weight: bold;
	color: #ffd700;
}
.recharge-card .coins {
	font-size: 14px;
	color: #a0aec0;
	margin-top: 5px;
}

/* 支付方式 - 精美横向卡片 */
.pay-methods-row {
	display: flex;
	gap: 16px;
}
.pay-method-card {
	flex: 1;
	border-radius: 14px;
	padding: 0;
	border: 2px solid #2d3748;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
	background: #1a2332;
}
.pay-method-card:hover {
	border-color: #3d4f65;
	transform: translateY(-2px);
}
.pay-method-card.active {
	border-color: #1e88e5;
	box-shadow: 0 6px 24px rgba(30, 136, 229, 0.35);
	transform: translateY(-2px);
}
/* 微信卡片背景装饰 */
.pay-card-wechat-bg {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(7, 193, 96, 0.08);
	pointer-events: none;
}
.pay-method-card.active .pay-card-wechat-bg {
	background: rgba(7, 193, 96, 0.15);
}
/* 支付宝卡片背景装饰 */
.pay-card-alipay-bg {
	position: absolute;
	top: -20px;
	right: -20px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(22, 119, 255, 0.08);
	pointer-events: none;
}
.pay-method-card.active .pay-card-alipay-bg {
	background: rgba(22, 119, 255, 0.15);
}
.pay-card-content {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 20px 18px;
	position: relative;
	z-index: 1;
}
.pay-card-icon {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: all 0.3s ease;
}
.pay-icon-wechat {
	background: rgba(7, 193, 96, 0.12);
}
.pay-icon-wechat i {
	font-size: 28px;
	color: #07c160;
}
.pay-method-card.active .pay-icon-wechat {
	background: rgba(7, 193, 96, 0.2);
}
.pay-icon-alipay {
	background: rgba(22, 119, 255, 0.12);
}
.pay-icon-alipay i {
	font-size: 24px;
	color: #1677ff;
}
.pay-method-card.active .pay-icon-alipay {
	background: rgba(22, 119, 255, 0.2);
}
.pay-card-info {
	flex: 1;
}
.pay-card-title {
	font-size: 16px;
	font-weight: bold;
	color: #e2e8f0;
	margin-bottom: 2px;
}
.pay-card-desc {
	font-size: 12px;
	color: #6b7a8d;
}
.pay-method-card.active .pay-card-desc {
	color: #1e88e5;
}
.pay-card-radio {
	font-size: 20px;
	color: #3d4f65;
	transition: all 0.3s ease;
	flex-shrink: 0;
}
.pay-method-card.active .pay-card-radio {
	color: #1e88e5;
}
.pay-method-card:not(.active) .pay-card-radio i:before {
	content: "\f10c";
}
.pay-method-card.active .pay-card-radio i:before {
	content: "\f058";
}

/* 按钮样式 */
.btn-live {
	background: linear-gradient(135deg, #1e88e5 0%, #1565c0 100%);
	color: #fff;
	border: none;
	padding: 8px 20px;
	border-radius: 6px;
	transition: all 0.3s ease;
}
.btn-live:hover {
	background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
	color: #fff;
	box-shadow: 0 4px 15px rgba(30, 136, 229, 0.4);
}
.btn-outline-live {
	background: transparent;
	color: #1e88e5;
	border: 1px solid #1e88e5;
	padding: 8px 20px;
	border-radius: 6px;
	transition: all 0.3s ease;
}
.btn-outline-live:hover {
	background: #1e88e5;
	color: #fff;
}
.btn-recharge {
	background: linear-gradient(135deg, #ffd700 0%, #ffb300 100%);
	color: #0d1421;
	border: none;
	padding: 8px 20px;
	border-radius: 6px;
	font-weight: bold;
	transition: all 0.3s ease;
}
.btn-recharge:hover {
	background: linear-gradient(135deg, #ffb300 0%, #ff8f00 100%);
	color: #0d1421;
	box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
}

/* 表单深色样式 */
.form-control-dark {
	background-color: #0d1421;
	border: 1px solid #2d3748;
	color: #fff;
}
.form-control-dark:focus {
	background-color: #0d1421;
	border-color: #1e88e5;
	color: #fff;
	outline: none;
	box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.25);
}
.form-control-dark::placeholder {
	color: #6c757d;
}

/* 深色背景区块 */
.bg-section {
	background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
}
.bg-dark-section {
	background: linear-gradient(135deg, #0d1421 0%, #111827 100%);
}

/* 底部深色样式 */
.footer-live {
	background: linear-gradient(135deg, #0d1421 0%, #1a2332 100%);
	color: #a0aec0;
	border-top: 1px solid #2d3748;
}
.footer-link {
	color: #a0aec0;
}
.footer-link a {
	color: #a0aec0;
	transition: color 0.3s ease;
}
.footer-link a:hover {
	color: #ffd700;
}
.compliance-bar {
	background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
	border-radius: 8px;
	padding: 15px;
	margin-top: 20px;
	border: 1px solid rgba(30, 136, 229, 0.2);
}

/* 手机底部导航 */
.footer-mobile {
	background: linear-gradient(135deg, #0d1421 0%, #1a2332 100%) !important;
	border-top: 1px solid #2d3748;
}

/* Banner轮播 - 简洁干净 */
.swiper-banner {
    position: relative;
    overflow: hidden;
}
.slide-item {
    position: relative;
}
.slide-link {
    display: block;
    position: relative;
    text-decoration: none;
}
.slide-img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    display: block;
}
.slide-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(13,20,33,0.85) 0%, transparent 100%);
    padding: 40px 0 30px;
}
.slide-inner {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}
.slide-title {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    margin: 0 0 8px;
}
.slide-subtitle {
    font-size: 15px;
    color: rgba(255,255,255,0.75);
    margin: 0;
}
.slide-prev,
.slide-next {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.35) !important;
    border-radius: 50%;
    transition: all 0.3s;
}
.slide-prev:hover,
.slide-next:hover {
    background: rgba(30,136,229,0.7) !important;
}
.slide-prev::after,
.slide-next::after {
    font-size: 16px;
    color: #fff;
}
.slide-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    border-radius: 2px;
    background: rgba(255,255,255,0.4);
    opacity: 1;
    transition: all 0.3s;
}
.slide-pagination .swiper-pagination-bullet-active {
    width: 32px;
    background: #1e88e5;
}
@media (max-width: 768px) {
    .slide-img {
        height: 200px;
    }
    .slide-content {
        padding: 20px 0 15px;
    }
    .slide-title {
        font-size: 18px;
    }
    .slide-subtitle {
        font-size: 12px;
    }
}

/* === 通用区块 === */
.section-wrap {
    background: #0d1421;
}
.bg-alt {
    background: #111827;
}
/* 居中标题 */
.section-title-center {
    text-align: center;
}
.section-title-center h2 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
    letter-spacing: 1px;
}
.section-title-center p {
    font-size: 14px;
    color: #6c757d;
    margin: 0;
}
/* 左对齐标题兼容 */
.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-heading {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    padding-left: 12px;
    border-left: 3px solid #1e88e5;
}
.section-more a {
    color: #6c757d;
    font-size: 13px;
    text-decoration: none;
    transition: color 0.3s;
}
.section-more a:hover {
    color: #1e88e5;
}

/* === 直播间卡片 === */
.live-room-grid {
    margin: 0 -6px;
}
.live-room-grid > [class*="col-"] {
    padding: 0 6px;
}
.live-room-card {
    display: block;
    background: #1a2332;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.25s ease;
    text-decoration: none !important;
}
.live-room-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 24px rgba(30,136,229,0.25);
}
.room-cover {
    position: relative;
    width: 100%;
    padding-top: 133%;
    overflow: hidden;
    background: #0d1421;
}
.room-cover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.live-room-card:hover .room-cover img {
    transform: scale(1.05);
}
.room-status {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
}
.live-tag {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    background: linear-gradient(135deg, #ff4757, #ff6b81);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 10px;
    line-height: 1.6;
}
.live-tag i {
    font-size: 9px;
    animation: blink 1.2s infinite;
}
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}
.room-viewers {
    position: absolute;
    bottom: 8px;
    right: 8px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    z-index: 2;
}
.room-viewers i {
    margin-right: 2px;
    font-size: 10px;
}
.room-info {
    padding: 10px;
}
.room-anchor {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 4px;
}
.anchor-avatar-small {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e88e5, #42a5f5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.anchor-avatar-small i {
    font-size: 12px;
    color: #fff;
}
.anchor-nick {
    color: #a0aec0;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.room-title {
    color: #fff;
    font-size: 13px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .room-cover {
        padding-top: 125%;
    }
    .room-info {
        padding: 8px;
    }
    .room-title {
        font-size: 12px;
    }
}

/* === 新闻列表项 === */
.news-item {
    display: flex;
    gap: 16px;
    padding: 16px;
    background: #1a2332;
    border-radius: 8px;
    border: 1px solid #2d3748;
    text-decoration: none !important;
    transition: all 0.3s ease;
}
.news-item:hover {
    border-color: #1e88e5;
    transform: translateX(4px);
}
.news-item-date {
    flex-shrink: 0;
    text-align: center;
    min-width: 52px;
    padding: 6px 0;
    border-right: 1px solid #2d3748;
    padding-right: 16px;
}
.date-day {
    display: block;
    font-size: 28px;
    font-weight: 700;
    color: #1e88e5;
    line-height: 1;
}
.date-ym {
    display: block;
    font-size: 11px;
    color: #6c757d;
    margin-top: 4px;
}
.news-item-body {
    flex: 1;
    min-width: 0;
}
.news-item-body h5 {
    font-size: 15px;
    color: #fff;
    margin: 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.3s;
}
.news-item:hover .news-item-body h5 {
    color: #ffd700;
}
.news-item-body p {
    font-size: 13px;
    color: #6c757d;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 旧轮播样式兼容 */

/* Jumbotron深色风格 */
.jumbotron-live {
	background: linear-gradient(135deg, #0d1421 0%, #1a2332 100%);
	color: #fff;
}
.jumbotron-live h1 {
	color: #ffd700;
}

/* 深色卡片 */
.card-dark {
	background: #1a2332;
	border: 1px solid #2d3748;
}
.card-dark .card-body {
	background: #1a2332;
}
.card-dark .card-title a {
	color: #fff;
}
.card-dark .card-title a:hover {
	color: #ffd700;
}

/* 列表组深色 */
.list-group-dark .list-group-item {
	background: #1a2332;
	border: 1px solid #2d3748;
	color: #a0aec0;
	transition: all 0.3s ease;
}
.list-group-dark .list-group-item:hover {
	background: #0d1421;
	color: #ffd700;
	border-color: #1e88e5;
}

/* 标签列表 */
.tag-list li {
	background: #1a2332;
	padding: 10px 15px;
	border-radius: 6px;
	margin-bottom: 8px;
	border: 1px solid #2d3748;
	transition: all 0.3s ease;
}
.tag-list li:hover {
	border-color: #1e88e5;
	background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(21, 101, 192, 0.1) 100%);
}

/* 消息项 */
.msg-item {
	background: #1a2332;
	border-radius: 8px;
	padding: 15px;
	border: 1px solid #2d3748;
}
.msg-reply {
	background: rgba(30, 136, 229, 0.1);
	border-radius: 8px;
	padding: 15px;
}

/* 登录卡片 */
.login-card {
	max-width: 450px;
	margin: 0 auto;
}

/* 下拉菜单深色 */
.dropdown-menu-dark {
	background: #1a2332;
	border: 1px solid #2d3748;
}
.dropdown-menu-dark .dropdown-item {
	color: #a0aec0;
}
.dropdown-menu-dark .dropdown-item:hover {
	background: #0d1421;
	color: #ffd700;
}
.dropdown-menu-dark .dropdown-divider {
	border-top: 1px solid #2d3748;
}

/* 表格深色 */
.table-dark {
	background: #1a2332;
	color: #a0aec0;
}
.table-dark th {
	background: #0d1421;
	color: #ffd700;
	border-color: #2d3748;
}
.table-dark td {
	border-color: #2d3748;
}
.table-hover tbody tr:hover {
	background: rgba(30, 136, 229, 0.1) !important;
}

/* === 平台制度 - 居中3列网格 === */
.policy-center-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    max-width: 720px;
    margin: 0 auto;
}
.policy-link-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 12px;
    background: #1a2332;
    border: 1px solid #2d3748;
    border-radius: 8px;
    text-decoration: none !important;
    transition: all 0.25s ease;
}
.policy-link-item:hover {
    border-color: #1e88e5;
    background: rgba(30,136,229,0.08);
    transform: translateY(-2px);
}
.policy-link-item i {
    font-size: 15px;
    color: #42a5f5;
    transition: color 0.2s;
}
.policy-link-item:hover i {
    color: #1e88e5;
}
.policy-link-item span {
    font-size: 14px;
    color: #e2e8f0;
    transition: color 0.2s;
    white-space: nowrap;
}
.policy-link-item:hover span {
    color: #ffd700;
}
@media (max-width: 767px) {
    .policy-center-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .policy-link-item {
        padding: 12px 10px;
    }
    .policy-link-item span {
        font-size: 13px;
    }
}
@media (max-width: 480px) {
    .policy-center-grid {
        grid-template-columns: 1fr;
    }
}

/* === 直播中心页 === */
.live-center-header {
    border-bottom: 1px solid #2d3748;
    margin-bottom: 10px;
}
.live-center-header h2 {
    font-size: 24px;
    margin: 0;
}
.filter-bar {
    background: #1a2332;
    border-radius: 8px;
    padding: 12px 16px;
    border: 1px solid #2d3748;
}
.filter-label {
    font-size: 13px;
    white-space: nowrap;
}
.room-hot-tag {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 22px;
    height: 22px;
    background: linear-gradient(135deg, #ff6b35, #ff4757);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}
.room-hot-tag i {
    font-size: 11px;
    color: #fff;
}

/* === 新闻列表集合 === */
.article-list {
    background: #1a2332;
    border-radius: 8px;
    border: 1px solid #2d3748;
    overflow: hidden;
}
.article-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #2d3748;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.article-row:last-child {
    border-bottom: none;
}
.article-row:hover {
    background: rgba(30,136,229,0.06);
    padding-left: 20px;
}
.article-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}
.article-idx {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #6c757d;
    background: #2d3748;
    border-radius: 4px;
    flex-shrink: 0;
}
.hot-idx {
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    font-size: 12px;
    color: #fff;
    background: linear-gradient(135deg, #ff4757, #ff6b81);
    border-radius: 4px;
    font-weight: 700;
}
.article-title {
    color: #e2e8f0;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 0.2s;
}
.article-row:hover .article-title {
    color: #ffd700;
}
.article-date {
    color: #6c757d;
    font-size: 12px;
    flex-shrink: 0;
    margin-left: 16px;
}
@media (max-width: 576px) {
    .article-date {
        display: none;
    }
    .article-title {
        font-size: 13px;
    }
}