/* ===== 3344 主题 CSS ===== */
/*
Theme Name: 追格主题
Theme URI: https://www.zhuige.com
Author: zhuige.com
Author URI: https://www.zhuige.com
Description: 追格主题
Version: 1.2.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 追格, 导航
*/

@import 'css/base.css';
@import 'css/grid.css';

/*** 通用 ***/
body {
	background: #F4F5F5;
}

header {
	width: 100%;
	min-height: 68px;
	position: fixed;
	z-index: 19999;
}

.header-bg {
	/* 需要透明背景改rgb */
	background: rgba(26, 29, 36, .8);
	box-shadow: 0 5px 8px -4px rgba(0, 0, 0, .3);
}

nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	height: 68px;
}

nav .logo {
	color: #FFF;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
}

nav .logo img {
	height: 58px;
	width: auto;
}

nav .zhuige-nav {
	flex: 1;
	margin-top: -8px;
}

/* LOGO 居中三栏布局（桌面端） */
@media (min-width: 769px) {
	nav .logo {
		order: 2;
		flex: 0 0 auto;
		padding: 0 24px;
	}

	nav .zhuige-nav {
		order: 1;
		flex: 1 1 0;
		display: flex;
		justify-content: flex-start;
		padding-left: 20px;
	}

	nav .zhuige-nav-side {
		order: 3;
		flex: 1 1 0;
		justify-content: flex-end;
	}
}

nav .zhuige-nav-list {
	display: flex;
	flex: 1;
	padding: 0 0 0 40px;
}

nav .zhuige-nav-list li {
	padding: 0 15px;
	list-style: none;
	position: relative;
}

nav .zhuige-nav-list li>a {
	color: #FFF;
	font-weight: 400;
	padding: 6px 0;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	font-size: 14px;
}

nav .zhuige-nav-list li>a:hover {
	color: #EEE;
}

nav .zhuige-nav-list li>a:hover:before {
	left: 0;
	right: 0;
}

nav .zhuige-nav-list li>a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #f3f3f3;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

nav .zhuige-nav-list li.nav-activ>a {
	font-weight: 500;
	color: #EEE;
}

nav .zhuige-nav-list li.nav-activ>a:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 200%;
	left: -50%;
	bottom: 0;
	background: #EEE;
	height: 2px;
}

/*** 顶部菜单右侧 ***/
nav .zhuige-nav-side ul li {
	margin-left: 12px;
	cursor: pointer;
}

nav .zhuige-nav-side ul li span {
	height: 24px;
	width: 24px;
	overflow: hidden;
	background-image: url(images/top-nav-icon.png);
	background-size: 200% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 1;
}

nav .zhuige-nav-side ul li:hover span {
	background-position: -24px 0;
}

nav .zhuige-nav-side ul li.nav-vip {
	background: #33353F;
	padding: 2px 12px;
	border-radius: 30px;
}

nav .zhuige-nav-side ul li.nav-vip:hover {
	background: #3C3E45;
}

nav .zhuige-nav-side ul li.nav-tips span {
	background-position: 0 -24px;
}

nav .zhuige-nav-side ul li text {
	color: #F2CF8F;
}

nav .zhuige-nav-side ul li a {
	color: #FFFFFF;
}

nav .zhuige-nav-side ul li a:hover {
	color: #DDDDDD;
}

nav .zhuige-nav-side ul li strong {
	color: #FFFFFF;
	background: #F59A23;
	height: 16px;
	width: 16px;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	border-radius: 16px;
	top: -2px;
	right: -2px;
	z-index: 3;
	transform: scale(.7);
}

nav .zhuige-nav-side ul li.nav-tips:hover strong {
	background: #F58023;
}

nav .zhuige-nav-side ul li.nav-tips:hover span {
	background-position: -24px -24px;
}

nav .zhuige-nav-side ul li cite {
	height: 24px;
	width: 24px;
	overflow: hidden;
	border-radius: 24px;
	margin-right: 8px;
}

nav .zhuige-nav-side ul li cite img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.main-body {
	min-height: 400px;
}

/*** 顶部下拉弹出单列 ***/
.zhuige-simple-dropdown {
	position: absolute;
	z-index: 19;
	top: 45px;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	border-radius: 0 0 6px 6px;
	background: #FFFFFF;
}

.zhuige-simple-dropdown dd {
	padding: 15px 0;
	width: 160px;
	text-align: center;
	font-size: 14px;
	background: #FFFFFF;
}

.zhuige-simple-dropdown dd:hover {
	background: #F3F3F3;
}

.zhuige-simple-dropdown dd:last-of-type {
	border-radius: 0 0 6px 6px;
}

/*** 顶部下拉弹出单列 ***/
.zhuige-double-dropdown {
	position: absolute;
	z-index: 18;
	top: 45px;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	border-radius: 0 0 6px 6px;
	background: #FFFFFF;
}

.zhuige-double-dropdown dd,
.zhuige-double-dropdown .secondary li,
.zhuige-search-multistage li {
	padding: 15px 12px;
	line-height: 24px;
	width: 160px;
	font-size: 14px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	position: relative;
}

.zhuige-double-dropdown dd a,
.zhuige-double-dropdown .secondary li a,
.zhuige-search-multistage li a {
	font-size: 14px;
}

.zhuige-double-dropdown dd span,
.zhuige-double-dropdown .secondary li span {
	flex: 0 0 24px;
	height: 24px;
	width: 24px;
	overflow: hidden;
	margin-right: 12px;
}

.zhuige-double-dropdown dd span img,
.zhuige-double-dropdown .secondary li span img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-double-dropdown dd:hover,
.zhuige-double-dropdown dd.haschildren,
.zhuige-double-dropdown .secondary li:hover,
.zhuige-search-multistage li:hover {
	background: #F3F3F3;
	cursor: pointer;
}

.zhuige-double-dropdown dd:last-of-type,
.zhuige-double-dropdown .secondary li:last-of-type,
.zhuige-search-multistage li:last-of-type {
	border-radius: 0 0 6px 6px;
}

.zhuige-double-dropdown .secondary li:first-of-type,
.zhuige-search-multistage li:first-of-type {
	border-radius: 6px 6px 0 0;
}

.zhuige-double-dropdown .secondary {
	position: absolute;
	left: 162px;
	z-index: 9;
	top: 0;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	border-radius: 6px;
	background: #FFFFFF;
}

nav .zhuige-nav-list .secondary li>a {
	color: #1A1D24;
}



/*** 顶部下拉弹出大块 ***/
.zhuige-wide-dropdown {
	position: absolute;
	z-index: 17;
	background: #FFFFFF;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	top: 45px;
}

.zhuige-wide-dropdown-list {
	border-right: 1px solid #EEEEEE;
}

.zhuige-wide-dropdown-list-text {
	border-right: 1px solid #EEEEEE;
}

.zhuige-wide-dropdown-list-text:last-of-type {
	border: none;
}

.zhuige-wide-dropdown-list h3 {
	font-size: 16px;
	font-weight: 400;
}

.zhuige-wide-dropdown-line {
	width: 260px;
	height: 50px;
	margin-bottom: 30px;
}

.zhuige-wide-dropdown-list-text .zhuige-wide-dropdown-line {
	width: 220px;
}

.zhuige-wide-dropdown-list-text .zhuige-wide-dropdown-line-info {
	margin-left: 0;
}

.zhuige-wide-dropdown-line:last-of-type {
	margin: 0;
}

.zhuige-wide-dropdown-line span {
	flex: 0 0 50px;
	height: 50px;
	width: 50px;
	overflow: hidden;
	margin-right: 12px;
}

.zhuige-wide-dropdown-line span img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.zhuige-wide-dropdown-line-info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.zhuige-wide-dropdown-line-info h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 4px;
}

.zhuige-wide-dropdown-line-info h5 cite {
	font-size: 12px;
	color: #FFFFFF;
	background: #1173EB;
	padding: 2px 12px;
	border-radius: 12px;
	transform: scale(.6);
}

.zhuige-wide-dropdown-line-info p {
	font-size: 12px;
	color: #999999;
	height: 1.4em;
	line-height: 1.4em;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.zhuige-wide-dropdown-line:hover span img {
	opacity: .8;
	transition: all 0.2s ease;
}

footer {
	background: #1A1D24;
}

footer .container {
	padding: 20px 30px;
}

.zhuige-main-footer .column {
	font-size: 13px;
	font-weight: 300;
	color: #D7D8D9;
	padding: 30px 0;
	text-align: left;
}

.zhuige-footer-custom div p,
.zhuige-footer-contact p {
	height: 2.8em;
	line-height: 2.8em;
	color: #787B92;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.zhuige-footer-custom div a {
	color: #787B92;
}

.zhuige-footer-custom div a:hover {
	color: #C1C1C1;
	text-decoration: none;
}

.zhuige-footer-custom div h6,
.zhuige-footer-contact h6 {
	font-weight: 500;
	color: #D7D8D9;
	font-size: 16px;
	margin-bottom: 20px;
}


.zhuige-footer-contact img {
	height: 120px;
	width: 96px;
	border-radius: 2px;
	margin-right: 22px;
}

/*** 底部自定义链接 ***/
.zhuige-footer-menu {
	background: #1A1D24;
}

.zhuige-site-links {
	padding-bottom: 0!important;
}

.zhuige-site-links span,
.zhuige-site-links a {
	color: #9A9B9D;
	margin-right: 12px;
	white-space: nowrap;
}
.zhuige-site-links a:hover {
	color: #FFFFFF;
}
.zhuige-foot-link {}

.zhuige-copy-link {
	color: #D8D8D8;
	align-items: baseline;
}
.zhuige-copyright, .zhuige-copyright text {
	color: #9A9B9D;
}
.zhuige-copyright text a, .zhuige-foot-link a {
	color: #9A9B9D;
}
.zhuige-copyright text a:hover, .zhuige-foot-link a:hover {
	color: #FFFFFF;		
}

/*** 主搜索区 ***/
.zhuige-height-ad {}

.zhuige-search-box {
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
}

.zhuige-search-bg {
	height: 480px;
	width: 100%;
	overflow: hidden;
}

.mini-search .zhuige-search-box {
	height: 360px;
}

.mini-search .zhuige-search-bg {
	height: 360px;
}

.mini-search .zhuige-main-search {
	padding: 100px 0 0;
}

.zhuige-search-bg img,
.zhuige-search-bg video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-main-search {
	width: 60%;
	padding: 140px 0 0;
	margin: 0 auto;
	position: relative;
}

.zhuige-main-search h1 {
	padding: 10px 0 0;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
	white-space: nowrap;
}

.zhuige-main-search h6 {
	text-align: center;
	padding: 30px;
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
	white-space: nowrap;
}

.zhuige-search-form {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 6px solid rgba(255, 255, 255, .0);
	border-radius: 30px;
}

/* 已移除 :hover 白边框，避免鼠标悬停时搜索框出现多余边框框 */

.zhuige-search-form input {
	font-size: 15px;
	padding: 0 10px 0 30px;
	color: #333;
	border: none;
	font-size: 14px;
	font-weight: 400;
	width: 680px;
	height: 50px;
	line-height: 50px;
	background: #FFFFFF;
	border-radius: 25px 0 0 25px;
}

/* .zhuige-search-form input:focus {
	background: #F3F3F3;
} */

.zhuige-search-form a {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #999999;
	background: #1173EB;
	border-radius: 0 25px 25px 0;
}

.zhuige-search-form a span {
	display: block;
	height: 50px;
	width: 50px;
	background-image: url(images/search_gy.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.zhuige-search-form a:hover {
	background: #1799eb;
}

.zhuige-search-form a:hover span {
	background-position: 0 0px;
}

/* 导航栏搜索框右侧登录口（与搜索按钮同调性） */
nav .zhuige-nav-side .zhuige-nav-login {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	align-self: center;
	margin-left: 12px;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	color: #FFF !important;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	background: #1173EB !important;
	border-radius: 19px !important;
	white-space: nowrap;
	transition: background .2s ease;
}

nav .zhuige-nav-side .zhuige-nav-login:hover {
	background: #1799eb !important;
	color: #FFF !important;
}

@media (max-width: 768px) {
	nav .zhuige-nav-side .zhuige-nav-login {
		margin-left: 8px;
		padding: 0 14px;
		height: 32px;
		line-height: 32px;
		font-size: 13px;
		border-radius: 16px;
	}
}

.zhuige-search-tag {
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zhuige-search-tag a {
	font-size: 13px;
	color: #FFF;
	padding: 4px 16px;
	border-radius: 24px;
	border: 1px solid #EEEEEE;
	margin: 0 8px;
	white-space: nowrap;
}

.zhuige-search-tag a:hover {
	background-color: #1173eb;
	color: #FFFFFF;
	border-color: #1173eb;
}

/*** 细长通栏自定义 ***/
.zhuige-line-ad {
	text-align: center;
	transition: all 0.3s ease;
	height: 64px;
}

.zhuige-line-ad a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 24px;
	text-align: center;
	font-weight: 400;
	color: #FFFFFF;
	z-index: 9;
	font-size: 14px;
}

.zhuige-line-ad:hover {
	opacity: .9;
}

.zhuige-line-ad img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


/*** 面包屑 ***/
.zhuige-breadcrumb,
.zhuige-breadcrumb a {
	color: #999999;
	font-size: 14px;
}

.zhuige-breadcrumb a:hover {
	color: #2C70DB;
}

.zhuige-breadcrumb .current {
	color: #333;
}

/***------ 基础白块------ ***/
.zhuige-box {
	background: #FFFFFF;
	border-radius: 8px;
}

/*** 基础白块 标题栏 ***/
.zhuige-box h1 {
	/* border-bottom: 1px solid #EEEEEE; */
}

.zhuige-box h1 text {
	font-size: 18px;
	color: #403C3C;
	font-weight: 500;
	white-space: nowrap;
}

.zhuige-box h1 text span {
	font-size: 14px;
}

.zhuige-box h1 span a {
	font-size: 12px;
	color: #333333;
	background: #E9EEF5;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	padding: 0 20px;
	margin-left: 10px;
}

.zhuige-box h1 span a:hover {
	color: #1173EB;
	background: #D5E6FC;
}

/*** 列表结构块 ***/
.zhuige-list {}

.zhuige-list .zhuige-list-img {
	flex: 0 0 180px;
	height: 140px;
	width: 180px;
	margin-right: 12px;
	border-radius: 4px;
	overflow: hidden;
}

.zhuige-list-cover {
	display: block;
	height: 140px;
	width: 180px;
	overflow: hidden;
}

.zhuige-list-cover img {
	height: 100%;
	width: 100%;
	border-radius: 4px;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-list-cover:hover img {
	transform: none;
}

.zhuige-list-mark {
	top: 0px;
	left: -6px;
	z-index: 9;
}

.zhuige-list-mark span {
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
}
.zhuige-list-bg {
	margin:0 -20px 0;
}
.zhuige-list-bg:hover {
	background: #fafafa;
	transition: all 0.3s ease;
}
.zhuige-list-img cite {
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #FF8600;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	margin-left: 6px;
}

.sp-avatar {
	display: block;
	bottom: -24px;
	right: 20px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 9;
}

.sp-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-list-text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}

.zhuige-list-text h5 {
	overflow: hidden;
}

.zhuige-list-text h5.set-top {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 0 2px;	
}

.zhuige-list-text h5.set-top span {
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 300;
	color: #FFFFFF;
	background: #FF8600;
	margin-right: 6px;
	white-space: nowrap;
	-webkit-transform: scale(0.9);
}

/* 封面左上角角标：置顶(橙) / 热门(红) / 今日新增(绿)，可并列，之间留 4px */
.zhuige-list-mark span.zg-mark-sticky {
	background: #FF8600;
	font-weight: 500;
}
.zhuige-list-mark span.zg-mark-hot {
	background: #E5432F;
	font-weight: 500;
}
.zhuige-list-mark span.zg-mark-new {
	background: #12B76A;
	font-weight: 500;
}
.zhuige-list-mark span + span {
	margin-left: 4px;
}

/* 列表卡片：封面与标题之间的分类标签（无圆点，间距与标题对齐） */
.zg-cat-chip {
	margin: 0 2px 14px;
	line-height: 1;
}
.zg-cat-chip a {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #8f98a0;
	text-decoration: none;
	transition: color .15s;
}
.zg-cat-chip a:hover {
	color: #FF8600;
}

.zhuige-list-text h5.text-title a {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2em;
	height: 2.4em;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.zhuige-user-page-list .zhuige-list-text .text-info {
	padding: 0 2px;	
}
.sub-title {
	line-height: 1.8em;
	font-size: 14px;
	font-weight: 400;
	color: #7f7f7f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.sub-title a {
	font-size: 12px;
	color: #7f7f7f;
}

/* 行数控制 2行隐藏 */
.overFlow-n {
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
}

.text-info {}

/* 用户信息 */
.zhuige-user .user-avatar {
	height: 20px;
	width: 20px;
	overflow: hidden;
	border-radius: 50%;
}

.zhuige-user .user-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-user .user-info {
	margin: 0 6px;
	overflow: hidden;
}
.data-info .zhuige-user .user-info {
	margin: 0 0 0 6px;
}
.zhuige-user .user-info a {
	font-size: 12px;
	color: #7f7f7f;
	white-space: nowrap;
}

.zhuige-user .user-info h6 img {
	height: 14px;
	width: auto;
	margin-left: 4px;
}

.user-info p {
	font-size: 12px;
	color: #7f7f7f;

}

.data-info>text {
	position: relative;
	margin-right: 16px;
	font-size: 12px;
	color: #7f7f7f;
	white-space: nowrap;
	height: 1em;
	line-height: 1em;
}

.data-info>text::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 3px;
	background: #7f7f7f;
	height: 3px;
	top: 5px;
	right: -10px;
}

.data-info>text a {
	margin-left: 12px;
	color: #7f7f7f;
}

.data-info>text a::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 3px;
	background: #7f7f7f;
	height: 3px;
	top: 5px;
	left: 2px;
}

.data-info>text:last-child::after {
	display: none;
}

.data-info>cite {
	font-size: 12px;
	white-space: nowrap;
	color: #F59A23;
}

.zhuige-view-title .data-info>text a {
	margin: 0;
}

.zhuige-view-title .data-info>text a::after {
	display: none;
}

/* 评星相关 */
.zhuige-score-rate {}

.zhuige-score-rate span {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	background-image: url(images/rate-star.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.zhuige-score-rate span.rated {
	background-position: 0 -32px;
}

.zhuige-score-rate span.rated-half {
	background-position: 0 -16px;
}

.zhuige-score-rate text {
	color: #FF8600;
}

.zhuige-base-list {
	margin: 0 -20px;
	padding: 0 20px;
}

.zhuige-base-list:hover {
	background: #FAFAFA;
}

.zhuige-base-list .zhuige-list {
	border-top: 1px dotted #DDDDDD;
}

.zhuige-arc-list>.zhuige-base-list:first-of-type .zhuige-list {
	border-top: none;
}

.zhuige-list-container .zhuige-list-text h5.text-title a, .zhuige-arc-list .zhuige-list-text h5.text-title a, .zhuige-resource-base-list .zhuige-list-text h5.text-title a {
	font-size: 14px;
}

.zhuige-list-container .sub-title a, .zhuige-arc-list .sub-title a, .zhuige-resource-base-list .sub-title a {
	font-size: 14px;
}
/* 价格相关 */
.price-info {
	vertical-align: text-bottom;
	white-space: nowrap;
}

.price-info text {
	font-size: 20px;
	font-weight: 500;
	color: #FF8600;
}
.price-info text.price-free {
	font-size: 16px;
}
.price-info span {
	font-size: 12px;
	color: #FF8600;
}

.price-info img {
	height: 14px;
	width: auto;
}


/* 列表更多 */
.zhuige-list-more a {
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	color: #7F7F7F;
	font-size: 14px;
	width: 480px;
	border-radius: 40px;
	text-align: center;
}

.zhuige-list-more a:hover {
	background: #1173EB;
	color: #FFFFFF;
}

/* 2横上下图 */

.zhuige-twins-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 49.5%;
}

.zhuige-twins-list .zhuige-list .zhuige-list-img,
.zhuige-twins-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 260px;
	width: 100%;
	margin-right: 0;
	overflow: unset;
}

.zhuige-twins-list .zhuige-list-text,
.zhuige-triple-list .zhuige-list-text,
.zhuige-fourfold-list .zhuige-list-text {
	flex: unset;
	margin-top: 20px;
}

/* 3横上下图 */

.zhuige-triple-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 32.6666%;
	margin-right: 1%;
}

.zhuige-triple-list .zhuige-list:nth-child(3n) {
	margin-right: 0;
}

.zhuige-triple-list .zhuige-list .zhuige-list-img,
.zhuige-triple-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 240px;
	width: 100%;
	margin-right: 0;
	overflow: unset;
}

.zhuige-triple-list .zhuige-list-mark {
	right: 0;
	left: auto;
	top: 20px;
}

.zhuige-triple-list .zhuige-list-mark span {
	border-radius: 4px 0 0 4px;
}

/* 4横上下图 */
.zhuige-fourfold-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 24.25%;
	margin-right: 1%;
}

.zhuige-fourfold-list .zhuige-list:nth-child(4n) {
	margin-right: 0;
}

.zhuige-fourfold-list .zhuige-list .zhuige-list-img,
.zhuige-fourfold-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 168px;
	width: 100%;
	margin-right: 0;
}

.zhuige-fourfold-list .sub-title {
	height: 5.2em;
	border-radius: 4px;
	background: #FBFBFB;
	color: #AAAAAA;
	border: 10px solid#FBFBFB;
}

.zhuige-double-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 49.5%;
	margin-right: 1%;
}

.zhuige-double-list .zhuige-list:nth-child(2) {
	margin-right: 0;
}


/* 评分联动 */
.zhuige-rate-opt {
	flex-direction: row-reverse;
}

.zhuige-rate-opt span {
	height: 20px;
	width: 20px;
	background-image: url(images/rate-star.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	transition-duration: 0.1s;
}

.zhuige-rate-opt span.star10:hover,
.zhuige-rate-opt span.rated10 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star20:hover,
.zhuige-rate-opt span.rated20 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star20:hover~span.star10,
.zhuige-rate-opt span.rated20~span.star10 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star30:hover,
.zhuige-rate-opt span.rated30 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star30:hover~span.star10,
.zhuige-rate-opt span.rated30~span.star10 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star30:hover~span.star20,
.zhuige-rate-opt span.rated30~span.star20 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star40:hover,
.zhuige-rate-opt span.rated40 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star40:hover~span.star10,
.zhuige-rate-opt span.rated40~span.star10 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star40:hover~span.star20,
.zhuige-rate-opt span.rated40~span.star20 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star40:hover~span.star30,
.zhuige-rate-opt span.rated40~span.star30 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star50:hover,
.zhuige-rate-opt span.rated50 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star10,
.zhuige-rate-opt span.rated50~span.star10 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star20,
.zhuige-rate-opt span.rated50~span.star20 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star30,
.zhuige-rate-opt span.rated50~span.star30 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star40,
.zhuige-rate-opt span.rated50~span.star40 {
	background-position: 0px -40px;
}


/* 广告组 */
.zhuige-advert {}

.zhuige-advert-text {}

.zhuige-advert-text h1 {
	font-size: 22px;
	font-weight: 500;
}

.zhuige-advert-text p {
	font-size: 14px;
	line-height: 2.2em;
	color: #666666;
}

.zhuige-advert-text div {}

.zhuige-advert-text div a {
	height: 46px;
	line-height: 46px;
	background: #FFFFFF;
	color: #7F7F7F;
	font-size: 14px;
	width: 180px;
	border-radius: 46px;
	text-align: center;
	border: 1px solid #DDDDDD;
}

.zhuige-advert-text div a:hover {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

.zhuige-advert-single .container {
	z-index: 9;
	padding: 100px;
}

.zhuige-advert-single .container h1 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 500;
	width: 100%;
	text-align: center;
}

.zhuige-advert-single .container p {
	color: #FFFFFF;
}

/* 广告组  左侧标题，文字，按钮，右侧大图 */
.zhuige-advert-side-cover {
	background: #FFFFFF;
}

.zhuige-advert-side-cover .zhuige-advert-text {
	width: 66%;
}

.zhuige-advert-cover {
	height: 320px;
	width: 320px;
}

.zhuige-advert-cover img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.zhuige-advert-side-cover .zhuige-advert-text div a {
	margin-right: 12px;
}

.zhuige-advert-side-cover .zhuige-advert-text div a:nth-child(1) {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}
.zhuige-advert-side-cover .zhuige-advert-text div a:nth-child(1):hover {
	opacity: .8;
}
/* 广告组  通栏背景，居中标题，文字，按钮 */
.zhuige-advert-text-center {
	text-align: center;
}

.zhuige-advert-text-center .zhuige-advert-text h1,
.zhuige-advert-text-center .zhuige-advert-text p {
	color: #FFFFFF;
}

.zhuige-advert-text-center .container {
	z-index: 3;
}

.zhuige-advert-bg {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.zhuige-advert-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-advert-text-center .zhuige-advert-text div a {
	margin: 0 12px;
	background: none;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.zhuige-advert-text-center .zhuige-advert-text div a:hover {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

/* 广告组  通栏背景，居中标题，轮播组 */
/* 广告组  标题，底部图文链接组 */
/* 广告组  通栏背景，左侧标题，文字，右侧按钮 */
.zhuige-advert-text-left .container {
	z-index: 3;
}

.zhuige-advert-text-left .zhuige-advert-text div:nth-child(1) {
	padding-right: 40px;
}

.zhuige-advert-text-left .zhuige-advert-text h1,
.zhuige-advert-text-left .zhuige-advert-text p {
	color: #FFFFFF;
}

.zhuige-advert-text-left .zhuige-advert-text div a {
	width: 120px;
	margin-left: 12px;
	background: none;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.zhuige-advert-text-left .zhuige-advert-text div a:hover {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

/* 广告组  标题+背景图+链接 */
.zhuige-advert-text-mini {}

.zhuige-advert-text-mini a {
	display: block;
	width: 100%;
	height: 72px;
	line-height: 72px;
	color: #FFFFFF;
}

.zhuige-advert-text-mini .container {
	z-index: 3;
	text-align: center;
}

.zhuige-advert-text-mini:hover .zhuige-advert-bg {
	opacity: .9;
}

/* 广告组  标题+背景图 用户信息 */
.zhuige-advert-info {
	padding: 40px 0;
	z-index: 9;
}

.zhuige-advert-info .zhuige-user .user-avatar {
	flex: 0 0 54px;
	height: 54px;
	width: 54px;
}

.zhuige-advert-info .zhuige-user .user-info a {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}

.zhuige-advert-info .user-info p {
	color: #FFFFFF;
}

.zhuige-advert-info .user-act a {
	padding: 10px 20px;
	border-radius: 40px;
	border: 1px solid #FFFFFF;
	margin-left: 20px;
	color: #FFFFFF;
}

.zhuige-advert-info .user-act a:hover {
	background: #1173eb;
	border-color: #1173eb;
}

/* about标题 */
.zhuige-advert-about {
	padding: 120px 100px 60px;
}

.zhuige-advert-about h1 {
	padding: 20px 0;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
	white-space: nowrap;
}

.zhuige-user-page {
	padding: 80px 100px 0px;
}

.zhuige-user-page .zhuige-advert-info {
	padding: 20px 0;
}

/* 话题分类标题 */
.zhuige-topic-group-title {
	text-align: center;
}

.zhuige-topic-group-title h2 {
	font-size: 22px;
	font-weight: 500;
}

.zhuige-topic-group-title p {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
}

.zhuige-topic-list .zhuige-list {
	padding: 10px 0;
	border-bottom: 1px dotted #DDDDDD;
}

.zhuige-topic-list .zhuige-list:nth-child(2) {
	padding-top: 10px;
}

.zhuige-topic-list .zhuige-list:nth-child(4) {
	padding-bottom: 0;
	border: none;
}

.zhuige-topic-list .zhuige-list .zhuige-list-img {
	flex: 0 0 66px;
	height: 52px;
	width: 66px;
}

.zhuige-topic-list .zhuige-list .zhuige-list-cover {
	height: 52px;
	width: 66px;

}

.zhuige-topic-list .zhuige-list .zhuige-list-text h5.text-title a {
	font-size: 12px;
}

.zhuige-topic-list-cover .zhuige-list-cover {
	height: 120px;
	width: 100%;
}

.zhuige-topic-list-cover .zhuige-list-cover-info {
	z-index: 9;
	height: 60px;
	width: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-topic-list-cover .zhuige-list-cover-info h5 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	height: 1em;
	line-height: 1em;
	width: 100%;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}

.zhuige-topic-list-cover .zhuige-list-cover-info p {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 300;
	width: 100%;
	height: 1em;
	line-height: 1em;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
}


/* 话题资源分类头部标题 */
.zhuige-resource-header {
	padding: 160px 30px 0px;
}

.zhuige-resource-header-text {
	z-index: 3;
	height: 160px;
}

.zhuige-resource-header-text h2 {
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
}

.zhuige-resource-header-text p {
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
}

.zhuige-resource-header-bg {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.zhuige-resource-header-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* 标签块 */
.zhuige-tags-group * {
	transition: all 0.2s ease;
}

.zhuige-tags-group .zhuige-tags {
	background: #F9FAFB;
	color: #7f7f7f;
	border-radius: 8px;
	border: 1px solid #ECECEC;
}

.zhuige-tags h4 a {
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	font-weight: 400;
	padding: 0 16px;
	border-radius: 28px;
	background: #E9EEF5;
	margin-right: 8px;
}

.zhuige-tags p,
.zhuige-tags p a {
	display: block;
	width: 100%;
	height: 1em;
	line-height: 1em;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}

.zhuige-tags p a {
	font-size: 12px;
	font-weight: 400;
	color: #7f7f7f;
}

.zhuige-tags-group .zhuige-tags:hover {
	border-color: #1273EB;
	cursor: pointer;
}

.zhuige-tags-group .zhuige-tags:hover h4 a {
	background: #1273EB;
	color: #FFFFFF;
}

/* 404 */
.zhuige-fof {
	height: 100%;
	width: 100%;
	background: #F2F2F2;
	position: fixed;
	text-align: center;
}

.zhuige-fof img {
	height: 200px;
	width: auto;
}

.zhuige-fof h2 {
	font-size: 60px;
	font-weight: bold;
	color: #1173EB;
}

.zhuige-fof p {
	font-size: 12px;
	font-weight: 400;
	color: #7f7f7f;
}

.zhuige-fof h6 {
	font-size: 16px;
	font-weight: bold;
	color: #403C3C;
}



/* 资源分类侧边栏 */
.zhuige-resource-set-group {
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
}

.zhuige-resource-set-group:first-of-type {
	border: none;
	padding: 0;
}

.zhuige-resource-set-group h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 2em;
}

.zhuige-resource-set-rate {
	padding-top: 10px;
}

.zhuige-resource-set-rate a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border: 1px solid #EDEDED;
	border-width: 1px 1px 1px 0;
	background: #F9FAFB;
}

.zhuige-resource-set-rate a span {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	background-image: url(images/rate-opt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 -1px;
}

.zhuige-resource-set-rate a:nth-child(1) {
	border-width: 1px;
	border-radius: 30px 0 0 30px;
}

.zhuige-resource-set-rate a:nth-child(4) {
	border-radius: 0 30px 30px 0;
}

.zhuige-resource-set-rate a:hover,
.zhuige-resource-set-rate a.set-activ {
	background: #1273EB;
	border-color: #1273EB;
	color: #FFFFFF;
}

.zhuige-resource-set-rate a:hover span,
.zhuige-resource-set-rate a.set-activ span {
	background-position: 0 -17px;

}

.zhuige-resource-set-tags {
	padding: 10px 0;
}

.zhuige-resource-set-tags a {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border: 1px solid #EDEDED;
	background: #F9FAFB;
	border-radius: 30px;
	padding: 0 20px;
	margin: 0 10px 10px 0;
}

.zhuige-resource-set-tags a:hover,
.zhuige-resource-set-tags a.set-activ {
	background: #1273EB;
	border-color: #1273EB;
	color: #FFFFFF;
}

.zhuige-resource-set-group h2 span {
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}

.zhuige-resource-set-radio {
	padding: 10px 0;
}

.zhuige-resource-set-radio p {
	display: flex;
	align-items: center;
	height: 30px;
	line-height: 30px;
}

.zhuige-resource-set-radio p text {
	margin-left: 8px;
}

/* 资源分类列表 */
.zhuige-resource-opt {}

.zhuige-resource-opt p a {
	font-size: 14px;
	color: #7F7F7F;
}

.zhuige-resource-opt p cite {
	margin: 0 4px;
	color: #7F7F7F;
}

.zhuige-resource-opt .zhuige-search-form {
	border: 1px solid #EEEEEE;
	border-radius: 6px;
}

.zhuige-resource-opt .zhuige-search-form input {
	width: 200px;
	height: 36px;
	line-height: 36px;
	border-radius: 6px 0 0 6px;
	padding: 0 10px;
}

.zhuige-resource-opt .zhuige-search-form a {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border-radius: 0 6px 6px 0;
}

.zhuige-resource-opt .zhuige-search-form a span {
	height: 36px;
	width: 36px;
	background-position: 0 0;
}

.zhuige-resource-opt .zhuige-search-form a:hover span {
	background-position: 0 0px;
}
.zhuige-resource-base-list .zhuige-box:hover, .zhuige-resource-result .zhuige-box:hover {
	transition: all 0.3s ease;
	background: #FAFAFA;
}

.zhuige-resource-result .zhuige-list-text h5.text-title a {
	font-size: 16px;
}

.zhuige-resource-result .sub-title a {
	font-size: 14px;
}


.zhuige-resource-twins-list .zhuige-list {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
	border: 1px solid #EEEEEE;
	border-radius: 6px;
}

.zhuige-resource-twins-list .zhuige-list:hover {
	background: #FAFAFA;
}

.zhuige-resource-twins-list .zhuige-list .zhuige-list-img {
	flex: 0 0 110px;
	width: 110px;
	height: 110px;
}

.zhuige-resource-twins-list .zhuige-list-cover {
	width: 110px;
	height: 110px;
}

.zhuige-resource-twins-list .zhuige-list-text {
	padding-right: 10px;
}

.zhuige-resource-twins-list .zhuige-list:nth-child(2n) {
	margin-right: 0;
}

.zhuige-resource-triple .zhuige-list {
	width: 32.6666%;
	margin-right: 1%;
	border: 1px solid #F4F5F5;
	transition: all 0.2s ease;
}

.zhuige-resource-triple .zhuige-list:hover {
	border-color: #1273EB;
}

.zhuige-resource-triple .zhuige-list:nth-child(4n) {
	margin-right: 1%;
}

.zhuige-resource-triple .zhuige-list:nth-child(3n) {
	margin-right: 0;
}

/* 通栏模块 */
.zhuige-wide-box {
	padding: 40px 0;
}

.zhuige-wb {
	background: #FFFFFF;
}

.zhuige-wide-header {
	text-align: center;
	/* padding: 40px 0 20px; */
}

.zhuige-wide-header h2 {
	font-size: 30px;
	font-weight: 500;
}

.zhuige-wide-header p {
	font-size: 14px;
	font-weight: 400;
	margin: 20px;
}

.zhuige-wide-header p img {
	height: 16px;
	width: auto;
	margin-right: 12px;
}

/* QA模块 */
.zhuige-qa-list {}

.zhuige-qa-list li {
	border-bottom: 1px solid #EEEEEE;
}

.zhuige-qa-list li:last-of-type {
	border: none;
	padding-bottom: 0;
}

.zhuige-qa-list div {
	font-size: 14px;
	color: #FFFFFF;
	background: #2C70DB;
	line-height: 1.8em;
	padding: 20px;
}

.zhuige-qa-list p {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.zhuige-qa-list p a {
	font-size: 14px;
	line-height: 1.6em;
}

.zhuige-qa-list p span {
	height: 18px;
	width: 18px;
	background-image: url(images/open.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.zhuige-qa-list p:hover span {
	background-position: 0 -18px;
}

.zhuige-qa-list p span.qa-close {
	background-position: 0 -36px;

}

.zhuige-qa-list p:hover span.qa-close {
	background-position: 0 -54px;
}


/* 4图+描述 */
.zhuige-intro-module {
	text-align: center;
}


.zhuige-intro-module div {
	transition: all 0.3s ease;
}

.zhuige-intro-module div:nth-child(n+7) {
	display: none;
}

.zhuige-intro-module div:hover {
transform: translateY(-4px);
	box-shadow: 0 10px 18px -8px rgba(79, 125, 183, .3);
	transition: all 0.3s ease;}

.zhuige-intro-module img {
	height: 70px;
	width: 70px;
}

.zhuige-intro-module h4 {
	font-size: 16px;
	font-weight: 500;
	margin: 12px 0;
}

.zhuige-intro-module p {
	font-size: 14px;
	color: #777777;
	line-height: 1.8em;
	white-space: nowrap;
}

.zhuige-vip-user {
	border: 1px solid #E7E7E7;
	border-radius: 8px;
	background: #FFFFFF;
	transition: all 0.3s ease;
}

.zhuige-vip-user:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 32px -18px rgba(79, 125, 183, .3);
	transition: all 0.3s ease;
}


.zhuige-vip-user .zhuige-user .user-avatar {
	height: 60px;
	width: 60px;
}

.zhuige-vip-user .zhuige-user .user-info a {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
}

.zhugie-vip-assess {
	font-size: 14px;
	color: #7f7f7f;
	line-height: 1.8em;
	padding-right: 60px;
	background-image: url(images/assess.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/* 轮播 3列 商品 */
.zhuige-vip-goods-group {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.zhuige-vip-goods-group .zhuige-wide-header {
	color: #FFFFFF;
}

.zhuige-vip-goods {
	background: #FFFFFF;
	border-radius: 8px;
	transition: all 0.3s ease;
}
.zhuige-vip-goods:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 16px -9px rgba(79, 125, 183, .3);
	transition: all 0.3s ease;
}

.zhuige-vip-goods-cover {
	height: 108px;
	width: 100%;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}

.zhuige-vip-goods-cover img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-vip-goods-cover h6 {
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	top: 40px;
	left: 20px;
	z-index: 2;
}

.zhuige-vip-goods-cover span {
	height: 24px;
	line-height: 24px;
	border-radius: 0 4px 0 4px;
	padding: 0 10px;
	background: #FF8600;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	top: 0;
	right: 0;
	z-index: 3;
}

.zhuige-vip-goods-info text {
	vertical-align: baseline;
}

.zhuige-vip-goods-info cite {
	font-size: 12px;
	font-weight: 400;
	margin-right: 4px;
}

.zhuige-vip-goods-info text {
	font-size: 35px;
	font-weight: bold;
	margin-right: 8px;
}

.zhuige-vip-goods-info span {
	font-size: 12px;
	font-weight: 400;
	text-decoration: line-through;
}

.zhuige-vip-goods-text {
	background: #FBFBFB;
	border-radius: 8px;
	color: #AAAAAA;
	line-height: 1.8em;
}

.zhuige-vip-goods-info p a {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	border-radius: 40px;
	text-align: center;
	color: #333333;
	margin-bottom: 10px;
}

.zhuige-vip-type-recommend .zhuige-vip-goods-info p a {
	background: #FF8600;
	border-color: #FF8600;
	color: #FFFFFF;	
}

.zhuige-vip-goods-info p a:hover, .zhuige-vip-goods-intro .zhuige-vip-goods-info p a:hover {
	background: #feb432;
	border-color: #feb432;
	color: #FFFFFF;
}


.zhuige-vip-goods-intro h6 {
	margin: 0 10px;
	padding: 20px 0 10px 0;
	font-size: 14px;
	font-weight: 500;
	border-top: 1px dotted #EDEDED;
}

.zhuige-vip-goods-intro p {
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
}

.zhuige-vip-goods-intro p:nth-child(2n) {
	background: #F9FAFB;
}

.zhuige-vip-goods-intro p:last-child {
	border-radius: 0 0 8px 8px;
}

.zhuige-vip-goods-intro p img {
	height: 15px;
	width: 15px;
	margin-right: 4px;
	vertical-align: text-top;
}

.zhuige-vip-tips {
	text-align: center;
}

.zhuige-vip-tips text {
	font-size: 14px;
	color: #7F7F7F;
}

.zhuige-vip-tips a {
	font-size: 14px;
	color: #2C70DB;
}

/* 多用户列表 */
.zhuige-users-list {}

.zhuige-user-block {
	width: 19%;
	margin-right: 1.25%;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #EDEDED;
	text-align: center;
}

.zhuige-user-block:nth-child(5n) {
	margin-right: 0;
}

.zhuige-user-block .user-avatar {
	height: 64px;
	width: 64px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 20px;
}

.zhuige-user-block .user-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-user-block .user-opt a {
	height: 28px;
	line-height: 28px;
	background: #E9EEF5;
	color: #7F7F7F;
	font-size: 12px;
	width: 48%;
	border-radius: 28px;
	text-align: center;
}

.zhuige-user-block:hover {
	border-color: #2C70DB;
}

.zhuige-user-block .user-opt a:hover {
	background: #2C70DB;
	color: #FFFFFF;
}


/* 用户中心侧边导航 */
.zhuige-user-menu p {
	padding: 24px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-user-menu p span {
	height: 18px;
	line-height: 18px;
	text-align: center;
	width: 18px;
	font-size: 12px;
	border-radius: 50%;
	transform: scale(.7);
	background: #FF8600;
	color: #FFFFFF;
}

.zhuige-user-menu p:first-child {
	border-radius: 8px 8px 0 0;
}

.zhuige-user-menu p:last-child {
	border: none;
	border-radius: 0 0 8px 8px;
}

.zhuige-user-menu p:hover,
.zhuige-user-menu p.menu-activ {
	background: #F7F9FC;
}
.zhuige-user-menu p a {
	font-size: 14px;
	white-space: nowrap;
}
.zhuige-user-menu p.menu-activ a {
	font-weight: 500;
	color: #2C70DB;
}

.zhuige-uc .zhuige-box {
	min-height: 444px;
}

.zhuige-uc .zhuige-box h1 {
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-uc .zhuige-box h1 span {
	color: #2C70DB;
}

.zhuige-uc .zhuige-box h1 p a {
	height: 28px;
	line-height: 28px;
	background: #E9EEF5;
	width: 80px;
	border-radius: 28px;
	margin-left: 8px;
	text-align: center;
}

.zhuige-uc .zhuige-box h1 p a:hover,
.zhuige-uc .zhuige-box h1 p a:nth-child(1) {
	background: #D5E6FC;
	color: #2C70DB;
}

.zhuige-uc .zhuige-box h1 p a:nth-child(1) {
	background: none;
}

.zhuige-uc .zhuige-box h1 p a cite {
	position: absolute;
	top: -4px;
	right: -4px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	width: 18px;
	border-radius: 50%;
	color: #FFFFFF;
	background: #F59A23;
	transform: scale(.7);
}

/* 用户中心彩色导航 */

.zhuige-user-count {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.zhuige-user-count li {
	width: 24%;
	margin-right: 10px;
}

.zhuige-user-count li:last-child {
	margin: 0;
}

.zhuige-user-count li a {
	display: block;
	width: 100%;
	padding: 40px 0;
	text-align: center;
	border-radius: 8px;
	background: #E1F2FC;
	color: #16A5E5;
}

.zhuige-user-count li a:hover {
	opacity: .8;
}

.zhuige-user-count li a span {
	display: block;
	height: 24px;
	width: 24px;
	margin: 0 auto 10px;
	background-image: url(images/uc-icon.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.zhuige-user-count li:nth-child(2) a {
	background: #E2F5ED;
	color: #39C596;
}

.zhuige-user-count li:nth-child(2) a span {
	background-position: 0 -24px;
}

.zhuige-user-count li:nth-child(3) a {
	background: #E5E2FC;
	color: #7066E9;
}

.zhuige-user-count li:nth-child(3) a span {
	background-position: 0 -48px;
}

.zhuige-user-count li:nth-child(4) a {
	background: #FFEFDF;
	color: #FF9D0F;
}

.zhuige-user-count li:nth-child(4) a span {
	background-position: 0 -72px;
}

.zhuige-user-count li:nth-child(5) a {
	background: #FFE7E0;
	color: #FF5722;
}

.zhuige-user-count li:nth-child(5) a span {
	background-position: 0 -96px;
}

.zhuige-forum .zhuige-user .user-avatar {
	height: 100px;
	width: 100px;
}

.zhuige-forum .zhuige-user .user-info text {
	font-size: 18px;
	font-weight: 500;
}

.zhuige-forum .zhuige-user .user-info a {
	height: 24px;
	line-height: 24px;
	padding: 0 12px;
	border-radius: 4px;
	background: #2C70DB;
	color: #FFFFFF;
	margin-left: 8px;
}

.zhuige-forum-line h6 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 14px;
}

.zhuige-forum-line h6 span {
	color: #777777;
}

.zhuige-forum-line input[type="text"],
.zhuige-forum-line input[type="password"],
.zhuige-forum-line select {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-indent: 12px;
	border: 1px solid #ECECEC;
	background: #F9FAFB;
	border-radius: 8px;
}

.zhuige-forum-line select {
	background-image: url(images/jiantou.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 98% 14px;
}

.zhuige-forum-line textarea {
	width: 100%;
	height: 120px;
	line-height: 30px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #ECECEC;
	background: #F9FAFB;
	border-radius: 8px;
	margin: 0;
}

.zhuige-forum-line input[type="text"]:hover,
.zhuige-forum-line input[type="password"]:hover,
.zhuige-forum-line select:hover,
.zhuige-forum-line textarea:hover {
	border-color: #2C70DB;
}

.zhuige-upload p {
	display: block;
	height: 120px;
	width: 120px;
	border-radius: 8px;
	text-align: center;
	background: #F9FAFB;
	border: 1px solid #ECECEC;
}

.zhuige-upload p span {
	display: block;
	height: 40px;
	width: 40px;
	background-image: url(images/open.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	margin: 20px auto;
}

.zhuige-upload p text {
	color: #777777;
}

.zhuige-upload p strong {
	display: block;
	height: 120px;
	width: 120px;
	border-radius: 7px;
	overflow: hidden;
}

.zhuige-upload p strong img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-upload p cite {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #F4F5F5;
	border: 3px solid #F4F5F5;
	top: -10px;
	right: -10px;
}

.zhuige-upload p cite img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-user-msg .zhuige-user .user-avatar {
	height: 40px;
	width: 40px;
}

.zhuige-user-msg .zhuige-user .user-info h6 a {
	font-size: 14px;
	color: #333333;
	font-weight: 500;
}

.zhuige-user-msg .zhuige-user .user-info h6 span {
	font-size: 12px;
	color: #999999;
}


.zhuige-user-msg .zhuige-user .user-info p {
	line-height: 1.8em;
}

.zhuige-user-msg .zhuige-user .user-info p img {
	max-width: 400px;
	margin: 10px 0 0;
	border-radius: 8px;
}

.zhuige-user-msg .zhuige-user .user-info p strong {
	color: #2C70DB;
}

.zhuige-user-msg .zhuige-user .user-info {
	background: #FAFAFA;
	padding: 20px;
	border-radius: 8px;
	position: relative;
	max-width: 80%;
	min-width: 40%;
}

.zhuige-user-msg .zhuige-user .user-info:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: -8px;
	top: 12px;
	background: linear-gradient(135deg, transparent 0, transparent 50%, #FAFAFA 50%, #FAFAFA 50%, #FAFAFA 100%) left top / 50% 50% no-repeat,
		linear-gradient(45deg, transparent 0, transparent 50%, #FAFAFA 50%, #FAFAFA 50%, #FAFAFA 100%) left bottom / 50% 50% no-repeat;
}

.zhuige-order .zhuige-list .zhuige-list-img {
	flex: 0 0 128px;
	width: 128px;
	height: 88px;
}

.zhuige-order .zhuige-list-cover {
	width: 128px;
	height: 88px;
}

.zhuige-order .zhuige-list {
	width: 80%;
}

.zhuige-order .zhuige-order-pay {
	width: 140px;
	text-align: right;
	vertical-align: baseline;
}

.zhuige-order .zhuige-order-pay text {
	font-size: 20px;
	font-weight: 500;
	color: #F59A23;
}

.zhuige-order .zhuige-order-pay cite {
	font-size: 12px;
	font-weight: 400;
	color: #F59A23;
}

.zhuige-order .zhuige-order-pay span {
	font-size: 12px;
	font-weight: 400;
	color: #7f7f7f;

}

.zhuige-order-list {
	border-bottom: 1px dotted #DDDDDD;
}

.zhuige-order-list:last-child {
	border: none;
	padding-bottom: 0;
}
.zhuige-order-list .zhuige-list-mark {
	left: 0;
}
.zhuige-order-list .order-res {
	background: #F59A23;
}

.zhuige-order-list .order-vip {
	background: #B0A492;
}

.zhuige-order .zhuige-list .zhuige-list-text > .zhuige-order-pay {
	display: none;
}

.zhuige-none-tip {
	text-align: center;
	padding: 40px;
}

.zhuige-none-tip img {
	height: 100px;
}

.zhuige-none-tip p {
	margin-top: 20px;
	font-size: 12px;
	color: #8C8C8C;
}


/* 列表更多 */
.zhuige-forum-btn a {
	height: 40px;
	line-height: 40px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 14px;
	width: 480px;
	border-radius: 40px;
	text-align: center;
}

.zhuige-forum-btn a:hover {
	opacity: .8;
}

.zhuige-forum-tips img {
	height: 18px;
	width: 18px;
	margin-right: 4px;
}

.zhuige-page {
	min-height: 400px;
	line-height: 2.2em;
}

.zhuige-page * {
	font-size: 14px;
	color: #7f7f7f;
}

.zhuige-page-menu {
	position: relative;
	margin-top: -30px;
	z-index: 9;
}

.zhuige-page-menu a {
	margin: 0 20px;
	font-size: 16px;
	font-weight: 400;
	color: #7f7f7f;
	white-space: nowrap;
}

.zhuige-page-menu a.active {
	color: #333333;
	font-weight: 500;
	color: #333333;
}

.zhuige-about-menu {
	margin-top: 0;
}

.zhuige-user-page-list {
	width: 100%;
}
.zhuige-user-page-list .zhuige-list {
	border-bottom: 1px solid #EEEEEE;
}
.zhuige-user-page-list .zhuige-list:last-of-type {
	border: none;
}
.zhuige-user-page-list .zhuige-list-text h5.text-title a {
	font-size: 16px;
}
.zhuige-user-page-list .zhuige-user {
	position: relative;
	margin-right: 16px;
}
.zhuige-user-page-list .zhuige-user::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 3px;
	background: #7f7f7f;
	height: 3px;
	top: 8px;
	right: -10px;
}

.zhuige-user-page-list .sub-title a {
	font-size: 14px;
}

.zhuige-user-page-list .zhuige-list-mark {
	left: 0;
}

/* 详情内容导航 */
.zhuige-view-menu h2 {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-view-menu ol {
	border-left: 1px solid #E7E8E8;
}

.zhuige-view-menu ol li {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	position: relative;
}

.zhuige-view-menu ol li.active::after,
.zhuige-view-menu ol li:hover::after {
	content: '';
	position: absolute;
	width: 3px;
	background: #1173EB;
	height: 100%;
	top: 0px;
	left: -22px;
	z-index: 2;
}

.zhuige-view-menu ol li.active a {
	color: #1173EB;
}

/* 详情侧边操作项 */

.zhuige-opt-side {}

.zhuige-opt-side li {
	margin-bottom: 30px;
	position: relative;
	height: 48px;
	width: 48px;
	border-radius: 50px;
	background: #FFFFFF;
	padding-top: 1px;
}

.zhuige-opt-side li a {
	display: block;
	height: 30px;
	width: 30px;
	margin: 6px 9px;
	background-image: url(images/pageopt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	color: rgba(0, 0, 0, 0);
}

.zhuige-opt-side li:nth-child(2) a {
	background-position: 0 -60px;
}

.zhuige-opt-side li:nth-child(3) a {
	background-position: 0 -120px;
}

.zhuige-opt-side li:hover a,
.zhuige-opt-side li.active a {
	background-position: 0 -30px;
}

.zhuige-opt-side li:nth-child(2):hover a,
.zhuige-opt-side li:nth-child(2).active a {
	background-position: 0 -90px;
}

.zhuige-opt-side li:nth-child(3):hover a,
.zhuige-opt-side li:nth-child(3).active a {
	background-position: 0 -150px;
}

.zhuige-opt-side li span {
	position: absolute;
	z-index: 3;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #9B9B9B;
	color: #FFFFFF;
	line-height: 20px;
	font-size: 12px;
	top: -4px;
	right: -4px;
	text-align: center;
	transform: scale(.7);
}

.zhuige-opt-side li:hover span,
.zhuige-opt-side li.active span {
	background: #1173EB;
}

.zhuige-opt-mobile {
	display: none;
}

/* 详情内容区 */

.zhuige-view-article {
	min-height: 200px;
}

.zhuige-view-article * {
	font-size: 16px;
	color: #dbe5f0;
}

.zhuige-view-article img {
	max-width: 100%;
}

.zhuige-view-article p .aligncenter {
	display: inherit;
	margin: 0 auto;
}

.zhuige-view-article blockquote {
	background-color: #F7F9FF;
	padding: 20px;
	border-left: 4px solid #1272EB;
}


.zhuige-view-article h1 {
	display: block;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	font-weight: bold;
}

.zhuige-view-article h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	font-weight: bold;
}

.zhuige-view-article h3 {
	display: block;
	font-size: 1.17em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	font-weight: bold;
}

.zhuige-view-article h4 {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	font-weight: bold;
}

.zhuige-view-article h5 {
	display: block;
	font-size: 0.83em;
	margin-block-start: 1.67em;
	margin-block-end: 1.67em;
	font-weight: bold;
}

.zhuige-view-article h6 {
	display: block;
	font-size: 0.67em;
	margin-block-start: 2.33em;
	margin-block-end: 2.33em;
	font-weight: bold;
}

.zhuige-view-article p {
	margin-block-start: 1em;
	margin-block-end: 1em;
	line-height: 1.95;
	font-size: 16px;
	word-break: break-all;
}

.zhuige-view-article strong,
.zhuige-view-article b {
	font-weight: 700;
	font-size: 16px;
}

.zhuige-view-article i,
.zhuige-view-article em,
.zhuige-view-article cite {
	font-style: italic;
}

.zhuige-view-article ul,
.zhuige-view-article ol {
	list-style: initial;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.zhuige-view-article li {
	list-style: initial;
}

.zhuige-view-article ol li {
	list-style: decimal;
}


.zhuige-view-article h1,
.zhuige-view-article h2,
.zhuige-view-article h3,
.zhuige-view-article h4,
.zhuige-view-article h5,
.zhuige-view-article h6,
.zhuige-view-article strong,
.zhuige-view-article b {
	color: #ffffff;
}

.zhuige-view-article a {
	font-size: 16px;
	color: #66c0f4;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zhuige-view-article a:hover {
	color: #9ad6ff;
}

.zhuige-view-article hr {
	height: 1px;
	background-color: rgba(255, 255, 255, 0.15);
	border: none;
}

/* ===== 2026-09-26 暗色背景正文可读性增强：加粗标题层级、突出关键信息 ===== */
.zhuige-view-article h2 {
	font-size: 25px;
	line-height: 1.4;
	margin-block-start: 1.3em;
	margin-block-end: 0.6em;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(102, 192, 244, 0.35);
}

.zhuige-view-article h3 {
	font-size: 19px;
	line-height: 1.5;
	color: #8fd0ff;
	margin-block-start: 1.15em;
	margin-block-end: 0.45em;
}

.zhuige-view-article ul,
.zhuige-view-article ol {
	line-height: 1.95;
}

.zhuige-view-tags {}

.zhuige-view-tags h6 {
	text-align: center;
	color: #BDBDBD;
	font-size: 14px;
	font-weight: 400;
}

.zhuige-view-tags div {
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-view-tags div a {
	font-size: 12px;
	font-weight: 400;
	padding: 4px 12px;
	background: #F9FAFB;
	color: #7F7F7F;
	border-radius: 4px;
	margin: 0 0 6px 8px;
	white-space: nowrap;
}

.zhuige-view-tags div a:hover {
	color: #FFFFFF;
	background: #1173EB;
}

.zhuige-poster {
	background: #F9FAFB;
	border-radius: 4px;
}

.zhuige-poster .zhuige-user .user-avatar {
	flex: 0 0 54px;
	width: 54px;
	height: 54px;
}

.zhuige-poster .zhuige-user .user-info a {
	font-size: 16px;
	font-weight: 500;
	color: #111111;
}

.zhuige-poster span a {
	padding: 10px 20px;
	border-radius: 40px;
	border: 1px solid #1173EB;
}

.zhuige-praise-list h6 {
	text-align: center;
	color: #7f7f7f;
	font-size: 12px;
	font-weight: 400;
}

.zhuige-praise-list li {
	margin: 4px;
}

.zhuige-praise-list li a {
	display: block;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	overflow: hidden;
}

.zhuige-praise-list li a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-view-title {
	font-size: 20px;
}

.zhuige-view-title h1 {
	font-weight: 500;
	border: none;
}

.zhuige-view-title span {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	background-color: #E1F2FC;
	color: #1273EB;
	border-radius: 0 8px 0 8px;
	padding: 4px 16px;
	right: -20px;
	top: -30px;
}

/* 上下篇 */
.zhuige-next {
	width: 46.7%;
}

.zhuige-next p a {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}

.zhuige-next h5 {
	height: 2.2em;
	overflow: hidden;
}

.zhuige-next h5 a {
	font-size: 14px;
	line-height: 2.8em;
	white-space: nowrap;
}

/* cooky */
.zhuige-cooky {}

.base-list-nav *,
.base-list-nav a {
	color: #999999;
	font-size: 14px;
}

.base-list-nav a:hover {
	color: #1273EB;

}

/* 详情推荐列表 */
.zhuige-recommend h2 {
	font-size: 16px;
	font-weight: 500;
	padding: 0 20px 20px;
}

.zhuige-recom-list .zhuige-list {
	margin: 0 2.4% 20px 0;
	width: 48.8%;
}

.zhuige-recom-list .zhuige-list:nth-child(2n) {
	margin-right: 0;
}

.zhuige-recom-list .zhuige-list .zhuige-list-img {
	flex: 0 0 90px;
	width: 90px;
	height: 70px;
}

.zhuige-recom-list .zhuige-list-cover {
	width: 90px;
	height: 70px;
}

.zhuige-recom-list .zhuige-list-text h5.text-title a {
	font-size: 14px;
	font-weight: 400;
}

.zhuige-hidden-block {
	background: #E1F2FC;
	border-radius: 8px;
	border: 1px dotted #1273EB;
	text-align: center;
}

.zhuige-hidden-block span {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	background-color: #1273EB;
	color: #E1F2FC;
	border-radius: 0 8px 0 8px;
	padding: 4px 16px;
	right: 0px;
	top: 0px;
}

.hidden-tips {
	color: #1273EB;
	font-size: 12px;
	line-height: 2em;
}

.hidden-btn a {
	padding: 6px 30px;
	background-color: #1273EB;
	color: #E1F2FC;
	font-size: 13px;
	font-weight: 400;
	border-radius: 30px;
}

.hidden-vip {
	background: #FFFAF5;
	border-color: #F59A23;
}

.hidden-vip span {
	color: #FFFAF5;
	background: #F59A23;
}

.hidden-vip .hidden-tips {
	color: #F59A23;
}

.hidden-vip .hidden-btn a {
	color: #FFFAF5;
	background: #F59A23;
}

.hidden-pay a {
	font-size: 12px;
	font-weight: 400;
	background-color: #FFEFDF;
	color: #F59A23;
	border-radius: 20px;
	padding: 4px 16px;
	margin: 0 4px;
}

/** 文章评论 **/
.zhuige-comment .zhuige-user-msg .zhuige-user .user-avatar {
	height: 40px;
	width: 40px;
}

.zhuige-comment .zhuige-user-msg .zhuige-user .data-info a {
	color: #1273EB;
}

.zhuige-reply {
	margin-left: 60px;
}

.zhuige-reply .user-info h6 text {
	margin: 0 8px;
}

.zhuige-comment h3 text {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-comment h3 span {
	font-size: 12px;
}

.zhuige-comment h3 cite {
	color: #999999;
}

.zhuige-comment h3 a {
	color: #1273EB;
}

.zhuige-comment-input input {
	height: 70px;
	background: #F9FAFB;
	line-height: 70px;
	text-indent: 20px;
	font-size: 12px;
	width: 86%;
	border-radius: 8px 0 0 8px;
}

.zhuige-comment-input a {
	cursor: pointer;
	height: 70px;
	background: #1273EB;
	color: #FFFFFF;
	text-align: center;
	line-height: 70px;
	font-size: 14px;
	width: 14%;
	border-radius: 0 8px 8px 0;
}
.zhuige-comment-input a:hover {
	opacity: .8;
}

.zhuige-comment-login {
	font-size: 12px;
	color: #717171;
}

.zhuige-comment-depth-2 {
	margin-left: 40px;
}

.zhuige-comment-depth-3 {
	margin-left: 80px;
}

.zhuige-comment-depth-4 {
	margin-left: 120px;
}

.zhuige-comment-depth-5 {
	margin-left: 160px;
}


.zhuige-resource-info .zhuige-advert-bg img {
	border-radius: 8px 8px 0 0;
}

.zhuige-resource-info .zhuige-view-tags div a {
	border: 1px solid #EDEDED;
	padding: 6px 14px;
	border-radius: 30px;
}

/** 资源下载 **/
.zhuige-download h4 {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 20px;
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-download span {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	background-color: #E1F2FC;
	color: #1273EB;
	border-radius: 0 8px 0 8px;
	padding: 4px 16px;
	right: 0px;
	top: 0px;
}

.zhuige-download span.vip-pay {
	background-color: #FFEFDF;
	color: #F59A23;
}

.zhuige-download p {
	padding: 20px 0;
	border-bottom: 1px dotted #EDEDED;
	display: flex;
	align-items: center;
}

.zhuige-download p:last-child {
	border: none;
	padding-bottom: 0;
}

.zhuige-download p strong {
	width: 70%;
	font-size: 13px;
	white-space: nowrap;
	font-weight: 400;
	color: #7F7F7F;
}
.zhuige-download p text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.zhuige-download-info p strong {
	width: 40%;
	overflow: hidden;
}
.zhuige-download-info p text {
	width: 60%;
}

.zhuige-download p a {
	color: #1273EB;
}

.zhuige-download div {
	padding-top: 20px;
}

.zhuige-download .download-btn a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	text-align: center;
	border: 1px solid #DDDDDD;
	font-size: 16px;
	font-weight: 400;
}

.zhuige-download .download-btn a:hover {
	opacity: .8;
}

.zhuige-download .local a {
	background-color: #1273EB;
	color: #FFFFFF;
	border-color: #1273EB;
}

.zhuige-download .vip a {
	background-color: #FFEFDF;
	color: #F59A23;
	border-color: #FFEFDF;
}

.zhuige-download .buy a {
	background-color: #F59A23;
	color: #FFFFFF;
	border-color: #F59A23;
}

.zhuige-download .download-btn cite {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	width: 100px;
	border: 1px solid #DDDDDD;
	border-radius: 0 50px 50px 0;
	right: 0px;
	top: 20px;
	text-align: center;
	background: #FFFFFF;
}

.zhuige-download .relative a {
	width: 70%;
}

.zhuige-download .download-tips a {
	color: #1273EB;
}

.zhuige-download .download-tips text {
	margin: 0 4px;
}

.zhuige-download .download-tips label {
	margin-left: 6px;
}

.zhuige-download p.justify-content-between text {
	font-size: 20px;
	font-weight: 500;
	color: #F59A23;
}

.zhuige-download p.justify-content-between b {
	font-size: 14px;
	font-weight: 400;
	color: #7F7F7F;
}

.zhuige-download p.justify-content-between text b {
	font-size: 12px;
	color: #F59A23;
}

/** 评分 **/
.zhuige-score {
	border-right: 1px solid #ECECEC;
	width: 300px;
}

.zhuige-score h6 text {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-score h6 span {
	font-size: 13px;
	font-weight: 400;
}

.zhuige-qa-group h5 {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-qa-group .zhuige-qa-list div {
	background: #F9FAFB;
	color: #AAAAAA;
}

.zhuige-score-count {
	margin-right: 20px;
	font-size: 60px;
	font-weight: 600;
	color: #F59A23;
}

.zhuige-scrore-rate {
	font-size: 12px;
	font-weight: 400;
}
.zhuige-scrore-rate-login {
	flex-direction: row-reverse;
}
.zhuige-score-list {
	width: 70%;
}
#resource-score .zhuige-score-list {
	padding-left: 50px;
}
.zhuige-scrore-line {}

.zhuige-scrore-type {
	width: 40px;
	color: #666666;
}

.zhuige-scrore-percent {
	width: 90%;
	background: #F2F2F2;
	border-radius: 12px;
	height: 12px;
}

.zhuige-scrore-percent div {
	height: 12px;
	width: auto;
	border-radius: 12px;
	background: #1CB3F5;
}

.zhuige-scrore-line:nth-child(2) .zhuige-scrore-percent div {
	background: #54BF8B;
}

.zhuige-scrore-line:nth-child(3) .zhuige-scrore-percent div {
	background: #FFB900;
}

.zhuige-scrore-line:nth-child(4) .zhuige-scrore-percent div {
	background: #EF8D4D;
}

.zhuige-scrore-line:nth-child(5) .zhuige-scrore-percent div {
	background: #EF4F4F;
}

.zhuige-scrore-data {
	width: 40px;
	padding-left: 10px;
	color: #666666;
	text-align: right;
}

.zhuige-resource-recommend h5 {
	/* border-bottom: 1px dotted #EDEDED; */
	font-size: 16px;
	font-weight: 500;
}

.zhuige-resource-recommend .zhuige-list {
	border-bottom: 1px dotted #EDEDED;
}
.zhuige-resource-recommend .zhuige-list .zhuige-list-bg {
	flex-direction: row-reverse;
}

.zhuige-resource-recommend .zhuige-list-text h5.text-title a {
	font-size: 16px;
}
.zhuige-resource-recommend .zhuige-list-text .sub-title a {
	font-size: 14px;
}
.zhuige-resource-recommend .zhuige-list:last-of-type {
	border: none;
	padding-bottom: 0;
}

.zhuige-resource-recommend .zhuige-list .zhuige-list-img {
	margin: 0 0 0 24px;
}

.zhuige-foot-tab {
	position: sticky;
	bottom: 12px;
	z-index: 1199;
	background: #F9F9F9;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	box-shadow: 0 10px 16px -8px rgba(79, 125, 183, .5);
	width: 520px;
}

.zhuige-foot-tab a {
	padding: 0 30px;
	border-radius: 40px;
	white-space: nowrap;
}

.zhuige-foot-tab a.active,
.zhuige-foot-tab a:hover {
	background: #1173EB;
	color: #FFFFFF;
}

.zhuige-advert-text-left .zhuige-advert-text div.res-opt a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	color: #000000;
}

.res-opt a span {
	display: block;
	height: 24px;
	width: 24px;
	background-image: url(images/respageopt.png);
	background-position: 0 -48px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: -1px 3px 0 0;
}

.res-opt a:nth-child(2) span {
	background-position: 0 0;
}

.res-opt a:hover span,
.res-opt a.active span {
	background-position: 0 -72px;
}

.res-opt a:nth-child(2):hover span,
.res-opt a:nth-child(2).active span {
	background-position: 0 -24px;
}

.zhuige-advert-text-left .zhuige-advert-text div.res-opt a:hover,
.zhuige-advert-text-left .zhuige-advert-text div.res-opt a.active,
.zhuige-praise-list .res-opt a:hover,
.zhuige-praise-list .res-opt a.active {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

.zhuige-advert-text .data-info text {
	color: #FFFFFF;
}

.zhuige-advert-text .data-info text::after {
	background: #FFFFFF;
}

.zhuige-praise-list .res-opt a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	margin: 0 4px;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	color: #7F7F7F;
	font-size: 14px;
	border-radius: 40px;
	text-align: center;
	border: 1px solid #DDDDDD;
}


/******* 产品微信支付 *******/

.zhuige-prd-pay-box {
	width: 360px;
	baground: #FFFFFF;
	border-radius: 2px;
}
.zhuige-prd-pay-info {
	text-align: center;
}
.zhuige-prd-pay-info p {
	padding: 10px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zhuige-prd-pay-info p img {
	height: 36px;
	width: auto;
	margin: 0 auto;
}
.zhuige-prd-pay-info p text {
	font-size: 14px;
	font-weight: 500;
	color: #333333;
}
.zhuige-prd-pay-info p strong {
	color: #888888;	
}

.zhuige-prd-pay-info h3 text {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}
.zhuige-prd-pay-info h3 strong {
	color: #ff6600;	
	font-weight: 500;	
}
.zhuige-prd-pay-qr {
	height: 200px;
	width: 200px;
	overflow: hidden;
	margin: 0 auto 20px;
}
.zhuige-prd-pay-qr img {
	height: 200px;
	width: 200px;	
}
.zhuige-prd-pay-tips text {
	display: block;
	text-align: center;
	height: 52px;
	line-height: 52px;
	font-size: 14px;
	background: #13AF2F;
	font-weight: 400;
	color: #FFFFFF;
}



/** 侧边栏 **/

aside .zhuige-search-form input {
	width: 160px;
	background: #F9FAFB;
	height: 40px;
	line-height: 40px;
	padding: 0 10px 0 20px;
	font-size: 12px;
}

aside .zhuige-search-form a {
	padding: 0 12px;
	background: #F9FAFB;
	height: 40px;
	line-height: 40px;
}

aside .zhuige-search-form a span {
	height: 40px;
	width: 40px;
}

aside .zhuige-search-form a span {
	background-position: 0 -40px;
}

aside .zhuige-box h5 text {
	font-size: 16px;
	font-weight: 500;
}

aside .zhuige-box h5 a {
	font-size: 12px;
	font-weight: 400;
}

aside .zhuige-list-text h5.text-title a {
	font-size: 14px;
}

.zhuige-side-tags a {
	display: block;
	width: 31%;
	margin-right: 3.5%;
	margin-top: 10px;
	background: #E9EEF5;
	height: 72px;
	text-align: center;
	border-radius: 4px;
}

.zhuige-side-tags a * {
	display: block;
}

.zhuige-side-tags a span {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	padding: 20px 0 10px;
}

.zhuige-side-tags a cite {
	color: #7f7f7f;
	font-size: 12;
	font-weight: 400;
}

.zhuige-side-tags a:nth-child(3n) {
	margin-right: 0;
}

.zhuige-side-tags a:hover {
	background: #1173EB;
}

.zhuige-side-tags a:hover * {
	color: #FFFFFF !important;
}


.zhuige-single-img a {
	display: block;
	height: 160px;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.zhuige-single-img a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-single-img a:hover img {
	transform: scale(1.03);
}

.zhuige-list-banner {
	margin: 20px 0 0;
}

.zhuige-list-banner .zhuige-list-img .zhuige-list-cover {
	height: 156px;
	width: 100%;
}

.zhuige-list-banner .zhuige-list-text {
	z-index: 3;
	bottom: 0;
	left: 0;
	padding: 14px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
	border-radius: 0 0 8px 8px;
}

.zhuige-list-banner .zhuige-list-text h5.text-title a,
.zhuige-list-banner .data-info>text {
	color: #FFFFFF;
}

aside .zhuige-list,
.zhuige-topic-biserial-list .zhuige-list {
	padding: 16px 0;
	border-bottom: 1px dotted #DDDDDD;
}

aside .zhuige-list:last-of-type,
.zhuige-topic-biserial-list .zhuige-list:last-of-type {
	border: none;
	padding-bottom: 0;
}

aside .zhuige-list .zhuige-list-img,
aside .zhuige-list .zhuige-list-img a,
.zhuige-topic-biserial-list .zhuige-list .zhuige-list-img,
.zhuige-topic-biserial-list .zhuige-list .zhuige-list-img a {
	width: 90px;
	height: 70px;
}

aside .zhuige-list .zhuige-list-img,
.zhuige-topic-biserial-list .zhuige-list .zhuige-list-img {
	flex: 0 0 90px;
}


/** 侧边栏 **/

/*** 大图轮播 ***/
.lb-box {
	width: 100%;
	height: 420px;
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.lb-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: hidden;
}

.lb-item {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
}

.lb-item>a {
	width: 100%;
	height: 100%;
	display: block;
}

.lb-item>a>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.lb-item>a:hover>img {
	transform: scale(1.1);
}


.lb-item>a>div {
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0px;
	padding: 15px;
	color: #fff;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.lb-item>a>div>h2 {
	width: 100%;
	padding-right: 170px;
	height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lb-item>cite {
	width: 100%;
	height: 100%;
	display: block;
}

.lb-item>cite>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lb-info {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
}

.lb-item.active {
	display: block;
	left: 0%;
}

.lb-item.active.left {
	left: -100%;
}

.lb-item.active.right {
	left: 100%;
}

/* 轮播控制 */
.lb-item.next,
.lb-item.prev {
	display: block;
	position: absolute;
	top: 0px;
}

.lb-item.next {
	left: 100%;
}

.lb-item.prev {
	left: -100%;
}

.lb-item.next.left,
.lb-item.prev.right {
	left: 0%;
}

.lb-sign {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 5px 3px;
	border-radius: 16px;
	list-style: none;
	user-select: none;
	background-color: rgba(0, 0, 0, 0.04);
}

.lb-sign li {
	width: 22px;
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	float: left;
	color: #aaa;
	margin: auto 4px;
	border-radius: 13px;
	cursor: pointer;
	opacity: 0.6;
}

.lb-sign li:hover {
	color: #fff;
}

.lb-sign li.active {
	color: #000;
	opacity: 1;
	background-color: #EBEBEB;
	transition: all 0.2s linear;
}

.lb-ctrl {
	position: absolute;
	z-index: 4;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	vertical-align: middle;
	font-weight: 200;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 600;
	user-select: none;
	background-color: rgba(255, 255, 255, .4);
	color: #99999;
	border-radius: 40px;
	cursor: pointer;
	transition: all 0.1s linear;
}

.lb-ctrl.left {
	left: -50px;
}

.lb-ctrl.right {
	right: -50px;
}

.lb-box:hover .lb-ctrl.left {
	left: 10px;
}

.lb-box:hover .lb-ctrl.right {
	right: 10px;
}

.lb-ctrl:hover {
	background-color: rgba(255, 255, 255, .2);
}

/* 轮播点差异 */
.lb-sign {
	right: auto;
	left: 50%;
	margin-left: -40px;
	margin-bottom: -40px;
}

.lb-sign li {
	height: 6px;
	width: 6px;
	font-size: 6px;
	line-height: 6px;
	color: rgba(0, 0, 0, 0);
	background-color: rgba(255, 255, 255, .6);
}

.lb-sign li:hover {
	color: rgba(0, 0, 0, 0);
	background-color: rgba(44, 112, 219, 1);
	transition: all 0.2s linear;
}

.lb-sign li.active {
	color: rgba(0, 0, 0, 0);
	width: 18px;
	opacity: 1;
	background-color: rgba(44, 112, 219, 1);
	transition: all 0.2s linear;
}

/*** 大图轮播 end ***/


.main-body article .md-8,
.main-body article .md-4 {
	height: 260px;
	position: relative;
	padding: 0;
}

.main-body article .md-8 {
	padding-right: 10px;
}

.zhuige-img-news {
	background: #FFFFFF;
	height: 260px;
}

.zhuige-img-news-side {
	height: 125px;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}

.zhuige-img-news-side a {}

.zhuige-img-news-side a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-img-news-side a:hover img {
	transform: scale(1.1);
}

.zhuige-img-news-side h6 {
	position: absolute;
	bottom: 0;
	height: 60px;
	line-height: 80px;
	font-size: 12px;
	color: #FFFFFF;
	width: 100%;
	padding: 0 10px;
	z-index: 19;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6));
}

.zhuige-img-news-side span {
	position: absolute;
	bottom: 40px;
	left: 10px;
	z-index: 3;
	padding: 0 16px;
	height: 24px;
	line-height: 24px;
	border-radius: 24px;
	font-size: 12px;
	background: #1173EB;
	color: #FFFFFF;
}

.zhuige-img-news-side:last-child {
	position: absolute;
	right: 0;
	bottom: 0;
}

.zhuige-img-news .lb-box {
	height: 260px;
}

.zhuige-img-news .lb-item {
	border-radius: 3px;
	overflow: hidden;
}

.zhuige-img-news .lb-item>a>div>span {
	padding: 3px 16px;
	border-radius: 24px;
	font-size: 12px;
	background: #1173EB;
	color: #FFFFFF;
	position: absolute;
	bottom: 60px;
	z-index: 3;
}

.zhuige-img-news .lb-item>a>div {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-img-news .lb-item>a>div>h2 {
	height: 80px;
	line-height: 110px;
}

.zhuige-img-news .lb-sign {
	left: 8px;
	margin: 0;
}


/*** 列表头分类 ***/
.zhuige-list-type a {
	font-size: 12px;
	font-weight: 400;
	padding: 6px 16px;
	background: #E9EEF5;
	border-radius: 32px;
	margin-left: 4px;
	white-space: nowrap;
}

.zhuige-list-type a:hover,
.zhuige-list-type a.active {
	background: #D5E6FC;
	color: #1173EB;
}

/*** 话题3列 ***/
.zhuige-topic-treble-list {}

.zhuige-topic-treble-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 32%;
	margin-right: 2%;
}

.zhuige-topic-treble-list .zhuige-list:nth-child(3) {
	margin: 0;
}

.zhuige-topic-treble-list .zhuige-list .zhuige-list-img,
.zhuige-topic-treble-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 168px;
	width: 100%;
	margin-right: 0;
}

.zhuige-topic-treble-list .zhuige-list-text,
.zhuige-topic-treble-list .zhuige-list-text,
.zhuige-fourfold-list .zhuige-list-text {
	flex: unset;
	width: 100%;
	margin-top: 20px;
}

.zhuige-topic-treble-list .zhuige-list-text h5.text-title a {
	font-size: 14px;
	font-weight: 400;
}

.zhuige-topic-biserial-list {
	width: 49%;
}

/*** 资源首页相关 ***/

.zhuige-resource-search .zhuige-main-search {
	margin: 0;
}

.zhuige-resource-search .zhuige-main-search h1 {
	text-align: left;
	text-indent: 40px;
}

.zhuige-resource-search .zhuige-main-search .zhuige-search-key {
	padding-left: 32px;
}

.zhuige-resource-search .zhuige-search-form a {
	height: 40px;
	line-height: 40px;
	margin: 2px;
	background: #1173EB;
	color: #FFFFFF;
	border-radius: 40px;
	padding: 0 30px;
	white-space: nowrap;
}

.zhuige-resource-search .zhuige-search-form {
	background: #FFFFFF;
	width: 560px;
}

.zhuige-resource-search .zhuige-search-form input {
	width: 480px;
}

.zhuige-search-key a {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 0 12px;
	margin-right: 8px;
	border-radius: 24px;
	opacity: .8;
}

.zhuige-search-key a:hover {
	opacity: 1;
}

.zhuige-res-icon .zhuige-icon {
	width: 24%;
	margin-right: 1.5%;
	transition: all 0.3s ease;
}

.zhuige-res-icon .zhuige-icon:hover {
	transform: translateY(-4px);
	transition: all 0.3s ease;
}

.zhuige-res-icon .zhuige-icon:last-child {
	margin: 0;
}

.zhuige-res-icon .zhuige-icon .icon-img {
	flex: 0 0 56px;
	height: 56px;
	width: 56px;
	margin-right: 10px;
	background: #D5E6FC;
	border-radius: 50%;
}

.zhuige-res-icon .zhuige-icon .icon-img img {
	height: 40px;
	width: 40px;
	margin: 8px;
}

.icon-text h6 {
	font-size: 16px;
	font-weight: 500;
	color: #403C3C;
}

.zhuige-res-icon .zhuige-icon .sub-title {
	font-size: 12px;
	color: #999999;
}

.zhuige-res-fourfold {
	background: none;
}

.zhuige-res-fourfold .text-info:last-of-type {
	border-top: 1px dotted #EDEDED;
}

.zhuige-news-swiper {}

.zhuige-news-swiper span {
	width: 80px;
}

.zhuige-news-swiper span img {
	width: 80%;
	height: auto;
}

.zhuige-news-swiper ul {
	width: 90%;
}

.zhuige-news-swiper ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zhuige-news-swiper ul li cite {
	height: 18px;
	width: 18px;
	background-image: url(images/are.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.zhuige-news-swiper ul li:hover cite {
	background-position: 0 -18px;
}


.zhuige-rate-list .zhuige-list {
	border: 1px solid #EEEEEE;
	border-radius: 8px;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.zhuige-rate-list .zhuige-list:nth-child(3n) {
	margin-right: 0;
}

.zhuige-rate-list .zhuige-list .zhuige-list-img {
	height: 108px;
	width: 108px;
	flex: 0 0 108px;
}

.zhuige-rate-list .zhuige-list-cover {
	height: 108px;
	width: 108px;
}

.zhuige-res-sault-list {
	background: #F8FCFE;
}

.zhuige-res-sault-list .zhuige-box {
	background: none;
}

.zhuige-res-sault-block {
	display: block;
	height: 500px;
	cursor: pointer;
}

.zhuige-res-sault-block cite {
	position: absolute;
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	z-index: 9;
}

.zhuige-res-sault-block .zhuige-res-sault-cover {
	height: 100%;
	width: 100%;
}

.zhuige-res-sault-cover {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.zhuige-res-sault-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	transition: transform 0.5s;
}
.zhuige-res-sault-cover:hover img {
	transform: none;	
}

.zhuige-res-sault-info {
	z-index: 8;
	height: 100px;
	width: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
	padding: 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-res-sault-info .zhuige-score-rate {
	opacity: 0;
	transition: all 0.3s ease;
}

.zhuige-res-sault-block:hover .zhuige-res-sault-info .zhuige-score-rate {
	opacity: 1;
}

.zhuige-res-sault-info h4 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(1) {
	height: 290px;
}

.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(2) {
	height: 190px;
	margin-top: 20px;
}

.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(1) {
	height: 190px;
}

.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(2) {
	height: 290px;
	margin-top: 20px;
}

.multistage-search .zhuige-search-form {
	background: #FFFFFF;
}

.multistage-search .zhuige-search-form a {
	height: 40px;
	line-height: 40px;
	margin: 2px;
	background: #1173EB;
	color: #FFFFFF;
	border-radius: 40px;
	padding: 0 30px;
	white-space: nowrap;
}

.multistage-search .zhuige-search-form input {
	width: 680px;
	/* width: 460px; */
	padding: 0 20px;
	height: 44px;
	line-height: 44px;
}

/* .multistage-search .zhuige-search-form input:focus {
	background: #FFFFFF;
} */

.multistage-search .zhuige-search-form cite {
	width: 120px;
	text-align: left;
	height: 40px;
	line-height: 40px;
	margin: 5px 0 5px 20px;
	border-right: 1px solid #EEEEEE;
	background-image: url(images/jiantou.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 80% 10px;
	font-size: 14px;
}

.zhuige-search-multistage {
	bottom: -130px;
	left: 0px;
}

.zhuige-search-multistage::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: -8px;
	left: 38px;
	background: linear-gradient(135deg, transparent 0, transparent 50%, #FFF 50%, #FFF 50%, #FFF 100%) left top / 50% 50% no-repeat,
		linear-gradient(225deg, transparent 0, transparent 50%, #FFF 50%, #FFF 50%, #FFF 100%) right top / 50% 50% no-repeat;
}


.zhuige-widegroup-list {
	background: #FFFFFF;
}

.zhuige-widegroup-block {
	height: 160px;
	width: 13%;
	margin-right: 1.5%;
	overflow: hidden;
	border-radius: 4px;
}

.zhuige-widegroup-block:nth-child(7) {
	margin-right: 0;
}

.zhuige-widegroup-block img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-widegroup-block a {
	position: absolute;
	z-index: 8;
	height: 50px;
	width: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
	color: #FFFFFF;
	padding: 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-list-arrow a {
	height: 26px;
	width: 26px;
	border-radius: 2px;
	margin-left: 8px;
	background: #FFFFFF;
}

.zhuige-list-arrow a:nth-child(1) span {
	rotate: 180deg;
}

.zhuige-list-arrow a span {
	display: block;
	height: 12px;
	width: 12px;
	margin: 7px;
	font-size: 0;
	background-image: url(images/are.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.zhuige-swiper-bg {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.main-body article .zhuige-swiper-bg .md-4 {
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.zhuige-swiper-bg h1 text {
	color: #FFFFFF;
}

.zhuige-swiper-block>div {
	height: 150px;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.zhuige-swiper-block>div img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-swiper-block>div p {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
}

.zhuige-swiper-block>div span {
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 300;
}

.zhuige-swiper-block>div cite {
	height: 24px;
	line-height: 24px;
	border-radius: 0 0 4px 4px;
	padding: 0 10px;
	background: #FF8600;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 300;
	margin-left: 6px;
}

.zhuige-swiper-block h4 a {
	font-size: 14px;
	line-height: 1.8em;
}


/****** 弹出层 ******/
.zhuige-pop-mask {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1299;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
}

.zhuige-pop-box {
	width: 300px;
	background: #FFFFFF;
	border-radius: 12px;
	position: relative;
}

.group-pop, .zhuige-resource-download-box {
	width: 520px;
}

.zhuige-pop-box .closed {
	position: absolute;
	height: 18px;
	width: 18px;
	font-size: 0;
	background-image: url(images/close.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	right: 6px;
	top: 6px;
}

.zhuige-pop-box .closed:hover {
	cursor: pointer;
}

.zhuige-pop-box h3 {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

.zhuige-pop-form p {
	height: 44px;
	line-height: 44px;
	background: #F2F2F2;
	border-radius: 22px;
	padding: 0 12px;
	color: #7f7f7f;
}

.zhuige-pop-opt p {
	line-height: 1.8em;
}

.zhuige-pop-form p input {
	background: none;
	width: 160px;
}

.zhuige-pop-form p.get-pwd input {
	width: 100%;
}

.zhuige-pop-form p:hover {
	background: #E6E6E6;
	transition: all 0.3s ease;
}


.zhuige-pop-opt span,
.zhuige-pop-opt span a,
.zhuige-pop-opt p.tips a {
	color: #1173EB;
}

.zhuige-pop-opt span a:hover,
.zhuige-pop-opt p.tips a:hover {
	color: #1CB3F5;
}

.zhuige-pop-btn a,
.zhuige-pop-btn input[type=button] {
	height: 44px;
	line-height: 44px;
	text-align: center;
	width: 100%;
	border-radius: 22px;
	background: #1173EB;
	color: #FFFFFF;
}

.zhuige-pop-btn input[type=button] {
	border: none;
	transition: all 0.3s ease;
}

.zhuige-pop-btn a:hover,
.zhuige-pop-btn input[type=button]:hover {
	background: #1CB3F5;
	cursor: pointer;
}

.zhuige-pop-opt p.tips * {
	margin: 0 3px;
}

.zhuige-pop-opt p.tips label {
	display: flex;
	align-items: center;
}

.zhuige-pop-qr {
	text-align: center;
	height: 220px;
	width: 220px;
	overflow: hidden;
}

.zhuige-pop-qr img {
	height: 160px;
	width: 160px;
}

.zhuige-pop-qr p {
	padding-top: 10px;
}

#zhuige-wechat-login {
	width: 260px;
	margin-top: -10px;
}

#zhuige-wechat-login iframe {
	width: 240px;
	height: 330px;
}

.zhuige-pop-search {
	width: 600px;
}

.zhuige-pop-search .zhuige-search-form input {
	border: 1px solid #CCCCCC;
	border-right: 0;
}

.zhuige-pop-search .zhuige-search-tag a {
	color: #999999;
}

.zhuige-pop-search .zhuige-search-tag a:hover {
	color: #ffffff;
}

.zhuige-pop-box .zhuige-search-form a {
	border: 1px solid #CCCCCC;
	border-left: 0;
}

.zhuige-pop-box .zhuige-search-form a:hover {
	border-color: #1173eb;
}

.zhuige-pop-tips {
	flex-direction: row-reverse;
}

.zhuige-pop-tips *,
.zhuige-pop-tips {
	margin-left: 6px;
	color: #666666;
}

.zhuige-pop-tips a {
	color: #1173eb;
}

.zhuige-pop-tips input[type=checkbox] {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}

.zhuige-resource-download-info {
	
}
.zhuige-resource-download-info h4 {
	font-size: 16px;
	font-weight: 500;
}
.zhuige-resource-download-info p {
	padding: 20px 0;
	border-bottom: 1px solid #DDDDDD;
	font-size: 14px;
	font-weight: 400;
	color: #1272EB;
}
.zhuige-resource-download-info p a {
	color: #1272EB;	
}
.zhuige-resource-download-info p a:hover {
	opacity: .8;
}
.zhuige-resource-download-tips {
	padding: 0 20px 20px;
}
.zhuige-resource-download-tips h4 {
	font-size: 14px;
	font-weight: 500;
	padding 10px 0 0;
}
.zhuige-resource-download-tips p {
	padding: 10px 0 0;
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}

/* 找回密码 */
.zhuige-re-pass {
	padding: 160px 0;
	height: 600px;
}
.zhuige-re-pass-form {
	background: #FFFFFF;
	width: 480px;
	height: 280px;
	border-radius: 8px;
	box-shadow: 0 0px 12px -2px rgba(79,125,183,.1);	
}
.zhuige-re-pass-form h3 {
	font-size: 18px;
	font-weight: 500;
}
.zhuige-re-pass-form p input[type="password"] {
	height: 44px;
	line-height: 44px;
	background: #F2F2F2;
	border-radius: 22px;
	padding: 0 12px;
	width: 100%;
}
.zhuige-re-pass-form p input[type="button"] {
	height: 44px;
	line-height: 44px;
	text-align: center;
	width: 100%;
	border-radius: 22px;
	background: #1173EB;
	color: #FFFFFF;
	border: none;
}
.zhuige-re-pass-form p input[type="button"]::after {
	border: none;
}


/* vip 弹出 支付 */
.zhuige-vip-pay {
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background: no-repeat;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	border-radius: 8px 8px 0 0;
}

.zhuige-vip-pay .closed {
	top: 18px;
	right: 18px;
}

.zhuige-vip-type {
	background: #F9FAFC;
	font-size: 14px;
}

.zhuige-vip-type a {
	padding-right: 50px;
	color: #7f7f77;
}

.zhuige-vip-type a:hover,
.zhuige-vip-type a.active {
	color: #C7A773;
	font-weight: 500;
}
.zhuige-vip-type-recommend {
	
}


.zhuige-vip-group {
	margin: 0 -1%;
	overflow-x: scroll;
}
.zhuige-vip-group::-webkit-scrollbar {
	display: none;
}

.zhuige-vip-group div.zhuige-vip-type-price {
	width: 24%;
	text-align: center;
	border: 1px solid #D8D8D8;
	background: #FCFCFC;
	border-radius: 8px;
	margin: 0 0.6%;
	padding: 20px 10px;
	position: relative;
	cursor: pointer;
	display: flex;
}

.zhuige-vip-group .zhuige-vip-type-price:hover,
.zhuige-vip-group div.active {
	border-color: #F59B23;
	background: #FEF6ED;

}
.zhuige-vip-group div.zhuige-vip-type-price div {
	
}

.zhuige-vip-group div span {
	position: absolute;
	z-index: 1999;
	-webkit-transform: scale(0.8);
	color: #FFFFFF;
	background: #F59B23;
	border-radius: 8px 0 8px 0;
	padding: 4px 12px;
	top: -3px;
	left: -9px;
}

.zhuige-vip-group h5 {
	font-size: 14px;
	color: #555555;
	font-weight: 500;
	padding: 6px;
}

.zhuige-vip-group p {
	padding: 4px;
	white-space: nowrap;
}

.zhuige-vip-group p em {
	font-size: 12px;
	font-weight: 300;
	color: #F59B23;
}

.zhuige-vip-group p strong {
	font-size: 16px;
	font-weight: 500;
	color: #F59B23;
}

.zhuige-vip-group p text {
	font-size: 12px;
	font-weight: 300;
	color: #555555;
	text-decoration: line-through;
}

.zhuige-vip-group-pay {
	border-top: 1px solid #EEEEEE;
}

.zhuige-pop-pay-qr {}

.zhuige-pop-pay-qr img {
	height: 120px;
	width: 120px;
}

.zhuige-pop-pay-tips p {
	padding: 2px;
	line-height: 1.8em;
}

.zhuige-pop-pay-tips p em {
	font-size: 12px;
	font-weight: 300;
	color: #F59B23;
}

.zhuige-pop-pay-tips p strong {
	font-size: 16px;
	font-weight: 500;
	color: #F59B23;
}

.zhuige-pop-pay-tips p img {
	height: 16px;
	width: 16px;
	margin-right: 8px;
}

.zhuige-pop-pay-tips p a {
	color: #1272EB;
}

.zhuige-vip-intro .zhuige-qa-list p a {
	font-size: 16px;
}

.zhuige-vip-intro .lb-sign {
	margin-bottom: 20px;
}

/* 内容为空 start */
.zhuige-none-tips {
	text-align: center;
	padding: 100px 40px;
	background: #FFFFFF;
	border-radius: 8px;
}

.zhuige-none-tips img {
	height: 120px;
	width: 120px;
	background: #EEEEEE;
}

.zhuige-none-tips p {
	color: #999999;
}

/* 内容为空 end */

/* 返回顶部按钮 start */
.zhuige-float-block {
	position: fixed;
	right: 20px;
	bottom: 15%;
	z-index: 39;
}

.zhuige-float-gotop {
	height: 44px;
	width: 44px;
	line-height: 48px;
	border-radius: 50%;
	background: #FFFFFF;
	text-align: center;
}

.zhuige-float-gotop .fa {
	color: #999999;
	font-size: 20px;
}

.zhuige-float-gotop:hover {
	cursor: pointer;
}

.zhuige-float-gotop:hover .fa {
	color: #555555;
}

/* 返回顶部按钮 end */

.header-fix {
	padding-top: 90px;
}

.zhuige-type-text {
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
}

#type-box {
	font-size: 14px;
	margin-right: 4px;
	font-weight: 500;
	height: 1.1em;
}

.typed-cursor {
	height: 1.1em;
}

.zhuige-arc-page .md-9 {
	 max-width: 80%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 80%;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
}
/******* wp相册适配 *******/

#gallery-1 {
	display: flex!important;
	flex-wrap: nowrap;
	overflow-x: auto!important;
	overflow-y: hidden!important;
	scrollbar-width: none!important;
}

#gallery-1 .gallery-item {
    padding: 10px 0!important;
	margin: 0 10px 0 0!important;
	float: none!important;
	width: unset!important;
	
}
#gallery-1 .gallery-caption {
	padding: 10px 0;
	font-size: 12px;
}

#gallery-1 img {
	border-width: 1px!important;
	max-width: max-content!important;
}

/* 移动端  footer */
/******* h5适配 *******/
@media (min-width: 768px) {
	.container {
		width: 90%;
	}
}

@media (max-width: 768px) {
	.zhuige-mobile-footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #FFFFFF;
		text-align: center;
		padding: 10px 0;
		z-index: 199;
		box-shadow: 0 0px 12px -2px rgba(79, 125, 183, .3);
	}

	.zhuige-mobile-footer div {
		width: 20%;
	}

	.zhuige-mobile-footer div a {
		display: block;
	}

	.zhuige-mobile-footer div span {
		height: 24px;
		width: 24px;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}

	.zhuige-mobile-footer div span img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.zhuige-mobile-footer div p {
		font-size: 11px;
		color: #111111;
		line-height: 3em;
	}

	.zhuige-mobile-footer div a.active p {
		font-size: 11px;
		color: #2C70DB;
	}

	nav .zhuige-nav {
		display: none;
	}

	.zhuige-main-search {
		width: 90%;
	}

	.zhuige-list-type {
		overflow: scroll;
		overflow-x: auto;
		overflow-y: hidden;
		display: inherit;
	}

	.zhuige-list-type::-webkit-scrollbar {
		display: none;
	}

	footer .zhuige-copy-link {
		flex-wrap: wrap;
		padding: 20px;
		line-height: 2em;
	}
	
	.zhuige-foot-link {
		display: none;
	}

	.zhuige-site-links {
		display: none;
	}

	.zhuige-list .zhuige-list-img {
		flex: 0 0 120px;
		height: 100px;
		width: 120px;
	}

	.zhuige-list-cover {
		height: 100px;
		width: 120px;
	}

	aside.md-1 {
		display: none;
	}

	aside.md-2 {
		display: none;
	}

	.zhuige-advert-about,
	.zhuige-user-page {
		padding: 60px 30px 0px;
	}

	.zhuige-resource-triple .zhuige-list {
		width: 100%;
	}

	.zhuige-resource-triple .zhuige-list:nth-child(3n) {
		margin-right: 0;
	}

	.zhuige-user-menu {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.zhuige-user-menu p {
		width: 33.333%;
		justify-content: center;
	}

	.zhuige-search-key a:nth-child(n+4) {
		display: none;
	}

	aside.zhuige-menu-aside {
		display: none !important;
	}

	.zhuige-recom-list .zhuige-list {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.zhuige-recom-list .zhuige-list:nth-child(2n) {
		margin-right: 0;
	}

	.zhuige-about-menu {
		overflow-x: scroll;
		overflow-y: hidden;
		background: #FFFFFF;
		margin: 0 10px 20px 10px;
		padding: 20px 0;
		border-radius: 8px;
	}

	.zhuige-about-menu::-webkit-scrollbar {
		display: none;
	}

	.zhuige-about-menu .zhuige-box {
		display: inline;
		white-space: nowrap;
	}

	.zhuige-page-menu a {
		white-space: nowrap;
	}

	.sub-title {
		line-height: 1.4em;
	}

	footer {
		padding-bottom: 80px;
	}

	.zhuige-advert-info .justify-content-between {
		flex-wrap: wrap;
	}

	.zhuige-advert-info .user-act a {
		margin: 0 20px 0 0;
	}

	.zhuige-opt-mobile {
		display: block;
		width: 100%;
	}

	.zhuige-opt-mobile ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.zhuige-opt-mobile ul li {
		margin: 0 20px;
	}

	.zhuige-resource-opt .zhuige-search-form,
	.zhuige-resource-opt .zhuige-search-form input {
		width: 100%;
	}	
	
	.zhuige-resource-search .zhuige-main-search {
		margin: 0 auto;
	}
	.zhuige-resource-search .zhuige-main-search h1 {
		text-align: center;
		text-indent: 0;
	}
	.zhuige-res-sault-block {
		height: 300px;
	}
	.zhuige-res-sault .row .md-3:nth-child(2n) {
		margin-bottom: 20px;
	}
	.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(1),
	.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(2) {
		height: 170px;
	}
	
	.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(2),
	.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(1) {
		height: 110px;
	}
	.zhuige-user-msg .zhuige-user .user-info p {
		height: 1.8em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	
	.zhuige-vip-goods-group {
		background-size: cover;
		background-position-x: center;
	}
	.zhuige-resource-search .zhuige-search-form {
		width: 100%;
	}
	.zhuige-res-icon .zhuige-icon {
		width: 49%;
		margin-right: 2%;
	}
	.zhuige-res-icon .zhuige-icon:nth-child(2n) {
		margin-right: 0;
	}
	.zhuige-box h1 text {
		margin-bottom: 20px;
	}
	.zhuige-fourfold-list .zhuige-list {
		width: 100%;
		margin-right: 1;		
	}
	
	.zhuige-advert-side-cover .zhuige-advert-text {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.zhuige-rate-list .zhuige-list {
		width: 100%;
		margin-right: 0;
	}

	.zhuige-intro-module div.xs-6 {
		margin-bottom: 20px;
	}
	.zhuige-score {
		width: 100%;
		border: none;
		margin-bottom: 10px;
	}
	#resource-score .zhuige-score-list {
		width: 100%;
		padding-left: 0;
	}
	.zhuige-foot-tab {
		width: 100%;
	}
	.zhuige-comment-input input {
		width: 76%;
	}
	.zhuige-comment-input a {
		width: 24%;		
	}
	.zhuige-foot-tab > div {
		overflow: hidden;
		overflow-x: scroll;
	}
	.zhuige-foot-tab > div::-webkit-scrollbar {
		display: none;
	}
	.zhuige-vip-group div.zhuige-vip-type-price {
		width: 33.3%;
	}
	.zhuige-vip-group div.zhuige-vip-type-price div {
		min-width: 80px;
	}
	.zhuige-re-pass-form {
		width: 90%;
	}

	
	.zhuige-qa-list p a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 1.6em;
	}
	.zhuige-list .overFlow-n {
		-webkit-line-clamp: 1;
	}
	.zhuige-resource-bar {
		display: none;
	}
	.zhuige-foot-tab {
		display: none;
	}
	.group-pop, .zhuige-resource-download-box {
		width: 90%;
	}
	.zhuige-poster .zhuige-user {
		width: 100%;
		overflow: hidden;
	}
	.zhuige-poster .user-info p {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 1em;
	}
	.zhuige-intro-module .xs-6:nth-child(2n-1) {
		padding-right: 5px;
	}
	.zhuige-intro-module .xs-6:nth-child(2n) {
		padding-left: 5px;
	}
	.zhuige-order .zhuige-list-bg > .zhuige-order-pay {
		display: none;
	}
	.zhuige-order .zhuige-list .zhuige-list-text > .zhuige-order-pay {
		display: block;
		text-align: left;
		padding-top: 6px;
	}
	.zhuige-list-type a:nth-child(1) {
		margin-left: 0;
	}
	.zhuige-uc .zhuige-box h1 text {
		margin-bottom: 0;
	}
}

body .layui-layer-noboxshade{
    background: 0 0;
    box-shadow: none;
}

body .layui-layer-noboxshade .layui-layer-content {
    overflow: hidden;
}

body .layui-layer-noboxshade .layui-layer-content img {
	width: auto;
}
/* ========== 分类页右上角排序条 ========== */
.zg-sort-bar {
	gap: 8px;
	flex-wrap: wrap;
}

.zg-sort-chip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 13px;
	line-height: 20px;
	color: #8f98a0 !important; /* 站点暗色主题 a{color:...!important}，需同级对抗 */
	background: transparent !important;
	border: none;
	text-decoration: none;
	white-space: nowrap;
	transition: color .15s ease, background .15s ease, box-shadow .15s ease;
} 会盖掉普通声明，这里需同级对抗 */

	background: #FFFFFF;
	border: 1px solid #E3E5E8;
	text-decoration: none;
	white-space: nowrap;
	transition: color .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.zg-sort-chip svg {
	width: 11px;
	height: 11px;
	fill: currentColor;
	opacity: .55;
	flex: 0 0 auto;
}

.zg-sort-chip:hover {
	color: #FFFFFF !important;
	text-decoration: none;
}

.zg-sort-chip.active {
	color: #FFFFFF !important;
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
	font-weight: 600;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 2px 6px rgba(88, 138, 27, .4);
}

.zg-sort-chip.active:hover {
	color: #FFFFFF !important;
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important;
}

.zg-sort-chip.active svg {
	opacity: .9;
}

.zg-sort-count {
	color: #999;
	font-size: 13px;
	margin-left: 4px;
	white-space: nowrap;
}

/* ========== 导航栏紧凑搜索框 ========== */
.zhuige-search-form.zg-nav-search {
	display: flex;
	align-items: center;
	margin: 0 60px 0 0 !important;
}

.zhuige-search-form.zg-nav-search input {
	width: 200px !important;
	height: 34px !important;
	line-height: 34px !important;
	font-size: 13px !important;
	padding: 0 12px 0 14px !important;
	border-radius: 17px 0 0 17px !important;
	background: rgba(255, 255, 255, .12) !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, .18) !important;
	border-right: none !important;
}

.zhuige-search-form.zg-nav-search input::placeholder {
	color: rgba(255, 255, 255, .55) !important;
}

.zhuige-search-form.zg-nav-search input:focus {
	background: rgba(255, 255, 255, .18) !important;
	outline: none;
}

.zhuige-search-form.zg-nav-search a.zhuige-btn-search {
	width: 44px !important;
	height: 34px !important;
	line-height: 34px !important;
	padding: 0 !important;
	border-radius: 0 17px 17px 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zhuige-search-form.zg-nav-search a.zhuige-btn-search span {
	width: 18px !important;
	height: 18px !important;
	background-size: 100% auto !important;
	background-position: 0 0 !important;
	filter: brightness(4);
}

@media (max-width: 768px) {
	.zhuige-search-form.zg-nav-search input {
		width: 130px !important;
	}
}

/* ========== 首页横幅加高 + 热门游戏 hover 放大轮播 ========== */
.zg-home-hero .zhuige-search-bg,
.zg-home-hero .zhuige-search-box {
	height: 520px !important;
}

.zg-hero-carousel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	z-index: 20; /* 需高于横幅覆盖层 .zhuige-search-box 的 z-index:9 */
}

/* 统计卡已移至 hero 闭合之后（轮播图正下方），PC 端随文档流落在轮播下方 */
.zhuige-stats-cards {
	position: static !important;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin: 28px 0 24px !important;
}

/* 移动端整体收紧 */
@media (max-width: 768px) {
	.zg-home-hero .zhuige-search-bg,
	.zg-home-hero .zhuige-search-box {
		height: 420px !important;
	}

	.zg-hero-head h2 {
		font-size: 20px;
	}

	.zg-hero-track {
		height: 210px;
	}

	.zg-hero-carousel {
		bottom: 20px;
	}

	/* 移动端：统计条浮在首页 hero 背景图（0~333px，导航 92px 之下）垂直居中、水平居中 */
	.zhuige-stats-cards {
		position: absolute !important;
		top: 100px !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		transform: translateX(-50%) !important;
		width: 92% !important;
		max-width: 92% !important;
		margin: 0 !important;
		z-index: 6 !important;
	}

	.stat-card {
		padding: 14px 16px;
		gap: 12px;
	}

	/* 移动端统计条空间有限：不显示「已收录游戏」卡片（桌面端显示） */
	.stat-card-library {
		display: none !important;
	}
	/* 隐藏该卡片后，其紧跟卡片左侧残留的分隔线一并去掉 */
	.stat-card-library + .stat-card::before {
		display: none !important;
	}
}

.zg-hero-head {
	margin-bottom: 14px;
}

.zg-hero-head h2 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .65);
}

.zg-hero-head span {
	color: rgba(255, 255, 255, .6);
	font-size: 13px;
}

.zg-hero-track {
	display: flex;
	gap: 14px;
	height: 330px;
}

.zg-hero-card {
	flex: 1 1 0;
	min-width: 0;
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	border: none;
	transition: flex-grow .4s cubic-bezier(.22, .61, .36, 1), border-color .3s ease, box-shadow .3s ease;
	text-decoration: none;
}

.zg-hero-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: .82;
	transition: opacity .3s ease;
}

.zg-hero-card:hover {
	border-color: #d1b480;
	box-shadow: inset 0 0 20px rgba(229,193,133,.12), 0 0 30px rgba(209,180,128,.25);
	text-decoration: none;
}

.zg-hero-card:hover img {
	opacity: 1;
}

.zg-hero-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 34px 14px 12px;
	background: linear-gradient(to top, rgba(10, 14, 20, .92) 0%, rgba(10, 14, 20, .55) 55%, transparent 100%);
}

.zg-hero-badge {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
	padding: 1px 8px;
	border-radius: 3px;
}

.zg-hero-info h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 0 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: font-size .2s ease;
}

.zg-hero-card:hover .zg-hero-info h3 {
	-webkit-line-clamp: 2;
	font-size: 16px;
}

@media (max-width: 768px) {
	.zg-home-hero .zhuige-search-bg,
	.zg-home-hero .zhuige-search-box {
		height: 420px !important;
	}

	.zg-hero-track {
		height: 210px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.zg-hero-card {
		flex: 0 0 190px;
	}
}

/* ========== 移动端：顶部导航恢复显示 + 搜索框自适应 ========== */
@media (max-width: 768px) {
	/* 导航条允许换行：第一行 LOGO + 搜索，第二行菜单（横向滚动） */
	nav {
		height: auto;
		min-height: 60px;
		padding: 6px 0;
		row-gap: 2px;
	}

	nav .logo img {
		height: 38px;
	}

	header {
		min-height: 68px;
	}

	nav .logo {
		order: 1;
		flex: 0 0 auto;
		padding-left: 0;
	}

	nav .zhuige-nav-side {
		order: 2;
		flex: 1 1 0;            /* basis 0：否则 auto 基准会把搜索框挤到自己独占一行 */
		min-width: 0;
		justify-content: flex-end;
	}

	nav .zhuige-nav {
		order: 3;
		flex: 1 1 100%;
		display: block !important;   /* 主题在手机端默认隐藏顶部菜单，这里恢复 */
		margin-top: 4px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	nav .zhuige-nav-list {
		padding: 0;
		flex-wrap: nowrap;
		gap: 4px;
	}

	nav .zhuige-nav-list li {
		padding: 0 8px;
		white-space: nowrap;
	}

	nav .zhuige-nav-list li:first-child {
		padding-left: 0;
	}

	/* 搜索框随剩余空间伸缩，避免溢出导航条 */
	.zhuige-search-form.zg-nav-search {
		flex: 1 1 auto;
		min-width: 0;
		max-width: 240px;
	}

	.zhuige-search-form.zg-nav-search input {
		width: 100% !important;
		min-width: 0;
		box-sizing: border-box;
	}

	.zhuige-search-form.zg-nav-search a.zhuige-btn-search {
		flex: 0 0 44px;
	}
}

/* ========== 移动端隐藏首页轮播（仅电脑端展示） ========== */
@media (max-width: 768px) {
	.zg-hero-carousel {
		display: none !important;
	}

	.zg-home-hero .zhuige-search-bg,
	.zg-home-hero .zhuige-search-box {
		height: 300px !important;
	}
}

/* ===== 匿名评论（2026-09-29）===== */
.zhuige-comment-input.has-nickname input.zhuige-comment-nickname {
	width: 20%;
	border-radius: 8px 0 0 8px;
}
.zhuige-comment-input.has-nickname input.zhuige-comment-content {
	width: 66%;
}
.zhuige-comment-notice {
	font-size: 12px;
	color: #8a9aae;
	margin: -10px 0 16px;
}
@media (max-width: 768px) {
	.zhuige-comment-input.has-nickname input.zhuige-comment-nickname {
		width: 22%;
	}
	.zhuige-comment-input.has-nickname input.zhuige-comment-content {
		width: 54%;
	}
}


/* ===== 3344 页面内联定制 CSS ===== */

img{ -webkit-user-drag:none; -webkit-touch-callout:none; user-select:none; }
.zg-steam-detail, .entry-content{ -webkit-touch-callout:none; }



/* ============================================================
   1. 首页布局：5 列卡片网格
   ============================================================ */
.zhuige-list-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}
.zhuige-list-container > h1 {
  grid-column: 1 / -1;
  margin-bottom: 0 !important;
  padding-bottom: 8px !important;
}
/* 翻页后的文章包在 .zhuige-theme-post-list 内，用 display: contents
   让里面的 .zhuige-base-list 直接参与外层 5 列网格 */
/* 置顶段：display: contents 让置顶卡直接参与 5 列网格；
   取消置顶后空壳不渲染任何盒子，不会再留一个空格子（2026-09-23） */
.zhuige-list-container > .zg-sticky-block {
  display: contents;
}
.zhuige-list-container > .zhuige-theme-post-list {
  display: contents;
}
.zhuige-list-container .zhuige-base-list {
  border-radius: 8px;
  overflow: hidden;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: box-shadow .3s ease, transform .3s ease, background .3s ease;
}
.zhuige-list-container .zhuige-base-list:hover {
  transform: translateY(-3px);
}
.zhuige-list-container .zhuige-list {
  display: block !important;
  padding: 0 0 14px 0 !important;
  height: 100%;
  border: none !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-img {
  width: 100% !important;
  min-width: 100% !important;
  flex: none !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 10px 0 !important;
  border-radius: 0 !important;
  background: #16202d;
}
.zhuige-list-container .zhuige-list .zhuige-list-cover {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-text { padding: 0 10px; width: 100%; }
.zhuige-list-container .zhuige-list .text-title {
  font-size: 14px; line-height: 1.45; margin-bottom: 10px !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.zhuige-list-container .zhuige-list .sub-title { display: none !important; }
.zhuige-list-container .zhuige-list .zhuige-list-cover:hover img { transform: none; }
aside.md-3 { display: none !important; }
article.md-9 { max-width: 100% !important; flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; }
@media (max-width: 1200px) { .zhuige-list-container { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 950px)  { .zhuige-list-container { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 640px)  {
  .zhuige-list-container { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
  .zhuige-list-container .zhuige-list .zhuige-list-img {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
}

/* ============================================================
   2. Steam 风格整站配色
   ============================================================ */
:root {
  --st-nav: #171a21;
  --st-bg: #1b2838;
  --st-footer: #16202d;
  --st-panel: #2a475e;
  --st-card: #21384f;
  --st-card-hover: #2a475e;
  --st-text: #c6d4df;
  --st-text-bright: #ffffff;
  --st-text-dim: #8f98a0;
  --st-blue: #66c0f4;
  --st-link: #67c1f5;
  --st-input: #316282;
  --st-border: #2a3f5a;
}

body { background: var(--st-bg) !important; color: var(--st-text) !important; }

/* 顶部导航 */
.header-bg {
  background: var(--st-nav) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.55) !important;
}
/* 所有页面导航统一为实色（与留言板一致），覆盖首页滚动 JS 切换 header-bg 造成的透明态 */
.index-header { background: var(--st-nav) !important; box-shadow: 0 2px 10px rgba(0,0,0,.55) !important; }
.zhuige-nav-list li a { color: var(--st-text) !important; }
.zhuige-nav-list li a:hover,
.zhuige-nav-list li.nav-activ a { color: var(--st-text-bright) !important; }
.zhuige-nav-side, .zhuige-nav-side a, .zhuige-nav-side text { color: var(--st-text) !important; }
/* 导航右侧「注册/登录」入口：做成精致胶囊按钮 */
nav .zhuige-nav-side .nav-user a.zhuige-btn-pop-login {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px !important;
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #ffffff !important;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
  transition: filter .2s ease, box-shadow .2s ease;
}
nav .zhuige-nav-side .nav-user a.zhuige-btn-pop-login:hover {
  filter: brightness(1.14);
  box-shadow: 0 3px 12px rgba(0, 0, 0, .5);
}
nav .zhuige-nav-side .nav-user cite {
  display: none !important; /* 去掉左侧小头像 */
}

/* 内容盒 */
.zhuige-box { background: transparent !important; }
.zhuige-box h1 text { color: var(--st-text-bright) !important; }
.zhuige-box h1 span a { color: var(--st-text) !important; background: rgba(255,255,255,.06) !important; }
.zhuige-box h1 span a:hover,
.zhuige-box h1 span a.active { color: #fff !important; background: var(--st-panel) !important; }

/* 卡片列表 */
.zhuige-base-list {
  background: var(--st-card) !important;
  border: none !important;
}
.zhuige-base-list:hover { background: var(--st-card-hover) !important; box-shadow: 0 8px 24px rgba(0,0,0,.5) !important; }
.text-title a { color: var(--st-text-bright) !important; }
.text-title a:hover { color: var(--st-blue) !important; }
.text-info, .data-info, .data-info text, .data-info a { color: var(--st-text-dim) !important; }
.sub-title a { color: var(--st-text-dim) !important; }
.user-info text, .user-info a { color: var(--st-text-dim) !important; }
.zhuige-user { border-color: var(--st-border) !important; }

/* 分类筛选 tab */
.zhuige-list-type a { color: var(--st-text-dim) !important; background: transparent !important; }
.zhuige-list-type a:hover { color: var(--st-text) !important; }
.zhuige-list-type a.active { color: var(--st-blue) !important; background: transparent !important; }

/* 页脚 */
footer { background: var(--st-footer) !important; }
footer, footer p, footer text, footer span, footer .zhuige-main-footer .column { color: var(--st-text-dim) !important; }
footer a { color: var(--st-text-dim) !important; }
footer a:hover { color: var(--st-blue) !important; }

/* 页脚吸底：内容不足一屏时 footer 贴在视口底部（与留言板一致） */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > .main-body {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}

/* 链接 */
a { color: var(--st-link); }
a:hover { color: #ffffff; }

/* 按钮：Steam 绿 */
.zhuige-btn-pop-login,
.zhuige-pop-btn a, .zhuige-pop-btn input[type=button],
.zhuige-more-btn, .zhuige-download .download-btn a,
.zhuige-forum-btn a, button[type=submit], input[type=submit] {
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
  text-shadow: 1px 1px 0 rgba(0,0,0,.35) !important;
}
.zhuige-btn-pop-login:hover,
.zhuige-pop-btn a:hover, .zhuige-pop-btn input[type=button]:hover,
.zhuige-more-btn:hover, .zhuige-download .download-btn a:hover,
button[type=submit]:hover, input[type=submit]:hover {
  background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important;
}

/* 输入框 */
input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], textarea, select {
  background: var(--st-input) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
}
input::placeholder, textarea::placeholder { color: #9fbed4 !important; }
input:focus, textarea:focus { border-color: var(--st-blue) !important; outline: none !important; }

/* 弹窗 / 登录框 */
.zhuige-pop-box, .zhuige-pop-form, .zhuige-pop-opt, .zhuige-pop-content {
  background: #1f2f42 !important;
  color: var(--st-text) !important;
}
.zhuige-pop-box text, .zhuige-pop-box p, .zhuige-pop-box span,
.zhuige-pop-form text, .zhuige-pop-form p, .zhuige-pop-form span { color: var(--st-text) !important; }
/* 登录/注册弹窗输入行：改成深色（覆盖主题默认的浅灰 #F2F2F2 胶囊，否则深色弹窗上会出现白色方块、且浅色标签字看不清） */
.zhuige-pop-form p {
  background: #16222f !important;
  border: 1px solid #2a3f5a !important;
}
.zhuige-pop-form p:hover { background: #1e3044 !important; }
.zhuige-pop-form p text { color: #c6d4df !important; }
.zhuige-pop-form p input {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

/* 面包屑 / 标题区 */
.breadcrumb, .breadcrumb a, .zhuige-breadcrumb, .zhuige-breadcrumb a { color: var(--st-text-dim) !important; }

/* 正文文章区（详情页） */
.zhuige-details-body, .zhuige-details-body p, .zhuige-details-body span, .zhuige-details-body li,
.entry-content, .entry-content p, .entry-content li { color: #d5e2ee !important; }
.zhuige-details-body h1, .zhuige-details-body h2, .zhuige-details-body h3,
.entry-content h1, .entry-content h2, .entry-content h3 { color: #ffffff !important; }

/* 正文模板（zf- / ssgc-）Steam 深色版，保持高对比 */
.zf-box, .ssgc-cyber-box {
  background: #1f2f42 !important;
  border: none !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.35) !important;
}
.zf-box p, .zf-box span, .zf-box li, .zf-box b, .zf-box div,
.ssgc-cyber-box p, .ssgc-cyber-box span, .ssgc-cyber-box li,
.ssgc-cyber-box b, .ssgc-cyber-box div, .ssgc-cyber-box font, .ssgc-cyber-box strong {
  color: #d5e2ee !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}
.zf-box h1, .zf-box h2, .zf-box h3, .zf-box h4,
.ssgc-cyber-box h1, .ssgc-cyber-box h2, .ssgc-cyber-box h3, .ssgc-cyber-box h4 { color: #ffffff !important; }
.zf-box h3::before, .ssgc-cyber-box h3::before { background: var(--st-blue) !important; }
.zf-box a, .ssgc-cyber-box a { color: var(--st-blue) !important; }
.zf-brief, .ssgc-brief-panel {
  background: rgba(102,192,244,.10) !important;
  border-left: 4px solid var(--st-blue) !important;
}
.zf-brief strong, .ssgc-brief-panel strong { color: var(--st-blue) !important; }
.zf-tag, .ssgc-tag-item {
  background: rgba(0,0,0,.28) !important;
  border: none !important;
  color: #b9c9d7 !important;
}
.zf-tag strong, .ssgc-tag-item strong { color: var(--st-blue) !important; }
.zf-spec-card, .ssgc-spec-card {
  background: rgba(0,0,0,.22) !important;
  border: none !important;
}
.zf-spec-card strong, .ssgc-spec-card strong { color: var(--st-blue) !important; }
.zf-shot, .ssgc-shot-link { background: #000 !important; box-shadow: 0 3px 14px rgba(0,0,0,.5) !important; }
.zf-body img, .zf-banner, .ssgc-cyber-box img { box-shadow: 0 3px 14px rgba(0,0,0,.45) !important; }

/* 滚动条（Steam 深色） */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: #1b2838; }
::-webkit-scrollbar-thumb { background: #2a475e; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #3a5f7d; }

/* 首页搜索区 Steam 化 */
.zhuige-search-form { background: transparent !important; }
.zhuige-search-form .input-keyword,
.zhuige-search-form input[type=search] {
  background: #316282 !important;
  border: 1px solid #2a3f5a !important;
  color: #ffffff !important;
}
.zhuige-search-form .input-keyword::placeholder { color: #9fbed4 !important; }
.zhuige-btn-search {
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #ffffff !important;
  border: none !important;
  text-shadow: 1px 1px 0 rgba(0,0,0,.35) !important;
}
.zhuige-btn-search:hover { background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important; }
.zhuige-search-box h1 { color: #ffffff !important; text-shadow: 0 2px 8px rgba(0,0,0,.6) !important; }
.zhuige-search-box .slogon, .zhuige-search-box p, .zhuige-search-box text { color: #c6d4df !important; }
.zhuige-search-key a {
  background: rgba(0,0,0,.32) !important;
  border: 1px solid #2a3f5a !important;
  color: #c6d4df !important;
}
.zhuige-search-key a:hover { color: #66c0f4 !important; border-color: #66c0f4 !important; }

/* 卡片底部：只保留发布时间 */
.zhuige-list-container .text-info .zhuige-user { display: none !important; }
.zhuige-list-container .data-info > text:first-of-type { display: none !important; }
.zhuige-list-container .data-info > text:last-of-type { display: none !important; }
.zhuige-list-container .data-info { color: #8f98a0 !important; }
.zhuige-list-container .data-info > text::before,
.zhuige-list-container .data-info > text::after { content: none !important; display: none !important; }

/* 去掉「热门资讯」右侧的分类筛选小字 */
.zhuige-list-type { display: none !important; }

/* 首页横幅高度（240 → +20% 288 → +50% 432px）；搜索框在背景内水平+垂直居中 */
.zhuige-search-bg, .zhuige-search-box { height: 432px !important; }
.zhuige-search-box { display: flex !important; flex-direction: column !important; justify-content: center !important; }
.zhuige-search-box > .container { width: 100% !important; }
.zhuige-main-search { padding: 0 !important; width: 62% !important; margin: 0 auto !important; }
/* 隐藏搜索框内的标题/描述（h1 站点标题、h6 分类描述），避免其占位导致搜索框垂直不居中 */
.zhuige-search-box h1, .zhuige-search-box h6 { display: none !important; }
.zhuige-type-text { padding: 0 0 10px !important; font-size: 13px !important; }
.zhuige-search-form { margin: 0 !important; }
.zhuige-search-key { margin-top: 12px !important; }
.zhuige-search-key a { padding: 2px 10px !important; font-size: 12px !important; }
@media (max-width: 768px) {
  .zhuige-search-bg, .zhuige-search-box { height: 333px !important; }
  .zhuige-main-search { padding: 0 !important; width: 88% !important; }
  .zhuige-search-box h1 { font-size: 19px !important; }
  .zhuige-search-key { display: none !important; }
}

/* 文章详情页：隐藏正文下方多余的 end / 用户栏 / 相关推荐 / 评论区 */
.zhuige-view-tags > h6 { display: none !important; }   /* - END - 分隔 */
.zhuige-poster { display: none !important; }            /* 用户栏（作者卡片） */
.zhuige-recommend { display: none !important; }         /* 相关推荐 */

/* 文章详情页：隐藏左侧三个圆形操作按钮（收藏/点赞/评论）及其空列 */
.zhuige-opt-side { display: none !important; }          /* 左栏 + 移动端横条 */
aside.md-1.pt-20 { display: none !important; }

/* ===== 统一首页 / 分类 / 归档页 的搜索框背景与卡片尺寸 ===== */
/* 搜索框背景：所有页面统一使用街机厅霓虹背景图（header-bg-arcade.webp），隐藏主题默认背景图 */
/* 叠加 45% 深蓝压暗层保证白字可读；定位 center 22% 取图片上部霓虹招牌区（center 会裁到暗色地板） */
.zhuige-search-bg { background: linear-gradient(rgba(13,20,33,.45), rgba(13,20,33,.45)), url('theme/bg-arcade.webp') center 22% / cover no-repeat !important; }
.zhuige-search-bg > img { display: none !important; }

/* 卡片容器内边距统一：消除首页(p-20)与分类页(pl-20 pr-20)写法不同导致的卡片宽度微小偏差 */
.zhuige-list-container.zhuige-box,
.zhuige-list-container.zhuige-arc-list {
  padding: 20px !important;
  box-sizing: border-box !important;
}
.zhuige-list-container { width: 100% !important; }

/* 分类/归档页容器与首页一致：限制最大宽度 1366px。
   主题 .md-12 在 ≥1024px 媒体查询里把 max-width 覆盖为 100%，导致超宽屏下分类容器撑满视口、卡片变得比首页大很多。 */
.container.zhuige-arc-page {
  max-width: 1366px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 文章详情页主标题（H1）醒目：白色加粗大字号，暗底可读 */
.main-cont h1,
article.main-cont h1,
.zhuige-detail-content h1,
.single h1 {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 18px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
/* 空状态：搜索/分类无结果，统一暗色 */
.zhuige-arc-list,
.zhuige-list-container:has(> .zhuige-none-tips),
.zhuige-list-container:has(.zhuige-none-tips) {
  background: transparent !important;
}
.zhuige-none-tips {
  background: #16202d !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 8px !important;
  padding: 60px 20px !important;
  text-align: center !important;
}
.zhuige-none-tips svg.zg-empty-icon {
  display: block !important;
  width: 88px !important;
  height: 88px !important;
  margin: 0 auto 12px !important;
  color: #8f98a0 !important;
}
.zhuige-none-tips p {
  color: var(--st-text-dim) !important;
  font-size: 15px !important;
  margin-top: 16px !important;
}

/* 页码翻页（替换"加载更多"） */
.zhuige-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 20px 0 30px;
}
.zhuige-pagination a,
.zhuige-pagination span.zg-page-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border-radius: 4px;
  background: #1b2838;
  color: #c7d5e0;
  border: 1px solid #2a3f5a;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  transition: all .15s ease;
}
.zhuige-pagination a:hover {
  background: #2a475e;
  color: #ffffff;
  border-color: #3a5675;
}
.zhuige-pagination a.zg-page.active {
  background: #66c0f4;
  color: #0e1a26;
  border-color: #66c0f4;
  font-weight: 700;
  cursor: default;
}
.zhuige-pagination span.zg-page-dots {
  background: transparent;
  border-color: transparent;
  color: #8aa0b5;
  cursor: default;
}

/* 文章详情页：站点公告 + 下载模块 移到轮播图下方（右侧栏已取消；公告在上、下载在下）
   宽度与轮播图/正文配图统一为 880px 居中，形成统一的「媒体宽度」
   底部与「游戏简介」的间距：原 26px + 20% = 31px */
.zhuige-under-media {
  max-width: 880px;
  margin: 0 auto 31px;
}
.zhuige-under-media .zhuige-announce {
  margin: 0 0 16px;
}
.zhuige-under-media .zhuige-dlm {
  margin: 0;
}
.zhuige-under-media > *:last-child {
  margin-bottom: 0;
}
.zhuige-under-media .zhuige-dlm-list {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 14px;
}
.zhuige-under-media .zhuige-dlm-item {
  flex: 1 1 0;
  min-width: 150px;
}
@media (max-width: 767px) {
  .zhuige-under-media .zhuige-dlm-item {
    flex: 1 1 100%;
  }
}

/* 文章详情页：标题块 / 正文 / 标签 也统一到 880px 居中，
   与轮播图、站点公告、下载模块、正文配图对齐 → 全篇一条垂直边线（2026-09-14） */
.zhuige-view-title,
.zhuige-view-article,
.zhuige-view-tags {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================================
   今日统计卡片（搜索框下方，横贯内容宽度的玻璃信息条，与文章网格左对齐）
   ============================================================ */
.zhuige-stats-cards {
  position: absolute;        /* 置于 hero 内部、背景图之上 */
  left: 0;
  right: 0;
  bottom: 46px;              /* 紧贴 hero 底部上方，位于搜索框下方、背景图之中 */
  z-index: 5;
}
.stats-row {
  display: flex;
  align-items: stretch;
  /* 毛玻璃：低不透明度底色，让背后 hero 背景透出并被模糊 */
  background: linear-gradient(135deg, rgba(28,32,42,.42) 0%, rgba(40,56,78,.38) 100%);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45),
              inset 0 1px 0 rgba(255,255,255,.18),
              inset 0 0 24px rgba(255,255,255,.04);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  overflow: hidden;
}
.stat-card {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 32px;
  position: relative;
  transition: background .3s ease;
}
.stat-card:hover {
  background: rgba(102,192,244,.12);
}
/* 两个统计之间的竖向分隔线 */
.stat-card + .stat-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 24%;
  bottom: 24%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(102,192,244,.35), transparent);
}
.stat-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(102,192,244,.20), rgba(102,192,244,.04));
  border: 1px solid rgba(102,192,244,.28);
  color: #66c0f4;
}
.stat-icon svg {
  width: 24px;
  height: 24px;
}
.stat-content {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.stat-number {
  font-size: 27px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .5px;
}
.stat-label {
  font-size: 13px;
  color: #8f98a0;
  margin-top: 4px;
}
/* 公告卡片：多条时上下切换，单条时长文横向滚动 */
.stat-card-announce {
  min-width: 0;
}
.stat-card-announce .stat-content {
  min-width: 0;
  overflow: hidden;
}
.stat-announce-scroll {
  position: relative;
  height: 24px;
  overflow: hidden;
  margin-top: 4px;
}
.stat-announce-track {
  will-change: transform;
}
.stat-announce-item {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #e8eef5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-announce-scroll.is-scroll .stat-announce-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-announce-item.scroll-x {
  display: inline-block;
  overflow: visible;
  text-overflow: clip;
  padding-left: 100%;
  animation: stat-announce-marquee linear infinite;
}
@keyframes stat-announce-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
@media (max-width: 767px) {
  .zhuige-stats-cards {
    position: static;
    margin-top: -26px;
    padding: 0 10px;
  }
  .stats-row {
    flex-direction: column;
  }
  .stat-card {
    padding: 16px 18px;
  }
  .stat-card + .stat-card::before {
    left: 18px;
    right: 18px;
    top: 0;
    bottom: auto;
    width: auto;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(102,192,244,.35), transparent);
  }
  .stat-number {
    font-size: 22px;
  }
  .stat-label {
    font-size: 12px;
  }
}
/* ===== 文字对比度修复（2026-09-16）：面包屑 + 上一篇/下一篇 ===== */
/* 上一篇/下一篇：标签用正文色、标题用亮白，暗底可读（原来继承 #333 看不见） */
.zhuige-next p a { color: var(--st-text) !important; }
.zhuige-next p a:hover { color: var(--st-blue) !important; }
.zhuige-next h5 a { color: #ffffff !important; }
.zhuige-next h5 a:hover { color: var(--st-blue) !important; }
/* 面包屑：真实容器类为 .base-list-nav（单篇）/ .zhuige-breadcrumb（归档），两者都覆盖 */
.base-list-nav,
.base-list-nav a,
.zhuige-breadcrumb,
.zhuige-breadcrumb a { color: var(--st-text) !important; }
.base-list-nav a:hover,
.zhuige-breadcrumb a:hover { color: var(--st-blue) !important; }
.base-list-nav .current,
.zhuige-breadcrumb .current { color: #ffffff !important; }
.base-list-nav em,
.zhuige-breadcrumb em { color: var(--st-text-dim) !important; }
/* ===== 网格硬备份（2026-09-16）：不含 > 的等价规则，防止实体转义导致布局塌陷 ===== */
.zhuige-list-container .zhuige-theme-post-list { display: contents; }

/* ============================================================
   卡片标题换行：按词断行，避免英文单词被切碎
   （主题默认 word-break: break-all 会把 Hades 断成 "Hade s"）
   ============================================================ */
.zhuige-list-container .zhuige-list .text-title,
.zhuige-list-container .zhuige-list .text-title a {
  word-break: normal !important;
  overflow-wrap: break-word;
}
/* ============================================================
   评论区 Steam 深色高级版（2026-09-29）
   ============================================================ */

/* --- 容器面板 --- */
.zhuige-comment.zhuige-box {
  background: #16202d !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .35) !important;
  padding: 26px 30px !important;
  max-width: 880px;      /* 与正文/标题/标签同宽（见 880px 对齐段） */
  margin-left: auto;
  margin-right: auto;
}

/* --- 标题行 --- */
.zhuige-comment h3 { margin-bottom: 22px !important; }
.zhuige-comment h3 p:first-child {
  position: relative;
  padding-left: 14px;
  margin: 0;
}
.zhuige-comment h3 p:first-child::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 18px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #66c0f4, #2a475e);
}
.zhuige-comment h3 text { color: #ffffff !important; font-size: 17px; font-weight: 600; }
.zhuige-comment h3 span {
  display: inline-block;
  margin-left: 10px;
  padding: 1px 12px;
  background: rgba(102, 192, 244, .12);
  border: 1px solid rgba(102, 192, 244, .25);
  border-radius: 999px;
  color: #66c0f4 !important;
  font-size: 12px;
  line-height: 1.7;
}
/* 回复提示 chip */
.zhuige-comment h3 .zhuige-comment-reply-container {
  background: rgba(102, 192, 244, .10);
  border: 1px solid rgba(102, 192, 244, .28);
  border-radius: 999px;
  padding: 5px 14px;
  margin: 0;
}
.zhuige-comment h3 cite { color: #66c0f4 !important; font-style: normal; font-size: 12px; }
.zhuige-comment h3 cite text { color: #66c0f4 !important; font-size: 12px; font-weight: 400; }
.zhuige-comment h3 .zhuige-comment-reply-container a { color: #8f98a0 !important; margin-left: 10px; font-size: 12px; }
.zhuige-comment h3 .zhuige-comment-reply-container a:hover { color: #ffffff !important; }

/* --- 输入区 --- */
.zhuige-comment-input { gap: 10px; margin-bottom: 10px !important; }
.zhuige-comment-input input {
  height: 46px !important;
  line-height: 44px !important;
  background: #1b2838 !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  text-indent: 0 !important;
  padding: 0 14px;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.zhuige-comment-input input::placeholder { color: #6f8296 !important; }
.zhuige-comment-input input:focus {
  border-color: #66c0f4 !important;
  box-shadow: 0 0 0 3px rgba(102, 192, 244, .15) !important;
  outline: none;
}
.zhuige-comment-input input.zhuige-comment-nickname {
  flex: 0 0 200px;
  width: 200px !important;
}
.zhuige-comment-input input.zhuige-comment-content {
  flex: 1 1 auto;
  width: auto !important;
}
.zhuige-btn-comment-submit {
  flex: none;
  height: 46px !important;
  line-height: 46px !important;
  width: auto !important;
  padding: 0 30px;
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: 2px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
  transition: filter .2s ease, transform .1s ease;
}
.zhuige-btn-comment-submit:hover { filter: brightness(1.15); opacity: 1 !important; }
.zhuige-btn-comment-submit:active { transform: translateY(1px); }

/* 审核提示（发光小圆点） */
.zhuige-comment-notice {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px !important;
  color: #7c8b99 !important;
  margin: 0 2px 6px !important;
}
.zhuige-comment-notice::before {
  content: '';
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #66c0f4;
  box-shadow: 0 0 6px rgba(102, 192, 244, .8);
}

/* --- 评论列表 --- */
.zhuige-comment .zhuige-user-msg { padding-top: 22px !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user { margin-bottom: 14px !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-avatar {
  flex: none;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  overflow: hidden;
  border: 2px solid #2a475e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}
.zhuige-comment .zhuige-user-msg .zhuige-user .user-avatar img { width: 100% !important; height: 100% !important; border-radius: 50% !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info {
  flex: 1 1 auto;
  max-width: none;
  min-width: 0;
  background: #1f3145 !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  transition: border-color .2s ease, background .2s ease;
}
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info:hover { border-color: #3a5f7d; background: #223851 !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info:before { display: none !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info h6 { margin-bottom: 8px !important; font-size: 14px; color: #8f98a0; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info h6 a { color: #66c0f4 !important; font-weight: 600; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info h6 a:hover { color: #ffffff !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info p { color: #c6d4df !important; font-size: 14px; line-height: 1.75 !important; margin: 0; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info p img { border-radius: 6px !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info { margin-top: 8px !important; font-size: 12px; }
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info text { color: #6f8296 !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info a {
  color: #6f8296 !important;
  margin-left: 14px;
  padding: 2px 10px;
  border-radius: 999px;
  transition: color .15s ease, background .15s ease;
}
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info a:hover { color: #66c0f4 !important; background: rgba(102, 192, 244, .10); }

/* 楼层缩进收敛 */
.zhuige-comment-depth-2 { margin-left: 52px; }
.zhuige-comment-depth-3 { margin-left: 76px; }
.zhuige-comment-depth-4 { margin-left: 100px; }
.zhuige-comment-depth-5 { margin-left: 124px; }

/* 空状态（嵌在面板内：去底色） */
.zhuige-comment .zhuige-none-tips { background: transparent !important; border: none !important; box-shadow: none !important; padding: 36px 20px 22px !important; }
.zhuige-comment .zhuige-none-tips svg.zg-empty-icon { width: 72px !important; height: 72px !important; color: #5a7d99 !important; opacity: .9; }
.zhuige-comment .zhuige-none-tips p { color: #8f98a0 !important; }

/* --- 移动端 --- */
@media (max-width: 768px) {
  .zhuige-comment.zhuige-box { padding: 18px 16px !important; }
  .zhuige-comment .zhuige-comment-input { flex-wrap: wrap !important; gap: 10px; }
  .zhuige-comment-input input.zhuige-comment-nickname { flex: 1 1 100%; width: 100% !important; }
  .zhuige-comment-input input.zhuige-comment-content { flex: 1 1 auto; width: auto !important; }
  .zhuige-btn-comment-submit { padding: 0 22px; }
  .zhuige-comment .zhuige-user-msg .zhuige-user .user-info { padding: 12px 14px !important; }
  .zhuige-comment-depth-2, .zhuige-comment-depth-3, .zhuige-comment-depth-4, .zhuige-comment-depth-5 { margin-left: 24px; }
}
/* ============================================================
   上一篇/下一篇 对齐 880px（2026-09-29）
   外层 zhuige-box 弹性盒原本宽 1032px，脱离正文 880px 对齐线；
   用 :has(.zhuige-next) 精准命中包裹盒，收进与标题/正文/评论区同一竖线
   ============================================================ */
article.main-cont .zhuige-box:has(.zhuige-next) {
  max-width: 880px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* == 卡片徽章行（竞品样式 v1） == */
.zhuige-list-text .zg-card-badges {
    gap: 8px;
    margin: 2px 0 8px;
}
.zhuige-list-text .zg-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 12px;
    border-radius: 13px;
    background: rgba(56, 158, 107, 0.12);
    border: 1px solid rgba(61, 208, 140, 0.45);
    color: #3dd08c;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2px;
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s;
}
.zhuige-list-text .zg-badge:hover {
    background: rgba(56, 158, 107, 0.22);
    border-color: rgba(61, 208, 140, 0.75);
}
.zhuige-list-text .zg-badge svg {
    width: 13px;
    height: 13px;
    flex: none;
}


/* == 卡片竞品对齐 v2 == */
.zhuige-list-text .zg-cat-row { margin: 2px 0 12px; }
.zhuige-list-text .zg-cat-chip { margin: 0; }
.zhuige-list-text .zg-cat-chip a span {
    display: inline-flex;
    align-items: center;
    background: #2e6be6;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    border-radius: 7px;
    line-height: 1;
}
.zhuige-list-text .zg-cat-chip a:hover span { background: #3b7af2; }
.zhuige-list-text .zg-card-date { color: #8f98a0; font-size: 13px; }
.zhuige-list-text h5.text-title .zg-title-pill {
    display: inline-flex;
    align-items: center;
    vertical-align: 2px;
    margin-left: 8px;
    padding: 3px 9px;
    background: #2e6be6;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    border-radius: 6px;
    letter-spacing: 0.5px;
}
.zhuige-list-img .zg-view-pill {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 12px;
    background: rgba(10, 16, 24, 0.62);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}
.zhuige-list-img .zg-view-pill svg { width: 13px; height: 13px; }
.zhuige-list-text .zg-card-badges { gap: 10px; margin: 0 0 10px; }
.zhuige-list-text .zg-badge {
    height: 28px;
    padding: 0 13px;
    border-radius: 9px;
    background: #16222e;
    border: 1px solid rgba(61, 208, 140, 0.38);
    color: #3dd08c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    gap: 6px;
}
.zhuige-list-text .zg-badge:hover { background: #1b2c3a; border-color: rgba(61, 208, 140, 0.6); }
.zhuige-list-text .zg-badge svg { width: 14px; height: 14px; }
@media (max-width: 767px) {
    .zhuige-list .zhuige-list-text .data-info { display: none; }
    .zhuige-list-text h5.text-title a { font-size: 17px; font-weight: 700; line-height: 1.45; height: auto; }
    .zhuige-list-text h5.text-title { line-height: 1.45; }
}


/* == 徽章紧凑化 v3 == */
.zhuige-list-text .zg-card-badges { gap: 7px; margin: 0 0 9px; }
.zhuige-list-text .zg-badge {
    height: 25px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 12.5px;
    gap: 5px;
}
.zhuige-list-text .zg-badge svg { width: 12px; height: 12px; }


/* == 卡片底部行全局隐藏 v4 == */
.zhuige-list .zhuige-list-text .data-info { display: none; }


/* == 卡片协调度 v5（相框内嵌 + 留白节奏） == */
.zhuige-base-list { padding: 10px 10px 14px; }
.zhuige-list .zhuige-list-img { border-radius: 10px; }
.zhuige-list .zhuige-list-text { padding: 0 6px 0; }
.zhuige-list-text .zg-cat-row { margin: 0 0 12px; }
.zhuige-list-text h5.text-title { margin-bottom: 12px; }
.zhuige-list-text .zg-card-badges { margin: 0 0 2px; }
.zhuige-list-text h5.text-title a { font-size: 15px; font-weight: 700; line-height: 1.45; height: auto; }
.zhuige-list-text h5.text-title .zg-title-pill { vertical-align: 2px; }


/* == v6 字号对齐竞品（标题14/600 徽章12/600 日期12） == */
.zhuige-list-text h5.text-title a { font-size: 14px; font-weight: 600; line-height: 1.5; }
.zhuige-list-text h5.text-title { margin-bottom: 11px; }
.zhuige-list-text .zg-badge {
    height: 24px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.zhuige-list-text .zg-badge svg { width: 12px; height: 12px; }
.zhuige-list-text .zg-card-date { font-size: 12px; }
.zhuige-list-text .zg-cat-chip a span { font-size: 11.5px; padding: 4px 10px; }
@media (max-width: 767px) {
    .zhuige-list-text h5.text-title a { font-size: 14px; font-weight: 600; }
}

/* == v8 分类胶囊半透明化（对齐文件大小徽章质感） == */
.zhuige-list-text .zg-cat-chip a span {
    background: rgba(46, 107, 230, 0.14);
    border: 1px solid rgba(96, 145, 255, 0.42);
    color: #8db1ff;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.zhuige-list-text .zg-cat-chip a:hover span {
    background: rgba(46, 107, 230, 0.26);
    border-color: rgba(96, 145, 255, 0.65);
    color: #a8c4ff;
}

/* == v9 卡片信息区紧凑化（用户反馈太空，缩小行距与边距） == */
.zhuige-list-container .zhuige-list { padding: 0 0 10px 0 !important; }
.zhuige-list-container .zhuige-list .zhuige-list-img { margin: 0 0 6px 0 !important; }
.zhuige-list-text .zg-cat-row { margin: 0 0 6px !important; }
.zhuige-list-container .zhuige-list .text-title { margin-bottom: 6px !important; }
.zhuige-list-text .zg-card-badges { margin: 0 !important; }


/* == v10 卡片徽章再缩小一点点（用户反馈） == */
.zhuige-list-text .zg-badge {
    height: 22px;
    font-size: 11px;
    letter-spacing: 0.1px;
}
.zhuige-list-text .zg-badge svg { width: 11px; height: 11px; }
.zhuige-list-text .zg-cat-chip a span { font-size: 11px; padding: 3px 8px; }
.zhuige-list-text .zg-card-date { font-size: 11.5px; }


/* == v11 卡片排版舒适化（行距 1.2→1.55，边距统一 8px 节奏） == */
.zhuige-list-container .zhuige-list { padding: 0 0 12px 0 !important; }
.zhuige-list-container .zhuige-list .zhuige-list-img { margin: 0 0 8px 0 !important; }
.zhuige-list-text .zg-cat-row { margin: 0 0 8px !important; }
.zhuige-list-container .zhuige-list .text-title { margin-bottom: 8px !important; }
.zhuige-list-container .zhuige-list .text-title a {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.2px;
    height: auto;
}
.zhuige-list-text .zg-card-date { font-size: 12px; letter-spacing: 0.2px; }


/* == v12 容量徽章贴底对齐（徽章钉在卡片底部，跨卡横向对齐） == */
.zhuige-list-container .zhuige-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-text {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column;
    width: 100%;
    overflow: visible;
}
.zhuige-list-container .zhuige-list .zg-card-badges {
    margin-top: auto !important;
    padding-top: 8px;
}


/* == v13 徽章四周收紧（去冗余 padding，卡底边/标题间距收小） == */
.zhuige-list-container .zhuige-list { padding: 0 0 8px 0 !important; }
.zhuige-list-container .zhuige-list .text-title { margin-bottom: 6px !important; }
.zhuige-list-container .zhuige-list .zg-card-badges { padding-top: 0 !important; }


/* == v14 容量徽章移入分类行（分类徽章右侧） == */
.zg-cat-row { gap: 8px; }
.zg-cat-row .zg-badge-size { margin: 0; flex: 0 0 auto; }
.zg-cat-row .zg-card-date { flex: 0 0 auto; }
@media (max-width: 575px) {
  .zg-cat-row .zg-card-date { display: none; }
}


/* == v14b 分类行防挤压（chip/徽章/日期不换行，紧凑排布） == */
.zg-cat-row { gap: 6px; }
.zg-cat-row .zg-cat-chip span { white-space: nowrap; }
.zg-cat-row .zg-badge-size { padding: 3px 7px; font-size: 10.5px; white-space: nowrap; }
.zg-cat-row .zg-card-date { font-size: 11px; white-space: nowrap; }




:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */



img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */




	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */



:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:6ac9808702468*/
/*# sourceURL=wp-block-library-inline-css */



/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */



:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */



:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
/*# sourceURL=wp-global-styles-placeholder-inline-css */


/* ===== 3344 主题 CSS ===== */
/*
Theme Name: 追格主题
Theme URI: https://www.zhuige.com
Author: zhuige.com
Author URI: https://www.zhuige.com
Description: 追格主题
Version: 1.2.1
Requires PHP: 7.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 追格, 导航
*/

@import 'css/base.css';
@import 'css/grid.css';

/*** 通用 ***/
body {
	background: #F4F5F5;
}

header {
	width: 100%;
	min-height: 68px;
	position: fixed;
	z-index: 19999;
}

.header-bg {
	/* 需要透明背景改rgb */
	background: rgba(26, 29, 36, .8);
	box-shadow: 0 5px 8px -4px rgba(0, 0, 0, .3);
}

nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	height: 68px;
}

nav .logo {
	color: #FFF;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -1px;
}

nav .logo img {
	height: 58px;
	width: auto;
}

nav .zhuige-nav {
	flex: 1;
	margin-top: -8px;
}

/* LOGO 居中三栏布局（桌面端） */
@media (min-width: 769px) {
	nav .logo {
		order: 2;
		flex: 0 0 auto;
		padding: 0 24px;
	}

	nav .zhuige-nav {
		order: 1;
		flex: 1 1 0;
		display: flex;
		justify-content: flex-start;
		padding-left: 20px;
	}

	nav .zhuige-nav-side {
		order: 3;
		flex: 1 1 0;
		justify-content: flex-end;
	}
}

nav .zhuige-nav-list {
	display: flex;
	flex: 1;
	padding: 0 0 0 40px;
}

nav .zhuige-nav-list li {
	padding: 0 15px;
	list-style: none;
	position: relative;
}

nav .zhuige-nav-list li>a {
	color: #FFF;
	font-weight: 400;
	padding: 6px 0;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
	font-size: 14px;
}

nav .zhuige-nav-list li>a:hover {
	color: #EEE;
}

nav .zhuige-nav-list li>a:hover:before {
	left: 0;
	right: 0;
}

nav .zhuige-nav-list li>a:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 51%;
	right: 51%;
	bottom: 0;
	background: #f3f3f3;
	height: 2px;
	-webkit-transition-property: left, right;
	transition-property: left, right;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

nav .zhuige-nav-list li.nav-activ>a {
	font-weight: 500;
	color: #EEE;
}

nav .zhuige-nav-list li.nav-activ>a:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 200%;
	left: -50%;
	bottom: 0;
	background: #EEE;
	height: 2px;
}

/*** 顶部菜单右侧 ***/
nav .zhuige-nav-side ul li {
	margin-left: 12px;
	cursor: pointer;
}

nav .zhuige-nav-side ul li span {
	height: 24px;
	width: 24px;
	overflow: hidden;
	background-image: url(images/top-nav-icon.png);
	background-size: 200% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	z-index: 1;
}

nav .zhuige-nav-side ul li:hover span {
	background-position: -24px 0;
}

nav .zhuige-nav-side ul li.nav-vip {
	background: #33353F;
	padding: 2px 12px;
	border-radius: 30px;
}

nav .zhuige-nav-side ul li.nav-vip:hover {
	background: #3C3E45;
}

nav .zhuige-nav-side ul li.nav-tips span {
	background-position: 0 -24px;
}

nav .zhuige-nav-side ul li text {
	color: #F2CF8F;
}

nav .zhuige-nav-side ul li a {
	color: #FFFFFF;
}

nav .zhuige-nav-side ul li a:hover {
	color: #DDDDDD;
}

nav .zhuige-nav-side ul li strong {
	color: #FFFFFF;
	background: #F59A23;
	height: 16px;
	width: 16px;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	border-radius: 16px;
	top: -2px;
	right: -2px;
	z-index: 3;
	transform: scale(.7);
}

nav .zhuige-nav-side ul li.nav-tips:hover strong {
	background: #F58023;
}

nav .zhuige-nav-side ul li.nav-tips:hover span {
	background-position: -24px -24px;
}

nav .zhuige-nav-side ul li cite {
	height: 24px;
	width: 24px;
	overflow: hidden;
	border-radius: 24px;
	margin-right: 8px;
}

nav .zhuige-nav-side ul li cite img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.main-body {
	min-height: 400px;
}

/*** 顶部下拉弹出单列 ***/
.zhuige-simple-dropdown {
	position: absolute;
	z-index: 19;
	top: 45px;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	border-radius: 0 0 6px 6px;
	background: #FFFFFF;
}

.zhuige-simple-dropdown dd {
	padding: 15px 0;
	width: 160px;
	text-align: center;
	font-size: 14px;
	background: #FFFFFF;
}

.zhuige-simple-dropdown dd:hover {
	background: #F3F3F3;
}

.zhuige-simple-dropdown dd:last-of-type {
	border-radius: 0 0 6px 6px;
}

/*** 顶部下拉弹出单列 ***/
.zhuige-double-dropdown {
	position: absolute;
	z-index: 18;
	top: 45px;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	border-radius: 0 0 6px 6px;
	background: #FFFFFF;
}

.zhuige-double-dropdown dd,
.zhuige-double-dropdown .secondary li,
.zhuige-search-multistage li {
	padding: 15px 12px;
	line-height: 24px;
	width: 160px;
	font-size: 14px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	position: relative;
}

.zhuige-double-dropdown dd a,
.zhuige-double-dropdown .secondary li a,
.zhuige-search-multistage li a {
	font-size: 14px;
}

.zhuige-double-dropdown dd span,
.zhuige-double-dropdown .secondary li span {
	flex: 0 0 24px;
	height: 24px;
	width: 24px;
	overflow: hidden;
	margin-right: 12px;
}

.zhuige-double-dropdown dd span img,
.zhuige-double-dropdown .secondary li span img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-double-dropdown dd:hover,
.zhuige-double-dropdown dd.haschildren,
.zhuige-double-dropdown .secondary li:hover,
.zhuige-search-multistage li:hover {
	background: #F3F3F3;
	cursor: pointer;
}

.zhuige-double-dropdown dd:last-of-type,
.zhuige-double-dropdown .secondary li:last-of-type,
.zhuige-search-multistage li:last-of-type {
	border-radius: 0 0 6px 6px;
}

.zhuige-double-dropdown .secondary li:first-of-type,
.zhuige-search-multistage li:first-of-type {
	border-radius: 6px 6px 0 0;
}

.zhuige-double-dropdown .secondary {
	position: absolute;
	left: 162px;
	z-index: 9;
	top: 0;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	border-radius: 6px;
	background: #FFFFFF;
}

nav .zhuige-nav-list .secondary li>a {
	color: #1A1D24;
}



/*** 顶部下拉弹出大块 ***/
.zhuige-wide-dropdown {
	position: absolute;
	z-index: 17;
	background: #FFFFFF;
	box-shadow: 0px 1px 6px rgba(99, 99, 99, 0.3);
	top: 45px;
}

.zhuige-wide-dropdown-list {
	border-right: 1px solid #EEEEEE;
}

.zhuige-wide-dropdown-list-text {
	border-right: 1px solid #EEEEEE;
}

.zhuige-wide-dropdown-list-text:last-of-type {
	border: none;
}

.zhuige-wide-dropdown-list h3 {
	font-size: 16px;
	font-weight: 400;
}

.zhuige-wide-dropdown-line {
	width: 260px;
	height: 50px;
	margin-bottom: 30px;
}

.zhuige-wide-dropdown-list-text .zhuige-wide-dropdown-line {
	width: 220px;
}

.zhuige-wide-dropdown-list-text .zhuige-wide-dropdown-line-info {
	margin-left: 0;
}

.zhuige-wide-dropdown-line:last-of-type {
	margin: 0;
}

.zhuige-wide-dropdown-line span {
	flex: 0 0 50px;
	height: 50px;
	width: 50px;
	overflow: hidden;
	margin-right: 12px;
}

.zhuige-wide-dropdown-line span img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 4px;
}

.zhuige-wide-dropdown-line-info {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.zhuige-wide-dropdown-line-info h5 {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 4px;
}

.zhuige-wide-dropdown-line-info h5 cite {
	font-size: 12px;
	color: #FFFFFF;
	background: #1173EB;
	padding: 2px 12px;
	border-radius: 12px;
	transform: scale(.6);
}

.zhuige-wide-dropdown-line-info p {
	font-size: 12px;
	color: #999999;
	height: 1.4em;
	line-height: 1.4em;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.zhuige-wide-dropdown-line:hover span img {
	opacity: .8;
	transition: all 0.2s ease;
}

footer {
	background: #1A1D24;
}

footer .container {
	padding: 20px 30px;
}

.zhuige-main-footer .column {
	font-size: 13px;
	font-weight: 300;
	color: #D7D8D9;
	padding: 30px 0;
	text-align: left;
}

.zhuige-footer-custom div p,
.zhuige-footer-contact p {
	height: 2.8em;
	line-height: 2.8em;
	color: #787B92;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.zhuige-footer-custom div a {
	color: #787B92;
}

.zhuige-footer-custom div a:hover {
	color: #C1C1C1;
	text-decoration: none;
}

.zhuige-footer-custom div h6,
.zhuige-footer-contact h6 {
	font-weight: 500;
	color: #D7D8D9;
	font-size: 16px;
	margin-bottom: 20px;
}


.zhuige-footer-contact img {
	height: 120px;
	width: 96px;
	border-radius: 2px;
	margin-right: 22px;
}

/*** 底部自定义链接 ***/
.zhuige-footer-menu {
	background: #1A1D24;
}

.zhuige-site-links {
	padding-bottom: 0!important;
}

.zhuige-site-links span,
.zhuige-site-links a {
	color: #9A9B9D;
	margin-right: 12px;
	white-space: nowrap;
}
.zhuige-site-links a:hover {
	color: #FFFFFF;
}
.zhuige-foot-link {}

.zhuige-copy-link {
	color: #D8D8D8;
	align-items: baseline;
}
.zhuige-copyright, .zhuige-copyright text {
	color: #9A9B9D;
}
.zhuige-copyright text a, .zhuige-foot-link a {
	color: #9A9B9D;
}
.zhuige-copyright text a:hover, .zhuige-foot-link a:hover {
	color: #FFFFFF;		
}

/*** 主搜索区 ***/
.zhuige-height-ad {}

.zhuige-search-box {
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 480px;
}

.zhuige-search-bg {
	height: 480px;
	width: 100%;
	overflow: hidden;
}

.mini-search .zhuige-search-box {
	height: 360px;
}

.mini-search .zhuige-search-bg {
	height: 360px;
}

.mini-search .zhuige-main-search {
	padding: 100px 0 0;
}

.zhuige-search-bg img,
.zhuige-search-bg video {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-main-search {
	width: 60%;
	padding: 140px 0 0;
	margin: 0 auto;
	position: relative;
}

.zhuige-main-search h1 {
	padding: 10px 0 0;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
	white-space: nowrap;
}

.zhuige-main-search h6 {
	text-align: center;
	padding: 30px;
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
	white-space: nowrap;
}

.zhuige-search-form {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 6px solid rgba(255, 255, 255, .0);
	border-radius: 30px;
}

/* 已移除 :hover 白边框，避免鼠标悬停时搜索框出现多余边框框 */

.zhuige-search-form input {
	font-size: 15px;
	padding: 0 10px 0 30px;
	color: #333;
	border: none;
	font-size: 14px;
	font-weight: 400;
	width: 680px;
	height: 50px;
	line-height: 50px;
	background: #FFFFFF;
	border-radius: 25px 0 0 25px;
}

/* .zhuige-search-form input:focus {
	background: #F3F3F3;
} */

.zhuige-search-form a {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #999999;
	background: #1173EB;
	border-radius: 0 25px 25px 0;
}

.zhuige-search-form a span {
	display: block;
	height: 50px;
	width: 50px;
	background-image: url(images/search_gy.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.zhuige-search-form a:hover {
	background: #1799eb;
}

.zhuige-search-form a:hover span {
	background-position: 0 0px;
}

/* 导航栏搜索框右侧登录口（与搜索按钮同调性） */
nav .zhuige-nav-side .zhuige-nav-login {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	align-self: center;
	margin-left: 12px;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	color: #FFF !important;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	background: #1173EB !important;
	border-radius: 19px !important;
	white-space: nowrap;
	transition: background .2s ease;
}

nav .zhuige-nav-side .zhuige-nav-login:hover {
	background: #1799eb !important;
	color: #FFF !important;
}

@media (max-width: 768px) {
	nav .zhuige-nav-side .zhuige-nav-login {
		margin-left: 8px;
		padding: 0 14px;
		height: 32px;
		line-height: 32px;
		font-size: 13px;
		border-radius: 16px;
	}
}

.zhuige-search-tag {
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zhuige-search-tag a {
	font-size: 13px;
	color: #FFF;
	padding: 4px 16px;
	border-radius: 24px;
	border: 1px solid #EEEEEE;
	margin: 0 8px;
	white-space: nowrap;
}

.zhuige-search-tag a:hover {
	background-color: #1173eb;
	color: #FFFFFF;
	border-color: #1173eb;
}

/*** 细长通栏自定义 ***/
.zhuige-line-ad {
	text-align: center;
	transition: all 0.3s ease;
	height: 64px;
}

.zhuige-line-ad a {
	display: block;
	height: 100%;
	width: 100%;
	padding: 24px;
	text-align: center;
	font-weight: 400;
	color: #FFFFFF;
	z-index: 9;
	font-size: 14px;
}

.zhuige-line-ad:hover {
	opacity: .9;
}

.zhuige-line-ad img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


/*** 面包屑 ***/
.zhuige-breadcrumb,
.zhuige-breadcrumb a {
	color: #999999;
	font-size: 14px;
}

.zhuige-breadcrumb a:hover {
	color: #2C70DB;
}

.zhuige-breadcrumb .current {
	color: #333;
}

/***------ 基础白块------ ***/
.zhuige-box {
	background: #FFFFFF;
	border-radius: 8px;
}

/*** 基础白块 标题栏 ***/
.zhuige-box h1 {
	/* border-bottom: 1px solid #EEEEEE; */
}

.zhuige-box h1 text {
	font-size: 18px;
	color: #403C3C;
	font-weight: 500;
	white-space: nowrap;
}

.zhuige-box h1 text span {
	font-size: 14px;
}

.zhuige-box h1 span a {
	font-size: 12px;
	color: #333333;
	background: #E9EEF5;
	font-weight: 400;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	padding: 0 20px;
	margin-left: 10px;
}

.zhuige-box h1 span a:hover {
	color: #1173EB;
	background: #D5E6FC;
}

/*** 列表结构块 ***/
.zhuige-list {}

.zhuige-list .zhuige-list-img {
	flex: 0 0 180px;
	height: 140px;
	width: 180px;
	margin-right: 12px;
	border-radius: 4px;
	overflow: hidden;
}

.zhuige-list-cover {
	display: block;
	height: 140px;
	width: 180px;
	overflow: hidden;
}

.zhuige-list-cover img {
	height: 100%;
	width: 100%;
	border-radius: 4px;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-list-cover:hover img {
	transform: none;
}

.zhuige-list-mark {
	top: 0px;
	left: -6px;
	z-index: 9;
}

.zhuige-list-mark span {
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
}
.zhuige-list-bg {
	margin:0 -20px 0;
}
.zhuige-list-bg:hover {
	background: #fafafa;
	transition: all 0.3s ease;
}
.zhuige-list-img cite {
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #FF8600;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	margin-left: 6px;
}

.sp-avatar {
	display: block;
	bottom: -24px;
	right: 20px;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 9;
}

.sp-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-list-text {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden;
}

.zhuige-list-text h5 {
	overflow: hidden;
}

.zhuige-list-text h5.set-top {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 0 2px;	
}

.zhuige-list-text h5.set-top span {
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 300;
	color: #FFFFFF;
	background: #FF8600;
	margin-right: 6px;
	white-space: nowrap;
	-webkit-transform: scale(0.9);
}

/* 封面左上角角标：置顶(橙) / 热门(红) / 今日新增(绿)，可并列，之间留 4px */
.zhuige-list-mark span.zg-mark-sticky {
	background: #FF8600;
	font-weight: 500;
}
.zhuige-list-mark span.zg-mark-hot {
	background: #E5432F;
	font-weight: 500;
}
.zhuige-list-mark span.zg-mark-new {
	background: #12B76A;
	font-weight: 500;
}
.zhuige-list-mark span + span {
	margin-left: 4px;
}

/* 列表卡片：封面与标题之间的分类标签（无圆点，间距与标题对齐） */
.zg-cat-chip {
	margin: 0 2px 14px;
	line-height: 1;
}
.zg-cat-chip a {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #8f98a0;
	text-decoration: none;
	transition: color .15s;
}
.zg-cat-chip a:hover {
	color: #FF8600;
}

.zhuige-list-text h5.text-title a {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.2em;
	height: 2.4em;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.zhuige-user-page-list .zhuige-list-text .text-info {
	padding: 0 2px;	
}
.sub-title {
	line-height: 1.8em;
	font-size: 14px;
	font-weight: 400;
	color: #7f7f7f;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.sub-title a {
	font-size: 12px;
	color: #7f7f7f;
}

/* 行数控制 2行隐藏 */
.overFlow-n {
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
}

.text-info {}

/* 用户信息 */
.zhuige-user .user-avatar {
	height: 20px;
	width: 20px;
	overflow: hidden;
	border-radius: 50%;
}

.zhuige-user .user-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-user .user-info {
	margin: 0 6px;
	overflow: hidden;
}
.data-info .zhuige-user .user-info {
	margin: 0 0 0 6px;
}
.zhuige-user .user-info a {
	font-size: 12px;
	color: #7f7f7f;
	white-space: nowrap;
}

.zhuige-user .user-info h6 img {
	height: 14px;
	width: auto;
	margin-left: 4px;
}

.user-info p {
	font-size: 12px;
	color: #7f7f7f;

}

.data-info>text {
	position: relative;
	margin-right: 16px;
	font-size: 12px;
	color: #7f7f7f;
	white-space: nowrap;
	height: 1em;
	line-height: 1em;
}

.data-info>text::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 3px;
	background: #7f7f7f;
	height: 3px;
	top: 5px;
	right: -10px;
}

.data-info>text a {
	margin-left: 12px;
	color: #7f7f7f;
}

.data-info>text a::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 3px;
	background: #7f7f7f;
	height: 3px;
	top: 5px;
	left: 2px;
}

.data-info>text:last-child::after {
	display: none;
}

.data-info>cite {
	font-size: 12px;
	white-space: nowrap;
	color: #F59A23;
}

.zhuige-view-title .data-info>text a {
	margin: 0;
}

.zhuige-view-title .data-info>text a::after {
	display: none;
}

/* 评星相关 */
.zhuige-score-rate {}

.zhuige-score-rate span {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	background-image: url(images/rate-star.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0px;
}

.zhuige-score-rate span.rated {
	background-position: 0 -32px;
}

.zhuige-score-rate span.rated-half {
	background-position: 0 -16px;
}

.zhuige-score-rate text {
	color: #FF8600;
}

.zhuige-base-list {
	margin: 0 -20px;
	padding: 0 20px;
}

.zhuige-base-list:hover {
	background: #FAFAFA;
}

.zhuige-base-list .zhuige-list {
	border-top: 1px dotted #DDDDDD;
}

.zhuige-arc-list>.zhuige-base-list:first-of-type .zhuige-list {
	border-top: none;
}

.zhuige-list-container .zhuige-list-text h5.text-title a, .zhuige-arc-list .zhuige-list-text h5.text-title a, .zhuige-resource-base-list .zhuige-list-text h5.text-title a {
	font-size: 14px;
}

.zhuige-list-container .sub-title a, .zhuige-arc-list .sub-title a, .zhuige-resource-base-list .sub-title a {
	font-size: 14px;
}
/* 价格相关 */
.price-info {
	vertical-align: text-bottom;
	white-space: nowrap;
}

.price-info text {
	font-size: 20px;
	font-weight: 500;
	color: #FF8600;
}
.price-info text.price-free {
	font-size: 16px;
}
.price-info span {
	font-size: 12px;
	color: #FF8600;
}

.price-info img {
	height: 14px;
	width: auto;
}


/* 列表更多 */
.zhuige-list-more a {
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	color: #7F7F7F;
	font-size: 14px;
	width: 480px;
	border-radius: 40px;
	text-align: center;
}

.zhuige-list-more a:hover {
	background: #1173EB;
	color: #FFFFFF;
}

/* 2横上下图 */

.zhuige-twins-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 49.5%;
}

.zhuige-twins-list .zhuige-list .zhuige-list-img,
.zhuige-twins-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 260px;
	width: 100%;
	margin-right: 0;
	overflow: unset;
}

.zhuige-twins-list .zhuige-list-text,
.zhuige-triple-list .zhuige-list-text,
.zhuige-fourfold-list .zhuige-list-text {
	flex: unset;
	margin-top: 20px;
}

/* 3横上下图 */

.zhuige-triple-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 32.6666%;
	margin-right: 1%;
}

.zhuige-triple-list .zhuige-list:nth-child(3n) {
	margin-right: 0;
}

.zhuige-triple-list .zhuige-list .zhuige-list-img,
.zhuige-triple-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 240px;
	width: 100%;
	margin-right: 0;
	overflow: unset;
}

.zhuige-triple-list .zhuige-list-mark {
	right: 0;
	left: auto;
	top: 20px;
}

.zhuige-triple-list .zhuige-list-mark span {
	border-radius: 4px 0 0 4px;
}

/* 4横上下图 */
.zhuige-fourfold-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 24.25%;
	margin-right: 1%;
}

.zhuige-fourfold-list .zhuige-list:nth-child(4n) {
	margin-right: 0;
}

.zhuige-fourfold-list .zhuige-list .zhuige-list-img,
.zhuige-fourfold-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 168px;
	width: 100%;
	margin-right: 0;
}

.zhuige-fourfold-list .sub-title {
	height: 5.2em;
	border-radius: 4px;
	background: #FBFBFB;
	color: #AAAAAA;
	border: 10px solid#FBFBFB;
}

.zhuige-double-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 49.5%;
	margin-right: 1%;
}

.zhuige-double-list .zhuige-list:nth-child(2) {
	margin-right: 0;
}


/* 评分联动 */
.zhuige-rate-opt {
	flex-direction: row-reverse;
}

.zhuige-rate-opt span {
	height: 20px;
	width: 20px;
	background-image: url(images/rate-star.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	transition-duration: 0.1s;
}

.zhuige-rate-opt span.star10:hover,
.zhuige-rate-opt span.rated10 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star20:hover,
.zhuige-rate-opt span.rated20 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star20:hover~span.star10,
.zhuige-rate-opt span.rated20~span.star10 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star30:hover,
.zhuige-rate-opt span.rated30 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star30:hover~span.star10,
.zhuige-rate-opt span.rated30~span.star10 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star30:hover~span.star20,
.zhuige-rate-opt span.rated30~span.star20 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star40:hover,
.zhuige-rate-opt span.rated40 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star40:hover~span.star10,
.zhuige-rate-opt span.rated40~span.star10 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star40:hover~span.star20,
.zhuige-rate-opt span.rated40~span.star20 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star40:hover~span.star30,
.zhuige-rate-opt span.rated40~span.star30 {
	background-position: 0px -40px;
}


.zhuige-rate-opt span.star50:hover,
.zhuige-rate-opt span.rated50 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star10,
.zhuige-rate-opt span.rated50~span.star10 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star20,
.zhuige-rate-opt span.rated50~span.star20 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star30,
.zhuige-rate-opt span.rated50~span.star30 {
	background-position: 0px -40px;
}

.zhuige-rate-opt span.star50:hover~span.star40,
.zhuige-rate-opt span.rated50~span.star40 {
	background-position: 0px -40px;
}


/* 广告组 */
.zhuige-advert {}

.zhuige-advert-text {}

.zhuige-advert-text h1 {
	font-size: 22px;
	font-weight: 500;
}

.zhuige-advert-text p {
	font-size: 14px;
	line-height: 2.2em;
	color: #666666;
}

.zhuige-advert-text div {}

.zhuige-advert-text div a {
	height: 46px;
	line-height: 46px;
	background: #FFFFFF;
	color: #7F7F7F;
	font-size: 14px;
	width: 180px;
	border-radius: 46px;
	text-align: center;
	border: 1px solid #DDDDDD;
}

.zhuige-advert-text div a:hover {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

.zhuige-advert-single .container {
	z-index: 9;
	padding: 100px;
}

.zhuige-advert-single .container h1 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 500;
	width: 100%;
	text-align: center;
}

.zhuige-advert-single .container p {
	color: #FFFFFF;
}

/* 广告组  左侧标题，文字，按钮，右侧大图 */
.zhuige-advert-side-cover {
	background: #FFFFFF;
}

.zhuige-advert-side-cover .zhuige-advert-text {
	width: 66%;
}

.zhuige-advert-cover {
	height: 320px;
	width: 320px;
}

.zhuige-advert-cover img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.zhuige-advert-side-cover .zhuige-advert-text div a {
	margin-right: 12px;
}

.zhuige-advert-side-cover .zhuige-advert-text div a:nth-child(1) {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}
.zhuige-advert-side-cover .zhuige-advert-text div a:nth-child(1):hover {
	opacity: .8;
}
/* 广告组  通栏背景，居中标题，文字，按钮 */
.zhuige-advert-text-center {
	text-align: center;
}

.zhuige-advert-text-center .zhuige-advert-text h1,
.zhuige-advert-text-center .zhuige-advert-text p {
	color: #FFFFFF;
}

.zhuige-advert-text-center .container {
	z-index: 3;
}

.zhuige-advert-bg {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.zhuige-advert-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-advert-text-center .zhuige-advert-text div a {
	margin: 0 12px;
	background: none;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.zhuige-advert-text-center .zhuige-advert-text div a:hover {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

/* 广告组  通栏背景，居中标题，轮播组 */
/* 广告组  标题，底部图文链接组 */
/* 广告组  通栏背景，左侧标题，文字，右侧按钮 */
.zhuige-advert-text-left .container {
	z-index: 3;
}

.zhuige-advert-text-left .zhuige-advert-text div:nth-child(1) {
	padding-right: 40px;
}

.zhuige-advert-text-left .zhuige-advert-text h1,
.zhuige-advert-text-left .zhuige-advert-text p {
	color: #FFFFFF;
}

.zhuige-advert-text-left .zhuige-advert-text div a {
	width: 120px;
	margin-left: 12px;
	background: none;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.zhuige-advert-text-left .zhuige-advert-text div a:hover {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

/* 广告组  标题+背景图+链接 */
.zhuige-advert-text-mini {}

.zhuige-advert-text-mini a {
	display: block;
	width: 100%;
	height: 72px;
	line-height: 72px;
	color: #FFFFFF;
}

.zhuige-advert-text-mini .container {
	z-index: 3;
	text-align: center;
}

.zhuige-advert-text-mini:hover .zhuige-advert-bg {
	opacity: .9;
}

/* 广告组  标题+背景图 用户信息 */
.zhuige-advert-info {
	padding: 40px 0;
	z-index: 9;
}

.zhuige-advert-info .zhuige-user .user-avatar {
	flex: 0 0 54px;
	height: 54px;
	width: 54px;
}

.zhuige-advert-info .zhuige-user .user-info a {
	font-size: 16px;
	font-weight: 500;
	color: #FFFFFF;
}

.zhuige-advert-info .user-info p {
	color: #FFFFFF;
}

.zhuige-advert-info .user-act a {
	padding: 10px 20px;
	border-radius: 40px;
	border: 1px solid #FFFFFF;
	margin-left: 20px;
	color: #FFFFFF;
}

.zhuige-advert-info .user-act a:hover {
	background: #1173eb;
	border-color: #1173eb;
}

/* about标题 */
.zhuige-advert-about {
	padding: 120px 100px 60px;
}

.zhuige-advert-about h1 {
	padding: 20px 0;
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
	white-space: nowrap;
}

.zhuige-user-page {
	padding: 80px 100px 0px;
}

.zhuige-user-page .zhuige-advert-info {
	padding: 20px 0;
}

/* 话题分类标题 */
.zhuige-topic-group-title {
	text-align: center;
}

.zhuige-topic-group-title h2 {
	font-size: 22px;
	font-weight: 500;
}

.zhuige-topic-group-title p {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
}

.zhuige-topic-list .zhuige-list {
	padding: 10px 0;
	border-bottom: 1px dotted #DDDDDD;
}

.zhuige-topic-list .zhuige-list:nth-child(2) {
	padding-top: 10px;
}

.zhuige-topic-list .zhuige-list:nth-child(4) {
	padding-bottom: 0;
	border: none;
}

.zhuige-topic-list .zhuige-list .zhuige-list-img {
	flex: 0 0 66px;
	height: 52px;
	width: 66px;
}

.zhuige-topic-list .zhuige-list .zhuige-list-cover {
	height: 52px;
	width: 66px;

}

.zhuige-topic-list .zhuige-list .zhuige-list-text h5.text-title a {
	font-size: 12px;
}

.zhuige-topic-list-cover .zhuige-list-cover {
	height: 120px;
	width: 100%;
}

.zhuige-topic-list-cover .zhuige-list-cover-info {
	z-index: 9;
	height: 60px;
	width: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-topic-list-cover .zhuige-list-cover-info h5 {
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
	height: 1em;
	line-height: 1em;
	width: 100%;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}

.zhuige-topic-list-cover .zhuige-list-cover-info p {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: 300;
	width: 100%;
	height: 1em;
	line-height: 1em;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 10px;
}


/* 话题资源分类头部标题 */
.zhuige-resource-header {
	padding: 160px 30px 0px;
}

.zhuige-resource-header-text {
	z-index: 3;
	height: 160px;
}

.zhuige-resource-header-text h2 {
	font-size: 30px;
	font-weight: 500;
	color: #FFF;
}

.zhuige-resource-header-text p {
	font-size: 14px;
	font-weight: 500;
	color: #FFF;
}

.zhuige-resource-header-bg {
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 1;
}

.zhuige-resource-header-bg img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

/* 标签块 */
.zhuige-tags-group * {
	transition: all 0.2s ease;
}

.zhuige-tags-group .zhuige-tags {
	background: #F9FAFB;
	color: #7f7f7f;
	border-radius: 8px;
	border: 1px solid #ECECEC;
}

.zhuige-tags h4 a {
	height: 28px;
	line-height: 28px;
	font-size: 13px;
	font-weight: 400;
	padding: 0 16px;
	border-radius: 28px;
	background: #E9EEF5;
	margin-right: 8px;
}

.zhuige-tags p,
.zhuige-tags p a {
	display: block;
	width: 100%;
	height: 1em;
	line-height: 1em;
	word-break: keep-all;
	text-overflow: ellipsis;
	overflow: hidden;
}

.zhuige-tags p a {
	font-size: 12px;
	font-weight: 400;
	color: #7f7f7f;
}

.zhuige-tags-group .zhuige-tags:hover {
	border-color: #1273EB;
	cursor: pointer;
}

.zhuige-tags-group .zhuige-tags:hover h4 a {
	background: #1273EB;
	color: #FFFFFF;
}

/* 404 */
.zhuige-fof {
	height: 100%;
	width: 100%;
	background: #F2F2F2;
	position: fixed;
	text-align: center;
}

.zhuige-fof img {
	height: 200px;
	width: auto;
}

.zhuige-fof h2 {
	font-size: 60px;
	font-weight: bold;
	color: #1173EB;
}

.zhuige-fof p {
	font-size: 12px;
	font-weight: 400;
	color: #7f7f7f;
}

.zhuige-fof h6 {
	font-size: 16px;
	font-weight: bold;
	color: #403C3C;
}



/* 资源分类侧边栏 */
.zhuige-resource-set-group {
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
}

.zhuige-resource-set-group:first-of-type {
	border: none;
	padding: 0;
}

.zhuige-resource-set-group h2 {
	font-size: 18px;
	font-weight: 500;
	line-height: 2em;
}

.zhuige-resource-set-rate {
	padding-top: 10px;
}

.zhuige-resource-set-rate a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border: 1px solid #EDEDED;
	border-width: 1px 1px 1px 0;
	background: #F9FAFB;
}

.zhuige-resource-set-rate a span {
	height: 16px;
	width: 16px;
	margin-right: 2px;
	background-image: url(images/rate-opt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 -1px;
}

.zhuige-resource-set-rate a:nth-child(1) {
	border-width: 1px;
	border-radius: 30px 0 0 30px;
}

.zhuige-resource-set-rate a:nth-child(4) {
	border-radius: 0 30px 30px 0;
}

.zhuige-resource-set-rate a:hover,
.zhuige-resource-set-rate a.set-activ {
	background: #1273EB;
	border-color: #1273EB;
	color: #FFFFFF;
}

.zhuige-resource-set-rate a:hover span,
.zhuige-resource-set-rate a.set-activ span {
	background-position: 0 -17px;

}

.zhuige-resource-set-tags {
	padding: 10px 0;
}

.zhuige-resource-set-tags a {
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	border: 1px solid #EDEDED;
	background: #F9FAFB;
	border-radius: 30px;
	padding: 0 20px;
	margin: 0 10px 10px 0;
}

.zhuige-resource-set-tags a:hover,
.zhuige-resource-set-tags a.set-activ {
	background: #1273EB;
	border-color: #1273EB;
	color: #FFFFFF;
}

.zhuige-resource-set-group h2 span {
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}

.zhuige-resource-set-radio {
	padding: 10px 0;
}

.zhuige-resource-set-radio p {
	display: flex;
	align-items: center;
	height: 30px;
	line-height: 30px;
}

.zhuige-resource-set-radio p text {
	margin-left: 8px;
}

/* 资源分类列表 */
.zhuige-resource-opt {}

.zhuige-resource-opt p a {
	font-size: 14px;
	color: #7F7F7F;
}

.zhuige-resource-opt p cite {
	margin: 0 4px;
	color: #7F7F7F;
}

.zhuige-resource-opt .zhuige-search-form {
	border: 1px solid #EEEEEE;
	border-radius: 6px;
}

.zhuige-resource-opt .zhuige-search-form input {
	width: 200px;
	height: 36px;
	line-height: 36px;
	border-radius: 6px 0 0 6px;
	padding: 0 10px;
}

.zhuige-resource-opt .zhuige-search-form a {
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	border-radius: 0 6px 6px 0;
}

.zhuige-resource-opt .zhuige-search-form a span {
	height: 36px;
	width: 36px;
	background-position: 0 0;
}

.zhuige-resource-opt .zhuige-search-form a:hover span {
	background-position: 0 0px;
}
.zhuige-resource-base-list .zhuige-box:hover, .zhuige-resource-result .zhuige-box:hover {
	transition: all 0.3s ease;
	background: #FAFAFA;
}

.zhuige-resource-result .zhuige-list-text h5.text-title a {
	font-size: 16px;
}

.zhuige-resource-result .sub-title a {
	font-size: 14px;
}


.zhuige-resource-twins-list .zhuige-list {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
	border: 1px solid #EEEEEE;
	border-radius: 6px;
}

.zhuige-resource-twins-list .zhuige-list:hover {
	background: #FAFAFA;
}

.zhuige-resource-twins-list .zhuige-list .zhuige-list-img {
	flex: 0 0 110px;
	width: 110px;
	height: 110px;
}

.zhuige-resource-twins-list .zhuige-list-cover {
	width: 110px;
	height: 110px;
}

.zhuige-resource-twins-list .zhuige-list-text {
	padding-right: 10px;
}

.zhuige-resource-twins-list .zhuige-list:nth-child(2n) {
	margin-right: 0;
}

.zhuige-resource-triple .zhuige-list {
	width: 32.6666%;
	margin-right: 1%;
	border: 1px solid #F4F5F5;
	transition: all 0.2s ease;
}

.zhuige-resource-triple .zhuige-list:hover {
	border-color: #1273EB;
}

.zhuige-resource-triple .zhuige-list:nth-child(4n) {
	margin-right: 1%;
}

.zhuige-resource-triple .zhuige-list:nth-child(3n) {
	margin-right: 0;
}

/* 通栏模块 */
.zhuige-wide-box {
	padding: 40px 0;
}

.zhuige-wb {
	background: #FFFFFF;
}

.zhuige-wide-header {
	text-align: center;
	/* padding: 40px 0 20px; */
}

.zhuige-wide-header h2 {
	font-size: 30px;
	font-weight: 500;
}

.zhuige-wide-header p {
	font-size: 14px;
	font-weight: 400;
	margin: 20px;
}

.zhuige-wide-header p img {
	height: 16px;
	width: auto;
	margin-right: 12px;
}

/* QA模块 */
.zhuige-qa-list {}

.zhuige-qa-list li {
	border-bottom: 1px solid #EEEEEE;
}

.zhuige-qa-list li:last-of-type {
	border: none;
	padding-bottom: 0;
}

.zhuige-qa-list div {
	font-size: 14px;
	color: #FFFFFF;
	background: #2C70DB;
	line-height: 1.8em;
	padding: 20px;
}

.zhuige-qa-list p {
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.zhuige-qa-list p a {
	font-size: 14px;
	line-height: 1.6em;
}

.zhuige-qa-list p span {
	height: 18px;
	width: 18px;
	background-image: url(images/open.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.zhuige-qa-list p:hover span {
	background-position: 0 -18px;
}

.zhuige-qa-list p span.qa-close {
	background-position: 0 -36px;

}

.zhuige-qa-list p:hover span.qa-close {
	background-position: 0 -54px;
}


/* 4图+描述 */
.zhuige-intro-module {
	text-align: center;
}


.zhuige-intro-module div {
	transition: all 0.3s ease;
}

.zhuige-intro-module div:nth-child(n+7) {
	display: none;
}

.zhuige-intro-module div:hover {
transform: translateY(-4px);
	box-shadow: 0 10px 18px -8px rgba(79, 125, 183, .3);
	transition: all 0.3s ease;}

.zhuige-intro-module img {
	height: 70px;
	width: 70px;
}

.zhuige-intro-module h4 {
	font-size: 16px;
	font-weight: 500;
	margin: 12px 0;
}

.zhuige-intro-module p {
	font-size: 14px;
	color: #777777;
	line-height: 1.8em;
	white-space: nowrap;
}

.zhuige-vip-user {
	border: 1px solid #E7E7E7;
	border-radius: 8px;
	background: #FFFFFF;
	transition: all 0.3s ease;
}

.zhuige-vip-user:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 32px -18px rgba(79, 125, 183, .3);
	transition: all 0.3s ease;
}


.zhuige-vip-user .zhuige-user .user-avatar {
	height: 60px;
	width: 60px;
}

.zhuige-vip-user .zhuige-user .user-info a {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
}

.zhugie-vip-assess {
	font-size: 14px;
	color: #7f7f7f;
	line-height: 1.8em;
	padding-right: 60px;
	background-image: url(images/assess.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

/* 轮播 3列 商品 */
.zhuige-vip-goods-group {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.zhuige-vip-goods-group .zhuige-wide-header {
	color: #FFFFFF;
}

.zhuige-vip-goods {
	background: #FFFFFF;
	border-radius: 8px;
	transition: all 0.3s ease;
}
.zhuige-vip-goods:hover {
	transform: translateY(-4px);
	box-shadow: 0 10px 16px -9px rgba(79, 125, 183, .3);
	transition: all 0.3s ease;
}

.zhuige-vip-goods-cover {
	height: 108px;
	width: 100%;
	overflow: hidden;
	border-radius: 8px 8px 0 0;
}

.zhuige-vip-goods-cover img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-vip-goods-cover h6 {
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	top: 40px;
	left: 20px;
	z-index: 2;
}

.zhuige-vip-goods-cover span {
	height: 24px;
	line-height: 24px;
	border-radius: 0 4px 0 4px;
	padding: 0 10px;
	background: #FF8600;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	top: 0;
	right: 0;
	z-index: 3;
}

.zhuige-vip-goods-info text {
	vertical-align: baseline;
}

.zhuige-vip-goods-info cite {
	font-size: 12px;
	font-weight: 400;
	margin-right: 4px;
}

.zhuige-vip-goods-info text {
	font-size: 35px;
	font-weight: bold;
	margin-right: 8px;
}

.zhuige-vip-goods-info span {
	font-size: 12px;
	font-weight: 400;
	text-decoration: line-through;
}

.zhuige-vip-goods-text {
	background: #FBFBFB;
	border-radius: 8px;
	color: #AAAAAA;
	line-height: 1.8em;
}

.zhuige-vip-goods-info p a {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	border-radius: 40px;
	text-align: center;
	color: #333333;
	margin-bottom: 10px;
}

.zhuige-vip-type-recommend .zhuige-vip-goods-info p a {
	background: #FF8600;
	border-color: #FF8600;
	color: #FFFFFF;	
}

.zhuige-vip-goods-info p a:hover, .zhuige-vip-goods-intro .zhuige-vip-goods-info p a:hover {
	background: #feb432;
	border-color: #feb432;
	color: #FFFFFF;
}


.zhuige-vip-goods-intro h6 {
	margin: 0 10px;
	padding: 20px 0 10px 0;
	font-size: 14px;
	font-weight: 500;
	border-top: 1px dotted #EDEDED;
}

.zhuige-vip-goods-intro p {
	height: 48px;
	line-height: 48px;
	padding: 0 10px;
}

.zhuige-vip-goods-intro p:nth-child(2n) {
	background: #F9FAFB;
}

.zhuige-vip-goods-intro p:last-child {
	border-radius: 0 0 8px 8px;
}

.zhuige-vip-goods-intro p img {
	height: 15px;
	width: 15px;
	margin-right: 4px;
	vertical-align: text-top;
}

.zhuige-vip-tips {
	text-align: center;
}

.zhuige-vip-tips text {
	font-size: 14px;
	color: #7F7F7F;
}

.zhuige-vip-tips a {
	font-size: 14px;
	color: #2C70DB;
}

/* 多用户列表 */
.zhuige-users-list {}

.zhuige-user-block {
	width: 19%;
	margin-right: 1.25%;
	background: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #EDEDED;
	text-align: center;
}

.zhuige-user-block:nth-child(5n) {
	margin-right: 0;
}

.zhuige-user-block .user-avatar {
	height: 64px;
	width: 64px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 20px;
}

.zhuige-user-block .user-avatar img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-user-block .user-opt a {
	height: 28px;
	line-height: 28px;
	background: #E9EEF5;
	color: #7F7F7F;
	font-size: 12px;
	width: 48%;
	border-radius: 28px;
	text-align: center;
}

.zhuige-user-block:hover {
	border-color: #2C70DB;
}

.zhuige-user-block .user-opt a:hover {
	background: #2C70DB;
	color: #FFFFFF;
}


/* 用户中心侧边导航 */
.zhuige-user-menu p {
	padding: 24px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-user-menu p span {
	height: 18px;
	line-height: 18px;
	text-align: center;
	width: 18px;
	font-size: 12px;
	border-radius: 50%;
	transform: scale(.7);
	background: #FF8600;
	color: #FFFFFF;
}

.zhuige-user-menu p:first-child {
	border-radius: 8px 8px 0 0;
}

.zhuige-user-menu p:last-child {
	border: none;
	border-radius: 0 0 8px 8px;
}

.zhuige-user-menu p:hover,
.zhuige-user-menu p.menu-activ {
	background: #F7F9FC;
}
.zhuige-user-menu p a {
	font-size: 14px;
	white-space: nowrap;
}
.zhuige-user-menu p.menu-activ a {
	font-weight: 500;
	color: #2C70DB;
}

.zhuige-uc .zhuige-box {
	min-height: 444px;
}

.zhuige-uc .zhuige-box h1 {
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-uc .zhuige-box h1 span {
	color: #2C70DB;
}

.zhuige-uc .zhuige-box h1 p a {
	height: 28px;
	line-height: 28px;
	background: #E9EEF5;
	width: 80px;
	border-radius: 28px;
	margin-left: 8px;
	text-align: center;
}

.zhuige-uc .zhuige-box h1 p a:hover,
.zhuige-uc .zhuige-box h1 p a:nth-child(1) {
	background: #D5E6FC;
	color: #2C70DB;
}

.zhuige-uc .zhuige-box h1 p a:nth-child(1) {
	background: none;
}

.zhuige-uc .zhuige-box h1 p a cite {
	position: absolute;
	top: -4px;
	right: -4px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	width: 18px;
	border-radius: 50%;
	color: #FFFFFF;
	background: #F59A23;
	transform: scale(.7);
}

/* 用户中心彩色导航 */

.zhuige-user-count {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}

.zhuige-user-count li {
	width: 24%;
	margin-right: 10px;
}

.zhuige-user-count li:last-child {
	margin: 0;
}

.zhuige-user-count li a {
	display: block;
	width: 100%;
	padding: 40px 0;
	text-align: center;
	border-radius: 8px;
	background: #E1F2FC;
	color: #16A5E5;
}

.zhuige-user-count li a:hover {
	opacity: .8;
}

.zhuige-user-count li a span {
	display: block;
	height: 24px;
	width: 24px;
	margin: 0 auto 10px;
	background-image: url(images/uc-icon.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.zhuige-user-count li:nth-child(2) a {
	background: #E2F5ED;
	color: #39C596;
}

.zhuige-user-count li:nth-child(2) a span {
	background-position: 0 -24px;
}

.zhuige-user-count li:nth-child(3) a {
	background: #E5E2FC;
	color: #7066E9;
}

.zhuige-user-count li:nth-child(3) a span {
	background-position: 0 -48px;
}

.zhuige-user-count li:nth-child(4) a {
	background: #FFEFDF;
	color: #FF9D0F;
}

.zhuige-user-count li:nth-child(4) a span {
	background-position: 0 -72px;
}

.zhuige-user-count li:nth-child(5) a {
	background: #FFE7E0;
	color: #FF5722;
}

.zhuige-user-count li:nth-child(5) a span {
	background-position: 0 -96px;
}

.zhuige-forum .zhuige-user .user-avatar {
	height: 100px;
	width: 100px;
}

.zhuige-forum .zhuige-user .user-info text {
	font-size: 18px;
	font-weight: 500;
}

.zhuige-forum .zhuige-user .user-info a {
	height: 24px;
	line-height: 24px;
	padding: 0 12px;
	border-radius: 4px;
	background: #2C70DB;
	color: #FFFFFF;
	margin-left: 8px;
}

.zhuige-forum-line h6 {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 14px;
}

.zhuige-forum-line h6 span {
	color: #777777;
}

.zhuige-forum-line input[type="text"],
.zhuige-forum-line input[type="password"],
.zhuige-forum-line select {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-indent: 12px;
	border: 1px solid #ECECEC;
	background: #F9FAFB;
	border-radius: 8px;
}

.zhuige-forum-line select {
	background-image: url(images/jiantou.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 98% 14px;
}

.zhuige-forum-line textarea {
	width: 100%;
	height: 120px;
	line-height: 30px;
	font-size: 14px;
	padding: 10px;
	border: 1px solid #ECECEC;
	background: #F9FAFB;
	border-radius: 8px;
	margin: 0;
}

.zhuige-forum-line input[type="text"]:hover,
.zhuige-forum-line input[type="password"]:hover,
.zhuige-forum-line select:hover,
.zhuige-forum-line textarea:hover {
	border-color: #2C70DB;
}

.zhuige-upload p {
	display: block;
	height: 120px;
	width: 120px;
	border-radius: 8px;
	text-align: center;
	background: #F9FAFB;
	border: 1px solid #ECECEC;
}

.zhuige-upload p span {
	display: block;
	height: 40px;
	width: 40px;
	background-image: url(images/open.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	margin: 20px auto;
}

.zhuige-upload p text {
	color: #777777;
}

.zhuige-upload p strong {
	display: block;
	height: 120px;
	width: 120px;
	border-radius: 7px;
	overflow: hidden;
}

.zhuige-upload p strong img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-upload p cite {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #F4F5F5;
	border: 3px solid #F4F5F5;
	top: -10px;
	right: -10px;
}

.zhuige-upload p cite img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-user-msg .zhuige-user .user-avatar {
	height: 40px;
	width: 40px;
}

.zhuige-user-msg .zhuige-user .user-info h6 a {
	font-size: 14px;
	color: #333333;
	font-weight: 500;
}

.zhuige-user-msg .zhuige-user .user-info h6 span {
	font-size: 12px;
	color: #999999;
}


.zhuige-user-msg .zhuige-user .user-info p {
	line-height: 1.8em;
}

.zhuige-user-msg .zhuige-user .user-info p img {
	max-width: 400px;
	margin: 10px 0 0;
	border-radius: 8px;
}

.zhuige-user-msg .zhuige-user .user-info p strong {
	color: #2C70DB;
}

.zhuige-user-msg .zhuige-user .user-info {
	background: #FAFAFA;
	padding: 20px;
	border-radius: 8px;
	position: relative;
	max-width: 80%;
	min-width: 40%;
}

.zhuige-user-msg .zhuige-user .user-info:before {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: -8px;
	top: 12px;
	background: linear-gradient(135deg, transparent 0, transparent 50%, #FAFAFA 50%, #FAFAFA 50%, #FAFAFA 100%) left top / 50% 50% no-repeat,
		linear-gradient(45deg, transparent 0, transparent 50%, #FAFAFA 50%, #FAFAFA 50%, #FAFAFA 100%) left bottom / 50% 50% no-repeat;
}

.zhuige-order .zhuige-list .zhuige-list-img {
	flex: 0 0 128px;
	width: 128px;
	height: 88px;
}

.zhuige-order .zhuige-list-cover {
	width: 128px;
	height: 88px;
}

.zhuige-order .zhuige-list {
	width: 80%;
}

.zhuige-order .zhuige-order-pay {
	width: 140px;
	text-align: right;
	vertical-align: baseline;
}

.zhuige-order .zhuige-order-pay text {
	font-size: 20px;
	font-weight: 500;
	color: #F59A23;
}

.zhuige-order .zhuige-order-pay cite {
	font-size: 12px;
	font-weight: 400;
	color: #F59A23;
}

.zhuige-order .zhuige-order-pay span {
	font-size: 12px;
	font-weight: 400;
	color: #7f7f7f;

}

.zhuige-order-list {
	border-bottom: 1px dotted #DDDDDD;
}

.zhuige-order-list:last-child {
	border: none;
	padding-bottom: 0;
}
.zhuige-order-list .zhuige-list-mark {
	left: 0;
}
.zhuige-order-list .order-res {
	background: #F59A23;
}

.zhuige-order-list .order-vip {
	background: #B0A492;
}

.zhuige-order .zhuige-list .zhuige-list-text > .zhuige-order-pay {
	display: none;
}

.zhuige-none-tip {
	text-align: center;
	padding: 40px;
}

.zhuige-none-tip img {
	height: 100px;
}

.zhuige-none-tip p {
	margin-top: 20px;
	font-size: 12px;
	color: #8C8C8C;
}


/* 列表更多 */
.zhuige-forum-btn a {
	height: 40px;
	line-height: 40px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 14px;
	width: 480px;
	border-radius: 40px;
	text-align: center;
}

.zhuige-forum-btn a:hover {
	opacity: .8;
}

.zhuige-forum-tips img {
	height: 18px;
	width: 18px;
	margin-right: 4px;
}

.zhuige-page {
	min-height: 400px;
	line-height: 2.2em;
}

.zhuige-page * {
	font-size: 14px;
	color: #7f7f7f;
}

.zhuige-page-menu {
	position: relative;
	margin-top: -30px;
	z-index: 9;
}

.zhuige-page-menu a {
	margin: 0 20px;
	font-size: 16px;
	font-weight: 400;
	color: #7f7f7f;
	white-space: nowrap;
}

.zhuige-page-menu a.active {
	color: #333333;
	font-weight: 500;
	color: #333333;
}

.zhuige-about-menu {
	margin-top: 0;
}

.zhuige-user-page-list {
	width: 100%;
}
.zhuige-user-page-list .zhuige-list {
	border-bottom: 1px solid #EEEEEE;
}
.zhuige-user-page-list .zhuige-list:last-of-type {
	border: none;
}
.zhuige-user-page-list .zhuige-list-text h5.text-title a {
	font-size: 16px;
}
.zhuige-user-page-list .zhuige-user {
	position: relative;
	margin-right: 16px;
}
.zhuige-user-page-list .zhuige-user::after {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 3px;
	background: #7f7f7f;
	height: 3px;
	top: 8px;
	right: -10px;
}

.zhuige-user-page-list .sub-title a {
	font-size: 14px;
}

.zhuige-user-page-list .zhuige-list-mark {
	left: 0;
}

/* 详情内容导航 */
.zhuige-view-menu h2 {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-view-menu ol {
	border-left: 1px solid #E7E8E8;
}

.zhuige-view-menu ol li {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	position: relative;
}

.zhuige-view-menu ol li.active::after,
.zhuige-view-menu ol li:hover::after {
	content: '';
	position: absolute;
	width: 3px;
	background: #1173EB;
	height: 100%;
	top: 0px;
	left: -22px;
	z-index: 2;
}

.zhuige-view-menu ol li.active a {
	color: #1173EB;
}

/* 详情侧边操作项 */

.zhuige-opt-side {}

.zhuige-opt-side li {
	margin-bottom: 30px;
	position: relative;
	height: 48px;
	width: 48px;
	border-radius: 50px;
	background: #FFFFFF;
	padding-top: 1px;
}

.zhuige-opt-side li a {
	display: block;
	height: 30px;
	width: 30px;
	margin: 6px 9px;
	background-image: url(images/pageopt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	color: rgba(0, 0, 0, 0);
}

.zhuige-opt-side li:nth-child(2) a {
	background-position: 0 -60px;
}

.zhuige-opt-side li:nth-child(3) a {
	background-position: 0 -120px;
}

.zhuige-opt-side li:hover a,
.zhuige-opt-side li.active a {
	background-position: 0 -30px;
}

.zhuige-opt-side li:nth-child(2):hover a,
.zhuige-opt-side li:nth-child(2).active a {
	background-position: 0 -90px;
}

.zhuige-opt-side li:nth-child(3):hover a,
.zhuige-opt-side li:nth-child(3).active a {
	background-position: 0 -150px;
}

.zhuige-opt-side li span {
	position: absolute;
	z-index: 3;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #9B9B9B;
	color: #FFFFFF;
	line-height: 20px;
	font-size: 12px;
	top: -4px;
	right: -4px;
	text-align: center;
	transform: scale(.7);
}

.zhuige-opt-side li:hover span,
.zhuige-opt-side li.active span {
	background: #1173EB;
}

.zhuige-opt-mobile {
	display: none;
}

/* 详情内容区 */

.zhuige-view-article {
	min-height: 200px;
}

.zhuige-view-article * {
	font-size: 16px;
	color: #dbe5f0;
}

.zhuige-view-article img {
	max-width: 100%;
}

.zhuige-view-article p .aligncenter {
	display: inherit;
	margin: 0 auto;
}

.zhuige-view-article blockquote {
	background-color: #F7F9FF;
	padding: 20px;
	border-left: 4px solid #1272EB;
}


.zhuige-view-article h1 {
	display: block;
	font-size: 2em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	font-weight: bold;
}

.zhuige-view-article h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	font-weight: bold;
}

.zhuige-view-article h3 {
	display: block;
	font-size: 1.17em;
	margin-block-start: 1em;
	margin-block-end: 1em;
	font-weight: bold;
}

.zhuige-view-article h4 {
	display: block;
	margin-block-start: 1.33em;
	margin-block-end: 1.33em;
	font-weight: bold;
}

.zhuige-view-article h5 {
	display: block;
	font-size: 0.83em;
	margin-block-start: 1.67em;
	margin-block-end: 1.67em;
	font-weight: bold;
}

.zhuige-view-article h6 {
	display: block;
	font-size: 0.67em;
	margin-block-start: 2.33em;
	margin-block-end: 2.33em;
	font-weight: bold;
}

.zhuige-view-article p {
	margin-block-start: 1em;
	margin-block-end: 1em;
	line-height: 1.95;
	font-size: 16px;
	word-break: break-all;
}

.zhuige-view-article strong,
.zhuige-view-article b {
	font-weight: 700;
	font-size: 16px;
}

.zhuige-view-article i,
.zhuige-view-article em,
.zhuige-view-article cite {
	font-style: italic;
}

.zhuige-view-article ul,
.zhuige-view-article ol {
	list-style: initial;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.zhuige-view-article li {
	list-style: initial;
}

.zhuige-view-article ol li {
	list-style: decimal;
}


.zhuige-view-article h1,
.zhuige-view-article h2,
.zhuige-view-article h3,
.zhuige-view-article h4,
.zhuige-view-article h5,
.zhuige-view-article h6,
.zhuige-view-article strong,
.zhuige-view-article b {
	color: #ffffff;
}

.zhuige-view-article a {
	font-size: 16px;
	color: #66c0f4;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.zhuige-view-article a:hover {
	color: #9ad6ff;
}

.zhuige-view-article hr {
	height: 1px;
	background-color: rgba(255, 255, 255, 0.15);
	border: none;
}

/* ===== 2026-09-26 暗色背景正文可读性增强：加粗标题层级、突出关键信息 ===== */
.zhuige-view-article h2 {
	font-size: 25px;
	line-height: 1.4;
	margin-block-start: 1.3em;
	margin-block-end: 0.6em;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(102, 192, 244, 0.35);
}

.zhuige-view-article h3 {
	font-size: 19px;
	line-height: 1.5;
	color: #8fd0ff;
	margin-block-start: 1.15em;
	margin-block-end: 0.45em;
}

.zhuige-view-article ul,
.zhuige-view-article ol {
	line-height: 1.95;
}

.zhuige-view-tags {}

.zhuige-view-tags h6 {
	text-align: center;
	color: #BDBDBD;
	font-size: 14px;
	font-weight: 400;
}

.zhuige-view-tags div {
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-view-tags div a {
	font-size: 12px;
	font-weight: 400;
	padding: 4px 12px;
	background: #F9FAFB;
	color: #7F7F7F;
	border-radius: 4px;
	margin: 0 0 6px 8px;
	white-space: nowrap;
}

.zhuige-view-tags div a:hover {
	color: #FFFFFF;
	background: #1173EB;
}

.zhuige-poster {
	background: #F9FAFB;
	border-radius: 4px;
}

.zhuige-poster .zhuige-user .user-avatar {
	flex: 0 0 54px;
	width: 54px;
	height: 54px;
}

.zhuige-poster .zhuige-user .user-info a {
	font-size: 16px;
	font-weight: 500;
	color: #111111;
}

.zhuige-poster span a {
	padding: 10px 20px;
	border-radius: 40px;
	border: 1px solid #1173EB;
}

.zhuige-praise-list h6 {
	text-align: center;
	color: #7f7f7f;
	font-size: 12px;
	font-weight: 400;
}

.zhuige-praise-list li {
	margin: 4px;
}

.zhuige-praise-list li a {
	display: block;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	overflow: hidden;
}

.zhuige-praise-list li a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-view-title {
	font-size: 20px;
}

.zhuige-view-title h1 {
	font-weight: 500;
	border: none;
}

.zhuige-view-title span {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	background-color: #E1F2FC;
	color: #1273EB;
	border-radius: 0 8px 0 8px;
	padding: 4px 16px;
	right: -20px;
	top: -30px;
}

/* 上下篇 */
.zhuige-next {
	width: 46.7%;
}

.zhuige-next p a {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}

.zhuige-next h5 {
	height: 2.2em;
	overflow: hidden;
}

.zhuige-next h5 a {
	font-size: 14px;
	line-height: 2.8em;
	white-space: nowrap;
}

/* cooky */
.zhuige-cooky {}

.base-list-nav *,
.base-list-nav a {
	color: #999999;
	font-size: 14px;
}

.base-list-nav a:hover {
	color: #1273EB;

}

/* 详情推荐列表 */
.zhuige-recommend h2 {
	font-size: 16px;
	font-weight: 500;
	padding: 0 20px 20px;
}

.zhuige-recom-list .zhuige-list {
	margin: 0 2.4% 20px 0;
	width: 48.8%;
}

.zhuige-recom-list .zhuige-list:nth-child(2n) {
	margin-right: 0;
}

.zhuige-recom-list .zhuige-list .zhuige-list-img {
	flex: 0 0 90px;
	width: 90px;
	height: 70px;
}

.zhuige-recom-list .zhuige-list-cover {
	width: 90px;
	height: 70px;
}

.zhuige-recom-list .zhuige-list-text h5.text-title a {
	font-size: 14px;
	font-weight: 400;
}

.zhuige-hidden-block {
	background: #E1F2FC;
	border-radius: 8px;
	border: 1px dotted #1273EB;
	text-align: center;
}

.zhuige-hidden-block span {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	background-color: #1273EB;
	color: #E1F2FC;
	border-radius: 0 8px 0 8px;
	padding: 4px 16px;
	right: 0px;
	top: 0px;
}

.hidden-tips {
	color: #1273EB;
	font-size: 12px;
	line-height: 2em;
}

.hidden-btn a {
	padding: 6px 30px;
	background-color: #1273EB;
	color: #E1F2FC;
	font-size: 13px;
	font-weight: 400;
	border-radius: 30px;
}

.hidden-vip {
	background: #FFFAF5;
	border-color: #F59A23;
}

.hidden-vip span {
	color: #FFFAF5;
	background: #F59A23;
}

.hidden-vip .hidden-tips {
	color: #F59A23;
}

.hidden-vip .hidden-btn a {
	color: #FFFAF5;
	background: #F59A23;
}

.hidden-pay a {
	font-size: 12px;
	font-weight: 400;
	background-color: #FFEFDF;
	color: #F59A23;
	border-radius: 20px;
	padding: 4px 16px;
	margin: 0 4px;
}

/** 文章评论 **/
.zhuige-comment .zhuige-user-msg .zhuige-user .user-avatar {
	height: 40px;
	width: 40px;
}

.zhuige-comment .zhuige-user-msg .zhuige-user .data-info a {
	color: #1273EB;
}

.zhuige-reply {
	margin-left: 60px;
}

.zhuige-reply .user-info h6 text {
	margin: 0 8px;
}

.zhuige-comment h3 text {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-comment h3 span {
	font-size: 12px;
}

.zhuige-comment h3 cite {
	color: #999999;
}

.zhuige-comment h3 a {
	color: #1273EB;
}

.zhuige-comment-input input {
	height: 70px;
	background: #F9FAFB;
	line-height: 70px;
	text-indent: 20px;
	font-size: 12px;
	width: 86%;
	border-radius: 8px 0 0 8px;
}

.zhuige-comment-input a {
	cursor: pointer;
	height: 70px;
	background: #1273EB;
	color: #FFFFFF;
	text-align: center;
	line-height: 70px;
	font-size: 14px;
	width: 14%;
	border-radius: 0 8px 8px 0;
}
.zhuige-comment-input a:hover {
	opacity: .8;
}

.zhuige-comment-login {
	font-size: 12px;
	color: #717171;
}

.zhuige-comment-depth-2 {
	margin-left: 40px;
}

.zhuige-comment-depth-3 {
	margin-left: 80px;
}

.zhuige-comment-depth-4 {
	margin-left: 120px;
}

.zhuige-comment-depth-5 {
	margin-left: 160px;
}


.zhuige-resource-info .zhuige-advert-bg img {
	border-radius: 8px 8px 0 0;
}

.zhuige-resource-info .zhuige-view-tags div a {
	border: 1px solid #EDEDED;
	padding: 6px 14px;
	border-radius: 30px;
}

/** 资源下载 **/
.zhuige-download h4 {
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 20px;
	border-bottom: 1px dotted #EDEDED;
}

.zhuige-download span {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	background-color: #E1F2FC;
	color: #1273EB;
	border-radius: 0 8px 0 8px;
	padding: 4px 16px;
	right: 0px;
	top: 0px;
}

.zhuige-download span.vip-pay {
	background-color: #FFEFDF;
	color: #F59A23;
}

.zhuige-download p {
	padding: 20px 0;
	border-bottom: 1px dotted #EDEDED;
	display: flex;
	align-items: center;
}

.zhuige-download p:last-child {
	border: none;
	padding-bottom: 0;
}

.zhuige-download p strong {
	width: 70%;
	font-size: 13px;
	white-space: nowrap;
	font-weight: 400;
	color: #7F7F7F;
}
.zhuige-download p text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.zhuige-download-info p strong {
	width: 40%;
	overflow: hidden;
}
.zhuige-download-info p text {
	width: 60%;
}

.zhuige-download p a {
	color: #1273EB;
}

.zhuige-download div {
	padding-top: 20px;
}

.zhuige-download .download-btn a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	text-align: center;
	border: 1px solid #DDDDDD;
	font-size: 16px;
	font-weight: 400;
}

.zhuige-download .download-btn a:hover {
	opacity: .8;
}

.zhuige-download .local a {
	background-color: #1273EB;
	color: #FFFFFF;
	border-color: #1273EB;
}

.zhuige-download .vip a {
	background-color: #FFEFDF;
	color: #F59A23;
	border-color: #FFEFDF;
}

.zhuige-download .buy a {
	background-color: #F59A23;
	color: #FFFFFF;
	border-color: #F59A23;
}

.zhuige-download .download-btn cite {
	position: absolute;
	z-index: 3;
	font-size: 12px;
	font-weight: 400;
	height: 50px;
	line-height: 50px;
	width: 100px;
	border: 1px solid #DDDDDD;
	border-radius: 0 50px 50px 0;
	right: 0px;
	top: 20px;
	text-align: center;
	background: #FFFFFF;
}

.zhuige-download .relative a {
	width: 70%;
}

.zhuige-download .download-tips a {
	color: #1273EB;
}

.zhuige-download .download-tips text {
	margin: 0 4px;
}

.zhuige-download .download-tips label {
	margin-left: 6px;
}

.zhuige-download p.justify-content-between text {
	font-size: 20px;
	font-weight: 500;
	color: #F59A23;
}

.zhuige-download p.justify-content-between b {
	font-size: 14px;
	font-weight: 400;
	color: #7F7F7F;
}

.zhuige-download p.justify-content-between text b {
	font-size: 12px;
	color: #F59A23;
}

/** 评分 **/
.zhuige-score {
	border-right: 1px solid #ECECEC;
	width: 300px;
}

.zhuige-score h6 text {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-score h6 span {
	font-size: 13px;
	font-weight: 400;
}

.zhuige-qa-group h5 {
	font-size: 16px;
	font-weight: 500;
}

.zhuige-qa-group .zhuige-qa-list div {
	background: #F9FAFB;
	color: #AAAAAA;
}

.zhuige-score-count {
	margin-right: 20px;
	font-size: 60px;
	font-weight: 600;
	color: #F59A23;
}

.zhuige-scrore-rate {
	font-size: 12px;
	font-weight: 400;
}
.zhuige-scrore-rate-login {
	flex-direction: row-reverse;
}
.zhuige-score-list {
	width: 70%;
}
#resource-score .zhuige-score-list {
	padding-left: 50px;
}
.zhuige-scrore-line {}

.zhuige-scrore-type {
	width: 40px;
	color: #666666;
}

.zhuige-scrore-percent {
	width: 90%;
	background: #F2F2F2;
	border-radius: 12px;
	height: 12px;
}

.zhuige-scrore-percent div {
	height: 12px;
	width: auto;
	border-radius: 12px;
	background: #1CB3F5;
}

.zhuige-scrore-line:nth-child(2) .zhuige-scrore-percent div {
	background: #54BF8B;
}

.zhuige-scrore-line:nth-child(3) .zhuige-scrore-percent div {
	background: #FFB900;
}

.zhuige-scrore-line:nth-child(4) .zhuige-scrore-percent div {
	background: #EF8D4D;
}

.zhuige-scrore-line:nth-child(5) .zhuige-scrore-percent div {
	background: #EF4F4F;
}

.zhuige-scrore-data {
	width: 40px;
	padding-left: 10px;
	color: #666666;
	text-align: right;
}

.zhuige-resource-recommend h5 {
	/* border-bottom: 1px dotted #EDEDED; */
	font-size: 16px;
	font-weight: 500;
}

.zhuige-resource-recommend .zhuige-list {
	border-bottom: 1px dotted #EDEDED;
}
.zhuige-resource-recommend .zhuige-list .zhuige-list-bg {
	flex-direction: row-reverse;
}

.zhuige-resource-recommend .zhuige-list-text h5.text-title a {
	font-size: 16px;
}
.zhuige-resource-recommend .zhuige-list-text .sub-title a {
	font-size: 14px;
}
.zhuige-resource-recommend .zhuige-list:last-of-type {
	border: none;
	padding-bottom: 0;
}

.zhuige-resource-recommend .zhuige-list .zhuige-list-img {
	margin: 0 0 0 24px;
}

.zhuige-foot-tab {
	position: sticky;
	bottom: 12px;
	z-index: 1199;
	background: #F9F9F9;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	box-shadow: 0 10px 16px -8px rgba(79, 125, 183, .5);
	width: 520px;
}

.zhuige-foot-tab a {
	padding: 0 30px;
	border-radius: 40px;
	white-space: nowrap;
}

.zhuige-foot-tab a.active,
.zhuige-foot-tab a:hover {
	background: #1173EB;
	color: #FFFFFF;
}

.zhuige-advert-text-left .zhuige-advert-text div.res-opt a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FFFFFF;
	color: #000000;
}

.res-opt a span {
	display: block;
	height: 24px;
	width: 24px;
	background-image: url(images/respageopt.png);
	background-position: 0 -48px;
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin: -1px 3px 0 0;
}

.res-opt a:nth-child(2) span {
	background-position: 0 0;
}

.res-opt a:hover span,
.res-opt a.active span {
	background-position: 0 -72px;
}

.res-opt a:nth-child(2):hover span,
.res-opt a:nth-child(2).active span {
	background-position: 0 -24px;
}

.zhuige-advert-text-left .zhuige-advert-text div.res-opt a:hover,
.zhuige-advert-text-left .zhuige-advert-text div.res-opt a.active,
.zhuige-praise-list .res-opt a:hover,
.zhuige-praise-list .res-opt a.active {
	background: #1173EB;
	color: #FFFFFF;
	border-color: #1173EB;
}

.zhuige-advert-text .data-info text {
	color: #FFFFFF;
}

.zhuige-advert-text .data-info text::after {
	background: #FFFFFF;
}

.zhuige-praise-list .res-opt a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	margin: 0 4px;
	height: 40px;
	line-height: 40px;
	background: #FFFFFF;
	color: #7F7F7F;
	font-size: 14px;
	border-radius: 40px;
	text-align: center;
	border: 1px solid #DDDDDD;
}


/******* 产品微信支付 *******/

.zhuige-prd-pay-box {
	width: 360px;
	baground: #FFFFFF;
	border-radius: 2px;
}
.zhuige-prd-pay-info {
	text-align: center;
}
.zhuige-prd-pay-info p {
	padding: 10px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zhuige-prd-pay-info p img {
	height: 36px;
	width: auto;
	margin: 0 auto;
}
.zhuige-prd-pay-info p text {
	font-size: 14px;
	font-weight: 500;
	color: #333333;
}
.zhuige-prd-pay-info p strong {
	color: #888888;	
}

.zhuige-prd-pay-info h3 text {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}
.zhuige-prd-pay-info h3 strong {
	color: #ff6600;	
	font-weight: 500;	
}
.zhuige-prd-pay-qr {
	height: 200px;
	width: 200px;
	overflow: hidden;
	margin: 0 auto 20px;
}
.zhuige-prd-pay-qr img {
	height: 200px;
	width: 200px;	
}
.zhuige-prd-pay-tips text {
	display: block;
	text-align: center;
	height: 52px;
	line-height: 52px;
	font-size: 14px;
	background: #13AF2F;
	font-weight: 400;
	color: #FFFFFF;
}



/** 侧边栏 **/

aside .zhuige-search-form input {
	width: 160px;
	background: #F9FAFB;
	height: 40px;
	line-height: 40px;
	padding: 0 10px 0 20px;
	font-size: 12px;
}

aside .zhuige-search-form a {
	padding: 0 12px;
	background: #F9FAFB;
	height: 40px;
	line-height: 40px;
}

aside .zhuige-search-form a span {
	height: 40px;
	width: 40px;
}

aside .zhuige-search-form a span {
	background-position: 0 -40px;
}

aside .zhuige-box h5 text {
	font-size: 16px;
	font-weight: 500;
}

aside .zhuige-box h5 a {
	font-size: 12px;
	font-weight: 400;
}

aside .zhuige-list-text h5.text-title a {
	font-size: 14px;
}

.zhuige-side-tags a {
	display: block;
	width: 31%;
	margin-right: 3.5%;
	margin-top: 10px;
	background: #E9EEF5;
	height: 72px;
	text-align: center;
	border-radius: 4px;
}

.zhuige-side-tags a * {
	display: block;
}

.zhuige-side-tags a span {
	color: #000000;
	font-size: 14px;
	font-weight: 400;
	padding: 20px 0 10px;
}

.zhuige-side-tags a cite {
	color: #7f7f7f;
	font-size: 12;
	font-weight: 400;
}

.zhuige-side-tags a:nth-child(3n) {
	margin-right: 0;
}

.zhuige-side-tags a:hover {
	background: #1173EB;
}

.zhuige-side-tags a:hover * {
	color: #FFFFFF !important;
}


.zhuige-single-img a {
	display: block;
	height: 160px;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.zhuige-single-img a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-single-img a:hover img {
	transform: scale(1.03);
}

.zhuige-list-banner {
	margin: 20px 0 0;
}

.zhuige-list-banner .zhuige-list-img .zhuige-list-cover {
	height: 156px;
	width: 100%;
}

.zhuige-list-banner .zhuige-list-text {
	z-index: 3;
	bottom: 0;
	left: 0;
	padding: 14px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
	border-radius: 0 0 8px 8px;
}

.zhuige-list-banner .zhuige-list-text h5.text-title a,
.zhuige-list-banner .data-info>text {
	color: #FFFFFF;
}

aside .zhuige-list,
.zhuige-topic-biserial-list .zhuige-list {
	padding: 16px 0;
	border-bottom: 1px dotted #DDDDDD;
}

aside .zhuige-list:last-of-type,
.zhuige-topic-biserial-list .zhuige-list:last-of-type {
	border: none;
	padding-bottom: 0;
}

aside .zhuige-list .zhuige-list-img,
aside .zhuige-list .zhuige-list-img a,
.zhuige-topic-biserial-list .zhuige-list .zhuige-list-img,
.zhuige-topic-biserial-list .zhuige-list .zhuige-list-img a {
	width: 90px;
	height: 70px;
}

aside .zhuige-list .zhuige-list-img,
.zhuige-topic-biserial-list .zhuige-list .zhuige-list-img {
	flex: 0 0 90px;
}


/** 侧边栏 **/

/*** 大图轮播 ***/
.lb-box {
	width: 100%;
	height: 420px;
	position: relative;
	overflow: hidden;
	z-index: 9;
}

.lb-content {
	width: 100%;
	height: 100%;
	position: relative;
	overflow-x: hidden;
}

.lb-item {
	width: 100%;
	height: 100%;
	display: none;
	position: relative;
}

.lb-item>a {
	width: 100%;
	height: 100%;
	display: block;
}

.lb-item>a>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.lb-item>a:hover>img {
	transform: scale(1.1);
}


.lb-item>a>div {
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0px;
	padding: 15px;
	color: #fff;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}

.lb-item>a>div>h2 {
	width: 100%;
	padding-right: 170px;
	height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lb-item>cite {
	width: 100%;
	height: 100%;
	display: block;
}

.lb-item>cite>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lb-info {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
}

.lb-item.active {
	display: block;
	left: 0%;
}

.lb-item.active.left {
	left: -100%;
}

.lb-item.active.right {
	left: 100%;
}

/* 轮播控制 */
.lb-item.next,
.lb-item.prev {
	display: block;
	position: absolute;
	top: 0px;
}

.lb-item.next {
	left: 100%;
}

.lb-item.prev {
	left: -100%;
}

.lb-item.next.left,
.lb-item.prev.right {
	left: 0%;
}

.lb-sign {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 5px 3px;
	border-radius: 16px;
	list-style: none;
	user-select: none;
	background-color: rgba(0, 0, 0, 0.04);
}

.lb-sign li {
	width: 22px;
	height: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	text-align: center;
	float: left;
	color: #aaa;
	margin: auto 4px;
	border-radius: 13px;
	cursor: pointer;
	opacity: 0.6;
}

.lb-sign li:hover {
	color: #fff;
}

.lb-sign li.active {
	color: #000;
	opacity: 1;
	background-color: #EBEBEB;
	transition: all 0.2s linear;
}

.lb-ctrl {
	position: absolute;
	z-index: 4;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	vertical-align: middle;
	font-weight: 200;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: 600;
	user-select: none;
	background-color: rgba(255, 255, 255, .4);
	color: #99999;
	border-radius: 40px;
	cursor: pointer;
	transition: all 0.1s linear;
}

.lb-ctrl.left {
	left: -50px;
}

.lb-ctrl.right {
	right: -50px;
}

.lb-box:hover .lb-ctrl.left {
	left: 10px;
}

.lb-box:hover .lb-ctrl.right {
	right: 10px;
}

.lb-ctrl:hover {
	background-color: rgba(255, 255, 255, .2);
}

/* 轮播点差异 */
.lb-sign {
	right: auto;
	left: 50%;
	margin-left: -40px;
	margin-bottom: -40px;
}

.lb-sign li {
	height: 6px;
	width: 6px;
	font-size: 6px;
	line-height: 6px;
	color: rgba(0, 0, 0, 0);
	background-color: rgba(255, 255, 255, .6);
}

.lb-sign li:hover {
	color: rgba(0, 0, 0, 0);
	background-color: rgba(44, 112, 219, 1);
	transition: all 0.2s linear;
}

.lb-sign li.active {
	color: rgba(0, 0, 0, 0);
	width: 18px;
	opacity: 1;
	background-color: rgba(44, 112, 219, 1);
	transition: all 0.2s linear;
}

/*** 大图轮播 end ***/


.main-body article .md-8,
.main-body article .md-4 {
	height: 260px;
	position: relative;
	padding: 0;
}

.main-body article .md-8 {
	padding-right: 10px;
}

.zhuige-img-news {
	background: #FFFFFF;
	height: 260px;
}

.zhuige-img-news-side {
	height: 125px;
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 3px;
}

.zhuige-img-news-side a {}

.zhuige-img-news-side a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: transform 0.5s;
}

.zhuige-img-news-side a:hover img {
	transform: scale(1.1);
}

.zhuige-img-news-side h6 {
	position: absolute;
	bottom: 0;
	height: 60px;
	line-height: 80px;
	font-size: 12px;
	color: #FFFFFF;
	width: 100%;
	padding: 0 10px;
	z-index: 19;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.6));
}

.zhuige-img-news-side span {
	position: absolute;
	bottom: 40px;
	left: 10px;
	z-index: 3;
	padding: 0 16px;
	height: 24px;
	line-height: 24px;
	border-radius: 24px;
	font-size: 12px;
	background: #1173EB;
	color: #FFFFFF;
}

.zhuige-img-news-side:last-child {
	position: absolute;
	right: 0;
	bottom: 0;
}

.zhuige-img-news .lb-box {
	height: 260px;
}

.zhuige-img-news .lb-item {
	border-radius: 3px;
	overflow: hidden;
}

.zhuige-img-news .lb-item>a>div>span {
	padding: 3px 16px;
	border-radius: 24px;
	font-size: 12px;
	background: #1173EB;
	color: #FFFFFF;
	position: absolute;
	bottom: 60px;
	z-index: 3;
}

.zhuige-img-news .lb-item>a>div {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-img-news .lb-item>a>div>h2 {
	height: 80px;
	line-height: 110px;
}

.zhuige-img-news .lb-sign {
	left: 8px;
	margin: 0;
}


/*** 列表头分类 ***/
.zhuige-list-type a {
	font-size: 12px;
	font-weight: 400;
	padding: 6px 16px;
	background: #E9EEF5;
	border-radius: 32px;
	margin-left: 4px;
	white-space: nowrap;
}

.zhuige-list-type a:hover,
.zhuige-list-type a.active {
	background: #D5E6FC;
	color: #1173EB;
}

/*** 话题3列 ***/
.zhuige-topic-treble-list {}

.zhuige-topic-treble-list .zhuige-list {
	background: #FFFFFF;
	border-radius: 8px;
	width: 32%;
	margin-right: 2%;
}

.zhuige-topic-treble-list .zhuige-list:nth-child(3) {
	margin: 0;
}

.zhuige-topic-treble-list .zhuige-list .zhuige-list-img,
.zhuige-topic-treble-list .zhuige-list .zhuige-list-cover {
	flex: unset;
	height: 168px;
	width: 100%;
	margin-right: 0;
}

.zhuige-topic-treble-list .zhuige-list-text,
.zhuige-topic-treble-list .zhuige-list-text,
.zhuige-fourfold-list .zhuige-list-text {
	flex: unset;
	width: 100%;
	margin-top: 20px;
}

.zhuige-topic-treble-list .zhuige-list-text h5.text-title a {
	font-size: 14px;
	font-weight: 400;
}

.zhuige-topic-biserial-list {
	width: 49%;
}

/*** 资源首页相关 ***/

.zhuige-resource-search .zhuige-main-search {
	margin: 0;
}

.zhuige-resource-search .zhuige-main-search h1 {
	text-align: left;
	text-indent: 40px;
}

.zhuige-resource-search .zhuige-main-search .zhuige-search-key {
	padding-left: 32px;
}

.zhuige-resource-search .zhuige-search-form a {
	height: 40px;
	line-height: 40px;
	margin: 2px;
	background: #1173EB;
	color: #FFFFFF;
	border-radius: 40px;
	padding: 0 30px;
	white-space: nowrap;
}

.zhuige-resource-search .zhuige-search-form {
	background: #FFFFFF;
	width: 560px;
}

.zhuige-resource-search .zhuige-search-form input {
	width: 480px;
}

.zhuige-search-key a {
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 0 12px;
	margin-right: 8px;
	border-radius: 24px;
	opacity: .8;
}

.zhuige-search-key a:hover {
	opacity: 1;
}

.zhuige-res-icon .zhuige-icon {
	width: 24%;
	margin-right: 1.5%;
	transition: all 0.3s ease;
}

.zhuige-res-icon .zhuige-icon:hover {
	transform: translateY(-4px);
	transition: all 0.3s ease;
}

.zhuige-res-icon .zhuige-icon:last-child {
	margin: 0;
}

.zhuige-res-icon .zhuige-icon .icon-img {
	flex: 0 0 56px;
	height: 56px;
	width: 56px;
	margin-right: 10px;
	background: #D5E6FC;
	border-radius: 50%;
}

.zhuige-res-icon .zhuige-icon .icon-img img {
	height: 40px;
	width: 40px;
	margin: 8px;
}

.icon-text h6 {
	font-size: 16px;
	font-weight: 500;
	color: #403C3C;
}

.zhuige-res-icon .zhuige-icon .sub-title {
	font-size: 12px;
	color: #999999;
}

.zhuige-res-fourfold {
	background: none;
}

.zhuige-res-fourfold .text-info:last-of-type {
	border-top: 1px dotted #EDEDED;
}

.zhuige-news-swiper {}

.zhuige-news-swiper span {
	width: 80px;
}

.zhuige-news-swiper span img {
	width: 80%;
	height: auto;
}

.zhuige-news-swiper ul {
	width: 90%;
}

.zhuige-news-swiper ul li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.zhuige-news-swiper ul li cite {
	height: 18px;
	width: 18px;
	background-image: url(images/are.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.zhuige-news-swiper ul li:hover cite {
	background-position: 0 -18px;
}


.zhuige-rate-list .zhuige-list {
	border: 1px solid #EEEEEE;
	border-radius: 8px;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.zhuige-rate-list .zhuige-list:nth-child(3n) {
	margin-right: 0;
}

.zhuige-rate-list .zhuige-list .zhuige-list-img {
	height: 108px;
	width: 108px;
	flex: 0 0 108px;
}

.zhuige-rate-list .zhuige-list-cover {
	height: 108px;
	width: 108px;
}

.zhuige-res-sault-list {
	background: #F8FCFE;
}

.zhuige-res-sault-list .zhuige-box {
	background: none;
}

.zhuige-res-sault-block {
	display: block;
	height: 500px;
	cursor: pointer;
}

.zhuige-res-sault-block cite {
	position: absolute;
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	z-index: 9;
}

.zhuige-res-sault-block .zhuige-res-sault-cover {
	height: 100%;
	width: 100%;
}

.zhuige-res-sault-cover {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.zhuige-res-sault-cover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	transition: transform 0.5s;
}
.zhuige-res-sault-cover:hover img {
	transform: none;	
}

.zhuige-res-sault-info {
	z-index: 8;
	height: 100px;
	width: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
	padding: 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-res-sault-info .zhuige-score-rate {
	opacity: 0;
	transition: all 0.3s ease;
}

.zhuige-res-sault-block:hover .zhuige-res-sault-info .zhuige-score-rate {
	opacity: 1;
}

.zhuige-res-sault-info h4 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 500;
	height: 1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(1) {
	height: 290px;
}

.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(2) {
	height: 190px;
	margin-top: 20px;
}

.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(1) {
	height: 190px;
}

.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(2) {
	height: 290px;
	margin-top: 20px;
}

.multistage-search .zhuige-search-form {
	background: #FFFFFF;
}

.multistage-search .zhuige-search-form a {
	height: 40px;
	line-height: 40px;
	margin: 2px;
	background: #1173EB;
	color: #FFFFFF;
	border-radius: 40px;
	padding: 0 30px;
	white-space: nowrap;
}

.multistage-search .zhuige-search-form input {
	width: 680px;
	/* width: 460px; */
	padding: 0 20px;
	height: 44px;
	line-height: 44px;
}

/* .multistage-search .zhuige-search-form input:focus {
	background: #FFFFFF;
} */

.multistage-search .zhuige-search-form cite {
	width: 120px;
	text-align: left;
	height: 40px;
	line-height: 40px;
	margin: 5px 0 5px 20px;
	border-right: 1px solid #EEEEEE;
	background-image: url(images/jiantou.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: 80% 10px;
	font-size: 14px;
}

.zhuige-search-multistage {
	bottom: -130px;
	left: 0px;
}

.zhuige-search-multistage::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	top: -8px;
	left: 38px;
	background: linear-gradient(135deg, transparent 0, transparent 50%, #FFF 50%, #FFF 50%, #FFF 100%) left top / 50% 50% no-repeat,
		linear-gradient(225deg, transparent 0, transparent 50%, #FFF 50%, #FFF 50%, #FFF 100%) right top / 50% 50% no-repeat;
}


.zhuige-widegroup-list {
	background: #FFFFFF;
}

.zhuige-widegroup-block {
	height: 160px;
	width: 13%;
	margin-right: 1.5%;
	overflow: hidden;
	border-radius: 4px;
}

.zhuige-widegroup-block:nth-child(7) {
	margin-right: 0;
}

.zhuige-widegroup-block img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-widegroup-block a {
	position: absolute;
	z-index: 8;
	height: 50px;
	width: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0 0 4px 4px;
	color: #FFFFFF;
	padding: 20px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));
}

.zhuige-list-arrow a {
	height: 26px;
	width: 26px;
	border-radius: 2px;
	margin-left: 8px;
	background: #FFFFFF;
}

.zhuige-list-arrow a:nth-child(1) span {
	rotate: 180deg;
}

.zhuige-list-arrow a span {
	display: block;
	height: 12px;
	width: 12px;
	margin: 7px;
	font-size: 0;
	background-image: url(images/are.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.zhuige-swiper-bg {
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.main-body article .zhuige-swiper-bg .md-4 {
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
}

.zhuige-swiper-bg h1 text {
	color: #FFFFFF;
}

.zhuige-swiper-block>div {
	height: 150px;
	width: 100%;
	overflow: hidden;
	border-radius: 8px;
}

.zhuige-swiper-block>div img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.zhuige-swiper-block>div p {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
}

.zhuige-swiper-block>div span {
	height: 24px;
	line-height: 24px;
	border-radius: 4px 0 4px 0;
	padding: 0 10px;
	background: #1173EB;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 300;
}

.zhuige-swiper-block>div cite {
	height: 24px;
	line-height: 24px;
	border-radius: 0 0 4px 4px;
	padding: 0 10px;
	background: #FF8600;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 300;
	margin-left: 6px;
}

.zhuige-swiper-block h4 a {
	font-size: 14px;
	line-height: 1.8em;
}


/****** 弹出层 ******/
.zhuige-pop-mask {
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 1299;
	background: rgba(0, 0, 0, 0.6);
	top: 0;
	left: 0;
}

.zhuige-pop-box {
	width: 300px;
	background: #FFFFFF;
	border-radius: 12px;
	position: relative;
}

.group-pop, .zhuige-resource-download-box {
	width: 520px;
}

.zhuige-pop-box .closed {
	position: absolute;
	height: 18px;
	width: 18px;
	font-size: 0;
	background-image: url(images/close.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	right: 6px;
	top: 6px;
}

.zhuige-pop-box .closed:hover {
	cursor: pointer;
}

.zhuige-pop-box h3 {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}

.zhuige-pop-form p {
	height: 44px;
	line-height: 44px;
	background: #F2F2F2;
	border-radius: 22px;
	padding: 0 12px;
	color: #7f7f7f;
}

.zhuige-pop-opt p {
	line-height: 1.8em;
}

.zhuige-pop-form p input {
	background: none;
	width: 160px;
}

.zhuige-pop-form p.get-pwd input {
	width: 100%;
}

.zhuige-pop-form p:hover {
	background: #E6E6E6;
	transition: all 0.3s ease;
}


.zhuige-pop-opt span,
.zhuige-pop-opt span a,
.zhuige-pop-opt p.tips a {
	color: #1173EB;
}

.zhuige-pop-opt span a:hover,
.zhuige-pop-opt p.tips a:hover {
	color: #1CB3F5;
}

.zhuige-pop-btn a,
.zhuige-pop-btn input[type=button] {
	height: 44px;
	line-height: 44px;
	text-align: center;
	width: 100%;
	border-radius: 22px;
	background: #1173EB;
	color: #FFFFFF;
}

.zhuige-pop-btn input[type=button] {
	border: none;
	transition: all 0.3s ease;
}

.zhuige-pop-btn a:hover,
.zhuige-pop-btn input[type=button]:hover {
	background: #1CB3F5;
	cursor: pointer;
}

.zhuige-pop-opt p.tips * {
	margin: 0 3px;
}

.zhuige-pop-opt p.tips label {
	display: flex;
	align-items: center;
}

.zhuige-pop-qr {
	text-align: center;
	height: 220px;
	width: 220px;
	overflow: hidden;
}

.zhuige-pop-qr img {
	height: 160px;
	width: 160px;
}

.zhuige-pop-qr p {
	padding-top: 10px;
}

#zhuige-wechat-login {
	width: 260px;
	margin-top: -10px;
}

#zhuige-wechat-login iframe {
	width: 240px;
	height: 330px;
}

.zhuige-pop-search {
	width: 600px;
}

.zhuige-pop-search .zhuige-search-form input {
	border: 1px solid #CCCCCC;
	border-right: 0;
}

.zhuige-pop-search .zhuige-search-tag a {
	color: #999999;
}

.zhuige-pop-search .zhuige-search-tag a:hover {
	color: #ffffff;
}

.zhuige-pop-box .zhuige-search-form a {
	border: 1px solid #CCCCCC;
	border-left: 0;
}

.zhuige-pop-box .zhuige-search-form a:hover {
	border-color: #1173eb;
}

.zhuige-pop-tips {
	flex-direction: row-reverse;
}

.zhuige-pop-tips *,
.zhuige-pop-tips {
	margin-left: 6px;
	color: #666666;
}

.zhuige-pop-tips a {
	color: #1173eb;
}

.zhuige-pop-tips input[type=checkbox] {
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
}

.zhuige-resource-download-info {
	
}
.zhuige-resource-download-info h4 {
	font-size: 16px;
	font-weight: 500;
}
.zhuige-resource-download-info p {
	padding: 20px 0;
	border-bottom: 1px solid #DDDDDD;
	font-size: 14px;
	font-weight: 400;
	color: #1272EB;
}
.zhuige-resource-download-info p a {
	color: #1272EB;	
}
.zhuige-resource-download-info p a:hover {
	opacity: .8;
}
.zhuige-resource-download-tips {
	padding: 0 20px 20px;
}
.zhuige-resource-download-tips h4 {
	font-size: 14px;
	font-weight: 500;
	padding 10px 0 0;
}
.zhuige-resource-download-tips p {
	padding: 10px 0 0;
	font-size: 12px;
	font-weight: 400;
	color: #999999;
}

/* 找回密码 */
.zhuige-re-pass {
	padding: 160px 0;
	height: 600px;
}
.zhuige-re-pass-form {
	background: #FFFFFF;
	width: 480px;
	height: 280px;
	border-radius: 8px;
	box-shadow: 0 0px 12px -2px rgba(79,125,183,.1);	
}
.zhuige-re-pass-form h3 {
	font-size: 18px;
	font-weight: 500;
}
.zhuige-re-pass-form p input[type="password"] {
	height: 44px;
	line-height: 44px;
	background: #F2F2F2;
	border-radius: 22px;
	padding: 0 12px;
	width: 100%;
}
.zhuige-re-pass-form p input[type="button"] {
	height: 44px;
	line-height: 44px;
	text-align: center;
	width: 100%;
	border-radius: 22px;
	background: #1173EB;
	color: #FFFFFF;
	border: none;
}
.zhuige-re-pass-form p input[type="button"]::after {
	border: none;
}


/* vip 弹出 支付 */
.zhuige-vip-pay {
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	background: no-repeat;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	border-radius: 8px 8px 0 0;
}

.zhuige-vip-pay .closed {
	top: 18px;
	right: 18px;
}

.zhuige-vip-type {
	background: #F9FAFC;
	font-size: 14px;
}

.zhuige-vip-type a {
	padding-right: 50px;
	color: #7f7f77;
}

.zhuige-vip-type a:hover,
.zhuige-vip-type a.active {
	color: #C7A773;
	font-weight: 500;
}
.zhuige-vip-type-recommend {
	
}


.zhuige-vip-group {
	margin: 0 -1%;
	overflow-x: scroll;
}
.zhuige-vip-group::-webkit-scrollbar {
	display: none;
}

.zhuige-vip-group div.zhuige-vip-type-price {
	width: 24%;
	text-align: center;
	border: 1px solid #D8D8D8;
	background: #FCFCFC;
	border-radius: 8px;
	margin: 0 0.6%;
	padding: 20px 10px;
	position: relative;
	cursor: pointer;
	display: flex;
}

.zhuige-vip-group .zhuige-vip-type-price:hover,
.zhuige-vip-group div.active {
	border-color: #F59B23;
	background: #FEF6ED;

}
.zhuige-vip-group div.zhuige-vip-type-price div {
	
}

.zhuige-vip-group div span {
	position: absolute;
	z-index: 1999;
	-webkit-transform: scale(0.8);
	color: #FFFFFF;
	background: #F59B23;
	border-radius: 8px 0 8px 0;
	padding: 4px 12px;
	top: -3px;
	left: -9px;
}

.zhuige-vip-group h5 {
	font-size: 14px;
	color: #555555;
	font-weight: 500;
	padding: 6px;
}

.zhuige-vip-group p {
	padding: 4px;
	white-space: nowrap;
}

.zhuige-vip-group p em {
	font-size: 12px;
	font-weight: 300;
	color: #F59B23;
}

.zhuige-vip-group p strong {
	font-size: 16px;
	font-weight: 500;
	color: #F59B23;
}

.zhuige-vip-group p text {
	font-size: 12px;
	font-weight: 300;
	color: #555555;
	text-decoration: line-through;
}

.zhuige-vip-group-pay {
	border-top: 1px solid #EEEEEE;
}

.zhuige-pop-pay-qr {}

.zhuige-pop-pay-qr img {
	height: 120px;
	width: 120px;
}

.zhuige-pop-pay-tips p {
	padding: 2px;
	line-height: 1.8em;
}

.zhuige-pop-pay-tips p em {
	font-size: 12px;
	font-weight: 300;
	color: #F59B23;
}

.zhuige-pop-pay-tips p strong {
	font-size: 16px;
	font-weight: 500;
	color: #F59B23;
}

.zhuige-pop-pay-tips p img {
	height: 16px;
	width: 16px;
	margin-right: 8px;
}

.zhuige-pop-pay-tips p a {
	color: #1272EB;
}

.zhuige-vip-intro .zhuige-qa-list p a {
	font-size: 16px;
}

.zhuige-vip-intro .lb-sign {
	margin-bottom: 20px;
}

/* 内容为空 start */
.zhuige-none-tips {
	text-align: center;
	padding: 100px 40px;
	background: #FFFFFF;
	border-radius: 8px;
}

.zhuige-none-tips img {
	height: 120px;
	width: 120px;
	background: #EEEEEE;
}

.zhuige-none-tips p {
	color: #999999;
}

/* 内容为空 end */

/* 返回顶部按钮 start */
.zhuige-float-block {
	position: fixed;
	right: 20px;
	bottom: 15%;
	z-index: 39;
}

.zhuige-float-gotop {
	height: 44px;
	width: 44px;
	line-height: 48px;
	border-radius: 50%;
	background: #FFFFFF;
	text-align: center;
}

.zhuige-float-gotop .fa {
	color: #999999;
	font-size: 20px;
}

.zhuige-float-gotop:hover {
	cursor: pointer;
}

.zhuige-float-gotop:hover .fa {
	color: #555555;
}

/* 返回顶部按钮 end */

.header-fix {
	padding-top: 90px;
}

.zhuige-type-text {
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: 500;
}

#type-box {
	font-size: 14px;
	margin-right: 4px;
	font-weight: 500;
	height: 1.1em;
}

.typed-cursor {
	height: 1.1em;
}

.zhuige-arc-page .md-9 {
	 max-width: 80%;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 80%;
	-ms-flex: 0 0 80%;
	flex: 0 0 80%;
}
/******* wp相册适配 *******/

#gallery-1 {
	display: flex!important;
	flex-wrap: nowrap;
	overflow-x: auto!important;
	overflow-y: hidden!important;
	scrollbar-width: none!important;
}

#gallery-1 .gallery-item {
    padding: 10px 0!important;
	margin: 0 10px 0 0!important;
	float: none!important;
	width: unset!important;
	
}
#gallery-1 .gallery-caption {
	padding: 10px 0;
	font-size: 12px;
}

#gallery-1 img {
	border-width: 1px!important;
	max-width: max-content!important;
}

/* 移动端  footer */
/******* h5适配 *******/
@media (min-width: 768px) {
	.container {
		width: 90%;
	}
}

@media (max-width: 768px) {
	.zhuige-mobile-footer {
		position: fixed;
		bottom: 0;
		width: 100%;
		background: #FFFFFF;
		text-align: center;
		padding: 10px 0;
		z-index: 199;
		box-shadow: 0 0px 12px -2px rgba(79, 125, 183, .3);
	}

	.zhuige-mobile-footer div {
		width: 20%;
	}

	.zhuige-mobile-footer div a {
		display: block;
	}

	.zhuige-mobile-footer div span {
		height: 24px;
		width: 24px;
		display: block;
		overflow: hidden;
		margin: 0 auto;
	}

	.zhuige-mobile-footer div span img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.zhuige-mobile-footer div p {
		font-size: 11px;
		color: #111111;
		line-height: 3em;
	}

	.zhuige-mobile-footer div a.active p {
		font-size: 11px;
		color: #2C70DB;
	}

	nav .zhuige-nav {
		display: none;
	}

	.zhuige-main-search {
		width: 90%;
	}

	.zhuige-list-type {
		overflow: scroll;
		overflow-x: auto;
		overflow-y: hidden;
		display: inherit;
	}

	.zhuige-list-type::-webkit-scrollbar {
		display: none;
	}

	footer .zhuige-copy-link {
		flex-wrap: wrap;
		padding: 20px;
		line-height: 2em;
	}
	
	.zhuige-foot-link {
		display: none;
	}

	.zhuige-site-links {
		display: none;
	}

	.zhuige-list .zhuige-list-img {
		flex: 0 0 120px;
		height: 100px;
		width: 120px;
	}

	.zhuige-list-cover {
		height: 100px;
		width: 120px;
	}

	aside.md-1 {
		display: none;
	}

	aside.md-2 {
		display: none;
	}

	.zhuige-advert-about,
	.zhuige-user-page {
		padding: 60px 30px 0px;
	}

	.zhuige-resource-triple .zhuige-list {
		width: 100%;
	}

	.zhuige-resource-triple .zhuige-list:nth-child(3n) {
		margin-right: 0;
	}

	.zhuige-user-menu {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.zhuige-user-menu p {
		width: 33.333%;
		justify-content: center;
	}

	.zhuige-search-key a:nth-child(n+4) {
		display: none;
	}

	aside.zhuige-menu-aside {
		display: none !important;
	}

	.zhuige-recom-list .zhuige-list {
		width: 100%;
		margin: 0 0 20px 0;
	}

	.zhuige-recom-list .zhuige-list:nth-child(2n) {
		margin-right: 0;
	}

	.zhuige-about-menu {
		overflow-x: scroll;
		overflow-y: hidden;
		background: #FFFFFF;
		margin: 0 10px 20px 10px;
		padding: 20px 0;
		border-radius: 8px;
	}

	.zhuige-about-menu::-webkit-scrollbar {
		display: none;
	}

	.zhuige-about-menu .zhuige-box {
		display: inline;
		white-space: nowrap;
	}

	.zhuige-page-menu a {
		white-space: nowrap;
	}

	.sub-title {
		line-height: 1.4em;
	}

	footer {
		padding-bottom: 80px;
	}

	.zhuige-advert-info .justify-content-between {
		flex-wrap: wrap;
	}

	.zhuige-advert-info .user-act a {
		margin: 0 20px 0 0;
	}

	.zhuige-opt-mobile {
		display: block;
		width: 100%;
	}

	.zhuige-opt-mobile ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.zhuige-opt-mobile ul li {
		margin: 0 20px;
	}

	.zhuige-resource-opt .zhuige-search-form,
	.zhuige-resource-opt .zhuige-search-form input {
		width: 100%;
	}	
	
	.zhuige-resource-search .zhuige-main-search {
		margin: 0 auto;
	}
	.zhuige-resource-search .zhuige-main-search h1 {
		text-align: center;
		text-indent: 0;
	}
	.zhuige-res-sault-block {
		height: 300px;
	}
	.zhuige-res-sault .row .md-3:nth-child(2n) {
		margin-bottom: 20px;
	}
	.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(1),
	.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(2) {
		height: 170px;
	}
	
	.zhuige-res-sault .md-3:nth-child(1) .zhuige-res-sault-block:nth-child(2),
	.zhuige-res-sault .md-3:nth-child(3) .zhuige-res-sault-block:nth-child(1) {
		height: 110px;
	}
	.zhuige-user-msg .zhuige-user .user-info p {
		height: 1.8em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	
	.zhuige-vip-goods-group {
		background-size: cover;
		background-position-x: center;
	}
	.zhuige-resource-search .zhuige-search-form {
		width: 100%;
	}
	.zhuige-res-icon .zhuige-icon {
		width: 49%;
		margin-right: 2%;
	}
	.zhuige-res-icon .zhuige-icon:nth-child(2n) {
		margin-right: 0;
	}
	.zhuige-box h1 text {
		margin-bottom: 20px;
	}
	.zhuige-fourfold-list .zhuige-list {
		width: 100%;
		margin-right: 1;		
	}
	
	.zhuige-advert-side-cover .zhuige-advert-text {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.zhuige-rate-list .zhuige-list {
		width: 100%;
		margin-right: 0;
	}

	.zhuige-intro-module div.xs-6 {
		margin-bottom: 20px;
	}
	.zhuige-score {
		width: 100%;
		border: none;
		margin-bottom: 10px;
	}
	#resource-score .zhuige-score-list {
		width: 100%;
		padding-left: 0;
	}
	.zhuige-foot-tab {
		width: 100%;
	}
	.zhuige-comment-input input {
		width: 76%;
	}
	.zhuige-comment-input a {
		width: 24%;		
	}
	.zhuige-foot-tab > div {
		overflow: hidden;
		overflow-x: scroll;
	}
	.zhuige-foot-tab > div::-webkit-scrollbar {
		display: none;
	}
	.zhuige-vip-group div.zhuige-vip-type-price {
		width: 33.3%;
	}
	.zhuige-vip-group div.zhuige-vip-type-price div {
		min-width: 80px;
	}
	.zhuige-re-pass-form {
		width: 90%;
	}

	
	.zhuige-qa-list p a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 1.6em;
	}
	.zhuige-list .overFlow-n {
		-webkit-line-clamp: 1;
	}
	.zhuige-resource-bar {
		display: none;
	}
	.zhuige-foot-tab {
		display: none;
	}
	.group-pop, .zhuige-resource-download-box {
		width: 90%;
	}
	.zhuige-poster .zhuige-user {
		width: 100%;
		overflow: hidden;
	}
	.zhuige-poster .user-info p {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 1em;
	}
	.zhuige-intro-module .xs-6:nth-child(2n-1) {
		padding-right: 5px;
	}
	.zhuige-intro-module .xs-6:nth-child(2n) {
		padding-left: 5px;
	}
	.zhuige-order .zhuige-list-bg > .zhuige-order-pay {
		display: none;
	}
	.zhuige-order .zhuige-list .zhuige-list-text > .zhuige-order-pay {
		display: block;
		text-align: left;
		padding-top: 6px;
	}
	.zhuige-list-type a:nth-child(1) {
		margin-left: 0;
	}
	.zhuige-uc .zhuige-box h1 text {
		margin-bottom: 0;
	}
}

body .layui-layer-noboxshade{
    background: 0 0;
    box-shadow: none;
}

body .layui-layer-noboxshade .layui-layer-content {
    overflow: hidden;
}

body .layui-layer-noboxshade .layui-layer-content img {
	width: auto;
}
/* ========== 分类页右上角排序条 ========== */
.zg-sort-bar {
	gap: 8px;
	flex-wrap: wrap;
}

.zg-sort-chip {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 13px;
	line-height: 20px;
	color: #8f98a0 !important; /* 站点暗色主题 a{color:...!important}，需同级对抗 */
	background: transparent !important;
	border: none;
	text-decoration: none;
	white-space: nowrap;
	transition: color .15s ease, background .15s ease, box-shadow .15s ease;
} 会盖掉普通声明，这里需同级对抗 */

	background: #FFFFFF;
	border: 1px solid #E3E5E8;
	text-decoration: none;
	white-space: nowrap;
	transition: color .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}

.zg-sort-chip svg {
	width: 11px;
	height: 11px;
	fill: currentColor;
	opacity: .55;
	flex: 0 0 auto;
}

.zg-sort-chip:hover {
	color: #FFFFFF !important;
	text-decoration: none;
}

.zg-sort-chip.active {
	color: #FFFFFF !important;
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
	font-weight: 600;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 2px 6px rgba(88, 138, 27, .4);
}

.zg-sort-chip.active:hover {
	color: #FFFFFF !important;
	background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important;
}

.zg-sort-chip.active svg {
	opacity: .9;
}

.zg-sort-count {
	color: #999;
	font-size: 13px;
	margin-left: 4px;
	white-space: nowrap;
}

/* ========== 导航栏紧凑搜索框 ========== */
.zhuige-search-form.zg-nav-search {
	display: flex;
	align-items: center;
	margin: 0 60px 0 0 !important;
}

.zhuige-search-form.zg-nav-search input {
	width: 200px !important;
	height: 34px !important;
	line-height: 34px !important;
	font-size: 13px !important;
	padding: 0 12px 0 14px !important;
	border-radius: 17px 0 0 17px !important;
	background: rgba(255, 255, 255, .12) !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, .18) !important;
	border-right: none !important;
}

.zhuige-search-form.zg-nav-search input::placeholder {
	color: rgba(255, 255, 255, .55) !important;
}

.zhuige-search-form.zg-nav-search input:focus {
	background: rgba(255, 255, 255, .18) !important;
	outline: none;
}

.zhuige-search-form.zg-nav-search a.zhuige-btn-search {
	width: 44px !important;
	height: 34px !important;
	line-height: 34px !important;
	padding: 0 !important;
	border-radius: 0 17px 17px 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.zhuige-search-form.zg-nav-search a.zhuige-btn-search span {
	width: 18px !important;
	height: 18px !important;
	background-size: 100% auto !important;
	background-position: 0 0 !important;
	filter: brightness(4);
}

@media (max-width: 768px) {
	.zhuige-search-form.zg-nav-search input {
		width: 130px !important;
	}
}

/* ========== 首页横幅加高 + 热门游戏 hover 放大轮播 ========== */
.zg-home-hero .zhuige-search-bg,
.zg-home-hero .zhuige-search-box {
	height: 520px !important;
}

.zg-hero-carousel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	z-index: 20; /* 需高于横幅覆盖层 .zhuige-search-box 的 z-index:9 */
}

/* 统计卡已移至 hero 闭合之后（轮播图正下方），PC 端随文档流落在轮播下方 */
.zhuige-stats-cards {
	position: static !important;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
	margin: 28px 0 24px !important;
}

/* 移动端整体收紧 */
@media (max-width: 768px) {
	.zg-home-hero .zhuige-search-bg,
	.zg-home-hero .zhuige-search-box {
		height: 420px !important;
	}

	.zg-hero-head h2 {
		font-size: 20px;
	}

	.zg-hero-track {
		height: 210px;
	}

	.zg-hero-carousel {
		bottom: 20px;
	}

	/* 移动端：统计条浮在首页 hero 背景图（0~333px，导航 92px 之下）垂直居中、水平居中 */
	.zhuige-stats-cards {
		position: absolute !important;
		top: 100px !important;
		left: 50% !important;
		right: auto !important;
		bottom: auto !important;
		transform: translateX(-50%) !important;
		width: 92% !important;
		max-width: 92% !important;
		margin: 0 !important;
		z-index: 6 !important;
	}

	.stat-card {
		padding: 14px 16px;
		gap: 12px;
	}

	/* 移动端统计条空间有限：不显示「已收录游戏」卡片（桌面端显示） */
	.stat-card-library {
		display: none !important;
	}
	/* 隐藏该卡片后，其紧跟卡片左侧残留的分隔线一并去掉 */
	.stat-card-library + .stat-card::before {
		display: none !important;
	}
}

.zg-hero-head {
	margin-bottom: 14px;
}

.zg-hero-head h2 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 2px;
	margin: 0;
	text-shadow: 0 2px 10px rgba(0, 0, 0, .65);
}

.zg-hero-head span {
	color: rgba(255, 255, 255, .6);
	font-size: 13px;
}

.zg-hero-track {
	display: flex;
	gap: 14px;
	height: 330px;
}

.zg-hero-card {
	flex: 1 1 0;
	min-width: 0;
	position: relative;
	display: block;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	border: none;
	transition: flex-grow .4s cubic-bezier(.22, .61, .36, 1), border-color .3s ease, box-shadow .3s ease;
	text-decoration: none;
}

.zg-hero-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	opacity: .82;
	transition: opacity .3s ease;
}

.zg-hero-card:hover {
	border-color: #d1b480;
	box-shadow: inset 0 0 20px rgba(229,193,133,.12), 0 0 30px rgba(209,180,128,.25);
	text-decoration: none;
}

.zg-hero-card:hover img {
	opacity: 1;
}

.zg-hero-info {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 34px 14px 12px;
	background: linear-gradient(to top, rgba(10, 14, 20, .92) 0%, rgba(10, 14, 20, .55) 55%, transparent 100%);
}

.zg-hero-badge {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #FFFFFF;
	background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%);
	padding: 1px 8px;
	border-radius: 3px;
}

.zg-hero-info h3 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 600;
	margin: 6px 0 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: font-size .2s ease;
}

.zg-hero-card:hover .zg-hero-info h3 {
	-webkit-line-clamp: 2;
	font-size: 16px;
}

@media (max-width: 768px) {
	.zg-home-hero .zhuige-search-bg,
	.zg-home-hero .zhuige-search-box {
		height: 420px !important;
	}

	.zg-hero-track {
		height: 210px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.zg-hero-card {
		flex: 0 0 190px;
	}
}

/* ========== 移动端：顶部导航恢复显示 + 搜索框自适应 ========== */
@media (max-width: 768px) {
	/* 导航条允许换行：第一行 LOGO + 搜索，第二行菜单（横向滚动） */
	nav {
		height: auto;
		min-height: 60px;
		padding: 6px 0;
		row-gap: 2px;
	}

	nav .logo img {
		height: 38px;
	}

	header {
		min-height: 68px;
	}

	nav .logo {
		order: 1;
		flex: 0 0 auto;
		padding-left: 0;
	}

	nav .zhuige-nav-side {
		order: 2;
		flex: 1 1 0;            /* basis 0：否则 auto 基准会把搜索框挤到自己独占一行 */
		min-width: 0;
		justify-content: flex-end;
	}

	nav .zhuige-nav {
		order: 3;
		flex: 1 1 100%;
		display: block !important;   /* 主题在手机端默认隐藏顶部菜单，这里恢复 */
		margin-top: 4px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	nav .zhuige-nav-list {
		padding: 0;
		flex-wrap: nowrap;
		gap: 4px;
	}

	nav .zhuige-nav-list li {
		padding: 0 8px;
		white-space: nowrap;
	}

	nav .zhuige-nav-list li:first-child {
		padding-left: 0;
	}

	/* 搜索框随剩余空间伸缩，避免溢出导航条 */
	.zhuige-search-form.zg-nav-search {
		flex: 1 1 auto;
		min-width: 0;
		max-width: 240px;
	}

	.zhuige-search-form.zg-nav-search input {
		width: 100% !important;
		min-width: 0;
		box-sizing: border-box;
	}

	.zhuige-search-form.zg-nav-search a.zhuige-btn-search {
		flex: 0 0 44px;
	}
}

/* ========== 移动端隐藏首页轮播（仅电脑端展示） ========== */
@media (max-width: 768px) {
	.zg-hero-carousel {
		display: none !important;
	}

	.zg-home-hero .zhuige-search-bg,
	.zg-home-hero .zhuige-search-box {
		height: 300px !important;
	}
}

/* ===== 匿名评论（2026-09-29）===== */
.zhuige-comment-input.has-nickname input.zhuige-comment-nickname {
	width: 20%;
	border-radius: 8px 0 0 8px;
}
.zhuige-comment-input.has-nickname input.zhuige-comment-content {
	width: 66%;
}
.zhuige-comment-notice {
	font-size: 12px;
	color: #8a9aae;
	margin: -10px 0 16px;
}
@media (max-width: 768px) {
	.zhuige-comment-input.has-nickname input.zhuige-comment-nickname {
		width: 22%;
	}
	.zhuige-comment-input.has-nickname input.zhuige-comment-content {
		width: 54%;
	}
}


/* ===== 3344 页面内联定制 CSS ===== */

img{ -webkit-user-drag:none; -webkit-touch-callout:none; user-select:none; }
.zg-steam-detail, .entry-content{ -webkit-touch-callout:none; }



/* ============================================================
   1. 首页布局：5 列卡片网格
   ============================================================ */
.zhuige-list-container {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 26px;
  align-items: stretch;
}
.zhuige-list-container > h1 {
  grid-column: 1 / -1;
  margin-bottom: 0 !important;
  padding-bottom: 8px !important;
}
/* 翻页后的文章包在 .zhuige-theme-post-list 内，用 display: contents
   让里面的 .zhuige-base-list 直接参与外层 5 列网格 */
/* 置顶段：display: contents 让置顶卡直接参与 5 列网格；
   取消置顶后空壳不渲染任何盒子，不会再留一个空格子（2026-09-23） */
.zhuige-list-container > .zg-sticky-block {
  display: contents;
}
.zhuige-list-container > .zhuige-theme-post-list {
  display: contents;
}
.zhuige-list-container .zhuige-base-list {
  border-radius: 8px;
  overflow: hidden;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: box-shadow .3s ease, transform .3s ease, background .3s ease;
}
.zhuige-list-container .zhuige-base-list:hover {
  transform: translateY(-3px);
}
.zhuige-list-container .zhuige-list {
  display: block !important;
  padding: 0 0 14px 0 !important;
  height: 100%;
  border: none !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-img {
  width: 100% !important;
  min-width: 100% !important;
  flex: none !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 0 10px 0 !important;
  border-radius: 0 !important;
  background: #16202d;
}
.zhuige-list-container .zhuige-list .zhuige-list-cover {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-cover img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-text { padding: 0 10px; width: 100%; }
.zhuige-list-container .zhuige-list .text-title {
  font-size: 14px; line-height: 1.45; margin-bottom: 10px !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.zhuige-list-container .zhuige-list .sub-title { display: none !important; }
.zhuige-list-container .zhuige-list .zhuige-list-cover:hover img { transform: none; }
aside.md-3 { display: none !important; }
article.md-9 { max-width: 100% !important; flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; }
@media (max-width: 1200px) { .zhuige-list-container { grid-template-columns: repeat(4, minmax(0,1fr)); } }
@media (max-width: 950px)  { .zhuige-list-container { grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (max-width: 640px)  {
  .zhuige-list-container { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
  .zhuige-list-container .zhuige-list .zhuige-list-img {
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
  }
}

/* ============================================================
   2. Steam 风格整站配色
   ============================================================ */
:root {
  --st-nav: #171a21;
  --st-bg: #1b2838;
  --st-footer: #16202d;
  --st-panel: #2a475e;
  --st-card: #21384f;
  --st-card-hover: #2a475e;
  --st-text: #c6d4df;
  --st-text-bright: #ffffff;
  --st-text-dim: #8f98a0;
  --st-blue: #66c0f4;
  --st-link: #67c1f5;
  --st-input: #316282;
  --st-border: #2a3f5a;
}

body { background: var(--st-bg) !important; color: var(--st-text) !important; }

/* 顶部导航 */
.header-bg {
  background: var(--st-nav) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.55) !important;
}
/* 所有页面导航统一为实色（与留言板一致），覆盖首页滚动 JS 切换 header-bg 造成的透明态 */
.index-header { background: var(--st-nav) !important; box-shadow: 0 2px 10px rgba(0,0,0,.55) !important; }
.zhuige-nav-list li a { color: var(--st-text) !important; }
.zhuige-nav-list li a:hover,
.zhuige-nav-list li.nav-activ a { color: var(--st-text-bright) !important; }
.zhuige-nav-side, .zhuige-nav-side a, .zhuige-nav-side text { color: var(--st-text) !important; }
/* 导航右侧「注册/登录」入口：做成精致胶囊按钮 */
nav .zhuige-nav-side .nav-user a.zhuige-btn-pop-login {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px !important;
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #ffffff !important;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
  transition: filter .2s ease, box-shadow .2s ease;
}
nav .zhuige-nav-side .nav-user a.zhuige-btn-pop-login:hover {
  filter: brightness(1.14);
  box-shadow: 0 3px 12px rgba(0, 0, 0, .5);
}
nav .zhuige-nav-side .nav-user cite {
  display: none !important; /* 去掉左侧小头像 */
}

/* 内容盒 */
.zhuige-box { background: transparent !important; }
.zhuige-box h1 text { color: var(--st-text-bright) !important; }
.zhuige-box h1 span a { color: var(--st-text) !important; background: rgba(255,255,255,.06) !important; }
.zhuige-box h1 span a:hover,
.zhuige-box h1 span a.active { color: #fff !important; background: var(--st-panel) !important; }

/* 卡片列表 */
.zhuige-base-list {
  background: var(--st-card) !important;
  border: none !important;
}
.zhuige-base-list:hover { background: var(--st-card-hover) !important; box-shadow: 0 8px 24px rgba(0,0,0,.5) !important; }
.text-title a { color: var(--st-text-bright) !important; }
.text-title a:hover { color: var(--st-blue) !important; }
.text-info, .data-info, .data-info text, .data-info a { color: var(--st-text-dim) !important; }
.sub-title a { color: var(--st-text-dim) !important; }
.user-info text, .user-info a { color: var(--st-text-dim) !important; }
.zhuige-user { border-color: var(--st-border) !important; }

/* 分类筛选 tab */
.zhuige-list-type a { color: var(--st-text-dim) !important; background: transparent !important; }
.zhuige-list-type a:hover { color: var(--st-text) !important; }
.zhuige-list-type a.active { color: var(--st-blue) !important; background: transparent !important; }

/* 页脚 */
footer { background: var(--st-footer) !important; }
footer, footer p, footer text, footer span, footer .zhuige-main-footer .column { color: var(--st-text-dim) !important; }
footer a { color: var(--st-text-dim) !important; }
footer a:hover { color: var(--st-blue) !important; }

/* 页脚吸底：内容不足一屏时 footer 贴在视口底部（与留言板一致） */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
body > .main-body {
  flex: 1 0 auto;
}
footer {
  flex-shrink: 0;
}

/* 链接 */
a { color: var(--st-link); }
a:hover { color: #ffffff; }

/* 按钮：Steam 绿 */
.zhuige-btn-pop-login,
.zhuige-pop-btn a, .zhuige-pop-btn input[type=button],
.zhuige-more-btn, .zhuige-download .download-btn a,
.zhuige-forum-btn a, button[type=submit], input[type=submit] {
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
  text-shadow: 1px 1px 0 rgba(0,0,0,.35) !important;
}
.zhuige-btn-pop-login:hover,
.zhuige-pop-btn a:hover, .zhuige-pop-btn input[type=button]:hover,
.zhuige-more-btn:hover, .zhuige-download .download-btn a:hover,
button[type=submit]:hover, input[type=submit]:hover {
  background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important;
}

/* 输入框 */
input[type=text], input[type=search], input[type=email], input[type=password], input[type=tel], textarea, select {
  background: var(--st-input) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px !important;
}
input::placeholder, textarea::placeholder { color: #9fbed4 !important; }
input:focus, textarea:focus { border-color: var(--st-blue) !important; outline: none !important; }

/* 弹窗 / 登录框 */
.zhuige-pop-box, .zhuige-pop-form, .zhuige-pop-opt, .zhuige-pop-content {
  background: #1f2f42 !important;
  color: var(--st-text) !important;
}
.zhuige-pop-box text, .zhuige-pop-box p, .zhuige-pop-box span,
.zhuige-pop-form text, .zhuige-pop-form p, .zhuige-pop-form span { color: var(--st-text) !important; }
/* 登录/注册弹窗输入行：改成深色（覆盖主题默认的浅灰 #F2F2F2 胶囊，否则深色弹窗上会出现白色方块、且浅色标签字看不清） */
.zhuige-pop-form p {
  background: #16222f !important;
  border: 1px solid #2a3f5a !important;
}
.zhuige-pop-form p:hover { background: #1e3044 !important; }
.zhuige-pop-form p text { color: #c6d4df !important; }
.zhuige-pop-form p input {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #ffffff !important;
}

/* 面包屑 / 标题区 */
.breadcrumb, .breadcrumb a, .zhuige-breadcrumb, .zhuige-breadcrumb a { color: var(--st-text-dim) !important; }

/* 正文文章区（详情页） */
.zhuige-details-body, .zhuige-details-body p, .zhuige-details-body span, .zhuige-details-body li,
.entry-content, .entry-content p, .entry-content li { color: #d5e2ee !important; }
.zhuige-details-body h1, .zhuige-details-body h2, .zhuige-details-body h3,
.entry-content h1, .entry-content h2, .entry-content h3 { color: #ffffff !important; }

/* 正文模板（zf- / ssgc-）Steam 深色版，保持高对比 */
.zf-box, .ssgc-cyber-box {
  background: #1f2f42 !important;
  border: none !important;
  box-shadow: 0 4px 18px rgba(0,0,0,.35) !important;
}
.zf-box p, .zf-box span, .zf-box li, .zf-box b, .zf-box div,
.ssgc-cyber-box p, .ssgc-cyber-box span, .ssgc-cyber-box li,
.ssgc-cyber-box b, .ssgc-cyber-box div, .ssgc-cyber-box font, .ssgc-cyber-box strong {
  color: #d5e2ee !important;
  font-size: 16px !important;
  line-height: 1.85 !important;
}
.zf-box h1, .zf-box h2, .zf-box h3, .zf-box h4,
.ssgc-cyber-box h1, .ssgc-cyber-box h2, .ssgc-cyber-box h3, .ssgc-cyber-box h4 { color: #ffffff !important; }
.zf-box h3::before, .ssgc-cyber-box h3::before { background: var(--st-blue) !important; }
.zf-box a, .ssgc-cyber-box a { color: var(--st-blue) !important; }
.zf-brief, .ssgc-brief-panel {
  background: rgba(102,192,244,.10) !important;
  border-left: 4px solid var(--st-blue) !important;
}
.zf-brief strong, .ssgc-brief-panel strong { color: var(--st-blue) !important; }
.zf-tag, .ssgc-tag-item {
  background: rgba(0,0,0,.28) !important;
  border: none !important;
  color: #b9c9d7 !important;
}
.zf-tag strong, .ssgc-tag-item strong { color: var(--st-blue) !important; }
.zf-spec-card, .ssgc-spec-card {
  background: rgba(0,0,0,.22) !important;
  border: none !important;
}
.zf-spec-card strong, .ssgc-spec-card strong { color: var(--st-blue) !important; }
.zf-shot, .ssgc-shot-link { background: #000 !important; box-shadow: 0 3px 14px rgba(0,0,0,.5) !important; }
.zf-body img, .zf-banner, .ssgc-cyber-box img { box-shadow: 0 3px 14px rgba(0,0,0,.45) !important; }

/* 滚动条（Steam 深色） */
::-webkit-scrollbar { width: 12px; height: 12px; }
::-webkit-scrollbar-track { background: #1b2838; }
::-webkit-scrollbar-thumb { background: #2a475e; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #3a5f7d; }

/* 首页搜索区 Steam 化 */
.zhuige-search-form { background: transparent !important; }
.zhuige-search-form .input-keyword,
.zhuige-search-form input[type=search] {
  background: #316282 !important;
  border: 1px solid #2a3f5a !important;
  color: #ffffff !important;
}
.zhuige-search-form .input-keyword::placeholder { color: #9fbed4 !important; }
.zhuige-btn-search {
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #ffffff !important;
  border: none !important;
  text-shadow: 1px 1px 0 rgba(0,0,0,.35) !important;
}
.zhuige-btn-search:hover { background: linear-gradient(to bottom, #8ed629 5%, #6aa621 95%) !important; }
.zhuige-search-box h1 { color: #ffffff !important; text-shadow: 0 2px 8px rgba(0,0,0,.6) !important; }
.zhuige-search-box .slogon, .zhuige-search-box p, .zhuige-search-box text { color: #c6d4df !important; }
.zhuige-search-key a {
  background: rgba(0,0,0,.32) !important;
  border: 1px solid #2a3f5a !important;
  color: #c6d4df !important;
}
.zhuige-search-key a:hover { color: #66c0f4 !important; border-color: #66c0f4 !important; }

/* 卡片底部：只保留发布时间 */
.zhuige-list-container .text-info .zhuige-user { display: none !important; }
.zhuige-list-container .data-info > text:first-of-type { display: none !important; }
.zhuige-list-container .data-info > text:last-of-type { display: none !important; }
.zhuige-list-container .data-info { color: #8f98a0 !important; }
.zhuige-list-container .data-info > text::before,
.zhuige-list-container .data-info > text::after { content: none !important; display: none !important; }

/* 去掉「热门资讯」右侧的分类筛选小字 */
.zhuige-list-type { display: none !important; }

/* 首页横幅高度（240 → +20% 288 → +50% 432px）；搜索框在背景内水平+垂直居中 */
.zhuige-search-bg, .zhuige-search-box { height: 432px !important; }
.zhuige-search-box { display: flex !important; flex-direction: column !important; justify-content: center !important; }
.zhuige-search-box > .container { width: 100% !important; }
.zhuige-main-search { padding: 0 !important; width: 62% !important; margin: 0 auto !important; }
/* 隐藏搜索框内的标题/描述（h1 站点标题、h6 分类描述），避免其占位导致搜索框垂直不居中 */
.zhuige-search-box h1, .zhuige-search-box h6 { display: none !important; }
.zhuige-type-text { padding: 0 0 10px !important; font-size: 13px !important; }
.zhuige-search-form { margin: 0 !important; }
.zhuige-search-key { margin-top: 12px !important; }
.zhuige-search-key a { padding: 2px 10px !important; font-size: 12px !important; }
@media (max-width: 768px) {
  .zhuige-search-bg, .zhuige-search-box { height: 333px !important; }
  .zhuige-main-search { padding: 0 !important; width: 88% !important; }
  .zhuige-search-box h1 { font-size: 19px !important; }
  .zhuige-search-key { display: none !important; }
}

/* 文章详情页：隐藏正文下方多余的 end / 用户栏 / 相关推荐 / 评论区 */
.zhuige-view-tags > h6 { display: none !important; }   /* - END - 分隔 */
.zhuige-poster { display: none !important; }            /* 用户栏（作者卡片） */
.zhuige-recommend { display: none !important; }         /* 相关推荐 */

/* 文章详情页：隐藏左侧三个圆形操作按钮（收藏/点赞/评论）及其空列 */
.zhuige-opt-side { display: none !important; }          /* 左栏 + 移动端横条 */
aside.md-1.pt-20 { display: none !important; }

/* ===== 统一首页 / 分类 / 归档页 的搜索框背景与卡片尺寸 ===== */
/* 搜索框背景：所有页面统一使用街机厅霓虹背景图（header-bg-arcade.webp），隐藏主题默认背景图 */
/* 叠加 45% 深蓝压暗层保证白字可读；定位 center 22% 取图片上部霓虹招牌区（center 会裁到暗色地板） */
.zhuige-search-bg { background: linear-gradient(rgba(13,20,33,.45), rgba(13,20,33,.45)), url('theme/bg-arcade.webp') center 22% / cover no-repeat !important; }
.zhuige-search-bg > img { display: none !important; }

/* 卡片容器内边距统一：消除首页(p-20)与分类页(pl-20 pr-20)写法不同导致的卡片宽度微小偏差 */
.zhuige-list-container.zhuige-box,
.zhuige-list-container.zhuige-arc-list {
  padding: 20px !important;
  box-sizing: border-box !important;
}
.zhuige-list-container { width: 100% !important; }

/* 分类/归档页容器与首页一致：限制最大宽度 1366px。
   主题 .md-12 在 ≥1024px 媒体查询里把 max-width 覆盖为 100%，导致超宽屏下分类容器撑满视口、卡片变得比首页大很多。 */
.container.zhuige-arc-page {
  max-width: 1366px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 文章详情页主标题（H1）醒目：白色加粗大字号，暗底可读 */
.main-cont h1,
article.main-cont h1,
.zhuige-detail-content h1,
.single h1 {
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin: 0 0 18px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
/* 空状态：搜索/分类无结果，统一暗色 */
.zhuige-arc-list,
.zhuige-list-container:has(> .zhuige-none-tips),
.zhuige-list-container:has(.zhuige-none-tips) {
  background: transparent !important;
}
.zhuige-none-tips {
  background: #16202d !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 8px !important;
  padding: 60px 20px !important;
  text-align: center !important;
}
.zhuige-none-tips svg.zg-empty-icon {
  display: block !important;
  width: 88px !important;
  height: 88px !important;
  margin: 0 auto 12px !important;
  color: #8f98a0 !important;
}
.zhuige-none-tips p {
  color: var(--st-text-dim) !important;
  font-size: 15px !important;
  margin-top: 16px !important;
}

/* 页码翻页（替换"加载更多"） */
.zhuige-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 20px 0 30px;
}
.zhuige-pagination a,
.zhuige-pagination span.zg-page-dots {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 10px;
  border-radius: 4px;
  background: #1b2838;
  color: #c7d5e0;
  border: 1px solid #2a3f5a;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
  transition: all .15s ease;
}
.zhuige-pagination a:hover {
  background: #2a475e;
  color: #ffffff;
  border-color: #3a5675;
}
.zhuige-pagination a.zg-page.active {
  background: #66c0f4;
  color: #0e1a26;
  border-color: #66c0f4;
  font-weight: 700;
  cursor: default;
}
.zhuige-pagination span.zg-page-dots {
  background: transparent;
  border-color: transparent;
  color: #8aa0b5;
  cursor: default;
}

/* 文章详情页：站点公告 + 下载模块 移到轮播图下方（右侧栏已取消；公告在上、下载在下）
   宽度与轮播图/正文配图统一为 880px 居中，形成统一的「媒体宽度」
   底部与「游戏简介」的间距：原 26px + 20% = 31px */
.zhuige-under-media {
  max-width: 880px;
  margin: 0 auto 31px;
}
.zhuige-under-media .zhuige-announce {
  margin: 0 0 16px;
}
.zhuige-under-media .zhuige-dlm {
  margin: 0;
}
.zhuige-under-media > *:last-child {
  margin-bottom: 0;
}
.zhuige-under-media .zhuige-dlm-list {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 14px;
}
.zhuige-under-media .zhuige-dlm-item {
  flex: 1 1 0;
  min-width: 150px;
}
@media (max-width: 767px) {
  .zhuige-under-media .zhuige-dlm-item {
    flex: 1 1 100%;
  }
}

/* 文章详情页：标题块 / 正文 / 标签 也统一到 880px 居中，
   与轮播图、站点公告、下载模块、正文配图对齐 → 全篇一条垂直边线（2026-09-14） */
.zhuige-view-title,
.zhuige-view-article,
.zhuige-view-tags {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================================
   今日统计卡片（搜索框下方，横贯内容宽度的玻璃信息条，与文章网格左对齐）
   ============================================================ */
.zhuige-stats-cards {
  position: absolute;        /* 置于 hero 内部、背景图之上 */
  left: 0;
  right: 0;
  bottom: 46px;              /* 紧贴 hero 底部上方，位于搜索框下方、背景图之中 */
  z-index: 5;
}
.stats-row {
  display: flex;
  align-items: stretch;
  /* 毛玻璃：低不透明度底色，让背后 hero 背景透出并被模糊 */
  background: linear-gradient(135deg, rgba(28,32,42,.42) 0%, rgba(40,56,78,.38) 100%);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.45),
              inset 0 1px 0 rgba(255,255,255,.18),
              inset 0 0 24px rgba(255,255,255,.04);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  overflow: hidden;
}
.stat-card {
  flex: 1 1 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 22px 32px;
  position: relative;
  transition: background .3s ease;
}
.stat-card:hover {
  background: rgba(102,192,244,.12);
}
/* 两个统计之间的竖向分隔线 */
.stat-card + .stat-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 24%;
  bottom: 24%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, rgba(102,192,244,.35), transparent);
}
.stat-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: linear-gradient(135deg, rgba(102,192,244,.20), rgba(102,192,244,.04));
  border: 1px solid rgba(102,192,244,.28);
  color: #66c0f4;
}
.stat-icon svg {
  width: 24px;
  height: 24px;
}
.stat-content {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.stat-number {
  font-size: 27px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: .5px;
}
.stat-label {
  font-size: 13px;
  color: #8f98a0;
  margin-top: 4px;
}
/* 公告卡片：多条时上下切换，单条时长文横向滚动 */
.stat-card-announce {
  min-width: 0;
}
.stat-card-announce .stat-content {
  min-width: 0;
  overflow: hidden;
}
.stat-announce-scroll {
  position: relative;
  height: 24px;
  overflow: hidden;
  margin-top: 4px;
}
.stat-announce-track {
  will-change: transform;
}
.stat-announce-item {
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 600;
  color: #e8eef5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-announce-scroll.is-scroll .stat-announce-item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.stat-announce-item.scroll-x {
  display: inline-block;
  overflow: visible;
  text-overflow: clip;
  padding-left: 100%;
  animation: stat-announce-marquee linear infinite;
}
@keyframes stat-announce-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}
@media (max-width: 767px) {
  .zhuige-stats-cards {
    position: static;
    margin-top: -26px;
    padding: 0 10px;
  }
  .stats-row {
    flex-direction: column;
  }
  .stat-card {
    padding: 16px 18px;
  }
  .stat-card + .stat-card::before {
    left: 18px;
    right: 18px;
    top: 0;
    bottom: auto;
    width: auto;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(102,192,244,.35), transparent);
  }
  .stat-number {
    font-size: 22px;
  }
  .stat-label {
    font-size: 12px;
  }
}
/* ===== 文字对比度修复（2026-09-16）：面包屑 + 上一篇/下一篇 ===== */
/* 上一篇/下一篇：标签用正文色、标题用亮白，暗底可读（原来继承 #333 看不见） */
.zhuige-next p a { color: var(--st-text) !important; }
.zhuige-next p a:hover { color: var(--st-blue) !important; }
.zhuige-next h5 a { color: #ffffff !important; }
.zhuige-next h5 a:hover { color: var(--st-blue) !important; }
/* 面包屑：真实容器类为 .base-list-nav（单篇）/ .zhuige-breadcrumb（归档），两者都覆盖 */
.base-list-nav,
.base-list-nav a,
.zhuige-breadcrumb,
.zhuige-breadcrumb a { color: var(--st-text) !important; }
.base-list-nav a:hover,
.zhuige-breadcrumb a:hover { color: var(--st-blue) !important; }
.base-list-nav .current,
.zhuige-breadcrumb .current { color: #ffffff !important; }
.base-list-nav em,
.zhuige-breadcrumb em { color: var(--st-text-dim) !important; }
/* ===== 网格硬备份（2026-09-16）：不含 > 的等价规则，防止实体转义导致布局塌陷 ===== */
.zhuige-list-container .zhuige-theme-post-list { display: contents; }

/* ============================================================
   卡片标题换行：按词断行，避免英文单词被切碎
   （主题默认 word-break: break-all 会把 Hades 断成 "Hade s"）
   ============================================================ */
.zhuige-list-container .zhuige-list .text-title,
.zhuige-list-container .zhuige-list .text-title a {
  word-break: normal !important;
  overflow-wrap: break-word;
}
/* ============================================================
   评论区 Steam 深色高级版（2026-09-29）
   ============================================================ */

/* --- 容器面板 --- */
.zhuige-comment.zhuige-box {
  background: #16202d !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, .35) !important;
  padding: 26px 30px !important;
  max-width: 880px;      /* 与正文/标题/标签同宽（见 880px 对齐段） */
  margin-left: auto;
  margin-right: auto;
}

/* --- 标题行 --- */
.zhuige-comment h3 { margin-bottom: 22px !important; }
.zhuige-comment h3 p:first-child {
  position: relative;
  padding-left: 14px;
  margin: 0;
}
.zhuige-comment h3 p:first-child::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 18px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #66c0f4, #2a475e);
}
.zhuige-comment h3 text { color: #ffffff !important; font-size: 17px; font-weight: 600; }
.zhuige-comment h3 span {
  display: inline-block;
  margin-left: 10px;
  padding: 1px 12px;
  background: rgba(102, 192, 244, .12);
  border: 1px solid rgba(102, 192, 244, .25);
  border-radius: 999px;
  color: #66c0f4 !important;
  font-size: 12px;
  line-height: 1.7;
}
/* 回复提示 chip */
.zhuige-comment h3 .zhuige-comment-reply-container {
  background: rgba(102, 192, 244, .10);
  border: 1px solid rgba(102, 192, 244, .28);
  border-radius: 999px;
  padding: 5px 14px;
  margin: 0;
}
.zhuige-comment h3 cite { color: #66c0f4 !important; font-style: normal; font-size: 12px; }
.zhuige-comment h3 cite text { color: #66c0f4 !important; font-size: 12px; font-weight: 400; }
.zhuige-comment h3 .zhuige-comment-reply-container a { color: #8f98a0 !important; margin-left: 10px; font-size: 12px; }
.zhuige-comment h3 .zhuige-comment-reply-container a:hover { color: #ffffff !important; }

/* --- 输入区 --- */
.zhuige-comment-input { gap: 10px; margin-bottom: 10px !important; }
.zhuige-comment-input input {
  height: 46px !important;
  line-height: 44px !important;
  background: #1b2838 !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 6px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  text-indent: 0 !important;
  padding: 0 14px;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.zhuige-comment-input input::placeholder { color: #6f8296 !important; }
.zhuige-comment-input input:focus {
  border-color: #66c0f4 !important;
  box-shadow: 0 0 0 3px rgba(102, 192, 244, .15) !important;
  outline: none;
}
.zhuige-comment-input input.zhuige-comment-nickname {
  flex: 0 0 200px;
  width: 200px !important;
}
.zhuige-comment-input input.zhuige-comment-content {
  flex: 1 1 auto;
  width: auto !important;
}
.zhuige-btn-comment-submit {
  flex: none;
  height: 46px !important;
  line-height: 46px !important;
  width: auto !important;
  padding: 0 30px;
  background: linear-gradient(to bottom, #75b022 5%, #588a1b 95%) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: 2px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
  transition: filter .2s ease, transform .1s ease;
}
.zhuige-btn-comment-submit:hover { filter: brightness(1.15); opacity: 1 !important; }
.zhuige-btn-comment-submit:active { transform: translateY(1px); }

/* 审核提示（发光小圆点） */
.zhuige-comment-notice {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 12px !important;
  color: #7c8b99 !important;
  margin: 0 2px 6px !important;
}
.zhuige-comment-notice::before {
  content: '';
  flex: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #66c0f4;
  box-shadow: 0 0 6px rgba(102, 192, 244, .8);
}

/* --- 评论列表 --- */
.zhuige-comment .zhuige-user-msg { padding-top: 22px !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user { margin-bottom: 14px !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-avatar {
  flex: none;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  overflow: hidden;
  border: 2px solid #2a475e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}
.zhuige-comment .zhuige-user-msg .zhuige-user .user-avatar img { width: 100% !important; height: 100% !important; border-radius: 50% !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info {
  flex: 1 1 auto;
  max-width: none;
  min-width: 0;
  background: #1f3145 !important;
  border: 1px solid #2a3f5a !important;
  border-radius: 10px !important;
  padding: 14px 18px !important;
  transition: border-color .2s ease, background .2s ease;
}
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info:hover { border-color: #3a5f7d; background: #223851 !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info:before { display: none !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info h6 { margin-bottom: 8px !important; font-size: 14px; color: #8f98a0; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info h6 a { color: #66c0f4 !important; font-weight: 600; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info h6 a:hover { color: #ffffff !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info p { color: #c6d4df !important; font-size: 14px; line-height: 1.75 !important; margin: 0; }
.zhuige-comment .zhuige-user-msg .zhuige-user .user-info p img { border-radius: 6px !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info { margin-top: 8px !important; font-size: 12px; }
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info text { color: #6f8296 !important; }
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info a {
  color: #6f8296 !important;
  margin-left: 14px;
  padding: 2px 10px;
  border-radius: 999px;
  transition: color .15s ease, background .15s ease;
}
.zhuige-comment .zhuige-user-msg .zhuige-user .data-info a:hover { color: #66c0f4 !important; background: rgba(102, 192, 244, .10); }

/* 楼层缩进收敛 */
.zhuige-comment-depth-2 { margin-left: 52px; }
.zhuige-comment-depth-3 { margin-left: 76px; }
.zhuige-comment-depth-4 { margin-left: 100px; }
.zhuige-comment-depth-5 { margin-left: 124px; }

/* 空状态（嵌在面板内：去底色） */
.zhuige-comment .zhuige-none-tips { background: transparent !important; border: none !important; box-shadow: none !important; padding: 36px 20px 22px !important; }
.zhuige-comment .zhuige-none-tips svg.zg-empty-icon { width: 72px !important; height: 72px !important; color: #5a7d99 !important; opacity: .9; }
.zhuige-comment .zhuige-none-tips p { color: #8f98a0 !important; }

/* --- 移动端 --- */
@media (max-width: 768px) {
  .zhuige-comment.zhuige-box { padding: 18px 16px !important; }
  .zhuige-comment .zhuige-comment-input { flex-wrap: wrap !important; gap: 10px; }
  .zhuige-comment-input input.zhuige-comment-nickname { flex: 1 1 100%; width: 100% !important; }
  .zhuige-comment-input input.zhuige-comment-content { flex: 1 1 auto; width: auto !important; }
  .zhuige-btn-comment-submit { padding: 0 22px; }
  .zhuige-comment .zhuige-user-msg .zhuige-user .user-info { padding: 12px 14px !important; }
  .zhuige-comment-depth-2, .zhuige-comment-depth-3, .zhuige-comment-depth-4, .zhuige-comment-depth-5 { margin-left: 24px; }
}
/* ============================================================
   上一篇/下一篇 对齐 880px（2026-09-29）
   外层 zhuige-box 弹性盒原本宽 1032px，脱离正文 880px 对齐线；
   用 :has(.zhuige-next) 精准命中包裹盒，收进与标题/正文/评论区同一竖线
   ============================================================ */
article.main-cont .zhuige-box:has(.zhuige-next) {
  max-width: 880px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* == 卡片徽章行（竞品样式 v1） == */
.zhuige-list-text .zg-card-badges {
    gap: 8px;
    margin: 2px 0 8px;
}
.zhuige-list-text .zg-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 12px;
    border-radius: 13px;
    background: rgba(56, 158, 107, 0.12);
    border: 1px solid rgba(61, 208, 140, 0.45);
    color: #3dd08c;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2px;
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s;
}
.zhuige-list-text .zg-badge:hover {
    background: rgba(56, 158, 107, 0.22);
    border-color: rgba(61, 208, 140, 0.75);
}
.zhuige-list-text .zg-badge svg {
    width: 13px;
    height: 13px;
    flex: none;
}


/* == 卡片竞品对齐 v2 == */
.zhuige-list-text .zg-cat-row { margin: 2px 0 12px; }
.zhuige-list-text .zg-cat-chip { margin: 0; }
.zhuige-list-text .zg-cat-chip a span {
    display: inline-flex;
    align-items: center;
    background: #2e6be6;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 5px 12px;
    border-radius: 7px;
    line-height: 1;
}
.zhuige-list-text .zg-cat-chip a:hover span { background: #3b7af2; }
.zhuige-list-text .zg-card-date { color: #8f98a0; font-size: 13px; }
.zhuige-list-text h5.text-title .zg-title-pill {
    display: inline-flex;
    align-items: center;
    vertical-align: 2px;
    margin-left: 8px;
    padding: 3px 9px;
    background: #2e6be6;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    border-radius: 6px;
    letter-spacing: 0.5px;
}
.zhuige-list-img .zg-view-pill {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 12px;
    background: rgba(10, 16, 24, 0.62);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}
.zhuige-list-img .zg-view-pill svg { width: 13px; height: 13px; }
.zhuige-list-text .zg-card-badges { gap: 10px; margin: 0 0 10px; }
.zhuige-list-text .zg-badge {
    height: 28px;
    padding: 0 13px;
    border-radius: 9px;
    background: #16222e;
    border: 1px solid rgba(61, 208, 140, 0.38);
    color: #3dd08c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.3px;
    gap: 6px;
}
.zhuige-list-text .zg-badge:hover { background: #1b2c3a; border-color: rgba(61, 208, 140, 0.6); }
.zhuige-list-text .zg-badge svg { width: 14px; height: 14px; }
@media (max-width: 767px) {
    .zhuige-list .zhuige-list-text .data-info { display: none; }
    .zhuige-list-text h5.text-title a { font-size: 17px; font-weight: 700; line-height: 1.45; height: auto; }
    .zhuige-list-text h5.text-title { line-height: 1.45; }
}


/* == 徽章紧凑化 v3 == */
.zhuige-list-text .zg-card-badges { gap: 7px; margin: 0 0 9px; }
.zhuige-list-text .zg-badge {
    height: 25px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 12.5px;
    gap: 5px;
}
.zhuige-list-text .zg-badge svg { width: 12px; height: 12px; }


/* == 卡片底部行全局隐藏 v4 == */
.zhuige-list .zhuige-list-text .data-info { display: none; }


/* == 卡片协调度 v5（相框内嵌 + 留白节奏） == */
.zhuige-base-list { padding: 10px 10px 14px; }
.zhuige-list .zhuige-list-img { border-radius: 10px; }
.zhuige-list .zhuige-list-text { padding: 0 6px 0; }
.zhuige-list-text .zg-cat-row { margin: 0 0 12px; }
.zhuige-list-text h5.text-title { margin-bottom: 12px; }
.zhuige-list-text .zg-card-badges { margin: 0 0 2px; }
.zhuige-list-text h5.text-title a { font-size: 15px; font-weight: 700; line-height: 1.45; height: auto; }
.zhuige-list-text h5.text-title .zg-title-pill { vertical-align: 2px; }


/* == v6 字号对齐竞品（标题14/600 徽章12/600 日期12） == */
.zhuige-list-text h5.text-title a { font-size: 14px; font-weight: 600; line-height: 1.5; }
.zhuige-list-text h5.text-title { margin-bottom: 11px; }
.zhuige-list-text .zg-badge {
    height: 24px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.2px;
}
.zhuige-list-text .zg-badge svg { width: 12px; height: 12px; }
.zhuige-list-text .zg-card-date { font-size: 12px; }
.zhuige-list-text .zg-cat-chip a span { font-size: 11.5px; padding: 4px 10px; }
@media (max-width: 767px) {
    .zhuige-list-text h5.text-title a { font-size: 14px; font-weight: 600; }
}

/* == v8 分类胶囊半透明化（对齐文件大小徽章质感） == */
.zhuige-list-text .zg-cat-chip a span {
    background: rgba(46, 107, 230, 0.14);
    border: 1px solid rgba(96, 145, 255, 0.42);
    color: #8db1ff;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 11.5px;
    font-weight: 600;
    letter-spacing: 0.4px;
}
.zhuige-list-text .zg-cat-chip a:hover span {
    background: rgba(46, 107, 230, 0.26);
    border-color: rgba(96, 145, 255, 0.65);
    color: #a8c4ff;
}

/* == v9 卡片信息区紧凑化（用户反馈太空，缩小行距与边距） == */
.zhuige-list-container .zhuige-list { padding: 0 0 10px 0 !important; }
.zhuige-list-container .zhuige-list .zhuige-list-img { margin: 0 0 6px 0 !important; }
.zhuige-list-text .zg-cat-row { margin: 0 0 6px !important; }
.zhuige-list-container .zhuige-list .text-title { margin-bottom: 6px !important; }
.zhuige-list-text .zg-card-badges { margin: 0 !important; }


/* == v10 卡片徽章再缩小一点点（用户反馈） == */
.zhuige-list-text .zg-badge {
    height: 22px;
    font-size: 11px;
    letter-spacing: 0.1px;
}
.zhuige-list-text .zg-badge svg { width: 11px; height: 11px; }
.zhuige-list-text .zg-cat-chip a span { font-size: 11px; padding: 3px 8px; }
.zhuige-list-text .zg-card-date { font-size: 11.5px; }


/* == v11 卡片排版舒适化（行距 1.2→1.55，边距统一 8px 节奏） == */
.zhuige-list-container .zhuige-list { padding: 0 0 12px 0 !important; }
.zhuige-list-container .zhuige-list .zhuige-list-img { margin: 0 0 8px 0 !important; }
.zhuige-list-text .zg-cat-row { margin: 0 0 8px !important; }
.zhuige-list-container .zhuige-list .text-title { margin-bottom: 8px !important; }
.zhuige-list-container .zhuige-list .text-title a {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: 0.2px;
    height: auto;
}
.zhuige-list-text .zg-card-date { font-size: 12px; letter-spacing: 0.2px; }


/* == v12 容量徽章贴底对齐（徽章钉在卡片底部，跨卡横向对齐） == */
.zhuige-list-container .zhuige-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}
.zhuige-list-container .zhuige-list .zhuige-list-text {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column;
    width: 100%;
    overflow: visible;
}
.zhuige-list-container .zhuige-list .zg-card-badges {
    margin-top: auto !important;
    padding-top: 8px;
}


/* == v13 徽章四周收紧（去冗余 padding，卡底边/标题间距收小） == */
.zhuige-list-container .zhuige-list { padding: 0 0 8px 0 !important; }
.zhuige-list-container .zhuige-list .text-title { margin-bottom: 6px !important; }
.zhuige-list-container .zhuige-list .zg-card-badges { padding-top: 0 !important; }


/* == v14 容量徽章移入分类行（分类徽章右侧） == */
.zg-cat-row { gap: 8px; }
.zg-cat-row .zg-badge-size { margin: 0; flex: 0 0 auto; }
.zg-cat-row .zg-card-date { flex: 0 0 auto; }
@media (max-width: 575px) {
  .zg-cat-row .zg-card-date { display: none; }
}


/* == v14b 分类行防挤压（chip/徽章/日期不换行，紧凑排布） == */
.zg-cat-row { gap: 6px; }
.zg-cat-row .zg-cat-chip span { white-space: nowrap; }
.zg-cat-row .zg-badge-size { padding: 3px 7px; font-size: 10.5px; white-space: nowrap; }
.zg-cat-row .zg-card-date { font-size: 11px; white-space: nowrap; }




:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */



img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */




	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */



:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
/*wp_block_styles_on_demand_placeholder:6ac9808702468*/
/*# sourceURL=wp-block-library-inline-css */



/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */



:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
/*# sourceURL=wp-block-styles-placeholder-inline-css */



:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
/*# sourceURL=wp-global-styles-placeholder-inline-css */




/* ===== 悬停展开游戏简介（仿 steambk MoPlay 效果，暗色适配） ===== */
/* 卡片改为可溢出 + 定位基准 */
.zhuige-list-container .zhuige-base-list {
  overflow: visible !important;
  position: relative;
  transition: box-shadow .3s ease, transform .3s ease, background .3s ease, z-index 0s;
}
.zhuige-list-container .zhuige-base-list:hover {
  z-index: 50;
  transform: translateY(-3px);
  box-shadow: 0 4px 0 rgba(0,0,0,.06), 0 0 20px rgba(0,0,0,.45) !important;
}
.zhuige-list-container .zhuige-list-text { display: flex; flex-direction: column; }
.zhuige-list-text .data-info { margin-top: auto; }

/* 简介浮层：紧贴卡片底部向下展开 */
.moplay-desc-panel {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  z-index: 100;
  max-height: 0;
  overflow: hidden;
  transition: max-height .32s cubic-bezier(.4,0,.2,1);
  background: #21384f;
  border: 1px solid #2a3f5a;
  border-top: none;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 8px 20px rgba(0,0,0,.45);
}
.zhuige-base-list:hover .moplay-desc-panel { max-height: 220px; }
.moplay-desc-text {
  display: block;
  margin: 0;
  padding: 12px 14px 14px;
  font-size: 12.5px;
  line-height: 1.7;
  color: #c6d4df;
}
@media (hover: none), (max-width: 768px) {
  .moplay-desc-panel { display: none !important; }
}


/* ===== 布局修复：容器居中（最大宽度 1366px） ===== */
.container {
  max-width: 1366px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 确保 hero 区域占满并作为绝对定位基准 */
.zg-home-hero { position: relative; overflow: hidden; }
.zhuige-search-box.absolute { top: 0; left: 0; right: 0; }


/* ===== 顶部空白修复 ===== */
html, body { margin: 0 !important; padding: 0 !important; }
/* 导航栏进入正常文档流（原为 fixed 悬浮，导致顶部留白/遮挡） */
header.index-header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}
/* 横幅区紧接导航，去掉可能的顶部间隙 */
.zg-home-hero { margin-top: 0 !important; }


/* ===== 工具类补全（3344 布局依赖，原样式缺失） ===== */
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.flex-wrap { flex-wrap: wrap !important; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-end { justify-content: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
/* 间距工具类 */
.m-20 { margin: 20px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.p-20 { padding: 20px !important; }
.p-30 { padding: 30px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-20 { padding-top: 20px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pl-20 { padding-left: 20px !important; }
.pr-20 { padding-right: 20px !important; }
/* 响应式工具类 */
@media (min-width: 768px) { .flex-nowrap-md { flex-wrap: nowrap !important; } }
@media (max-width: 767px) {
  .flex-wrap-xs { flex-wrap: wrap !important; }
  .mb-10-xs { margin-bottom: 10px !important; }
}


/* ===== 首页卡片标签 ===== */
.zg-card-tags { display:flex; flex-wrap:wrap; gap:5px; margin:0 0 8px; }
.zg-card-tags span { font-size:11px; line-height:1.7; color:#ffb35c; background:rgba(255,159,46,.14); border:1px solid rgba(255,159,46,.42); border-radius:10px; padding:0 8px; white-space:nowrap; }


/* ===== 首页热门大卡：旋转金色流光边框（持续动画，无需悬停）===== */
@property --lyw-angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.zg-hero-card { position: relative; overflow: hidden; }
.zg-hero-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 2.5px;                       /* 边框粗细 */
  background: conic-gradient(from var(--lyw-angle),
      #d1b480 0%, #ffb347 20%, #ffe6b3 40%, #ff9e2e 60%, #d1b480 80%, #d1b480 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite: exclude;
  animation: lyw-border-spin 4s linear infinite;
  pointer-events: none;
  z-index: 3;
}
.zg-hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  box-shadow: 0 0 18px rgba(209,180,128,.28);   /* 金色外发光 */
  pointer-events: none;
  z-index: 2;
}
@keyframes lyw-border-spin {
  to { --lyw-angle: 360deg; }
}


/* ===== 首页资讯小卡：白色旋转流光边框 ===== */
@property --lyw-wa {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
.zhuige-list-container .zhuige-base-list { position: relative; overflow: visible !important; }
.zhuige-list-container .zhuige-base-list::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  padding: 1.8px;
  background: conic-gradient(from var(--lyw-wa),
      #ffffff 0%, rgba(255,255,255,.35) 25%, #ffffff 50%, rgba(255,255,255,.15) 75%, #ffffff 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask-composite: exclude;
  animation: lyw-white-spin 3.5s linear infinite;
  pointer-events: none;
  z-index: 3;
}
@keyframes lyw-white-spin {
  to { --lyw-wa: 360deg; }
}


/* ===== 禁止卡片封面放大 ===== */
.zg-hero-card img, .zg-hero-card:hover img { transform: none !important; }
.zhuige-list-container .zhuige-list .zhuige-list-cover:hover,
.zhuige-list-container .zhuige-list .zhuige-list-cover:hover img { transform: none !important; }