/* 颜色 */
:root {
	--anzhiyu-theme-op: #4259ef23;
	--anzhiyu-gray-op: #9999992b;
	--anzhiyu-theme-top: var(--anzhiyu-theme);
	--anzhiyu-white: #fff;
	--anzhiyu-white-op: rgba(255, 255, 255, 0.2);
	--anzhiyu-black: #000;
	--anzhiyu-black-op: rgba(0, 0, 0, 0.2);
	--anzhiyu-none: rgba(0, 0, 0, 0);
	--anzhiyu-gray: #999999;
	--anzhiyu-yellow: #ffc93e;
	--anzhiyu-border-radius: 8px;
	--anzhiyu-main: var(--anzhiyu-theme);
	--anzhiyu-main-op: var(--anzhiyu-theme-op);
	--anzhiyu-shadow-theme: 0 8px 12px -3px var(--anzhiyu-theme-op);
	--anzhiyu-shadow-main: 0 8px 12px -3px var(--anzhiyu-main-op);
	--anzhiyu-shadow-blue: 0 8px 12px -3px rgba(40, 109, 234, 0.2);
	--anzhiyu-shadow-white: 0 8px 12px -3px rgba(255, 255, 255, 0.2);
	--anzhiyu-shadow-black: 0 0 12px 4px rgba(0, 0, 0, 0.05);
	--anzhiyu-shadow-yellow: 0px 38px 77px -26px rgba(255, 201, 62, 0.12);
	--anzhiyu-shadow-red: 0 8px 12px -3px #ee7d7936;
	--anzhiyu-shadow-green: 0 8px 12px -3px #87ee7936;
	--anzhiyu-shadow-border: 0 8px 16px -4px #2c2d300c;
	--anzhiyu-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0, 0.15);
	--anzhiyu-logo-color: linear-gradient(215deg, #4584ff 30%, #ff7676 70%);
	--style-border: 1px solid var(--anzhiyu-card-border);
	--anzhiyu-blue-main: #3b70fc;
	--style-border-hover: 1px solid var(--anzhiyu-main);
	--style-border-dashed: 1px dashed var(--anzhiyu-theme-op);
	--style-border-avatar: 4px solid var(--anzhiyu-background);
	--style-border-always: 1px solid var(--anzhiyu-card-border);
	--style-border-none: 1px solid transparent;
	--anzhiyu-white-acrylic1: #fefeff !important;
	--anzhiyu-white-acrylic2: #fcfdff !important;
	--anzhiyu-black-acrylic2: #08080a !important;
	--anzhiyu-black-acrylic1: #0b0b0e !important;
	--anzhiyu-main-none: #b8b8b800 !important;
}

[data-theme="light"] {
	--anzhiyu-theme: #3b70fc;
	--anzhiyu-theme-deep: #1856fb;
	--anzhiyu-theme-op: #4259ef23;
	--anzhiyu-blue: #3b70fc;
	--anzhiyu-red: #d8213c;
	--anzhiyu-pink: #ff7c7c;
	--anzhiyu-green: #57bd6a;
	--anzhiyu-fontcolor: #363636;
	--anzhiyu-background: #f7f9fe;
	--anzhiyu-reverse: #000;
	--anzhiyu-maskbg: rgba(255, 255, 255, 0.6);
	--anzhiyu-maskbgdeep: rgba(255, 255, 255, 0.85);
	--anzhiyu-hovertext: var(--anzhiyu-theme);
	--anzhiyu-ahoverbg: #f7f7fa;
	--anzhiyu-lighttext: var(--anzhiyu-main);
	--anzhiyu-secondtext: rgba(60, 60, 67, 0.6);
	--anzhiyu-scrollbar: rgba(60, 60, 67, 0.4);
	--anzhiyu-card-btn-bg: #edf0f7;
	--anzhiyu-post-blockquote-bg: #fafcff;
	--anzhiyu-post-tabs-bg: #f2f5f8;
	--anzhiyu-secondbg: #f1f3f8;
	--anzhiyu-shadow-nav: 0 5px 12px -5px rgba(102, 68, 68, 0.05);
	--anzhiyu-card-bg: #fff;
	--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
	--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
	--anzhiyu-card-border: #e3e8f7;
}

[data-theme="dark"] {
	--global-bg: #191919;
	--anzhiyu-theme: #0084ff;
	--anzhiyu-theme-deep: #0076e5;
	--anzhiyu-theme-op: #0084ff23;
	--anzhiyu-blue: #0084ff;
	--anzhiyu-red: #ff3842;
	--anzhiyu-pink: #ff7c7c;
	--anzhiyu-green: #57bd6a;
	--anzhiyu-fontcolor: #f7f7fa;
	--anzhiyu-background: #18171d;
	--anzhiyu-reverse: #fff;
	--anzhiyu-maskbg: rgba(0, 0, 0, 0.6);
	--anzhiyu-maskbgdeep: rgba(0, 0, 0, 0.85);
	--anzhiyu-hovertext: #0a84ff;
	--anzhiyu-ahoverbg: #fff;
	--anzhiyu-lighttext: #f2b94b;
	--anzhiyu-secondtext: #a1a2b8;
	--anzhiyu-scrollbar: rgba(200, 200, 223, 0.4);
	--anzhiyu-card-btn-bg: #30343f;
	--anzhiyu-post-blockquote-bg: #000;
	--anzhiyu-post-tabs-bg: #121212;
	--anzhiyu-secondbg: #30343f;
	--anzhiyu-shadow-nav: 0 5px 20px 0px rgba(28, 28, 28, 0.4);
	--anzhiyu-card-bg: #1d1b26;
	--anzhiyu-shadow-lightblack: 0 5px 12px -5px rgba(102, 68, 68, 0);
	--anzhiyu-shadow-light2black: 0 5px 12px -5px rgba(102, 68, 68, 0);
	--anzhiyu-card-border: #42444a;
}

#page:has(#essay_page) {
	border: 0;
	box-shadow: none !important;
	padding: 0 !important;
	background: transparent !important;
}

#page:has(#essay_page) .page-title {
	display: none;
}

#web_bg~.page:has(#essay_page) {
	background: var(--anzhiyu-background);
}

#bber .bber-container-img {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	flex-wrap: wrap;
	margin-bottom: 0.3rem;
}

#bber .bber-container-img .bber-content-noimg {
	width: calc(100% / 4 - 5px);
}

#bber .bber-content-img img {
	object-fit: cover;
	max-height: 100%;
	border-radius: 12px;
}

#bber .bber-content-img {
	height: 100px;
	border-radius: 12px;
	overflow: hidden;
	display: flex;
	position: relative;
	width: calc(100% / 4 - 5px);
	margin-bottom: 10px;
}

#bber .bber-content .datacont {
	order: 0;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--anzhiyu-fontcolor);
	width: 100%;
	line-height: 1.38;
	border-radius: 12px;
	margin-bottom: 0.5rem;
	display: flex;
	flex-direction: column;
	text-align: justify;
}

#bber p {
	margin: 0px;
}

#bber div.bber-content {
	display: flex;
	flex-flow: wrap;
	border-radius: 12px;
	width: 100%;
	height: 100%;
}

#bber .timeline ul li.bber-item {
	position: relative;
	width: 32%;
	border: var(--style-border-always);
	border-radius: 12px;
	padding: 1rem 1rem 0.5rem;
	transition: all 0.3s ease 0s;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: flex-start;
	background: var(--anzhiyu-card-bg);
	box-shadow: var(--anzhiyu-shadow-border);
	margin-right: 2%;
}

#bber .timeline #waterfall.show {
	opacity: 1;
}

#bber .timeline #waterfall {
	opacity: 0;
	transition: all 0.3s ease 0s;
}

#bber ul.list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

#bber {
	margin-top: 1rem;
	width: 100%;
}

#bber>section>ul>li.bber-item {
	margin-bottom: 1rem;
}

#bber-tips {
	font-size: 14px;
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

#bber .timeline ul li.bber-item hr {
	display: flex;
	position: relative;
	margin: 8px 0px;
	border: 1px dashed var(--anzhiyu-theme-op);
	width: 100%;
}

#bber .bber-info {
	display: flex;
	align-items: center;
}

#bber>section>ul>li>div .bber-info-time,
#bber>section>ul>li>div .bber-info-from {
	color: var(--anzhiyu-fontcolor);
	font-size: 0.7rem;
	background-color: var(--anzhiyu-gray-op);
	padding: 0px 8px;
	border-radius: 20px;
	cursor: default;
	display: flex;
	align-items: center;
}

#bber .bber-info .far.fa-clock {
	margin-right: 4px;
}

#bber>section>ul>li>div .bber-info-from span,
#bber>section>ul>li>div .bber-info-from {
	margin-left: 4px;
}

#bber .bber-bottom {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 10px;
}

#bber .bber-bottom .bber-reply {
	cursor: pointer;
}

#bber .timeline ul li.bber-item:hover {
	border: var(--style-border-hover);
}

#bber .bber-content-link {
	display: flex;
	margin-left: 0.5rem;
	font-size: 0.7rem;
	align-items: center;
	background-color: rgba(245, 108, 108, 0.13);
	color: rgb(245, 108, 108);
	padding: 0px 8px;
	border-radius: 20px;
}

#bber .bber-content-link i {
	margin-right: 3px;
}

#bber .bber-content-link:hover {
	background-color: var(--anzhiyu-main);
	color: var(--anzhiyu-white);
}

#bber .bber-music {
	width: 100%;
	height: 90px;
	margin: 0.5rem 0;
	border-radius: 8px;
	overflow: hidden;
	border: var(--style-border-always);
	background: var(--anzhiyu-secondbg);
}

#bber .aplayer {
	margin: 0;
}

#bber .aplayer.aplayer-withlrc .aplayer-pic {
	height: 82px;
	width: 82px;
	margin: 4px;
	border-radius: 4px;
}

.bber-music .aplayer.aplayer-withlrc .aplayer-info {
	padding: 5px 7px 0;
}

#bber .aplayer .aplayer-info .aplayer-music {
	height: 23px;
}

#bber .aplayer .aplayer-info .aplayer-music .aplayer-title {
	font-size: 0.8rem;
	font-weight: 700;
	margin: 0;
	color: var(--anzhiyu-fontcolor);
}

#bber .aplayer .aplayer-info .aplayer-controller {
	align-items: center;
}

#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
	padding: 0;
}

#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time {
	position: initial;
}

#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar {
	background: var(--anzhiyu-gray);
	height: 8px;
	border-radius: 12px;
	transition: 0.3s;
	overflow: hidden;
}

#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded {
	height: 100%;
	border-radius: 12px;
}

#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played {
	height: 100%;
	border-radius: 12px;
}

#bber .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
	display: none;
}

#bber .aplayer .aplayer-info .aplayer-controller .aplayer-time {
	position: initial;
}

/* 顶部样式 */
.author-content.author-content-item.essayPage {
	height: 19rem;
	background: url(/tu/richang.jpg) left 28% / cover no-repeat;
	color: var(--anzhiyu-white);
	overflow: hidden;
	margin-top: 0px;
}

#page:has(#essay_page) .author-content-item .card-content .banner-button-group .banner-button:hover {
	color: var(--anzhiyu-white);
	border-radius: 20px !important;
}

/* 响应式 */
@media screen and (max-width: 1300px) {
	#bber .timeline ul li.bber-item {
		width: 49%;
		margin-right: 1%;
	}
}

@media screen and (max-width: 768px) {
	#bber .timeline ul li.bber-item {
		width: 100%;
		margin-right: 0px;
	}
}

[data-theme="dark"] #bber .bber-music .aplayer,
[data-theme="dark"] #bber .aplayer .aplayer-lrc:before,
[data-theme="dark"] #bber .aplayer .aplayer-lrc:after {
	background: var(--anzhiyu-card-bg);
	color: var(--anzhiyu-fontcolor);
}

#bber .aplayer .aplayer-lrc p {
	color: var(--anzhiyu-fontcolor);
}