.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	max-width: 1424px !important;
}

/* 全局 */
:root {
	--brand-dark: #071033;
	--brand-blue: #0b2b6b;
	--accent: #1e90ff;
	--muted: #f6f8fb;
	--card-radius: 12px;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Microsoft Yahei", sans-serif;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
	background: #fff;
	color: #222;
	margin: 0;
	padding: 0;
}

/* 顶部导航 */
.site-nav {
	background: var(--brand-dark);
	color: #fff
}

.site-nav a {
	color: #cfe3ff
}

.site-nav a:hover {
	color: #0d6efd
}

.site-nav .btn-register {
	background: #1f7bff;
	color: #fff
}

/* 英雄区 */
.hero {
	background-color: #061238;
	color: #fff;
	padding: 80px 0
}

.hero .kicker {
	opacity: .9
}

.hero h1 {
	font-size: 38px;
	font-weight: 700
}

.hero p {
	opacity: .9
}

.hero-illustration {
	max-width: 480px;
	width: 100%;
	filter: drop-shadow(0 10px 30px rgba(10, 20, 60, .6))
}

/* 卡片网格 */
.features .card {
	border: 0;
	border-radius: var(--card-radius);
	text-align: center;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.feature-title {
	font-weight: 600;
	font-size: 16px
}

.feature-sub {
	font-size: 13px;
	opacity: .85
}

.card.green {
	background: linear-gradient(180deg, #e6fff5, #d9f9ee)
}

.card.red {
	background: linear-gradient(180deg, #ffecec, #ffdfe0)
}

.card.orange {
	background: linear-gradient(180deg, #fff4e6, #fff0d9)
}

.card.blue {
	background: linear-gradient(180deg, #e9f2ff, #e0ebff)
}

.card.purple {
	background: linear-gradient(180deg, #f3edff, #efe7ff)
}



.stats-section h2 {
	font-weight: bold;
	margin-bottom: 30px;
}

/* 工具卡片样式 */
.tool-card {
	border: none;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s;
	text-align: center;
}

.tool-card:hover {
	transform: translateY(-3px);
}

.tool-card .card-header {
	border-radius: 8px 8px 0 0;
	color: #fff;
	font-weight: 500;
	padding: 1rem;
}

.tool-card .card-body {
	padding: 1.5rem 1rem;
	text-align: center;
}

.tool-card .card-body img {
	width: 96px;
	height: 96px;
	margin-bottom: 1rem;
}

.card-icon {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	margin: 12px 0 12px 0
}

.card button {
	width: 80%;
	height: 40px;
	border-radius: 4px;
	cursor: pointer;
	margin: 0 auto 10px;
}

.borderColor1 {
	border: 1px solid #0cc1b8;
	background: #ffffff;
	color: #0cc1b8
}

.bgColor1 {
	background: linear-gradient(-90deg, rgb(12 193 184), rgb(15 218 181))
}

.borderColor2 {
	border: 1px solid #F73737;
	background: #ffffff;
	color: #F73737
}

.bgColor2 {
	background: linear-gradient(-90deg, #ff5252, #f73737)
}

.borderColor3 {
	border: 1px solid #FF9705;
	background: #ffffff;
	color: #FF9705
}

.bgColor3 {
	background: linear-gradient(#ff9705, #ffae3f)
}

.borderColor4 {
	border: 1px solid #2790FF;
	background: #ffffff;
	color: #2790FF
}

.bgColor4 {
	background: linear-gradient(#268fff, #4ca2ff)
}

.borderColor5 {
	border: 1px solid #8B62EE;
	background: #ffffff;
	color: #8B62EE
}

.bgColor5 {
	background: linear-gradient(#8b62ee, #7b6df2)
}

.borderColor6 {
	border: 1px solid #25B1FD;
	background: #ffffff;
	color: #25B1FD
}

.bgColor6 {
	background: linear-gradient(#25b1fd, #28b8ff)
}

.borderColor7 {
	border: 1px solid #F6556C;
	background: #ffffff;
	color: #F6556C
}

.bgColor7 {
	background: linear-gradient(-90deg, #f8687d, #f6556c)
}

.borderColor8 {
	border: 1px solid #FF6536;
	background: #ffffff;
	color: #FF6536
}

.bgColor8 {
	background: linear-gradient(-90deg, #ff7b23, #ff6536)
}

.borderColor9 {
	border: 1px solid #FDBE2F;
	background: #ffffff;
	color: #FDBE2F
}

.bgColor9 {
	background: linear-gradient(#fdbe2f, #f9c148)
}

.borderColor10 {
	border: 1px solid #01D078;
	background: #ffffff;
	color: #01D078
}

.bgColor10 {
	background: linear-gradient(#00d077, #31d58f)
}

.borderColor11 {
	border: 1px solid #AE45FF;
	background: #ffffff;
	color: #AE45FF
}

.bgColor11 {
	background: linear-gradient(#ae44ff, #b661ff)
}

.borderColor12 {
	border: 1px solid #FF8F38;
	background: #ffffff;
	color: #FF8F38
}

.bgColor12 {
	background: linear-gradient(-90deg, #ffaf71, #ff8e37)
}

.card .borderColor1:hover {
	background: #0cc1b8;
	color: #ffffff
}

.card .borderColor2:hover {
	background: #F73737;
	color: #ffffff
}

.card .borderColor3:hover {
	background: #FF9705;
	color: #ffffff
}

.card .borderColor4:hover {
	background: #2790FF;
	color: #ffffff
}

.card .borderColor5:hover {
	background: #8B62EE;
	color: #ffffff
}

.card .borderColor6:hover {
	background: #25B1FD;
	color: #ffffff
}

.card .borderColor7:hover {
	background: #F6556C;
	color: #ffffff
}

.card .borderColor8:hover {
	background: #FF6536;
	color: #ffffff
}

.card .borderColor9:hover {
	background: #FDBE2F;
	color: #ffffff
}

.card .borderColor10:hover {
	background: #01D078;
	color: #ffffff
}

.card .borderColor11:hover {
	background: #AE45FF;
	color: #ffffff
}

.card .borderColor12:hover {
	background: #FF8F38;
	color: #ffffff
}

/* CTA */
.cta {
	background: url(/static/res/bot_ad.jpg);
	color: #fff;
	padding: 28px;
	border-radius: 10px
}

/* 页脚 */
footer {
	background: #0d1b31;
	color: #cbdaf5;
	padding: 36px 0
}

footer a {
	color: #9fb7ff
}

@media (max-width:767px) {
	.hero {
		padding: 36px 0
	}

	.hero h1 {
		font-size: 26px
	}

	#navMenu .btn-register {
		margin-top: 8px;
	}
}

/* 侧边导航容器 */
.sidebar-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 70%;
	/* 侧边栏占屏幕70%宽度 */
	max-width: 300px;
	height: 100vh;
	background-color: #fff;
	z-index: 1000;
	padding: 20px 15px;
}

/* 关闭按钮 */
.close-btn {
	text-align: right;
	font-size: 20px;
	cursor: pointer;
	margin-bottom: 20px;
}

/* 导航列表 */
.menus-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.menus-item {
	font-size: 18px;
	padding: 15px 0;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
}

/* 底部按钮区域 */
.btns-group {
	margin-top: 40px;
	padding: 0 10px;
}

.action-btn {
	width: 100%;
	height: 45px;
	border-radius: 4px;
	font-size: 16px;
	margin-bottom: 15px;
}

.login-btn {
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}

.register-btn {
	background-color: #0066ff;
	border: none;
	color: #fff;
}

/* 侧边菜单样式 */
.sidebar {
	position: fixed;
	top: 0;
	left: -250px;
	/* 初始隐藏在左侧 */
	width: 250px;
	height: 100vh;
	background-color: #061238;
	color: white;
	transition: left 0.4s ease;
	/* 平滑过渡 */
	z-index: 1000;
	padding-top: 60px;
	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

/* 菜单展开状态 */
.sidebar.active {
	left: 0;
	/* 完全显示 */
}

/* 菜单列表 */
.sidebar ul {
	list-style: none;
	padding: 0 20px;
}

.sidebar li {
	margin: 15px 0;
	padding: 10px;
	transition: background-color 0.2s;
}

.sidebar li:hover {
	background-color: #34495e;
	cursor: pointer;
}

.sidebar a {
	color: white;
	text-decoration: none;
	display: block;
}

/* 触发按钮 */
.toggle-btn {
	position: absolute !important;
	top: 20px !important;
	right: 20px;
	width: 45px;
	height: 45px;
	background-color: #061238;
	color: white;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1001;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.toggle-btn:hover {
	background-color: #061238;
	transform: scale(1.05);
}

/* 遮罩层 */
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.overlay.active {
	display: block;
	opacity: 1;
}

/* 主内容区 */
.content {
	margin-left: 20px;
	padding: 80px 20px;
	transition: margin-left 0.4s ease;
}

.content.active {
	margin-left: 270px;
}

/* 响应式适配 */
@media (max-width: 768px) {
	.sidebar {
		width: 200px;
		left: -200px;
	}

	.content.active {
		margin-left: 20px;
	}
}

/* 自定义弹窗样式 */
.notify-modal {
	display: none;
	/* 默认隐藏 */
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	max-width: 500px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	z-index: 9999;
	overflow: hidden;
}

/* 弹窗头部 */
.notify-header {
	padding: 15px 20px;
	background-color: #0d6efd;
	color: #fff;
	position: relative;
}

/* 右上角关闭按钮 */
.close-btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: background-color 0.2s;
}

.close-btn:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

/* 弹窗内容区 */
.notify-body {
	padding: 25px 20px;
	font-size: 16px;
	line-height: 1.6;
	color: #333;
}

/* 弹窗底部按钮区 */
.notify-footer {
	padding: 15px 20px;
	background-color: #f8f9fa;
	text-align: center;
	border-top: 1px solid #eee;
}

/* 复制按钮样式 */
.copy-btn {
	padding: 8px 25px;
	background-color: #198754;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.2s;
}

.copy-btn:hover {
	background-color: #157347;
}

.copy-btn:active {
	background-color: #146c43;
}

/* 遮罩层 */
.notify-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9998;
}

/* 复制成功提示 */
.copy-tip {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #198754;
	color: #fff;
	padding: 8px 20px;
	border-radius: 4px;
	z-index: 10000;
	display: none;
	animation: fadeInOut 2s ease;
}

@keyframes fadeInOut {
	0% {
		opacity: 0;
		top: 10px;
	}

	20% {
		opacity: 1;
		top: 20px;
	}

	80% {
		opacity: 1;
		top: 20px;
	}

	100% {
		opacity: 0;
		top: 10px;
	}
}


/* Update 2026-01-28 */

.homepage-hero-content {
	width: 455px;
	height: 241px;
	gap: 21px;
}

.homepage-hero-title {
	font-family: PingFang SC;
	font-weight: 600;
	font-style: Semibold;
	font-size: 44px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #FFFFFF;
}

.homepage-hero-text {
	font-family: PingFang SC;
	font-weight: 500;
	font-style: Medium;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0%;
	color: #FFFFFF;
}

.homepage-hero-description {
	font-family: PingFang SC;
	font-weight: 400;
	font-style: Regular;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0%;
	color: #FFFFFF;
}

.homepage-hero-button-login {
	border: 1px solid #FFF7F5;
	width: 94px;
	height: 38;
	opacity: 1;
	gap: 10px;
	border-radius: 4px;
	border-width: 1px;
	padding-top: 10px;
	padding-right: 32px;
	padding-bottom: 10px;
	padding-left: 32px;
	color: #FFF7F5;
	font-family: PingFang SC;
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	text-decoration: none;
}

.homepage-hero-button-register {
	border: 1px solid #0049FF;
	min-width: 94px;
	padding: 10px 18px;
	height: 38;
	opacity: 1;
	gap: 10px;
	border-radius: 4px;
	border-width: 1px;
	color: #FFF7F5;
	background-color: #0049FF;
	font-family: PingFang SC;
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
	text-decoration: none;
}

.hero-image-section {
	width: 708px;
	height: 416px;
	padding-right: 20px;
}

.navbar-logo-image {
	width: 178px;
}

.navbar-section-left ul {
	margin-left: 30px;
}

.navbar-section-left ul li {
	margin-right: 10px;
}

.navbar-section-left ul li a {
	font-family: PingFang SC;
	font-weight: 500;
	font-style: Medium;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	text-transform: uppercase;
}

/* Active nav link: white text + triangle mark below */
.site-nav .nav-item .nav-link {
	position: relative;
	padding-bottom: 12px;
}

.site-nav .nav-item .nav-link.active {
	color: #ffffff;
}

.site-nav .nav-item .nav-link.active::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
}

.homepage-features-title {
	font-family: PingFang SC;
	font-weight: 600;
	font-style: Semibold;
	font-size: 34px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #181818;
}

.homepage-features-description {
	font-family: PingFang SC;
	font-weight: 400;
	font-style: Regular;
	font-size: 20px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #8C8C8C;
}

.homepage-features-card-title {
	font-family: PingFang SC;
	font-weight: 600;
	font-style: Semibold;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #FFFFFF;
}

.homepage-features-card-description {
	font-family: PingFang SC;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #FFFFFF;
	margin-top: 10px;
	display: block;
}

.homepage-features-bg {
	width: 100%;
	background: url(/static/res/c_bg.jpg) no-repeat center center;
	background-size: cover;
	border-radius: 16px;
	padding: 50px 40px;
	box-shadow: inset 0 0 20px 10px rgba(255, 255, 255, 0.6);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.homepage-stats-section {
	margin-top: 50px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 57px;
	justify-content: space-between;
}

.homepage-stats-section h2 {
	font-family: PingFang SC;
	font-weight: 600;
	font-style: Semibold;
	font-size: 34px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #181818
}

.homepage-stats-section .stat-item h3 {
	font-family: PingFang SC;
	font-weight: 600;
	font-style: Medium;
	font-size: 40px;
	line-height: 100%;
	letter-spacing: 0%;
	color: #0049FF;
	margin-bottom: 10px;
}

.homepage-stats-section .stat-item p {
	font-family: PingFang SC;
	margin-top: 20px;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #181818;
}

.homepage-feature-item {
	text-align: center;
	padding: 20px 15px;
}

.homepage-feature-item h4 {
	font-family: PingFang SC;
	font-weight: 600;
	font-style: Semibold;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	text-align: center;
	color: #181818
}

.homepage-feature-item p {
	font-family: PingFang SC;
	font-weight: 400;
	font-style: Regular;
	font-size: 14px;
	line-height: 120%;
	letter-spacing: 0%;
	margin-top: 15px;
	text-align: center;
	color: #717171;
	padding: 0px 3px
}

.homepage-cta-button {
	color: #F73737;
	width: 104;
	height: 34;
	justify-content: space-between;
	opacity: 1;
	border-radius: 6px;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	background-color: white;
}

.homepage-cta-button:hover {
	color: #F73737;
	background-color: white !important;
}

.header img {
	max-width: 178px;
	max-height: 54px;
	display: block;
}

@media (max-width: 768px) {

	.hero {
		padding: 25px 0 40px 0px !important;
	}

	.site-nav {
		background: #061238 !important;
		padding-bottom: 0px;
		margin-bottom: 0px;
		border-bottom: none !important;
	}

	.site-nav {
		padding-top: 15px !important;
	}

	.mobile-hero-content {
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
	}

	.hero-image-section {
		height: 110px !important;
		padding-right: 0 !important;
	}

	.homepage-hero-title {
		font-size: 19px !important;
	}

	.homepage-hero-text {
		font-weight: 500;
		font-style: Medium;
		font-size: 12px;
		line-height: 12.12px;
		letter-spacing: 0%;
		margin-bottom: 0px;
	}

	.homepage-hero-description {
		font-weight: 400;
		font-style: Regular;
		font-size: 11px;
		line-height: 12.86px;
		letter-spacing: 0%;
	}

	.homepage-hero-button-login {
		font-size: 11px !important;
		width: 65px !important;
		text-align: center;
		padding: 10px 18px !important;
		min-width: 65px !important;
	}

	.homepage-hero-button-register {
		font-size: 11px !important;
		width: 65px !important;
		text-align: center;
		padding: 10px 0px !important;
		min-width: 65px !important;
	}

	.homepage-hero-content {
		gap: 10px !important;
		height: auto !important;
		max-width: 210px !important;
	}

	.homepage-features-title {
		font-weight: 600;
		font-style: Semibold;
		font-size: 18px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.homepage-features-description {
		font-weight: 400;
		font-style: Regular;
		font-size: 10px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.homepage-features-card-title {
		font-family: PingFang SC;
		font-weight: 600;
		font-style: Semibold;
		font-size: 14px !important;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.homepage-features-card-description {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 10px !important;
		line-height: 100%;
		margin-top: 5px !important;
		letter-spacing: 0%;
	}

	.tool-card .card-header {
		padding: 8px 0px !important;
	}

	.tool-card img {
		max-width: 50px;
		max-height: 50px;
		margin-bottom: 0px !important;
	}

	.tool-card button {
		font-size: 10px !important;
		padding: 5.04px !important;
		height: 30px !important;
	}

	.two-col {
		gap: 0px !important;
	}

	.homepage-features-bg {
		background: url(/static/res/mobile-home-c-bg.png) no-repeat center center;
		background-size: 100% 100%;
		border-radius: 16px;
		padding: 30px 30px;
		overflow: hidden;
	}

	.homepage-stats-section {
		gap: 20px !important;
		padding-top: 0px !important;
		margin-top: 20px !important;
		padding-bottom: 30px !important;
	}

	.homepage-stats-section h2 {
		font-weight: 600;
		font-style: Semibold;
		font-size: 18px;
		line-height: 100%;
		letter-spacing: 0%;
		max-width: 80% !important;
		margin: auto;
		line-height: 1.5;
	}

	.homepage-stats-section .stat-item {
		width: 50%;
		margin-top: 10px;
	}

	.homepage-stats-section .stat-item h3 {
		font-weight: 500;
		font-style: Medium;
		font-size: 26.82px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.homepage-stats-section .stat-item p {
		font-weight: 400;
		font-style: Regular;
		font-size: 9.39px;
		line-height: 100%;
		letter-spacing: 0%;
		text-align: center;
		margin-top: 0px;
	}


	.cta {
		padding: 20px !important;
		gap: 0px !important;
	}

	.cta h4 {
		font-weight: 600;
		font-style: Semibold;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.cta a {
		font-weight: 500;
		font-style: Medium;
		font-size: 9px;
		line-height: 100%;
		letter-spacing: 0%;
		padding: 6px 10px;
		border-radius: 5px;
	}

	.footer-container {
		text-align: left;
	}

	.footer-container li {
		font-weight: 400;
		font-style: Regular;
		font-size: 12px!important;
		line-height: 100%;
		letter-spacing: 0%;
		margin-bottom: 15px !important;
	}

	.footer-container .mobile-padding-right {
		padding-left: 11px!important;
	}

	.footer-container li a{
		font-size: 12px!important;
	}

	.footer-container h5 {
		font-weight: 600;
		font-style: Semibold;
		font-size: 14px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.footer-container p {
		font-weight: 400;
		font-style: Regular;
		font-size: 12px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.footer-container img {
		max-width: 78px;
		max-width: 78px !important;
	}

	.copyright-text {
		font-weight: 400;

		font-style: Regular;
		font-size: 10px !important;
		line-height: 100%;
		background-color: #0A1024;
		letter-spacing: 0%;
	}

	.copyright-text p {
		font-weight: 400;
		font-style: Regular;
		font-size: 10px !important;
		line-height: 100%;
		letter-spacing: 0%;
	}

	footer {
		background: #0d1b31;
		color: #cbdaf5;
		padding: 0 !important
	}

	.sidebar-container {
		background-color: #FFFFFF !important;
		color: #000000 !important;
	}

	.sidebar-container .menus-item {
		border-bottom: 0px !important;
	}

	.sidebar li:hover {
		background-color: #FFFFFF !important;
		color: #000000 !important;
	}


	.sidebar-container .menus-item a {
		color: #000000 !important;
		font-size: 14px !important;
	}

	.sidebar-container .btns-group .login-btn {
		font-family: PingFang SC;
		font-weight: 500;
		font-style: Medium;
		font-size: 14px !important;
		line-height: 100%;
		letter-spacing: 0%;
		height: 36px !important;
	}

	.sidebar-container .btns-group .register-btn {
		font-family: PingFang SC;
		font-weight: 500;
		font-style: Medium;
		font-size: 14px !important;
		line-height: 100%;
		letter-spacing: 0%;
		height: 36px !important;
	}

	.remember-password {
		font-size: 10px !important;
	}

	.remember-password-label input {
		height: 10px !important;
		width: 10px !important;
	}

	.small_logo p {
		font-weight: 400;
		font-style: Regular;
		font-size: 12px;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.register-card h3 {
		font-weight: 500;
		font-style: Medium;
		font-size: 14px !important;
		line-height: 15.95px;
		letter-spacing: 0%;
		text-align: center;
		margin-bottom: 10px !important;
	}

	.register-card .form-group input {
		font-size: 11px !important;
	}

	.form-control {
		padding-left: 32px !important;
		height: 37px !important;
	}

	.input-icon {
		left: 13px !important;
		top: 17px !important;
	}

	.register-card {
		max-width: 319px !important;
		padding: 20px 25px !important;
	}

	.btn-refresh {
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		line-height: 100%;
		padding-top: 0px !important;
		letter-spacing: 0px !important;
	}

	.btn-register {
		width: 261px !important;
		height: 37px !important;
		opacity: 1;
		border-radius: 5.1px !important;
		border-width: 0.64px !important;
	}

	.footer-note {
		width: 319px !important;
		opacity: 1;
		gap: 10px !important;
		border-radius: 10px !important;
		padding-top: 10px !important;
		padding-right: 13px !important;
		padding-bottom: 10px !important;
		padding-left: 13px !important;
		border-width: 1px !important;
	}

	.footer-note-text {
		font-weight: 400;
		font-style: Regular;
		font-size: 10px !important;
		line-height: 25px !important;
		letter-spacing: 0% !important;
		text-align: justify;
	}

	.footer-note-text a {
		font-weight: 400;
		font-style: Regular;
		font-size: 10px !important;
		line-height: 100% !important;
		letter-spacing: 0% !important;
		text-align: justify;
	}

	.copyright {
		font-weight: 400 !important;
		font-style: Regular !important;
		font-size: 10px !important;
		line-height: 100% !important;
		letter-spacing: 0% !important;
	}

	.footer-links a {
		font-family: PingFang SC;
		font-weight: 400 !important;
		font-style: Regular;
		font-size: 10px !important;
		line-height: 100%;
		letter-spacing: 0px;
		text-align: center;
	}

	.login-link {
		color: #0049FF !important;
		margin: 0px !important;
	}

	.mobile-section-header {
		position: relative;
		max-width: 375px;
		margin: auto;
		height: 48px;
		justify-content: center;
		opacity: 1;
		padding-right: 15px;
		align-items: center;
		display: flex !important;
		padding-left: 15px;
	}

	.mobile-section-header-left {
		position: absolute;
		top: 10px;
		left: 20px;
	}

	.mobile-section-header-title {
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 17px;
		line-height: 100%;
		letter-spacing: -0.4px;
		text-align: center;
	}

	.service-section {
		padding: 20px 0px !important;
	}

	/* ################### */

	.service-section .breadcrumbs a {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 10px;
		line-height: 100%;
		letter-spacing: -0.4px;
		border-radius: 4px;
	}

	.service-section h3 {
		font-family: PingFang SC;
		font-weight: 600;
		font-style: Semibold;
		font-size: 16px !important;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.service-section p {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		text-align: justify;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.subtitle-text {
		font-family: PingFang SC;
		font-weight: 500 !important;
		font-style: Medium;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		margin-top: 20px !important;
		margin-bottom: 5px !important;
	}

	.service-section ul {
		padding-left: 0px !important;
		margin-bottom: 10px !important;
	}

	.service-section ul li {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		margin-bottom: 10px !important;
		line-height: 140% !important;
	}

	/*  */

	.agreement-section {
		padding: 20px 0px !important;
	}

	.agreement-section .breadcrumbs a {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 10px;
		line-height: 100%;
		letter-spacing: -0.4px;
		border-radius: 4px;
	}

	.agreement-section h3 {
		font-family: PingFang SC;
		font-weight: 600;
		font-style: Semibold;
		font-size: 16px !important;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.agreement-section p {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		text-align: justify;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.subtitle-text {
		font-family: PingFang SC;
		font-weight: 500 !important;
		font-style: Medium;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		margin-top: 20px !important;
		margin-bottom: 5px !important;
	}

	.agreement-section ul {
		padding-left: 0px !important;
		margin-bottom: 10px !important;
	}

	.agreement-section ul li {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		margin-bottom: 10px !important;
		line-height: 140% !important;
	}

	/*  */

	.rules-section {
		padding: 20px 0px !important;
	}

	.rules-section .breadcrumbs a {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 10px;
		line-height: 100%;
		letter-spacing: -0.4px;
		border-radius: 4px;
	}

	.rules-section h3 {
		font-family: PingFang SC;
		font-weight: 600;
		font-style: Semibold;
		font-size: 16px !important;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.rules-section p {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		text-align: justify;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.subtitle-text {
		font-family: PingFang SC;
		font-weight: 500 !important;
		font-style: Medium;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		margin-top: 20px !important;
		margin-bottom: 5px !important;
	}

	.rules-section ul {
		padding-left: 0px !important;
		margin-bottom: 10px !important;
	}

	.rules-section ul li {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		margin-bottom: 10px !important;
		line-height: 140% !important;
	}


	/*  */

	.code-section {
		padding: 20px 0px !important;
	}

	.code-section .breadcrumbs a {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 10px;
		line-height: 100%;
		letter-spacing: -0.4px;
		border-radius: 4px;
	}

	.code-section h3 {
		font-family: PingFang SC;
		font-weight: 600;
		font-style: Semibold;
		font-size: 16px !important;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.code-section p {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		text-align: justify;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.subtitle-text {
		font-family: PingFang SC;
		font-weight: 500 !important;
		font-style: Medium;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		margin-top: 20px !important;
		margin-bottom: 5px !important;
	}

	.code-section ul {
		padding-left: 0px !important;
		margin-bottom: 10px !important;
	}

	.code-section ul li {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		margin-bottom: 10px !important;
		line-height: 140% !important;
	}


	/*  */

	.article-container {
		padding: 20px 0px !important;
	}

	.article-container .breadcrumbs a {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 10px;
		line-height: 100%;
		letter-spacing: -0.4px;
		border-radius: 4px;
	}

	.article-container h3 {
		font-family: PingFang SC;
		font-weight: 600;
		font-style: Semibold;
		font-size: 16px !important;
		line-height: 100%;
		letter-spacing: 0%;
	}

	.article-container p {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		text-align: justify;
		margin-top: 10px !important;
		margin-bottom: 0px !important;
	}

	.subtitle-text {
		font-family: PingFang SC;
		font-weight: 500 !important;
		font-style: Medium;
		font-size: 12px !important;
		line-height: 140% !important;
		letter-spacing: 0%;
		margin-top: 20px !important;
		margin-bottom: 5px !important;
	}

	.article-container ul {
		padding-left: 0px !important;
		margin-bottom: 10px !important;
	}

	.article-container ul li {
		font-family: PingFang SC;
		font-weight: 400;
		font-style: Regular;
		font-size: 12px !important;
		margin-bottom: 10px !important;
		line-height: 140% !important;
	}

	.article-img {
		margin-bottom: 0px !important;
		height: auto !important;
	}

	.article-img img {
		width: 100%;
		border-top-right-radius: 11.85px;
		border-top-left-radius: 11.85px;
		border-bottom-right-radius: 0px !important;
		border-bottom-left-radius: 0px !important;
		height: 100%;
		object-fit: cover;
	}

	.article-content {
		border-bottom-right-radius: 11.85px !important;
		border-bottom-left-radius: 11.85px !important;
	}

	.article-title {
		font-family: PingFang SC;
		font-weight: 600;
		font-style: Semibold;
		font-size: 17px !important;
		line-height: 100%;
		letter-spacing: 0%;
		text-align: center;
	}

	.article-container h3 {
		margin: 5px !important;
	}

	.article-meta {
		margin-bottom: 0px !important;
	}

	.article-container p {
		font-size: 12px !important;
	}

	.article-container h2 {
		font-size: 16px !important;
		margin-top: 30px;
	}
}