/* @font-face {
font-family: Candyhome;
src: url(https://npm.elemecdn.com/anzhiyu-blog@1.1.6/fonts/Candyhome.ttf);
font-display: swap;
font-weight: lighter;
} */

/* root伪类指定全局颜色(照抄) */
:root {
--blue-custom: #5ea6e5;
--loading-color: rgba(207, 246, 247, 0.92);
--border-color: #c9c9c9;
--color-red: rgb(241, 71, 71);
--color-orange: rgb(241, 162, 71);
--color-yellow: rgb(241, 238, 71);
--color-purple: rgb(179, 71, 241);
--color-blue: rgb(102, 204, 255);
--color-gray: rgb(226, 226, 226);
--color-green: rgb(57, 197, 187);
--color-whitegray: rgb(241, 241, 241);
--color-pink: rgb(237, 112, 155);
--color-black: rgb(0, 0, 0);
--color-darkblue: rgb(97, 100, 159);
--color-heoblue: rgb(66, 90, 239);
--btn-bg: var(--theme-color);
--scrollbar-color: var(--theme-color);
--border-style: 1px solid rgba(169, 169, 169, 0.7);
/* 菜单栏悬浮带透明度的颜色 初始为rgba(73, 205, 245, 0.7) 已由js设置*/
/* 代码框行数背景色 */
--hlnumber-bg: #282c34;
/* 代码框顶部背景色 */
--hltools-bg: #1c1c1c;
/* 代码框背景色 */
--hl-bg: #282c34;
}

/* winbox样式(这块照抄即可) */
.winbox {
border-radius: 12px;
overflow: hidden;
}

.wb-body {
background-color: #e5f1f5;
}

.wb-full {
display: none;
}

.wb-min {
background-position: center;
}

[data-theme="dark"] .wb-body,
[data-theme="dark"] #changeBgBox {
background: #333 !important;
}

.bgbox {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.pimgbox,
.imgbox,
.box {
height: 100px;
width: 166px;
margin: 10px;
border-radius: 10px !important;
background-size: cover;
}

.pimgbox,
.imgbox {
border-radius: 10px;
overflow: hidden;
}

.imgbox:hover,
.pimgbox:hover,
.box:hover {
border: 3px solid var(--text-bg-hover);
}

.pimgbox {
height: 240px;
}

.imgbox {
height: 95px;
}

@media screen and (max-width: 768px) {
/* 背景 */
.pimgbox,
.imgbox,
.box {
height: 73px;
width: 135px;
}
.pimgbox {
height: 205px;
}

/* 2.0新增内容 */
.wb-min {
display: none;
}
#changeBgBox .wb-body::-webkit-scrollbar {
display: none;
}
}

/* 主题色适配覆盖区域 */
.category-lists ul li:before {
border: 0.215em solid var(--theme-color);
}
a:hover {
color: var(--theme-color);
}
blockquote {
border-left: 3px solid var(--theme-color);
}
#article-container .highlight-tools .copy-button:hover {
color: var(--theme-color);
}
.error404 #error-wrap .error-content .error-img img {
background-color: var(--theme-color);
}
.article-sort-title:before {
border: 5px solid var(--theme-color);
}
.article-sort-item:before {
order: 3px solid var(--theme-color);
}
.article-sort-item.year:hover:before {
border-color: var(--theme-color);
}
.article-sort-item-title:hover {
color: var(--theme-color);
}
.category-lists .category-list a:hover {
color: var(--theme-color);
}
#recent-posts > .recent-post-item > .recent-post-info > .article-title:hover {
color: var(--theme-color);
}
#recent-posts
> .recent-post-item
> .recent-post-info
> .article-meta-wrap
a:hover {
color: var(--theme-color);
}
.tag-cloud-list a:hover {
color: var(--theme-color) !important;
}
#aside-content .card-tag-cloud a:hover {
color: var(--theme-color) !important;
}
#aside-content .aside-list > .aside-list-item .content > .comment:hover {
color: var(--theme-color);
}
#aside-content #card-toc .toc-content .toc-link:hover {
color: var(--theme-color);
scale: 1.03;
}
*::selection {
background: var(--theme-color);
}
#aside-content #card-toc .toc-content .toc-link.active {
background: var(--theme-color);
border-radius: 8px;
}
#aside-content #card-toc .toc-content .toc-link.active:hover {
color: #fefefe;
}
.site-data > a:hover div {
color: var(--theme-color) !important;
}

#post-comment .comment-head #comment-switch .first-comment {
color: var(--theme-color);
}
#post-comment .comment-head #comment-switch .switch-btn {
background-color: var(--theme-color);
}
#page-header.nav-fixed #nav #toggle-menu:hover {
color: var(--theme-color);
}
#post-info #post-meta a:hover {
color: var(--theme-color);
}
#pagination .page-number.current {
background: var(--theme-color);
}
#article-container h1:hover:before,
#article-container h2:hover:before,
#article-container h3:hover:before,
#article-container h4:hover:before,
#article-container h5:hover:before,
#article-container h6:hover:before {
color: var(--theme-color);
}
#article-container li::marker {
color: var(--theme-color);
}
#post .tag_share .post-meta__tags {
border: 1px solid var(--theme-color);
color: var(--theme-color);
}
#post .tag_share .post-meta__tags:hover {
background: var(--theme-color);
}
#post .post-copyright .post-copyright-meta {
color: var(--theme-color);
}
#post .post-copyright-cc-info {
color: var(--theme-color);
}
#waline-wrap {
--waline-theme-color: var(--theme-color);
}
.hide-inline > .hide-button,
.hide-block > .hide-button {
background: var(--theme-color);
}
#article-container .tabs > .nav-tabs > .tab.active button {
border-top: 2px solid var(--theme-color);
}
#article-container .timeline {
border-left: 2px solid var(--timeline-color, var(--theme-color));
}
#article-container .timeline .timeline-item:hover .item-circle:before {
border-color: var(--timeline-color, var(--theme-color));
}
#article-container
.timeline
.timeline-item.headline
.timeline-item-title
.item-circle:before {
border: 4px solid var(--timeline-color, var(--theme-color));
}
.search-dialog .search-nav {
color: var(--theme-color);
}
.search-dialog .search-nav .search-close-button:hover {
color: var(--theme-color);
}
#local-search .search-dialog .local-search-box input {
border: 2px solid var(--theme-color);
}
#local-search .search-dialog .local-search__hit-item:before {
border: 3px solid var(--theme-color);
}
#local-search .search-dialog .local-search__hit-item a:hover {
color: var(--theme-color);
}
#nav *::after {
background-color: var(--theme-color) !important;
}

.article-sort {
border-left: 2px solid var(--theme-color);
}

.article-sort-title:after {
background: var(--theme-color);
}

.article-sort-item:before {
border: 3px solid var(--theme-color);
}



/* 背景图片链接输入框placeholder*/
input#pic-link::-webkit-input-placeholder {
color: rgb(150, 150, 150);
}

input#pic-link {
width: 82%;
border-radius: 30px;
border: 1px solid var(--theme-color);
padding: 5px 10px 5px 10px;
line-height: 2;
outline: 1px solid var(--theme-color);
}


/* 开关按钮 */
.settings input[type="checkbox"] {
width: 37px;
height: 20px;
position: relative;
border: 1px solid #000000;
background-color: #fdfdfd;
border-radius: 12px;
background-clip: content-box;
display: inline-block;
-webkit-appearance: none;
user-select: none;
outline: none;
transform: translateY(5px);
}
.settings input[type="checkbox"]:before {
content: "";
width: 14px;
height: 14px;
position: absolute;
top: 2px;
left: 3px;
border-radius: 10px;
background-color: #000;
}
.settings input[type="checkbox"]:checked {
background-color: var(--theme-color);
border-color: var(--theme-color);
}
.settings input[type="checkbox"]:checked:before {
left: 19px;
background-color: white !important;
}
.settings input[type="checkbox"] {
transition: border background-color box-shadow;
}
.settings input[type="checkbox"]:before {
transition: left 0.2s;
}
.settings input[type="checkbox"]:checked {
background-color: var(--theme-color);
}
.settings input[type="checkbox"]:checked:before {
transition: left 0.2s;
}
.settings input[type="checkbox"]:checked:hover {
opacity: 0.8;
}
.settings input[type="checkbox"]:active {
background-color: #666666 !important;
border-color: #666666 !important;
}
.settings input[type="checkbox"]:active::before {
background-color: white !important;
}
.content-text {
margin-right: 5px;
}


/* 透明度和模糊半径滑块 */
input[type="range"] {
display: block;
-webkit-appearance: none;
background-color: #bdc3c7;
width: 100%;
height: 5px;
border-radius: 3px;
margin: 0 auto;
outline: 0;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
background-color: var(--theme-color);
width: 15px;
height: 15px;
border-radius: 50%;
z-index: 100;
}
.range {
position: relative;
width: 300px;
margin: 20px 0px 32px 10px;
}
.rang_width {
position: absolute;
top: 0px;
left: 0px;
background: var(--theme-color);
height: 5px;
border-radius: 2px 0 0 2px;
}


/* 首页文章卡片 */
#recent-posts > .recent-post-item {
background: var(--trans-light);
backdrop-filter: var(--backdrop-filter);
border-radius: 25px;
border: var(--border-style);
}

/* 首页侧栏卡片 */
#aside-content .card-widget {
background: var(--trans-light);
backdrop-filter: var(--backdrop-filter);
border-radius: 18px;
border: var(--border-style);
}

/* 文章页、归档页、普通页面 */
div#post,
div#page,
div#archive {
background: var(--trans-light);
backdrop-filter: var(--backdrop-filter);
border: var(--border-style);
border-radius: 20px;
}

/* 导航栏颜色 */
#page-header.nav-fixed #nav {
background: linear-gradient(60deg, #ffd7e4 0, #c8f1ff 93%);
opacity: 0.95;
backdrop-filter: var(--backdrop-filter);
}
[data-theme="dark"] #page-header.nav-fixed #nav {
background: rgba(0, 0, 0, 0.95) !important;
}

/* 夜间模式遮罩 */
[data-theme="dark"] #recent-posts > .recent-post-item,
[data-theme="dark"] #aside-content .card-widget,
[data-theme="dark"] div#post,
[data-theme="dark"] div#archive,
[data-theme="dark"] div#page {
background: var(--trans-dark);
}


/* 调节字体显示栏目 */
#swfs {
display: flex;
flex-wrap: wrap;
}
.swf {
padding: 10px;
font-size: 20px;
background-color: white;
/* 字体选择框边界由js指定 */
/* border: 2px solid var(--border-color); */
border-radius: 10px !important;
margin: 10px;
}

.swf:hover {
text-decoration: none !important;
background: var(--text-bg-hover);
}

/* 主题色选择按钮 */
input[name="colors"] {
margin-right: 15px;
min-width: 1rem;
height: 1rem;
appearance: none;
-webkit-appearance: none;
border-radius: 50%;
}
#red {
border: 3px solid var(--color-red);
}
#orange {
border: 3px solid var(--color-orange);
}
#yellow {
border: 3px solid var(--color-yellow);
}
#green {
border: 3px solid var(--color-green);
}
#blue {
border: 3px solid var(--color-blue);
}
#purple {
border: 3px solid var(--color-purple);
}
#pink {
border: 3px solid var(--color-pink);
}
#heoblue {
border: 3px solid var(--color-heoblue);
}
#darkblue {
border: 3px solid var(--color-darkblue);
}
#black {
border: 3px solid var(--color-black);
}
#blackgray {
border: 3px solid var(--color-blackgray);
}
#purple:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-purple);
background-color: var(--color-purple);
}
#red:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-red);
background-color: var(--color-red);
}
#orange:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-orange);
background-color: var(--color-orange);
}
#yellow:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-yellow);
background-color: var(--color-yellow);
}
#green:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-green);
background-color: var(--color-green);
}
#blue:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-blue);
background-color: var(--color-blue);
}
#pink:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-pink);
background-color: var(--color-pink);
}
#heoblue:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-heoblue);
background-color: var(--color-heoblue);
}
#darkblue:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-darkblue);
background-color: var(--color-darkblue);
}
#black:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-black);
background-color: var(--color-black);
}
#blackgray:checked {
box-shadow: 0 0 0 2px #fff inset;
border-radius: 50%;
border: 3px solid var(--color-blackgray);
background-color: var(--color-blackgray);
}
@font-face {
font-family: ZhuZiAYuanJWD;
src: url(https://npm.elemecdn.com/anzhiyu-blog@1.1.6/fonts/ZhuZiAWan.woff2);
font-display: swap;
font-weight: lighter;
}

div#menus {
font-family: "ZhuZiAYuanJWD";
}
h1#site-title {
font-family: ZhuZiAYuanJWD;
font-size: 3em !important;
}
a.article-title,
a.blog-slider__title,
a.categoryBar-list-link,
h1.post-title {
font-family: ZhuZiAYuanJWD;
}

.iconfont {
font-family: "iconfont" !important;
font-size: 3em;
/* 可以定义图标大小 */
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* 时间轴生肖icon */
svg.icon {
/* 这里定义svg.icon，避免和Butterfly自带的note标签冲突 */
width: 1em;
height: 1em;
/* width和height定义图标的默认宽度和高度*/
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}

.icon-zhongbiao::before {
color: #f7c768;
}
/* 翻页按钮居中 */
#pagination {
width: 100%;
margin: auto;
}
/* bilibli番剧插件 */
#article-container .bangumi-tab.bangumi-active {
background: var(--anzhiyu-theme);
color: var(--anzhiyu-ahoverbg);
border-radius: 10px;
}
a.bangumi-tab:hover {
text-decoration: none !important;
}
.bangumi-button:hover {
background: var(--anzhiyu-theme) !important;
border-radius: 10px !important;
color: var(--anzhiyu-ahoverbg) !important;
}
a.bangumi-button.bangumi-nextpage:hover {
text-decoration: none !important;
}
.bangumi-button {
padding: 5px 10px !important;
}

a.bangumi-tab {
padding: 5px 10px !important;
}
svg.icon.faa-tada {
font-size: 1.1em;
}
.bangumi-info-item {
border-right: 1px solid #f2b94b;
}
.bangumi-info-item span {
color: #f2b94b;
}
.bangumi-info-item em {
color: #f2b94b;
}

/* 解决artitalk的图标问题 */
#uploadSource > svg {
width: 1.19em;
height: 1.5em;
}

/*top-img黑色透明玻璃效果移除，不建议加，除非你执着于完全一图流或者背景图对比色明显 */
#page-header:not(.not-top-img):before {
background-color: transparent !important;
}

/* 首页文章卡片 */
#recent-posts > .recent-post-item {
background: rgba(255, 255, 255, 0.9);
}

/* 首页侧栏卡片 */
#aside-content .card-widget {
background: rgba(255, 255, 255, 0.9);
}



/* 个人信息卡片背景图 */
/*
[data-theme="light"] #aside-content > .card-widget.card-info {
background-image: url(https://sourcebucket.s3.ladydaily.com/img/snowflower.webp);//白天个人卡片背景图
background-repeat: no-repeat;
background-attachment: inherit;
background-size: 100%;
}
[data-theme="dark"] #aside-content > .card-widget.card-info {
background-image: url(https://sourcebucket.s3.ladydaily.com/img/aurora.webp);//晚上个人卡片背景图
background-repeat: no-repeat;
background-attachment: inherit;
background-size: 100%;
}*/

/* 文章页面正文背景 */
div#post {
background: rgba(255, 255, 255, 0.9);
}


/* 分页页面 */
div#page {
background: rgba(255, 255, 255, 0.9);
}

/* 归档页面 */
div#archive {
background: rgba(255, 255, 255, 0.9);
}

/* 标签页面 */
div#tag {
background: rgba(255, 255, 255, 0.9);
}

/* 分类页面 */
div#category {
background: rgba(255, 255, 255, 0.9);
}

/*夜间模式伪类遮罩层透明*/
[data-theme="dark"] #recent-posts > .recent-post-item {
background: #121212;
}

[data-theme="dark"] .card-widget {
background: #121212 !important;
}

[data-theme="dark"] div#post {
background: #121212 !important;
}

[data-theme="dark"] div#tag {
background: #121212 !important;
}

[data-theme="dark"] div#archive {
background: #121212 !important;
}

[data-theme="dark"] div#page {
background: #121212 !important;
}

[data-theme="dark"] div#category {
background: #121212 !important;
}

[data-theme="dark"] div#category {
background: transparent !important;
}
/* 页脚透明 */
#footer {
background: transparent !important;
}

/* 头图透明 */
#page-header {
background: transparent !important;
}

#rightside > div > button {
border-radius: 5px;
}

/* 滚动条 */

::-webkit-scrollbar {
width: 10px;
height: 10px;
}

::-webkit-scrollbar-thumb {
background-color: #3b70fc;
border-radius: 2em;
}

::-webkit-scrollbar-corner {
background-color: transparent;
}

::-moz-selection {
color: #fff;
background-color: #3b70fc;
}

/* 音乐播放器 */

/* .aplayer .aplayer-lrc {
display: none !important;
} */

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
left: -66px !important;
transition: all 0.3s;
/* 默认情况下缩进左侧66px，只留一点箭头部分 */
}

.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
left: 0 !important;
transition: all 0.3s;
/* 鼠标悬停是左侧缩进归零，完全显示按钮 */
}

.aplayer.aplayer-fixed {
z-index: 999999 !important;
}

/* 评论框 */
.vwrap {
box-shadow: 2px 2px 5px #bbb;
background: rgba(255, 255, 255, 0.3);
border-radius: 8px;
padding: 30px;
margin: 30px 0px 30px 0px;
}

/* 设置评论框 */

.vcard {
box-shadow: 2px 2px 5px #bbb;
background: rgba(255, 255, 255, 0.3);
border-radius: 8px;
padding: 30px;
margin: 30px 0px 0px 0px;
}

/* 设置文字内容 :nth-child(1)的作用是选择第几个 */
/*启用Twikoo这玩意才会有用*/
.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(1):before {
content: '输入QQ号会自动获取昵称和头像🐧';
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(2):before {
content: '收到回复将会发送到您的邮箱📧';
}

.el-input.el-input--small.el-input-group.el-input-group--prepend:nth-child(3):before {
content: '可以通过昵称访问您的网站🔗';
}

/* 当用户点击输入框时显示 */
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::before,
.el-input.el-input--small.el-input-group.el-input-group--prepend:focus-within::after {
display: block;
}

/* 主内容区 */
.el-input.el-input--small.el-input-group.el-input-group--prepend::before {
/* 先隐藏起来 */
display: none;
/* 绝对定位 */
position: absolute;
/* 向上移动60像素 */
top: -60px;
/* 文字强制不换行，防止left:50%导致的文字换行 */
white-space: nowrap;
/* 圆角 */
border-radius: 10px;
/* 距离左边50% */
left: 50%;
/* 然后再向左边挪动自身的一半，即可实现居中 */
transform: translate(-50%);
/* 填充 */
padding: 14px 18px;
background: #444;
color: #fff;
}

/* 小角标 */
.el-input.el-input--small.el-input-group.el-input-group--prepend::after {
display: none;
content: '';
position: absolute;
/* 内容大小（宽高）为0且边框大小不为0的情况下，每一条边（4个边）都是一个三角形，组成一个正方形。
我们先将所有边框透明，再给其中的一条边添加颜色就可以实现小三角图标 */
border: 12px solid transparent;
border-top-color: #444;
left: 50%;
transform: translate(-50%, -48px);
}

/* md网站下划线 */
#article-container a:hover {
text-decoration: none !important;
}

#article-container #hpp_talk p img {
display: inline;
}

/* 404页面 */
#error-wrap {
position: absolute;
top: 40%;
right: 0;
left: 0;
margin: 0 auto;
padding: 0 1rem;
max-width: 1000px;
transform: translate(0, -50%);
}

#error-wrap .error-content {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 0 1rem;
height: 18rem;
border-radius: 8px;
background: var(--card-bg);
box-shadow: var(--card-box-shadow);
transition: all 0.3s;
}

#error-wrap .error-content .error-img {
box-flex: 1;
flex: 1;
height: 100%;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
background-color: #3b70fc;
background-position: center;
background-size: cover;
}

#error-wrap .error-content .error-info {
box-flex: 1;
flex: 1;
padding: 0.5rem;
text-align: center;
font-size: 14px;
font-family: Titillium Web, "PingFang SC", "Hiragino Sans GB", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
}
#error-wrap .error-content .error-info .error_title {
margin-top: -4rem;
font-size: 9em;
}
#error-wrap .error-content .error-info .error_subtitle {
margin-top: -3.5rem;
word-break: break-word;
font-size: 1.6em;
}
#error-wrap .error-content .error-info a {
display: inline-block;
margin-top: 0.5rem;
padding: 0.3rem 1.5rem;
background: var(--btn-bg);
color: var(--btn-color);
}

#body-wrap.error .aside-list {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
bottom: 0px;
position: absolute;
padding: 1rem;
width: 100%;
overflow: scroll;
}

#body-wrap.error .aside-list .aside-list-group {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
max-width: 1200px;
margin: 0 auto;
}

#body-wrap.error .aside-list .aside-list-item {
padding: 0.5rem;
}

#body-wrap.error .aside-list .aside-list-item img {
width: 100%;
object-fit: cover;
border-radius: 12px;
}

#body-wrap.error .aside-list .aside-list-item .thumbnail {
overflow: hidden;
width: 230px;
height: 143px;
background: var(--anzhiyu-card-bg);
display: flex;
}

#body-wrap.error .aside-list .aside-list-item .content .title {
-webkit-line-clamp: 2;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 1.5;
justify-content: center;
align-items: flex-end;
align-content: center;
padding-top: 0.5rem;
color: white;
}

#body-wrap.error .aside-list .aside-list-item .content time {
display: none;
}

/* 代码框主题 */
#article-container figure.highlight {
border-radius: 10px;
}

/*
@font-face {
font-family: 'YSHST';	
src: url(./font/优设好身体.ttf) format("truetype");
font-weight: normal;
font-style: normal;
font-display: block;
}
font-family: YSHST;
*/

/*哔哩哔哩视频适配*/
.aspect-ratio {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%;
margin: 3% auto;
text-align: center;
}
.aspect-ratio iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}