/* 头部 */
.site-header-in {
	position: static !important;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
}

#content {
	margin-top: 80px;
}

#mobile-menu-button {
	display: none;
}

.box,
.topic-type-menu {
    background-color: #101010 !important;
}

.tax-circle_tags .site-content .b2-single-content,
.editor-character .circle-chart__subline {
    color: #c4c4c4;
}

.site-header .site-header-in .site-title {
	font-size: 2.4em;
	letter-spacing: .75em;
	text-align: center;
	padding-left: .75em;
}

#site-title-box,
.logo-top.header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#site-title-text {
	font-size: .85em;
	opacity: .75;
	text-transform: uppercase;
}

.logo-top.header {
	justify-content: center;
}

.header-banner-left .menu li:last-child {
	margin-right: 0;
}

.site .site-header-in {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

.header-banner-content {
	justify-content: center !important;
}

.header-banner-content .header-banner-right,
.site-header-in .logo-top .top-user-info{
	display: none;
}

.logo-top {
	border-top: none !important;
}

.header-banner-left ul {
	gap: 3em;
}

.header-banner-left .menu li {
	margin-right: 0 !important;
}

.header-banner-left .menu li a {
	font-size: 1.2em;
}

.header-banner-left .menu li.current-menu-item a {
	color: #000;
	background-color: #fff;
	padding: 10px 20px;
	border-radius: 30px;
}

.header-banner-left .menu li.current-menu-item a:after {
	background: none !important;
}


/** 圈子顶部轮播 **/
#circle-top-banner {
	margin-bottom: 8px;
}

#circle-top-banner #po-topic-box {
	overflow: hidden;
}

#circle-top-banner .xf-swiper {
	width: 100%;
	height: 100%;
}

#circle-top-banner .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: rgba(0, 0, 0, 0);
	display: flex;
	justify-content: center;
	align-items: center;
	height: 280px;
}

/*#circle-top-banner .swiper-slide a {*/
/*	width: 100%;*/
/*}*/

#circle-top-banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}

#circle-top-banner .xf-swiper {
	margin-left: auto;
	margin-right: auto;
}

#circle-top-banner .swiper-pagination .swiper-pagination-bullet {
	background-color: #fff;
}

#mobile-footer-menu a {
    color: #000;
}

.po-topic-textarea,
.po-topic-textarea textarea:first-child,
.topic-type-menu {
    border-color: #333 !important;
}

.tax-circle_tags #public .my-circle-list button.picked:after {
    border-bottom-color: #333 !important;
}

.tax-circle_tags .circle-chart__background {
    stroke: #333;
}

.tax-circle_tags .po-topic-textarea textarea:first-child,
.tax-circle_tags .po-topic-textarea .topic-content {
    color: #b1b1b1;
}

.page-id-68 #content .wrapper {
    width: 100%;
}

.page-id-68 .box,
.page-id-68 .topic-type-menu {
    background-color: transparent !important;
}

.page-id-68 .entry-header {
    display: none;
}

.page-id-68 #content {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
	.logo-top .site-header {
		height: auto !important;
		padding: 3em 0;
	}
	
	#content {
		margin-top: 0;
	}
	
	.header-banner {
		padding-top: 2em;
	}
	
	.header-banner .header-banner-content {
		height: auto;
	}
	
	.header-banner .ym-menu ul {
		width: 100%;
		padding-bottom: .5em;
	}

	.mobile-footer-menu.footer-fixed {
		background: rgba(255, 255, 255, .65);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	}
	
	.page-id-68 #content .single-article h1 {
        text-align: center;
    }
}