/* 平滑滚动 - 替代 z_scroll 插件 */
html {
	scroll-behavior: smooth;
}

/* 尊重用户偏好 - 减少动画 */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
	background: #f5f3ff;
	color: #4a4a6a;
	font-size: 14px;
	font-family: "Microsoft YaHei", SimHei, Verdana, Arial, sans-serif
}

a {
	outline: none;
	color: #5b5b7b;
	text-decoration: none
}

a:hover {
	color: #7C3AED;
	text-decoration: none
}

/*颜色：主色,f60，副色,ff8b3d 连接色,667ebd */

.sticky-top {
	top: 15px;
}


/*导航*/
.header-top a {
	padding-left: 15px;
}

header#header {
	background: #fff !important;
	box-shadow: 0 2px 12px rgba(124, 58, 237, 0.08);
	border: none;
	border-bottom: 2px solid #7C3AED;
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 56px;
}

header#header .navbar-nav .active>.nav-link,
header#header .navbar-nav .nav-link.active,
header#header .navbar-nav .nav-link.show,
header#header .navbar-nav .show>.nav-link {
	color: #7C3AED;
	background: rgba(124, 58, 237, 0.08);
	border-radius: 8px;
	font-weight: 600;
}

header#header .navbar-nav .nav-link:focus,
header#header .navbar-nav .nav-link:hover {
	color: #7C3AED;
	background: rgba(124, 58, 237, 0.05);
	border-radius: 8px;
}

header#header .navbar-toggler-icon {
	background: url(../img/menu.svg) no-repeat
}

header#header .navbar-nav .nav-link {
	padding: 6px 12px;
	transition: all 0.2s ease;
	font-size: 14px;
	font-weight: 500;
	color: #4C1D95;
}

/* 登录按钮样式 */
header#header .navbar-nav .nav-link.nav-login-btn,
header#header .navbar-nav .nav-link.nav-login-btn:focus,
header#header .navbar-nav .nav-link.nav-login-btn:hover,
header#header .navbar-nav .nav-link.nav-login-btn:active,
header#header .navbar-nav .nav-link.nav-login-btn:visited {
	background: linear-gradient(135deg, #7C3AED 0%, #A78BFA 100%) !important;
	border-radius: 20px !important;
	padding: 6px 18px !important;
	color: #fff !important;
	font-weight: 600 !important;
	transition: all 0.2s ease !important;
	box-shadow: 0 2px 8px rgba(124, 58, 237, 0.25);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

header#header .navbar-nav .nav-link.nav-login-btn:hover {
	opacity: 0.9;
	box-shadow: 0 4px 12px rgba(124, 58, 237, 0.35);
	color: #fff !important;
}

/* 用户头像样式 */
header#header .avatar-1 {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 4px;
	border: 1.5px solid #e0e0e0;
}

.avatar-1,
.avatar-2,
.avatar-3,
.avatar-4,
.avatar-5 {
	border-radius: 50% !important;
}

/* 非 header 区域的 navbar-dark 链接保持深色（左侧浮动导航等） */
.navbar-dark .navbar-nav .nav-link {
	color: #1a1d20;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
	color: #7C3AED;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #7C3AED;
}

.navbar-dark .navbar-brand {
	color: #7C3AED;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
	color: #A78BFA;
}

.btn-primary {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

.btn-primary:hover {
	background-color: #A78BFA;
	border-color: #A78BFA;
	transform: none;
}

.text-primary {
	color: #7C3AED !important;
}

/*list-group-item*/
.list-group-item.active {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

.breadcrumb {
	background: #fff !important;
	border: 0;
}

/*card*/

.card {
	border: 0;
	box-shadow: 0 4px 16px rgba(124, 58, 237, 0.04);
	border-radius: 12px;
	margin-bottom: 20px;
	overflow: hidden;
}

.card-header,
.card>.card-header {
	color: #4C1D95;
	font-size: 15px;
	font-weight: 600;
	padding: 1rem 1.25rem;
	border-bottom: 1px solid rgba(124, 58, 237, 0.1);
	background: #fff;
	position: relative;
}

.card-header::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 18px;
	background: #7C3AED;
	border-radius: 0 4px 4px 0;
}

/* 覆盖右侧边栏等可能存在的旧色彩 */
.card-header.bg-success,
.card-header.bg-info,
.card-header.bg-primary,
.card-header.bg-warning,
.card-header.bg-danger {
	background: #fff !important;
	color: #4C1D95 !important;
}

.card-footer {
	border-top: 1px solid rgba(124, 58, 237, 0.06);
	background: #faf5ff;
}

.card-header-tabs>.nav-item>.nav-link {
	padding: .5rem 1rem !important;
}


.postx {
	padding: 30px;
}

@media (max-width: 768px) {
	.postx {
		padding: 0px !important;
	}
}

/*分页*/

.page-item.active .page-link {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

.page-link {
	color: #666;
}

.page-link:hover {
	color: #7C3AED;
}


/*Imglist*/

.Imglist {
	position: relative;
	padding-top: 0 !important;
	padding-bottom: 30px !important;
	background: url(../img/newsLine.gif) center bottom no-repeat;
}

.Imglist h2 {
	height: 40px;
	line-height: 40px;
	margin-top: 15px;
	margin-bottom: 3px;
	font-size: 22px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Imglist {
	display: inherit;
	-ms-flex-align: inherit;
	align-items: inherit;
}


.Imglist h2 a {
	color: #434a54;
}

.Imglist h2 a:hover {
	color: #7C3AED;
}

.Imglist .badge-pill {
	border-radius: 3px;
}

.Imglist .badge-secondary {
	background-color: #cfd2d4;
}

.Imglist .float-right {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}

.Imglist span {
	color: #aab2bd;
}

.Imglist span a {
	color: #aab2bd;
}

.Imglist span a:hover {
	color: #656d78;
}

.Imglist a.list-img {
	display: block;
	width: 100%;
	max-height: 230px;
	overflow: hidden;
	border-radius: 3px;
	margin: 5px auto;
}

.Imglist a.list-img img {
	width: 600px;
}

.Imglist p {
	margin-top: 15px;
	line-height: 24px;
	color: #706f6f;
	font-size: 14px;
}


/*Txtlist*/

.Txtlist {
	position: relative;
}

.Txtlist .media {
	padding: 16px;
	border-radius: 8px;
	transition: all 0.3s ease;
	border-bottom: none !important;
	margin-bottom: 8px;
}

.Txtlist .media:hover {
	background-color: #faf5ff;
	box-shadow: 0 4px 12px rgba(124, 58, 237, 0.05);
}

.Txtlist .media-body {
	border-bottom: none !important;
	min-height: auto !important;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.Txtlist .media-img {
	width: 48px !important;
	height: 48px !important;
	border-radius: 12px !important;
	object-fit: cover;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: transform 0.3s ease;
}

.Txtlist .media:hover .media-img {
	transform: scale(1.05);
}

.Txtlist .media-body h2 {
	font-size: 16px !important;
	font-weight: 600;
	margin-bottom: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.Txtlist .media-body h2 a {
	color: #434a54;
}

.Txtlist .media-body h2 a:hover {
	color: #7C3AED;
}

.Txtlist .media-body .text-muted {
	font-size: 12px !important;
	color: #a0aec0 !important;
	margin-top: 4px;
}

.Txtlist .media-body .box {
	height: 24px;
	margin-top: 10px;
}

.Txtlist .media-body .box .badge {
	margin-right: 5px;
}

.Txtlist .media-body .box .badge-pill {
	border-radius: 3px;
}

.Txtlist .media-body .box .badge-secondary {
	background-color: #cfd2d4;
}

.Txtlist .media-body .box .float-right {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
}

.Txtlist .media-body .box span {
	color: #aab2bd;
}

.Txtlist .media-body .box span a {
	color: #aab2bd;
}

.Txtlist .media-body .box span a:hover {
	color: #656d78;
}

.Txtlist .media-footer span {
	font-size: 12px;
	font-weight: 400;
	padding: 3px;
	line-height: 18px;
	color: #a3a6ab;
}

/* 首页顶部信息统计区 & 搜索框综合优化 */

/* 数据统计/论坛介绍区域（包含 sitebrief 和 主题数等） */
.card-site-info {
	background: #fff !important;
	border-radius: 12px !important;
	border: 0 !important;
	box-shadow: 0 4px 16px rgba(124, 58, 237, 0.04) !important;
	margin-bottom: 20px;
	overflow: hidden;
}

/* 论坛介绍文字区域 */
.card-site-info .m-3 {
	background: #fff !important;
	color: #4a5568 !important;
	box-shadow: none !important;
}

/* 数据统计下半部分（主题数、帖子数、用户数） */
.card-site-info .card-footer {
	background: #fff !important;
	border-top: 1px dashed rgba(124, 58, 237, 0.15) !important;
	padding: 12px 8px !important;
}

/* 统计表文字颜色与字号修正 */
.card-site-info .card-footer table {
	background: transparent !important;
}

.card-site-info .card-footer .text-muted {
	color: #6b7280 !important;
	/* 表头颜色：主题数、帖子数 */
	font-size: 12px !important;
}

.card-site-info .card-footer b {
	color: #4C1D95 !important;
	/* 数字颜色加强 */
	font-size: 14px !important;
	/* 恢复适中的字号 */
	font-weight: 600 !important;
	display: inline-block;
	margin-top: 2px;
}

/* 统一右侧边栏小模块的背景色 */
.aside .card .card-body {
	background: #fff !important;
	border-radius: 0 0 12px 12px;
}

/* 确保带卡片头的模块下半部背景白色，且如果本身没有 card-header，也能有个好的背景 */
.aside .card {
	background: #fff !important;
}

/* 针对统计区域特有的 text-muted 进行文字颜色修正，防止与紫白背景冲突导致模糊 */
.card-body.text-center .text-muted {
	color: #4a5568 !important;
}

/* 统一统计数字的颜色 */
.text-muted.font-weight-bold {
	color: #7C3AED !important;
	font-size: 16px;
	font-weight: 600 !important;
}

/* 弱化统计项之间的分隔线 */
.col-3.border-right,
.col-4.border-right {
	border-right: 1px solid rgba(124, 58, 237, 0.06) !important;
}

/* 搜索框现代化改造 */
.form-control {
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	background-color: #f8fafc;
	transition: all 0.3s ease;
	color: #4a5568;
}

.form-control:focus {
	background-color: #fff;
	border-color: #A78BFA;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}

.input-group .form-control {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

/* 搜索按钮 */
.input-group-append .btn,
.input-group-btn .btn {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: #7C3AED;
	border-color: #7C3AED;
	color: #fff;
	font-weight: 500;
	padding: 0 16px;
	transition: all 0.3s ease;
}

.input-group-append .btn:hover,
.input-group-btn .btn:hover {
	background-color: #A78BFA;
	border-color: #A78BFA;
}

/* 右侧边栏的通用美化：去除多余的内边框 */
.aside .card-body {
	padding: 1.25rem;
}

.aside .card-body hr {
	border-top: 1px solid rgba(124, 58, 237, 0.06);
	margin: 12px 0;
}

/* 首页在线用户 */

.card-site-info .card-footer td+td+td+td {
	display: none;
}

/* 顶部公告条 */
/*顶部公告条*/

.alert-warning {
	color: #6b5b95;
	background-color: #faf5ff;
	border-color: #e9d5ff;
}

/*内容左侧栏*/

@media (max-width: 992px) {
	.share-box {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

.share-box a {
	position: relative;
	text-decoration: none;
	margin: 4px;
	display: inline-block;
	outline: none;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.share-box a:hover {
	background: rgba(124, 58, 237, 0.05);
	transform: none;
}

.share-box .share-icon {
	position: relative;
	display: inline-block;
	width: 38px;
	height: 38px;
	font-size: 26px;
	border-radius: 50%;
	line-height: 38px;
	color: #6b5b95;
	text-align: center;
	vertical-align: middle;
	transition: background 0.6s ease-out 0s;
}

.share-box a:hover .share-icon {
	color: #7C3AED;
}

/*作者最近主题*/

.aside .card h6.card-title {
	padding-bottom: 12px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.aside .card ul.break-all {
	padding: 0;
}

.aside .card ul.break-all li {
	list-style: none;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	height: 30px;
	line-height: 30px !important;
	overflow: hidden;
}

.aside .card ul.break-all li.line-height-2 {
	font-size: 1rem !important;
}


/*友情连接*/

.aside .friendlink ul {
	padding: 0;
}

.aside .friendlink ul li {
	list-style: none;
	border-bottom: 1px dashed rgba(0, 0, 0, .1);
	height: 30px;
	line-height: 30px !important;
	overflow: hidden;
}

.aside .friendlink ul li.line-height-2 {
	font-size: 1rem !important;
}


/*阅读全文*/

.readall_box {
	position: relative;
	z-index: 9999;
	padding: 0 0 25px;
	margin-top: -200px;
	text-align: center;
}

.readall_box .read_more_mask {
	height: 200px;
	background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
	background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff));
	background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0))
}

.read_more_btn {
	cursor: pointer;
	font-size: 16px;
	color: #fff !important;
	background-color: #7C3AED;
	border-radius: 25px;
	border: 1px solid #7C3AED;
	line-height: 30px;
	padding: 7px 20px;
}

.read_more_btn:hover {
	background: #A78BFA;
	color: #fff;
}

/*tag*/
table.nav_tag_list {
	width: 100%;
	border-radius: 0.25rem;
	background: #fff;
	margin-bottom: 1rem !important;
}

table.nav_tag_list tr {
	border-bottom: 1px solid #f2f2f2;
	line-height: 3;
}

table.nav_tag_list td {
	padding: 0 1.2rem !important;
	color: #333 !important;
}

table.nav_tag_list .text-muted.text-nowrap {
	padding: 2px 1.2rem !important;
	border-right: 1px solid #f2f2f2;
	max-width: 80px;
}

table.nav_tag_list td a {
	margin-right: 0rem !important;
	color: #868e96;
	padding: 2px 8px !important;
	display: inline-block;
}

table.nav_tag_list .active {
	color: #7C3AED;
	font-weight: 400;
}

#nav_tag_list_div table.nav_tag_list td a {
	color: #868e96;
	padding: inherit !important;
	display: initial !important;
	margin: 5px 3px !important;
	float: left;
	height: 22px !important;
	line-height: 22px;
	border-radius: 22px;
}

/*内容*/
.article_content img {
	max-width: 100%;
	height: auto !important;
	margin-bottom: 5px;
}

.list-unstyled .blockquote {
	margin-bottom: 1rem;
	font-size: 1rem;
}

.list-unstyled .blockquote img {
	margin-bottom: 0.3rem;
}

.article_content a {
	color: #e48546;
	position: relative;
}

.article_content a:after {
	content: '';
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	display: block;
	width: 100%;
	height: 1px;
	transform: translate(-50%);
}

.article_content a:hover:after {
	height: 1px;
	animation: ad_width .5s linear forwards;
	background: #e48546;
}

@keyframes ad_width {
	from {
		width: 0%
	}

	to {
		width: 100%
	}
}


/*下载*/
.fieldset {
	margin: 0px;
	border-radius: .25rem;
	border: 1px solid #f1f2f6;
}

.fieldset>legend {
	font-weight: 400;
	border-radius: 16px;
	color: #fff;
	background: #7C3AED;
}

.fieldset ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.fieldset ul li {
	margin-bottom: 5px;
}

.fieldset ul li div {
	font-size: 11px;
}


/*代码pre*/

pre {
	background: #f0f0f0;
	line-height: 20px;
	/* 行距 */
	background: url(../img/pre-bg.gif) repeat-y left top;
	padding-left: 10px;
}


.article_content table,
.message table {
	width: 100% !important;
}

.forum_icon {
	width: 48px;
	height: 48px;
	border-radius: 5px;
}

/* Footer 样式 */
#footer {
	background: #faf5ff !important;
	color: #6b5b95 !important;
	padding: 24px 0;
	margin-top: 30px;
	border: none;
	box-shadow: 0 -1px 8px rgba(124, 58, 237, 0.06);
}

#footer.text-muted {
	color: #6b5b95 !important;
}

#footer a,
#footer span,
#footer div,
#footer p {
	color: #6b5b95 !important;
}

#footer a:hover {
	color: #7C3AED !important;
}

#footer b {
	color: #4C1D95 !important;
}

/* =========================================
   3. 全局分页栏优化 (Pagination)
   ========================================= */
/* 引入类似 forum.htm 模板的专门优化风格，全局生效 */
.pagination .page-item .page-link {
	border-radius: 8px !important;
	margin: 0 4px !important;
	border: none !important;
	color: #555 !important;
	background: #f5f5f5 !important;
	padding: 0.4rem 0.65rem !important;
	font-size: 14px;
	min-width: 36px;
	/* 设定最小宽度，使单数字和双数字看起来更像均匀的方块 */
	text-align: center;
	/* 保证文字在方块内居中 */
}

.pagination .page-item.active .page-link {
	background: #4f8ef7 !important;
	/* 跟随 forum 页面的蓝色调 */
	color: #fff !important;
}

.pagination .page-item .page-link:hover {
	background: #e8f0fe !important;
	color: #4f8ef7 !important;
}

/* =========================================
   移动端优化 (导航栏、下拉菜单与帖子列表)
   ========================================= */
@media (max-width: 991.98px) {

	/* =========================================
       1. 移动端展开菜单容器优化
       ========================================= */
	#header .navbar-collapse {
		background: #ffffff;
		border-radius: 0 0 16px 16px;
		box-shadow: 0 10px 25px rgba(124, 58, 237, 0.12);
		padding: 0.5rem 1rem 1rem 1rem;
		margin-top: 8px;
		/* 距离 header 底部留点层次 */
		border-top: 1px solid rgba(124, 58, 237, 0.05);
	}

	/* 菜单项基础样式优化 */
	#header .navbar-nav .nav-item {
		margin-bottom: 4px;
	}

	#header .navbar-nav .nav-link {
		padding: 12px 16px !important;
		font-size: 15px !important;
		border-radius: 12px !important;
		color: #4a4a6a !important;
		display: flex;
		align-items: center;
	}

	#header .navbar-nav .nav-link i {
		margin-right: 12px;
		font-size: 18px;
		color: #A78BFA;
		width: 20px;
		text-align: center;
	}

	/* 选中及悬停状态 */
	#header .navbar-nav .active>.nav-link,
	#header .navbar-nav .nav-link.active,
	#header .navbar-nav .nav-link:hover {
		background: rgba(124, 58, 237, 0.06) !important;
		color: #7C3AED !important;
		font-weight: 600 !important;
	}

	/* 登录按钮在移动端的特殊处理 */
	#header .navbar-nav .nav-link.nav-login-btn {
		margin-top: 10px !important;
		justify-content: center;
	}

	/* =========================================
       2. 移动端帖子列表优化 (Thread List)
       ========================================= */
	/* 容器内边距调整 */
	.card-body.threadlist {
		padding: 0 16px;
	}

	/* 单个帖子项 */
	.threadlist .thread {
		padding: 14px 8px 14px 8px;
		/* 显式声明，进一步压缩两端留白，为文字腾出空间 */
		border-bottom: 1px solid rgba(124, 58, 237, 0.08) !important;
		margin: 0;
		transition: background-color 0.2s ease;
		/* 确保弹性布局生效，防止子元素错位 */
		display: flex !important;
		align-items: flex-start !important;
	}

	/* 去除最后一个元素的边框 */
	.threadlist .thread:last-child {
		border-bottom: none !important;
	}

	/* 给帖子项增加触碰反馈（通过轻微的底色变化） */
	.threadlist .thread:active,
	.threadlist .thread:hover {
		background-color: #faf5ff;
		border-radius: 8px;
	}

	/* 管理员勾选框间距优化 (针对原生 .mt-3 .mr-2) */
	.threadlist .thread input[type="checkbox"][name="modtid"] {
		margin-right: 4px !important;
		/* 竭尽全力缩减留白，保留最小呼吸空间 */
		margin-top: 4px !important;
		margin-left: 0 !important;
		/* 原生 mt-3 在这里太低，强制提上来 */
	}

	/* 头像包裹层与头像优化 */
	.threadlist .thread>a:not(.subject a) {
		margin: 0 !important;
		/* 彻底清除！不再保留任何内/外左右边距，图里紫色的边距全部消失！ */
		padding: 0 !important;
		padding-right: 0 !important;
		display: block;
		/* 移除 flex 避免不必要的内部空间消耗 */
		flex-shrink: 0;
	}

	.threadlist .thread img.avatar-3 {
		width: 38px;
		height: 38px;
		border-radius: 50%;
		margin: 0 !important;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	}

	/* 修复 media-body 被 flex 挤压的问题 */
	.threadlist .thread .media-body {
		flex: 1;
		min-width: 0;
		padding-left: 2px !important;
		margin-left: 0 !important;
		/* 防止子元素文本过长撑破容器 */
	}

	/* 帖子标题文字优化 */
	.threadlist .thread .subject {
		margin-bottom: 2px;
	}

	/* 移除对所有 subject a 的破坏性覆盖，让原生 badge 和普通 a 呈现出原生的大小和排列 */
	.threadlist .thread .subject>a:not(.badge) {
		font-weight: 500 !important;
		color: #2d3748 !important;
	}


	/* 帖子的次要信息（时间、作者、点击量等） */
	.threadlist .thread .text-muted.small {
		font-size: 12px;
		color: #94a3b8 !important;
		display: flex;
		align-items: center;
	}

	/* 图标与文字对齐间距微调 */
	.threadlist .thread .text-muted.small .icon {
		margin-right: 3px;
	}

	.threadlist .thread .text-muted.small span {
		display: inline-flex;
		align-items: center;
		margin-left: 2px;
	}




	/* 移动端横向滑动机制 */
	.pagination {
		flex-wrap: nowrap !important;
		/* 强制不换行 */
		overflow-x: auto;
		/* 超出宽度支持横向滑动 */
		-webkit-overflow-scrolling: touch;
		/* iOS 弹性滑动 */
		scrollbar-width: none;
		/* Firefox 隐藏滚动条 */
		-ms-overflow-style: none;
		/* IE 隐藏滚动条 */
		justify-content: flex-start !important;
		/* 防止居中导致左侧被截断无法划出 */
		padding-bottom: 4px;
		/* 防止有些系统的滚动条出现遮挡 */
	}

	/* Chrome/Safari 等 Webkit 内核隐藏滚动条 */
	.pagination::-webkit-scrollbar {
		display: none;
	}

	.page-item {
		flex-shrink: 0;
		/* 防止页码格子被强行挤压变窄 */
	}

	.page-link {
		padding: 0.4rem 0.65rem !important;
		/* 稍微缩小移动端分页按钮的内间距，以在一屏内展示更多页码 */
		font-size: 14px;
	}
}


/* =========================================
   🌙 夜间模式 (Dark Mode)
   基于 html.dark-mode 类名切换
   ========================================= */

/* ---------- 过渡动画 ---------- */
html.dark-mode,
html.dark-mode body,
html.dark-mode header#header,
html.dark-mode .card,
html.dark-mode .card-header,
html.dark-mode .card-body,
html.dark-mode .card-footer,
html.dark-mode #footer,
html.dark-mode .form-control,
html.dark-mode .breadcrumb,
html.dark-mode .dropdown-menu {
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* ---------- 基础 ---------- */
html.dark-mode body {
	background: #0f0f1a !important;
	color: #c8c8d8 !important;
}

html.dark-mode a {
	color: #b0b0c8;
}

html.dark-mode a:hover {
	color: #c4b5fd;
}

/* ---------- 顶部导航栏 ---------- */
html.dark-mode header#header {
	background: #1a1a2e !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
	border-bottom-color: #7C3AED;
}

html.dark-mode header#header .navbar-nav .nav-link {
	color: #c8c8d8;
}

html.dark-mode header#header .navbar-nav .active>.nav-link,
html.dark-mode header#header .navbar-nav .nav-link.active {
	color: #c4b5fd;
	background: rgba(124, 58, 237, 0.15);
}

html.dark-mode header#header .navbar-nav .nav-link:hover {
	color: #c4b5fd;
	background: rgba(124, 58, 237, 0.1);
}

html.dark-mode header#header .navbar-brand {
	color: #c4b5fd;
}

/* ---------- 左侧浮动导航 ---------- */
html.dark-mode .navbar-dark .navbar-nav .nav-link {
	color: #c8c8d8;
}

html.dark-mode .navbar-dark .navbar-nav .active>.nav-link,
html.dark-mode .navbar-dark .navbar-nav .nav-link.active {
	color: #c4b5fd;
}

html.dark-mode .navbar-dark .navbar-nav .nav-link:hover {
	color: #c4b5fd;
}

/* ---------- 面包屑 ---------- */
html.dark-mode .breadcrumb {
	background: #1a1a2e !important;
	color: #8888a0;
}

html.dark-mode .breadcrumb-item a {
	color: #9090b0;
}

html.dark-mode .breadcrumb-item.active {
	color: #c4b5fd;
}

/* ---------- 卡片 ---------- */
html.dark-mode .card {
	background: #1a1a2e;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(124, 58, 237, 0.1);
}

html.dark-mode .card-header,
html.dark-mode .card>.card-header {
	background: #1e1e34;
	color: #c4b5fd;
	border-bottom-color: rgba(124, 58, 237, 0.15);
}

html.dark-mode .card-header.bg-success {
	background: linear-gradient(135deg, #065f46 0%, #064e3b 100%) !important;
	background-color: #065f46 !important;
	color: #a7f3d0 !important;
}

html.dark-mode .card-header.bg-info {
	background: linear-gradient(135deg, #1e3a5f 0%, #1e293b 100%) !important;
	background-color: #1e3a5f !important;
	color: #93c5fd !important;
}

html.dark-mode .card-header.bg-primary {
	background: linear-gradient(135deg, #312e81 0%, #3730a3 100%) !important;
	background-color: #312e81 !important;
	color: #c4b5fd !important;
}

html.dark-mode .card-header.bg-warning {
	background: linear-gradient(135deg, #78350f 0%, #92400e 100%) !important;
	background-color: #78350f !important;
	color: #fde68a !important;
}

html.dark-mode .card-header.bg-danger {
	background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%) !important;
	background-color: #7f1d1d !important;
	color: #fca5a5 !important;
}

html.dark-mode .card-body {
	background: #1a1a2e;
	color: #c8c8d8;
}

html.dark-mode .card-footer {
	background: #161628;
	border-top-color: rgba(124, 58, 237, 0.1);
}

/* ---------- 右侧边栏 ---------- */
html.dark-mode .aside .card,
html.dark-mode .aside .card .card-body {
	background: #1a1a2e !important;
}

html.dark-mode .card-site-info {
	background: #1a1a2e !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .card-site-info .m-3 {
	background: #1a1a2e !important;
	color: #a0a0b8 !important;
}

html.dark-mode .card-site-info .card-footer {
	background: #161628 !important;
	border-top: 1px dashed rgba(124, 58, 237, 0.2) !important;
}

html.dark-mode .card-site-info .card-footer .text-muted {
	color: #8888a0 !important;
}

html.dark-mode .card-site-info .card-footer b {
	color: #c4b5fd !important;
}

/* ---------- 帖子列表 ---------- */
html.dark-mode .Txtlist .media {
	border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

html.dark-mode .Txtlist .media:hover {
	background-color: rgba(124, 58, 237, 0.06);
}

html.dark-mode .Txtlist .media-body h2 a {
	color: #d0d0e0;
}

html.dark-mode .Txtlist .media-body h2 a:hover {
	color: #c4b5fd;
}

html.dark-mode .Txtlist .media-body .text-muted {
	color: #7878a0 !important;
}

html.dark-mode .Imglist h2 a {
	color: #d0d0e0;
}

html.dark-mode .Imglist h2 a:hover {
	color: #c4b5fd;
}

/* ---------- 帖子详情页 ---------- */
html.dark-mode .article_content {
	color: #c8c8d8;
}

html.dark-mode .article_content a {
	color: #d4a06a;
}

html.dark-mode .list-unstyled .blockquote {
	color: #a0a0b8;
	border-left-color: rgba(124, 58, 237, 0.3);
}

/* ---------- 表单 ---------- */
html.dark-mode .form-control {
	background-color: #12121f;
	border-color: #2a2a44;
	color: #d0d0e0;
}

html.dark-mode .form-control:focus {
	background-color: #1a1a2e;
	border-color: #7C3AED;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
}

html.dark-mode .form-control::placeholder {
	color: #5a5a78;
}

html.dark-mode .input-group-text {
	background: #12121f;
	border-color: #2a2a44;
	color: #8888a0;
}

/* ---------- 按钮 ---------- */
html.dark-mode .btn-primary {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

html.dark-mode .btn-primary:hover {
	background-color: #9333ea;
	border-color: #9333ea;
}

html.dark-mode .btn-outline-secondary {
	color: #a0a0b8;
	border-color: #3a3a54;
}

/* ---------- 表格 ---------- */
html.dark-mode table {
	color: #c8c8d8;
}

html.dark-mode .table-bordered,
html.dark-mode .table-bordered td,
html.dark-mode .table-bordered th {
	border-color: #2a2a44;
}

html.dark-mode .table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(124, 58, 237, 0.03);
}

html.dark-mode .table-hover tbody tr:hover {
	background-color: rgba(124, 58, 237, 0.06);
}

/* ---------- 分页 ---------- */
html.dark-mode .pagination .page-item .page-link {
	background: #1e1e34 !important;
	color: #a0a0b8 !important;
	border: none !important;
}

html.dark-mode .pagination .page-item.active .page-link {
	background: #7C3AED !important;
	color: #fff !important;
}

html.dark-mode .pagination .page-item .page-link:hover {
	background: #2a2a44 !important;
	color: #c4b5fd !important;
}

/* ---------- 下拉菜单 ---------- */
html.dark-mode .dropdown-menu {
	background: #1e1e34;
	border: 1px solid #2a2a44;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

html.dark-mode .dropdown-item {
	color: #c8c8d8;
}

html.dark-mode .dropdown-item:hover,
html.dark-mode .dropdown-item:focus {
	background: rgba(124, 58, 237, 0.1);
	color: #c4b5fd;
}

/* ---------- 公告条 ---------- */
html.dark-mode .alert-warning {
	background-color: #1e1632;
	border-color: #3a2a5e;
	color: #c4b5fd;
}

html.dark-mode .alert-warning .close {
	color: #8888a0;
}

/* ---------- 徽章 ---------- */
html.dark-mode .badge-secondary {
	background-color: #2a2a44 !important;
	color: #a0a0b8 !important;
}

html.dark-mode .badge-success {
	background-color: #166534 !important;
}

html.dark-mode .badge-danger {
	background-color: #991b1b !important;
}

/* ---------- 代码块 ---------- */
html.dark-mode pre {
	background: #12121f;
	color: #c8c8d8;
	border: 1px solid #2a2a44;
}

/* ---------- 全局 .text-muted ---------- */
html.dark-mode .text-muted {
	color: #7878a0 !important;
}

/* ---------- 头部 .header-top ---------- */
html.dark-mode .header-top.bg-dark {
	background: #0a0a14 !important;
}

/* ---------- Footer ---------- */
html.dark-mode #footer {
	background: #12121f !important;
	box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.3);
}

html.dark-mode #footer a,
html.dark-mode #footer span,
html.dark-mode #footer div,
html.dark-mode #footer p {
	color: #7878a0 !important;
}

html.dark-mode #footer a:hover {
	color: #c4b5fd !important;
}

html.dark-mode #footer b {
	color: #c4b5fd !important;
}

/* ---------- 阅读全文遮罩 ---------- */
html.dark-mode .readall_box .read_more_mask {
	background: -webkit-gradient(linear, 0 top, 0 bottom, from(rgba(15, 15, 26, 0)), to(#0f0f1a)) !important;
}

/* ---------- 下载区 ---------- */
html.dark-mode .fieldset {
	border-color: #2a2a44;
}

/* ---------- 搜索/输入框组合 ---------- */
html.dark-mode .input-group-append .btn,
html.dark-mode .input-group-btn .btn {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

/* ---------- 帖子线程列表移动端 ---------- */
html.dark-mode .threadlist .thread {
	border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

html.dark-mode .threadlist .thread:hover {
	background-color: rgba(124, 58, 237, 0.05);
}

html.dark-mode .threadlist .thread .subject>a:not(.badge) {
	color: #d0d0e0 !important;
}

/* ---------- 登录弹窗适配 ---------- */
html.dark-mode #xn-auth-modal {
	background: #1a1a2e;
}

html.dark-mode #xn-auth-modal .xn-modal-head {
	background: #1e1e34 !important;
}

html.dark-mode #xn-auth-modal .xn-modal-head h3 {
	color: #e0e0f0;
}

html.dark-mode #xn-auth-modal .xn-modal-close {
	background: #2a2a44;
	color: #a0a0b8;
}

html.dark-mode #xn-auth-modal .xn-modal-body {
	background: #1a1a2e;
}

html.dark-mode #xn-auth-modal .xn-modal-body .input-group-text {
	background: #12121f;
	border-color: #2a2a44;
	color: #8888a0;
}

html.dark-mode #xn-auth-modal .xn-modal-body .form-control {
	background: #12121f;
	border-color: #2a2a44;
	color: #d0d0e0;
}

html.dark-mode #xn-auth-modal .xn-modal-body .form-control:focus {
	background: #1a1a2e;
	border-color: #8b5cf6;
}

html.dark-mode #xn-auth-modal .xn-modal-body .input-group:focus-within .input-group-text {
	border-color: #8b5cf6;
	background: #1e1632;
	color: #c4b5fd;
}

/* ---------- 夜间模式切换按钮 ---------- */
#xn-darkmode-toggle {
	position: fixed;
	left: 16px;
	bottom: 80px;
	z-index: 1999;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: none;
	background: #fff;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	line-height: 1;
	transition: all 0.3s ease;
	color: #7C3AED;
	outline: none;
}

#xn-darkmode-toggle:focus,
#xn-darkmode-toggle:focus-visible {
	outline: none !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

#xn-darkmode-toggle:hover {
	transform: scale(1.1);
	box-shadow: 0 6px 20px rgba(124, 58, 237, 0.25);
}

html.dark-mode #xn-darkmode-toggle {
	background: #1e1e34;
	color: #fbbf24;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

html.dark-mode #xn-darkmode-toggle:hover {
	box-shadow: 0 6px 20px rgba(251, 191, 36, 0.2);
}

/* ---------- 引用块 / blockquote（修复刺眼黄色背景）---------- */
html.dark-mode .blockquote,
html.dark-mode blockquote,
html.dark-mode .article_content blockquote,
html.dark-mode .message blockquote,
html.dark-mode .article_content .blockquote,
html.dark-mode .message .blockquote {
	background: #1e1e34 !important;
	color: #c8c8d8 !important;
	border-left: 4px solid #7C3AED !important;
	border-color: #7C3AED !important;
}

/* ---------- 帖子正文区域 ---------- */
html.dark-mode .article_content,
html.dark-mode .message {
	color: #c8c8d8 !important;
}

html.dark-mode .article-wrap {
	background: transparent !important;
}

/* ---------- 回帖列表 ---------- */
html.dark-mode .list-unstyled>li,
html.dark-mode .list-unstyled .media {
	border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

html.dark-mode .list-unstyled .media-body {
	color: #c8c8d8;
}

/* ---------- list-group ---------- */
html.dark-mode .list-group-item {
	background-color: #1a1a2e;
	border-color: #2a2a44;
	color: #c8c8d8;
}

html.dark-mode .list-group-item.active {
	background-color: #7C3AED;
	border-color: #7C3AED;
}

/* ---------- 版块图标区 / 论坛列表每项 ---------- */
html.dark-mode .forum-list .media,
html.dark-mode .card-body .media {
	border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

html.dark-mode .forum_icon {
	opacity: 0.9;
}

/* ---------- 用户资料卡 / 帖子页右栏用户信息 ---------- */
html.dark-mode .card .card-body .text-center {
	color: #c8c8d8;
}

html.dark-mode .card .card-body .text-center .text-muted {
	color: #7878a0 !important;
}

/* ---------- Tab 标签页 ---------- */
html.dark-mode .nav-tabs {
	border-bottom-color: #2a2a44;
}

html.dark-mode .nav-tabs .nav-link {
	color: #a0a0b8;
}

html.dark-mode .nav-tabs .nav-link:hover {
	border-color: #2a2a44 #2a2a44 transparent;
	color: #c4b5fd;
}

html.dark-mode .nav-tabs .nav-link.active {
	background-color: #1a1a2e;
	border-color: #2a2a44 #2a2a44 #1a1a2e;
	color: #c4b5fd;
}

html.dark-mode .tab-content {
	background: #1a1a2e;
}

/* ---------- modal / 弹窗背景 ---------- */
html.dark-mode .modal-content {
	background-color: #1a1a2e;
	border-color: #2a2a44;
	color: #c8c8d8;
}

html.dark-mode .modal-header {
	border-bottom-color: #2a2a44;
	color: #e0e0f0;
}

html.dark-mode .modal-footer {
	border-top-color: #2a2a44;
}

/* ---------- 回帖编辑器区域 ---------- */
html.dark-mode .card-body textarea,
html.dark-mode textarea.form-control {
	background-color: #12121f !important;
	border-color: #2a2a44 !important;
	color: #d0d0e0 !important;
}

/* ---------- 全局白色背景兜底（极其重要！） ---------- */
html.dark-mode .bg-white,
html.dark-mode [style*="background:#fff"],
html.dark-mode [style*="background: #fff"],
html.dark-mode [style*="background-color:#fff"],
html.dark-mode [style*="background-color: #fff"],
html.dark-mode [style*="background:white"],
html.dark-mode [style*="background: white"],
html.dark-mode [style*="background-color:white"],
html.dark-mode [style*="background-color: white"] {
	background-color: #1a1a2e !important;
	color: #c8c8d8 !important;
}

/* ---------- 全局容器 container 背景 ---------- */
html.dark-mode .container {
	color: #c8c8d8;
}

/* ---------- 帖子页面的 postx 容器 ---------- */
html.dark-mode .postx {
	background: transparent !important;
}

/* ---------- 头像旁用户名/时间/楼层 ---------- */
html.dark-mode .media .text-muted,
html.dark-mode .media small {
	color: #7878a0 !important;
}

/* ---------- 分隔线 ---------- */
html.dark-mode hr {
	border-top-color: rgba(255, 255, 255, 0.06);
}

/* ---------- 选中文字样式 ---------- */
html.dark-mode ::selection {
	background: rgba(124, 58, 237, 0.3);
	color: #fff;
}

/* ---------- 搜索结果高亮 ---------- */
html.dark-mode mark,
html.dark-mode .highlight {
	background: rgba(124, 58, 237, 0.25) !important;
	color: #c4b5fd !important;
}

/* ---------- 友情链接 ---------- */
html.dark-mode .aside .friendlink ul li {
	border-bottom-color: rgba(255, 255, 255, 0.05);
}

html.dark-mode .aside .card ul.break-all li {
	border-bottom-color: rgba(255, 255, 255, 0.05);
}

/* ---------- 下载区 fieldset ---------- */
html.dark-mode .fieldset {
	border-color: #2a2a44;
	background: #1a1a2e;
}

html.dark-mode .fieldset>legend {
	background: #7C3AED;
}

/* ---------- tag 标签表格 ---------- */
html.dark-mode table.nav_tag_list {
	background: #1a1a2e;
}

html.dark-mode table.nav_tag_list tr {
	border-bottom-color: #2a2a44;
}

html.dark-mode table.nav_tag_list td {
	color: #c8c8d8 !important;
}

html.dark-mode table.nav_tag_list td a {
	color: #8888a0;
}

html.dark-mode table.nav_tag_list .active {
	color: #c4b5fd;
}

/* ---------- 帖子发布区工具栏 ---------- */
html.dark-mode .editor-toolbar,
html.dark-mode .note-toolbar {
	background: #1e1e34 !important;
	border-color: #2a2a44 !important;
}

html.dark-mode .note-editing-area,
html.dark-mode .note-editable {
	background: #12121f !important;
	color: #d0d0e0 !important;
}

/* ---------- 移动端导航展开菜单 ---------- */
@media (max-width: 991.98px) {
	html.dark-mode #header .navbar-collapse {
		background: #1a1a2e;
		border-top-color: rgba(124, 58, 237, 0.1);
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
	}

	html.dark-mode #header .navbar-nav .nav-link {
		color: #c8c8d8 !important;
	}

	html.dark-mode #header .navbar-nav .active>.nav-link,
	html.dark-mode #header .navbar-nav .nav-link.active,
	html.dark-mode #header .navbar-nav .nav-link:hover {
		background: rgba(124, 58, 237, 0.1) !important;
		color: #c4b5fd !important;
	}

	html.dark-mode .threadlist .thread:active,
	html.dark-mode .threadlist .thread:hover {
		background-color: rgba(124, 58, 237, 0.06);
	}
}

/* ---------- 滚动条美化 ---------- */
html.dark-mode ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

html.dark-mode ::-webkit-scrollbar-track {
	background: #0f0f1a;
}

html.dark-mode ::-webkit-scrollbar-thumb {
	background: #2a2a44;
	border-radius: 4px;
}

html.dark-mode ::-webkit-scrollbar-thumb:hover {
	background: #3a3a54;
}

/* =========================================
   🌙 内联样式覆盖专区
   以下规则专门覆盖 .htm 模版中写死的 inline style
   ========================================= */

/* --- forum_start.htm: 面包屑导航条 (line 44) ---
   原始: style="background:#fff;...color:#999;" */
html.dark-mode .col-sm-12>.mb-2[style*="background:#fff"] {
	background: #1a1a2e !important;
	color: #7878a0 !important;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3) !important;
}

/* --- forum_start.htm: 面包屑里的链接 (line 45, 47) ---
   原始: style="color:#bbb" 和 style="color:#555" */
html.dark-mode .mb-2[style*="background:#fff"] a {
	color: #a0a0b8 !important;
}

html.dark-mode .mb-2[style*="background:#fff"] a[style*="color:#555"] {
	color: #c8c8d8 !important;
}

/* --- forum_start.htm: card-header 内联边框 (line 53) ---
   原始: style="border-bottom:1px solid #f0f0f0;" */
html.dark-mode .card-header[style*="border-bottom"] {
	border-bottom-color: #2a2a44 !important;
}

/* --- forum_start.htm 内嵌 <style> 里的 card-header (line 4) ---
   原始: .card-header { background: #fff; } */
html.dark-mode .card-header {
	background: #1e1e34 !important;
}

/* --- forum_start.htm: 右侧边栏 sidebar-card 整体 (line 98-120) --- */
html.dark-mode .sidebar-card {
	background: #1a1a2e !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .sidebar-card .sidebar-card-body {
	background: #1a1a2e !important;
	color: #c8c8d8 !important;
}

/* --- forum_start.htm: 板块信息卡统计区 (line 106-110) ---
   原始: .forum-stats border / .forum-stat border-right / color:#333 / color:#999 */
html.dark-mode .forum-stats {
	border-top-color: #2a2a44 !important;
}

html.dark-mode .forum-stat {
	border-right-color: #2a2a44 !important;
}

html.dark-mode .forum-stat-num {
	color: #c4b5fd !important;
}

html.dark-mode .forum-stat-label {
	color: #7878a0 !important;
}

/* --- forum_start.htm: 板块简介文字 (line 105) ---
   原始: color:#555 */
html.dark-mode .forum-brief {
	color: #a0a0b8 !important;
}

/* --- forum_start.htm: 版主卡片条目 (line 117-118) ---
   原始: color:#555 / hover background:#f5f5f5 */
html.dark-mode .mod-item {
	color: #c8c8d8 !important;
}

html.dark-mode .mod-item:hover {
	background: rgba(124, 58, 237, 0.08) !important;
	color: #c4b5fd !important;
}

/* --- forum_start.htm: tab 标签内嵌样式 (line 6-8) ---
   原始: .card-header .nav-link color:#888 / .active color:#4f8ef7 */
html.dark-mode .card-header .nav-link {
	color: #8888a0 !important;
}

html.dark-mode .card-header .nav-link.active {
	color: #c4b5fd !important;
	border-bottom-color: #c4b5fd !important;
}

html.dark-mode .card-header .nav-link:hover {
	color: #c4b5fd !important;
}

/* --- forum_start.htm: 帖子列表卡片 (line 10) ---
   原始: box-shadow:0 2px 12px rgba(0,0,0,0.07) */
html.dark-mode .card.bx {
	background: #1a1a2e !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

/* --- forum_start.htm: alert-light 提示上传头像 (line 124) --- */
html.dark-mode .alert-light {
	background-color: #1e1e34 !important;
	border-color: #2a2a44 !important;
	color: #c8c8d8 !important;
}

/* --- thread_user_after.htm: 作者最近主题卡片容器 (line 3) ---
   原始: style="border:none;border-radius:14px;box-shadow:..." */
html.dark-mode div[style*="border-radius:14px"][style*="box-shadow"] {
	background: #1a1a2e !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

/* --- thread_user_after.htm: 橙色渐变头部 (line 4) ---
   原始: style="background:linear-gradient(135deg,#f7971e 0%,#ffd200 100%)" 
   夜间模式下用暗金色渐变 */
html.dark-mode div[style*="background:linear-gradient(135deg,#f7971e"] {
	background: linear-gradient(135deg, #92400e 0%, #78350f 100%) !important;
}

/* --- thread_user_after.htm: 列表链接 (line 9) ---
   原始: style="...color:#333;..."  hover background:#f5f5f5 */
html.dark-mode div[style*="padding:6px 8px"] a[style*="color:#333"] {
	color: #c8c8d8 !important;
}

/* --- thread_user_after.htm: 箭头图标 (line 10) ---
   原始: style="color:#f7971e" */
html.dark-mode i[style*="color:#f7971e"] {
	color: #d97706 !important;
}

/* --- footer_js_after.htm: 表单错误提示 (line 291) ---
   原始: style="background:#fff0f0;border:1px solid #fca5a5;...color:#dc2626;" */
html.dark-mode .xn-form-error {
	background: #2a1215 !important;
	border-color: #7f1d1d !important;
	color: #fca5a5 !important;
}

/* --- forum_start.htm 内嵌: 分页 active / hover ---
   原始: .pagination .page-item.active .page-link { background: #4f8ef7 }  */
html.dark-mode .pagination .page-item .page-link {
	background: #1e1e34 !important;
	color: #a0a0b8 !important;
}

html.dark-mode .pagination .page-item.active .page-link {
	background: #7C3AED !important;
	color: #fff !important;
}

html.dark-mode .pagination .page-item .page-link:hover {
	background: #2a2a44 !important;
	color: #c4b5fd !important;
}

/* --- 通用: 所有 onmouseover inline hover 在夜间模式下的兜底 --- */
html.dark-mode [onmouseover*="background"] {
	color: #c8c8d8 !important;
}

/* --- 通用: 帖子中内联 style 的白色/浅色背景终极兜底 --- */
html.dark-mode [style*="background-color: rgb(255"] {
	background-color: #1a1a2e !important;
}

html.dark-mode [style*="background-color:rgb(255"] {
	background-color: #1a1a2e !important;
}

html.dark-mode [style*="background: rgb(255"] {
	background: #1a1a2e !important;
}

html.dark-mode [style*="background:rgb(255"] {
	background: #1a1a2e !important;
}

html.dark-mode [style*="background-color:#ffffff"] {
	background-color: #1a1a2e !important;
}

html.dark-mode [style*="background-color: #ffffff"] {
	background-color: #1a1a2e !important;
}

html.dark-mode [style*="background:#ffffff"] {
	background: #1a1a2e !important;
}

html.dark-mode [style*="background: #ffffff"] {
	background: #1a1a2e !important;
}

/* 淡黄色系（帖子引用常见的 inline 背景色）*/
html.dark-mode [style*="background-color:#fffff"],
html.dark-mode [style*="background-color: #fffff"],
html.dark-mode [style*="background:#fffff"],
html.dark-mode [style*="background: #fffff"],
html.dark-mode [style*="background-color:#FFFFF"],
html.dark-mode [style*="background-color: #FFFFF"] {
	background-color: #1e1e34 !important;
}

html.dark-mode [style*="background-color:#ffd"],
html.dark-mode [style*="background:#ffd"],
html.dark-mode [style*="background-color:#FFD"],
html.dark-mode [style*="background:#FFD"],
html.dark-mode [style*="background-color:#ffe"],
html.dark-mode [style*="background:#ffe"],
html.dark-mode [style*="background-color:#FFE"],
html.dark-mode [style*="background:#FFE"],
html.dark-mode [style*="background-color:#ff9"],
html.dark-mode [style*="background:#ff9"],
html.dark-mode [style*="background-color:#FF9"],
html.dark-mode [style*="background:#FF9"] {
	background-color: #1e1e34 !important;
}

/* 帖子正文中用户写的浅色背景 */
html.dark-mode .article_content [style*="background"],
html.dark-mode .message [style*="background"] {
	background: #1e1e34 !important;
}

/* 帖子正文中用户写的深色文字颜色 */
html.dark-mode .article_content [style*="color:#000"],
html.dark-mode .article_content [style*="color: #000"],
html.dark-mode .article_content [style*="color:black"],
html.dark-mode .article_content [style*="color: black"],
html.dark-mode .message [style*="color:#000"],
html.dark-mode .message [style*="color: #000"],
html.dark-mode .message [style*="color:black"],
html.dark-mode .message [style*="color: black"] {
	color: #c8c8d8 !important;
}

/* 帖子正文中深色系文字（#333, #222, #111 等）*/
html.dark-mode .article_content [style*="color:#1"],
html.dark-mode .article_content [style*="color:#2"],
html.dark-mode .article_content [style*="color:#3"],
html.dark-mode .article_content [style*="color:#4"],
html.dark-mode .article_content [style*="color:#5"],
html.dark-mode .message [style*="color:#1"],
html.dark-mode .message [style*="color:#2"],
html.dark-mode .message [style*="color:#3"],
html.dark-mode .message [style*="color:#4"],
html.dark-mode .message [style*="color:#5"] {
	color: #c8c8d8 !important;
}

/* ---------- Bootstrap bg-* 背景色全局暗化 ---------- */
html.dark-mode .bg-light {
	background-color: #1a1a2e !important;
}

html.dark-mode .bg-white {
	background-color: #1a1a2e !important;
}

html.dark-mode .bg-dark {
	background-color: #0a0a14 !important;
}

/* 右侧边栏「最新评论」绿色 header 暗化 */
html.dark-mode .aside .card-header.bg-success {
	background: linear-gradient(135deg, #065f46 0%, #064e3b 100%) !important;
	color: #a7f3d0 !important;
}

/* 右侧边栏「最新评论」卡片内容 */
html.dark-mode .aside .card-header.bg-success+.card-body,
html.dark-mode .aside .card-header.bg-success~.card-body {
	background: #1a1a2e !important;
}

/* 右侧边栏其他彩色卡头 */
html.dark-mode .aside .card-header.bg-info {
	background: linear-gradient(135deg, #1e3a5f 0%, #1e293b 100%) !important;
	color: #93c5fd !important;
}

html.dark-mode .aside .card-header.bg-warning {
	background: linear-gradient(135deg, #78350f 0%, #92400e 100%) !important;
	color: #fde68a !important;
}

html.dark-mode .aside .card-header.bg-danger {
	background: linear-gradient(135deg, #7f1d1d 0%, #991b1b 100%) !important;
	color: #fca5a5 !important;
}

html.dark-mode .aside .card-header.bg-primary {
	background: linear-gradient(135deg, #312e81 0%, #3730a3 100%) !important;
	color: #c4b5fd !important;
}

/* 首页内容区底色兜底 */
html.dark-mode .col-sm-12,
html.dark-mode .col-md-10,
html.dark-mode .col-lg {
	color: #c8c8d8;
}

/* 「最新回复」列表项链接文字 */
html.dark-mode .list-group-item a {
	color: #b0b0c8;
}

html.dark-mode .list-group-item a:hover {
	color: #c4b5fd;
}

/* text-grey 右侧边栏文字 */
html.dark-mode .text-grey {
	color: #7878a0 !important;
}

/* =========================================
   🌙 thread_start.htm 内嵌样式覆盖
   帖子详情页的所有嵌入式样式暗化
   ========================================= */

/* --- 帖子主卡片 --- */
html.dark-mode .card-thread {
	background: #1a1a2e !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .card-thread .post-title {
	color: #e0e0f0 !important;
}

html.dark-mode .card-thread .post-body {
	color: #c8c8d8 !important;
}

html.dark-mode .card-thread hr {
	border-color: #2a2a44 !important;
}

/* --- 面包屑 --- */
html.dark-mode .card-thread .breadcrumb-area a {
	color: #7878a0 !important;
}

html.dark-mode .card-thread .breadcrumb-area a:hover {
	color: #c4b5fd !important;
}

/* --- 返回按钮 --- */
html.dark-mode .xn-back {
	background: #2a2a44 !important;
	color: #a0a0b8 !important;
}

html.dark-mode .xn-back:hover {
	background: #3a3a54 !important;
	color: #e0e0f0 !important;
}

/* --- 回帖列表 --- */
html.dark-mode .card-postlist {
	background: #1a1a2e !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .postlist>li.media {
	border-bottom-color: #2a2a44 !important;
}

html.dark-mode .postlist .username a {
	color: #c8c8d8 !important;
}

html.dark-mode .postlist .date {
	color: #6868a0 !important;
}

html.dark-mode .postlist .floor-parent {
	color: #6868a0 !important;
}

html.dark-mode .postlist .message {
	color: #c0c0d0 !important;
}

/* --- 回帖列表头部（看过的人 / 全部回复） --- */
html.dark-mode .postlist-header {
	background: linear-gradient(135deg, #1e3a5f 0%, #1a2a4e 100%) !important;
}

/* --- 快速回复区 #xxcomments --- */
html.dark-mode #xxcomments.card-postlist {
	background: #1a1a2e !important;
}

html.dark-mode #xxcomments .qr-header {
	background: linear-gradient(135deg, #312e81 0%, #3b1a6e 100%) !important;
}

html.dark-mode #xxcomments .qr-username {
	color: #c8c8d8 !important;
}

html.dark-mode #xxcomments textarea.form-control {
	background: #12121f !important;
	border-color: #2a2a44 !important;
	color: #d0d0e0 !important;
}

html.dark-mode #xxcomments textarea.form-control:focus {
	border-color: #7C3AED !important;
}

html.dark-mode #xxcomments .btn-secondary {
	background: linear-gradient(135deg, #7C3AED 0%, #6d28d9 100%) !important;
}

/* --- 帖子内容中的表格 --- */
html.dark-mode .post-body table,
html.dark-mode .post-body td,
html.dark-mode .post-body th {
	border-color: #2a2a44 !important;
	color: #c8c8d8 !important;
}

html.dark-mode .post-body table {
	background: transparent !important;
}

html.dark-mode .post-body td,
html.dark-mode .post-body th {
	background: #1a1a2e !important;
}

/* --- 帖子里的 pre/code 代码块 --- */
html.dark-mode .post-body pre,
html.dark-mode .post-body code {
	background: #12121f !important;
	color: #c8c8d8 !important;
	border-color: #2a2a44 !important;
}

/* --- 帖子详情页右侧用户信息卡 --- */
html.dark-mode .aside .sidebar-card .sidebar-card-header {
	color: #fff;
}

/* --- 最近浏览过的主题 header --- */
html.dark-mode .aside .card-header.bg-info {
	background: linear-gradient(135deg, #1e3a5f 0%, #1e293b 100%) !important;
}

/* --- thread 页面中的 form-control --- */
html.dark-mode .card-postlist .form-control {
	background: #12121f !important;
	border-color: #2a2a44 !important;
	color: #d0d0e0 !important;
}

html.dark-mode .card-postlist .form-control:focus {
	border-color: #7C3AED !important;
}

/* =========================================
   🌙 Bootstrap bg-* 全局终极覆盖
   不限定 .card-header，覆盖所有场景
   ========================================= */
html.dark-mode .bg-success {
	background-color: #065f46 !important;
}

html.dark-mode .bg-info {
	background-color: #1e3a5f !important;
}

html.dark-mode .bg-primary {
	background-color: #312e81 !important;
}

html.dark-mode .bg-warning {
	background-color: #78350f !important;
}

html.dark-mode .bg-danger {
	background-color: #7f1d1d !important;
}

html.dark-mode .bg-secondary {
	background-color: #2a2a44 !important;
}

html.dark-mode .bg-light {
	background-color: #1a1a2e !important;
}

html.dark-mode .bg-white {
	background-color: #1a1a2e !important;
}

/* --- 首页三卡片区（置顶推荐、最新主题、最新回复）边框暗化 --- */
html.dark-mode .list-group-flush .list-group-item {
	border-bottom-color: #2a2a44 !important;
	background-color: #1a1a2e !important;
	color: #c8c8d8 !important;
}

html.dark-mode .list-group-flush .list-group-item a {
	color: #b0b0c8 !important;
}

html.dark-mode .list-group-flush .list-group-item a:hover {
	color: #c4b5fd !important;
}

/* --- 首页 home-ico 图标色 --- */
html.dark-mode .icon-caret-right.home-ico {
	color: #7C3AED !important;
}

/* --- 首页底部「最新注册用户」区块中的文字 --- */
html.dark-mode .card-body.pb-0 a.text-muted {
	color: #8888a0 !important;
}

html.dark-mode .card-body.pb-0 a.text-muted:hover {
	color: #c4b5fd !important;
}

/* border-right 在暗模式下的分隔线 */
html.dark-mode .border-right {
	border-right-color: #2a2a44 !important;
}

html.dark-mode .border-top {
	border-top-color: #2a2a44 !important;
}

html.dark-mode .border-bottom {
	border-bottom-color: #2a2a44 !important;
}

html.dark-mode .border {
	border-color: #2a2a44 !important;
}

/* =========================================
   🌙 list_comment.htm 最新评论卡片暗化
   原始：inline style="background:linear-gradient(135deg,#43e97b,#38f9d7)"
   ========================================= */

/* 最新评论绿色渐变头 — 通过属性选择器精准匹配内联样式 */
html.dark-mode div[style*="background:linear-gradient(135deg,#43e97b"] {
	background: linear-gradient(135deg, #065f46 0%, #064e3b 100%) !important;
}

/* 最新评论列表项 hover 背景 */
html.dark-mode .smv6-comment-item:hover {
	background: rgba(124, 58, 237, 0.08) !important;
}

/* 最新评论列表项文字颜色 */
html.dark-mode .smv6-comment-subject {
	color: #c8c8d8 !important;
}

html.dark-mode .smv6-comment-meta {
	color: #7878a0 !important;
}

html.dark-mode .smv6-comment-meta .username {
	color: #a0a0b8 !important;
}

/* 最新评论卡片容器 */
html.dark-mode .smv6-comment-list {
	background: #1a1a2e !important;
}

/* =========================================
   🌙 forum_start.htm 版主卡片粉红渐变头暗化
   原始：.mod-card .sidebar-card-header { background:linear-gradient(135deg,#f093fb,#f5576c) }
   ========================================= */
html.dark-mode .mod-card .sidebar-card-header {
	background: linear-gradient(135deg, #581c87 0%, #7f1d1d 100%) !important;
}

/* =========================================
   🌙 forum_start.htm 板块统计区白底暗化
   原始：.forum-stats { border-top:1px solid #f0f0f0 }
         .forum-stat { border-right:1px solid #f0f0f0 }
   ========================================= */
html.dark-mode .forum-stats {
	border-top-color: #2a2a44 !important;
	background: #161628 !important;
}

html.dark-mode .forum-stat {
	border-right-color: #2a2a44 !important;
	background: #161628 !important;
}

/* =========================================
   🌙 forum_start.htm 标签筛选区暗化
   原始：nav_tag_list{ background:#fff }
   ========================================= */
html.dark-mode table.nav_tag_list {
	background: #1a1a2e !important;
}

html.dark-mode table.nav_tag_list tr {
	border-bottom-color: #2a2a44 !important;
}

html.dark-mode table.nav_tag_list td {
	color: #c8c8d8 !important;
}

html.dark-mode table.nav_tag_list td a {
	color: #8888a0 !important;
}

html.dark-mode table.nav_tag_list td a:hover {
	color: #c4b5fd !important;
}

html.dark-mode table.nav_tag_list .active {
	color: #c4b5fd !important;
}

html.dark-mode table.nav_tag_list .text-muted.text-nowrap {
	border-right-color: #2a2a44 !important;
}

/* =========================================
   🌙 forum_start.htm Tab 标签区（最新 / 精华）暗化
   原始：.card-header .nav-link.active { color:#4f8ef7;background:transparent }
   ========================================= */
html.dark-mode .card-header .nav-tabs {
	border-bottom-color: #2a2a44 !important;
}

html.dark-mode .card-header .nav-link {
	color: #7878a0 !important;
	background: transparent !important;
}

html.dark-mode .card-header .nav-link.active {
	color: #c4b5fd !important;
	border-bottom-color: #c4b5fd !important;
	background: transparent !important;
}

html.dark-mode .card-header .nav-link:hover {
	color: #c4b5fd !important;
	background: transparent !important;
}

/* =========================================
   🌙 thread_start.htm「看过的人」区域暗化
   .postlist-header 已暗化，但下方头像网格区域需要
   ========================================= */
html.dark-mode .card-postlist>.card-body {
	background: #1a1a2e !important;
}

/* 帖子详情页的搜索框区域 */
html.dark-mode .search-card .sidebar-card-body {
	background: #1a1a2e !important;
}

/* forum_start.htm 板块信息卡蓝紫渐变头已经是彩色的，保持不变 */
/* 但其下方的 card-body / stats 区域需要暗底 */
html.dark-mode .forum-info-card .sidebar-card-body {
	background: #1a1a2e !important;
}

html.dark-mode .forum-info-card {
	background: #1a1a2e !important;
}

/* =========================================
   🌙 thread_user_after.htm「作者最近主题」列表暗化
   原始：inline onmouseover hover → #f5f5f5
   ========================================= */
html.dark-mode div[style*="padding:6px 8px"] {
	background: #1a1a2e !important;
}

/* =========================================
   🌙 帖子详情页右侧用户卡片统计区暗化
   ========================================= */
html.dark-mode .sidebar-card .forum-stats {
	background: #161628 !important;
}

html.dark-mode .sidebar-card .forum-stat {
	background: #161628 !important;
}

/* =========================================
   🌙 zz_iqismart_viewlog 插件「看过的人」暗化
   原始：.viewlog-box/.viewlog-title/.viewlog-body { background:#fff }
   ========================================= */
html.dark-mode .viewlog-box {
	background: #1a1a2e !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .viewlog-title {
	background: #1e1e34 !important;
	color: #c4b5fd !important;
	border-bottom-color: rgba(124, 58, 237, 0.15) !important;
}

html.dark-mode .viewlog-title i {
	color: #c4b5fd !important;
}

html.dark-mode .viewlog-body {
	background: #1a1a2e !important;
}

html.dark-mode .viewlog-item {
	color: #a0a0b8 !important;
}

html.dark-mode .viewlog-item:hover {
	color: #c4b5fd !important;
}

html.dark-mode .viewlog-item img {
	border-color: #2a2a44 !important;
}

/* =========================================
   🌙 thread_start.htm 作者信息卡暗化
   原始：.card-author .author-stats { border-top:1px solid #f0f0f0 }
         .card-author .author-stat { border-right:1px solid #f0f0f0 }
         .card-author .author-stat-num { color:#333 }
         .card-author .author-stat-label { color:#999 }
   ========================================= */
html.dark-mode .card-author {
	background: #1a1a2e !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .card-author .author-stats {
	border-top-color: #2a2a44 !important;
	background: #161628 !important;
}

html.dark-mode .card-author .author-stat {
	border-right-color: #2a2a44 !important;
	background: #161628 !important;
}

html.dark-mode .card-author .author-stat-num {
	color: #c4b5fd !important;
}

html.dark-mode .card-author .author-stat-label {
	color: #7878a0 !important;
}

/* =========================================
   🌙 搜索框 + 所有表单输入全局暗化
   覆盖 Bootstrap .form-control / .input-group / .input-group-text
   ========================================= */
html.dark-mode .form-control {
	background-color: #12121f !important;
	border-color: #2a2a44 !important;
	color: #d0d0e0 !important;
}

html.dark-mode .form-control:focus {
	border-color: #7C3AED !important;
	box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.15) !important;
}

html.dark-mode .form-control::placeholder {
	color: #5a5a7a !important;
}

html.dark-mode .input-group-text {
	background-color: #1e1e34 !important;
	border-color: #2a2a44 !important;
	color: #a0a0b8 !important;
}

html.dark-mode .input-group-prepend .input-group-text,
html.dark-mode .input-group-append .input-group-text {
	background-color: #1e1e34 !important;
	border-color: #2a2a44 !important;
}

/* 搜索框整体卡片白底 — 终极兜底，覆盖所有 .aside 里的 .card / .sidebar-card */
html.dark-mode .aside .card,
html.dark-mode .aside .sidebar-card {
	background: #1a1a2e !important;
}

/* 搜索按钮色 — 用主题紫色替换亮蓝 */
html.dark-mode .aside .btn-primary {
	background-color: #7C3AED !important;
	border-color: #7C3AED !important;
}

/* forum 页面搜索框外层白色卡片 */
html.dark-mode .xn-search-wrap {
	background: #1a1a2e !important;
	border-color: #2a2a44 !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

/* =========================================
   🌙 导航栏下方白线消除
   原始：header#header { border-bottom:2px solid #7C3AED } 
   + Bootstrap .navbar/.navbar-light 可能有自带 border/shadow
   ========================================= */
html.dark-mode header#header {
	border-bottom: 2px solid rgba(124, 58, 237, 0.3) !important;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}

html.dark-mode .navbar {
	border-bottom: none !important;
}

html.dark-mode .navbar-light {
	border-bottom: none !important;
}

/* 页面正文区域最顶部可能的白色分割线 */
html.dark-mode .container-fluid {
	border-top: none !important;
}

html.dark-mode .row:first-child {
	border-top: none !important;
}

/* =========================================
   🌙 登录/注册页面暗化
   ========================================= */

/* 登录表单 .input-group-text 图标区域 */
html.dark-mode .input-group-prepend .input-group-text {
	background-color: #1e1e34 !important;
	border-color: #2a2a44 !important;
	color: #7878a0 !important;
}

/* =========================================
   🌙 Vaptcha 验证码暗化
   JS 动态注入的样式需要用 !important 覆盖
   ========================================= */

/* 触发按钮 —「点击进行人机验证」 */
html.dark-mode .vaptcha-local-trigger {
	background: #1e1e34 !important;
	border-color: #3a3a54 !important;
	color: #a0a0b8 !important;
}

html.dark-mode .vaptcha-local-trigger:hover {
	background: #2a2a44 !important;
	border-color: #7C3AED !important;
	color: #c4b5fd !important;
}

html.dark-mode .vaptcha-local-trigger .trigger-icon {
	color: #7878a0 !important;
}

html.dark-mode .vaptcha-local-trigger:hover .trigger-icon {
	color: #c4b5fd !important;
}

html.dark-mode .vaptcha-local-trigger.passed {
	background: #052e16 !important;
	border-color: #22c55e !important;
	color: #86efac !important;
}

/* 弹窗验证卡片 */
html.dark-mode .vaptcha-local-card {
	background: #1a1a2e !important;
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.5) !important;
}

html.dark-mode .vaptcha-local-title {
	color: #e0e0f0 !important;
}

html.dark-mode .vaptcha-local-close {
	color: #7878a0 !important;
}

html.dark-mode .vaptcha-local-close:hover {
	background: #2a2a44 !important;
	color: #e0e0f0 !important;
}

/* 拼图板 */
html.dark-mode .vaptcha-local-board {
	background: #12121f !important;
}

html.dark-mode .vaptcha-local-loading {
	background: rgba(18, 18, 31, 0.95) !important;
	color: #a0a0b8 !important;
}

/* 滑块轨道 */
html.dark-mode .vaptcha-local-slider-track {
	background: #12121f !important;
	border-color: #2a2a44 !important;
}

html.dark-mode .vaptcha-local-slider-fill {
	background: #052e16 !important;
	border-color: #22c55e !important;
}

html.dark-mode .vaptcha-local-slider-thumb {
	background: #2a2a44 !important;
	color: #a0a0b8 !important;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) !important;
}

html.dark-mode .vaptcha-local-slider-thumb:active {
	color: #c4b5fd !important;
}

/* 遮罩层稍微深一点 */
html.dark-mode .vaptcha-local-mask {
	background: rgba(0, 0, 0, 0.65) !important;
}

/* 认证文字 */
html.dark-mode .vaptcha-local-certify {
	color: #5a5a7a !important;
}

/* =========================================
   🌙 水帖折叠提示栏暗化
   原始：.spam-fold-notice { background:#fef9e7; color:#856404; border-bottom:#fdeeba }
   ========================================= */
html.dark-mode .spam-fold-notice {
	background: #1e1e34 !important;
	border-bottom-color: #2a2a44 !important;
	color: #a0a0b8 !important;
}

html.dark-mode .spam-fold-notice a {
	color: #c4b5fd !important;
}

/* =========================================
   🎨 社交分享图标现代化 — 填充背景 + 白色图标
   ========================================= */
.social-share .social-share-icon {
	font-size: 0 !important;
	width: 32px !important;
	height: 32px !important;
	line-height: 32px !important;
	border: none !important;
	border-radius: 50% !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 18px 18px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12) !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	cursor: pointer !important;
}

.social-share .social-share-icon:before {
	display: none !important;
}

.social-share .social-share-icon:hover {
	transform: scale(1.15) !important;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important;
}

/* 微信 */
.social-share .icon-wechat {
	background-color: #07c160 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213 0 .163.13.295.29.295a.326.326 0 0 0 .167-.054l1.903-1.114a.864.864 0 0 1 .717-.098 10.16 10.16 0 0 0 2.837.403c.276 0 .543-.027.811-.05-.857-2.578.157-4.972 1.932-6.446 1.703-1.415 3.882-1.98 5.853-1.838-.576-3.583-4.196-6.348-8.596-6.348zM5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178 1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18zm5.34 2.867c-1.797-.052-3.746.512-5.28 1.786-1.72 1.428-2.687 3.72-1.78 6.22.942 2.453 3.666 4.229 6.884 4.229.826 0 1.622-.12 2.361-.336a.722.722 0 0 1 .598.082l1.584.926a.272.272 0 0 0 .14.047c.134 0 .24-.111.24-.247 0-.06-.023-.12-.038-.177l-.327-1.233a.582.582 0 0 1-.023-.156.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982z'/%3E%3C/svg%3E") !important;
}

.social-share .icon-wechat:hover {
	background-color: #06ad56 !important;
	box-shadow: 0 4px 16px rgba(7, 193, 96, 0.4) !important;
}

/* 微博 */
.social-share .icon-weibo {
	background-color: #e6162d !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02-.259-2.609 2.759-5.047 6.74-5.441 3.979-.394 7.413 1.404 7.671 4.018.259 2.6-2.759 5.049-6.737 5.439l-.002.004zM9.05 17.219c-.384.616-1.208.884-1.829.602-.612-.279-.793-.991-.406-1.593.379-.595 1.176-.861 1.793-.601.622.263.82.972.442 1.592zm1.27-1.627c-.141.237-.449.353-.689.253-.236-.09-.313-.361-.177-.586.138-.227.436-.346.672-.24.239.09.315.36.18.601l.014-.028zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118-.836 1.704-.026 3.591 1.886 4.21 1.983.64 4.318-.341 5.132-2.179.8-1.793-.201-3.642-2.161-4.149zm7.563-1.224c-.346-.105-.57-.18-.405-.615.375-.977.42-1.804 0-2.404-.781-1.112-2.915-1.053-5.364-.03 0 0-.766.331-.571-.271.376-1.217.315-2.224-.27-2.809-1.338-1.337-4.869.045-7.888 3.08C1.309 10.87 0 13.273 0 15.348c0 3.981 5.099 6.395 10.086 6.395 6.536 0 10.888-3.801 10.888-6.82 0-1.822-1.547-2.854-2.915-3.284v.01zm1.908-5.092c-.766-.856-1.908-1.187-2.96-.962-.436.09-.706.511-.616.932.09.42.511.691.932.602.511-.105 1.067.044 1.442.465.376.421.466.977.316 1.473-.136.406.089.856.51.992.405.119.857-.105.992-.512.33-1.021.12-2.178-.646-3.035l.03.045zm2.418-2.195c-1.576-1.757-3.905-2.419-6.054-1.968-.496.104-.812.587-.706 1.081.104.496.586.813 1.082.707 1.532-.331 3.185.15 4.296 1.383 1.112 1.246 1.429 2.943.947 4.416-.165.48.106 1.007.586 1.157.479.165.991-.104 1.157-.586.675-2.088.241-4.478-1.338-6.235l.03.045z'/%3E%3C/svg%3E") !important;
}

.social-share .icon-weibo:hover {
	background-color: #cc1226 !important;
	box-shadow: 0 4px 16px rgba(230, 22, 45, 0.4) !important;
}

/* QQ */
.social-share .icon-qq {
	background-color: #12b7f5 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M21.395 15.035a40 40 0 0 0-.803-2.264l-1.079-2.695c.001-.032.014-.562.014-.836C19.526 4.632 17.351 0 12 0S4.474 4.632 4.474 9.241c0 .274.013.804.014.836l-1.08 2.695a39 39 0 0 0-.802 2.264c-1.021 3.283-.69 4.643-.438 4.673.54.065 2.103-2.472 2.103-2.472 0 1.469.756 3.387 2.394 4.771-.612.188-1.363.479-1.845.835-.434.32-.379.646-.301.778.343.578 5.883.369 7.482.189 1.6.18 7.14.389 7.483-.189.078-.132.132-.458-.301-.778-.483-.356-1.233-.646-1.846-.836 1.637-1.384 2.393-3.302 2.393-4.771 0 0 1.563 2.537 2.103 2.472.251-.03.581-1.39-.438-4.673'/%3E%3C/svg%3E") !important;
}

.social-share .icon-qq:hover {
	background-color: #0da4dc !important;
	box-shadow: 0 4px 16px rgba(18, 183, 245, 0.4) !important;
}

/* QQ空间 */
.social-share .icon-qzone {
	background-color: #fece00 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M23.9868 9.2012c-.032-.099-.127-.223-.334-.258-.207-.036-7.352-1.4063-7.352-1.4063s-.105-.022-.198-.07c-.092-.047-.127-.167-.127-.167S12.4472.954 12.3491.7679c-.099-.187-.245-.238-.349-.238-.104 0-.251.051-.349.238C11.5531.954 8.0245 7.3 8.0245 7.3s-.035.12-.128.167c-.092.047-.197.07-.197.07S.5546 8.9071.3466 8.9421c-.208.036-.302.16-.333.258a.477.477 0 00.125.4491L5.5013 15.14s.072.08.119.172c.016.104.005.21.005.21s-1.1891 7.243-1.2201 7.451c-.031.208.075.369.159.4301.083.062.233.106.421.013.189-.093 6.813-3.2614 6.813-3.2614s.098-.044.201-.061c.103-.017.201.061.201.061s6.624 3.1684 6.813 3.2614c.188.094.338.049.421-.013a.463.463 0 00.159-.43c-.021-.14-.93-5.6778-.93-5.6778.876-.5401 1.4251-1.0392 1.8492-1.7473-2.5944.9692-6.0069 1.7173-9.4163 1.8663-.9152.041-2.4104.097-3.4735-.015-.6781-.071-1.1702-.144-1.2432-.438-.053-.2151.054-.4601.5451-.8312a2640.8625 2640.8625 0 012.8614-2.1553c1.2852-.9681 3.5595-2.4703 3.5595-2.7314 0-.285-2.1443-.781-4.0376-.781-1.9452 0-2.2753.132-2.8114.168-.488.034-.769.005-.804-.138-.06-.2481.183-.3891.588-.5682.7091-.314 1.8603-.594 1.9843-.626.194-.052 3.0824-.8051 5.6188-.5351 1.3181.14 3.2444.668 3.2444 1.2762 0 .342-1.7212 1.4942-3.2254 2.5973-1.1492.8431-2.2173 1.5612-2.2173 1.6883 0 .342 3.5334 1.2411 6.6899 1.01l.003-.022c.048-.092.119-.172.119-.172l5.3627-5.4907a.477.477 0 00.127-.449z'/%3E%3C/svg%3E") !important;
}

.social-share .icon-qzone:hover {
	background-color: #e5b900 !important;
	box-shadow: 0 4px 16px rgba(254, 206, 0, 0.4) !important;
}

/* 微信二维码弹窗样式 */
.social-share .icon-wechat .wechat-qrcode {
	border: none !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
	width: 200px !important;
	height: auto !important;
	padding: 0 !important;
	overflow: hidden !important;
	left: -84px !important;
	top: -210px !important;
}

.social-share .icon-wechat .wechat-qrcode h4 {
	background: linear-gradient(135deg, #07c160, #06ad56) !important;
	color: #fff !important;
	font-size: 13px !important;
	height: auto !important;
	line-height: 1.4 !important;
	padding: 10px 14px !important;
	margin: 0 !important;
	border: none !important;
	text-align: center !important;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
	width: 120px !important;
	margin: 12px auto !important;
	padding: 0 !important;
	background: #fff !important;
}

.social-share .icon-wechat .wechat-qrcode .qrcode img,
.social-share .icon-wechat .wechat-qrcode .qrcode canvas {
	width: 120px !important;
	height: 120px !important;
	display: block !important;
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
	width: 120px !important;
	height: 120px !important;
}

.social-share .icon-wechat .wechat-qrcode .help p {
	color: #888 !important;
	font-size: 11px !important;
	line-height: 1.5 !important;
	padding: 0 14px 12px !important;
	margin: 0 !important;
	text-align: center !important;
}

.social-share .icon-wechat .wechat-qrcode:after {
	border-color: #fff transparent transparent transparent !important;
}

/* 暗色模式微信弹窗 */
html.dark-mode .social-share .icon-wechat .wechat-qrcode {
	background: #1a1a2e !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

html.dark-mode .social-share .icon-wechat .wechat-qrcode .qrcode {
	background: #fff !important;
	border-radius: 6px;
	padding: 6px !important;
}

html.dark-mode .social-share .icon-wechat .wechat-qrcode .help p {
	color: #a0a0b8 !important;
}

html.dark-mode .social-share .icon-wechat .wechat-qrcode:after {
	border-color: #1a1a2e transparent transparent transparent !important;
}