/**
 * 夜间模式
 * 仅作用于夜间模式
 */
/** 夜间按钮 **/
.m-moon {
	position: relative;
	width: 12px;
	height: 12px;
	display: block;
	margin: 16px auto;
	overflow: hidden;
	background: #777;
	border-radius: 50%;
	border: 1px solid #777;
}

.night .m-moon {
	background: #fbc02d;
	border: none;
}

.m-moon span {
	position: absolute;
	top: 0;
	right: -7px;
	width: 12px;
	height: 12px;
	background: #fff;
}

.night .m-moon span {
	background: #fbc02d;
}

.night-day .m-moon {
	background: #666;
}

.night .night-day .m-moon {
	background: #fbc02d;
}

.m-moon span {
	background: #fff;
}

.night-day:hover .m-moon,
.night-day:hover .m-moon span {
	background: #000;
	border: 1px solid #000;
}

.night .night-day:hover .m-moon span,
.night .night-day:hover .m-moon {
	background: #fff;
	border: none;
}

.d-moon {
	position: absolute;
	width: 12px;
	height: 12px;
	margin: 16px auto;
	left: 50%;
	border-radius: 50%;
	transform: translateX(-50%);
	background: #fbc02d;
}

/** 主菜单夜间按钮 **/
.nav-theme-toggle {
	width: 30px;
	height: 18px;
	border-radius: 18px;
	border: none;
	background: rgba(0, 0, 0, 0.3);
	position: relative;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	margin: 0 5px;
	padding: 0;
	transition: background-color 0.3s ease;
	will-change: background-color;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	outline: none;
}

.nav-theme-toggle::before {
	content: "";
	position: absolute;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--be-bg-white);
	transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), background-color 0.3s ease;
	will-change: transform, background-color;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

body.night .nav-theme-toggle {
	background: #262626;
}

body.night .nav-theme-toggle::before {
	-webkit-transform: translate3d(12px, 0, 0);
	transform: translate3d(12px, 0, 0);
	background: #fbc02d;
}

/** 过渡动画 **/
.night-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 9999;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.night-wrapper.active {
	opacity: 1;
}

.night-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: transform 0.6s ease-in-out;
	transform: translateX(-100%);
	background: rgba(255, 255, 255, 0.9);
}

.night-slide.slide-in {
	transform: translateX(0);
}

.night-slide.slide-out {
	transform: translateX(100%);
}

.night-slide.to-night {
	background: rgba(26, 26, 46, 0.9);
}

/* 夜间模式背景图变暗 */
.night .g-row[style*="background"] {
	box-shadow: inset 0 0 0 9999px rgba(38, 38, 38, 0.9);
}

/** 夜间全局 **/
.night {
	--be-bg-glass: rgba(50, 50, 50, 0.8);
	--be-bg-glass-m: rgba(50, 50, 50, 0.8);
	--be-bg-user-info: linear-gradient(to bottom, #323232, rgba(50, 50, 50, 0.8), rgba(50, 50, 50, 0.8));
	--be-bg-glass-s: rgba(0, 0, 0, 0.95);
	--be-bg-glass-g: rgba(0, 0, 0, 0.2);
	--be-bg-glass-t: rgba(50, 50, 50, 0.8);
	--be-light: rgba(50, 50, 50, 0);
	--be-real: rgba(50, 50, 50, 0.65);
	--be-bg-fo: rgba(50, 50, 50, 0.8);
	--be-body: #808080;
	--be-m-arrow: #808080;
	--be-m-sdt-arrow: #808080;
	--be-m-sdt-a: #808080;
	--be-m-a: #808080;
	--be-bg-body: #262626;
	--be-bg-nav-white: #323232;
	--be-bg-white: #323232;
	--line-odd-bg: #323232;
	--line-even-bg: #262626;
	--be-bg-white-l: #323232;
	--be-bg-eye: #323232;
	--be-bg-reading: #262626;
	--be-bg-grey-top: #262626;
	--be-grey-3: #808080;
	--be-grey-top: #808080;
	--be-bg-grey-f8: #2f2f2f;
	--be-bg-grey-tab: #2f2f2f;
	--be-bg-white-b: #262626;
	--be-bg-white-s: #323232;
	--be-bg-gradual: #323232;
	--be-border-grey: #262626;
	--be-border-white-at: #323232;
	--be-border-white-ak: #323232;
	--be-border-white-tab: #262626;
	--be-border-white-tab-t: #262626;
	--be-border-white: #323232;
	--be-border-z: #262626;
	--be-border-t: #262626;
	--be-border-x: #262626;
	--be-bg-pink-fd: #262626;
	--be-bg-pre: #2a2a2a;
	--be-border-dashed: #262626;
	--be-border-grey: #262626;
	--be-grey-4: #808080;
	--be-bg-grey-f1: #262626;
	--be-bg-grey-input: #262626;
	--be-border-grey-f1: #262626;
	--be-border-grey-d: #262626;
	--be-site-n: #808080;
	--be-site-d: #808080;
	--be-arrow-w: #262626;
	--be-arrow-n: #323232;
	--be-white-fw: #ccc;
	--be-bg-grey-9: #323232;
	--be-bg-grey-a: #808080;
	--be-white-a: #262626;
	--be-white: #ccc;
	--be-bg-grey-3: #808080;
	--be-bg-white-n: #262626;
	--be-search: #808080;
	--be-bg-grey-9: #808080;
	--be-bg-blue-d: #262626;
	--be-bg-grey-h: #262626;
	--be-bg-grey-e: #323232;
	--be-bg-grey-on: #000;
	--be-bg-f9: #262626;
	--be-bg-btn26: #262626;
	--be-border-grey-9: #262626;
	--be-bg-tou: #262626;
	--be-bg-blue-r: #262626;
	--be-grey-coy: #262626;
	--be-grey-co: #262626;
	--be-grey-coh: #262626;
	--be-bg-nav-std: #2f2f2f;
	--be-admin: #808080;
	--be-admin-btn: #ccc;
	--be-admin-name: #808080;
	--be-grey-nav-3: #808080;
	--be-border-nav-b: #323232;
	--be-border-inf: #262626;
	--be-bg-cf: #262626;
	--be-bg-inf: #262626;
	--be-bg-cyan: #262626;
	--be-footer-widget: rgba(50, 50, 50, 0.8);
	--be-wave-0: rgba(50, 50, 50, 0.7);
	--be-wave-3: rgba(50, 50, 50, 0.5);
	--be-wave-5: rgba(50, 50, 50, 0.3);
	--be-wave-7: rgba(50, 50, 50, 1);
}

body.night.custom-background {
	background-color: #262626;
}

.night .entry-content .sharing-box .be-btn-beshare,
.night .reg-login-but:hover,
.night .menu-login-btu .nav-reg a,
.night .nice-select .list {
	background: #262626;
}

.night .add-link-loading,
.night .add-link-tip {
	background: #262626 !important;
}

.night li.comment.buried {
	background: #2c2c2c;
}

.night .logo-site img {
	-webkit-filter: brightness(1.8);
	filter: brightness(1.8);
}

.night .sign input[type="submit"],
.night .be-menu-widget .widget .menu-item-has-children>a i,
.night a.filter-tag:hover {
	color: #eff0f2;
}

.night .cat-rec-icon {
	color: #fff;
}

.night .meta-author-inf {
	background: #323232;
}

.night .mobile-userinfo,
.night #sidr-main ul a {
	border-bottom: 1px solid #262626;
}

@media only screen and (min-width: 1025px) {

	.night .menu-mix>ul.sub-menu,
	.night .be-menu-two-list>ul.sub-menu {
		background: linear-gradient(to right, #323232 50%, #262626 50%);
	}
}

/** 图片 **/
.night .owl-lazy,
.night img,
.night a.thumbs-back {
	filter: brightness(0.85) saturate(0.85) contrast(0.95);
}

/* 编辑器夜间 */
.night .mce-container {
	background: #262626 !important;
}

.night .quicktags-toolbar,
.night .mce-container,
.night .mce-container *,
.night .mce-widget,
.night .mce-widget *,
.night .mce-reset,
.night .wp-switch-editor,
.night .tmce-active .switch-tmce,
.night .wp-core-ui .button {
	background: #262626 !important;
}

.night .mce-container::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0.06;
	background: #262626;
	pointer-events: none;
}

.night .wp-core-ui .button,
.night .wp-core-ui .button-secondary {
	color: #808080;
	border-color: #262626 !important;
}

.night .wp-editor-container {
	border: 1px solid #262626;
}

.night .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
	border: 1px solid #323232;
}

.night .wp-switch-editor {
	border: 1px solid #262626;
}

.night .html-active .switch-html,
.night .tmce-active .switch-tmce {
	border-bottom-color: #262626;
}

.night .wp-editor-area {
	background: #262626;
}

.night .quicktags-toolbar {
	border-bottom: 1px solid #262626;
}

#tinymce {
	background: #262626 !important;
}

.night .mce-btn-group:not(:first-child) {
	border-left: 1px solid #262626;
}