/* 自定义字体 */
/* @import url('https://fonts.loli.net/css2?family=ABeeZee:ital@0;1&family=Emilys+Candy&family=Noto+Sans+SC:wght@500;700;900&family=Noto+Sans+TC:wght@500;700;900&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Serif+TC:wght@400;500;600;700&family=Source+Code+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap'); */

/* 文章主体字体 */
.container {
    font-family: -apple-system, BlinkMacSystemFont, 'LXGW WenKai GB Screen','ABeeZee', Lato, Roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'PingFang SC', 'SimSun', serif;
    font-weight: 500;
    font-size: 18px;
    font-display: swap;
}
/* 摘要部分字体（首页、相关文章卡片）侧边栏卡片描述 */
#recent-posts .recent-post-item >.recent-post-info > .content,.info-2 .info-item-1, #aside-content .card-info .author-info-description, .search-result, [data-waline] p {
    font-family: -apple-system, BlinkMacSystemFont, 'LXGW WenKai GB Screen','ABeeZee', Lato, Roboto, 'Hiragino Sans GB', 'Microsoft YaHei', 'PingFang SC', 'SimSun', serif;
    font-weight: 500;
    font-display: swap;
    -webkit-line-clamp: 3;
}

/* 图标样式 */
@font-face {
  font-family: "iconfont"; /* Project id 2554028 */
  src: url('//at.alicdn.com/t/font_2554028_79lgzwl8dl4.eot?t=1630145766528'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2554028_79lgzwl8dl4.eot?t=1630145766528#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('//at.alicdn.com/t/font_2554028_79lgzwl8dl4.woff2?t=1630145766528') format('woff2'),
       url('//at.alicdn.com/t/font_2554028_79lgzwl8dl4.woff?t=1630145766528') format('woff'),
       url('//at.alicdn.com/t/font_2554028_79lgzwl8dl4.ttf?t=1630145766528') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display,inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.icon-bangumi:before {
  content: "\e602";
  font-size: 20px; }
.icon-bilibili:before {
  content: "\e640"; }
.icon-xingqiudiqiu:before {
  content: "\e746"; }
.icon-tv:before {
  content: "\e661"; }

/* 主题文档未覆盖的全局颜色 */
:root {
  --text-bg-hover: #E7A824;
  --btn-bg: #E7A519;
}
[data-theme='dark'] {
  --text-bg-hover: #B3863099;
}
[data-theme="dark"]  #aside-content .card-widget{
        background: rgba(0, 0, 0, 0.9);
    }
[data-theme="dark"]  div#post{
    background: rgba(0, 0, 0, 0.9);
    }
[data-theme="dark"]  div#page{
    background: rgba(0, 0, 0, 0.9);
    }
[data-theme="dark"]  div#archive{
    background: rgba(0, 0, 0, 0.9);
    }
[data-theme="dark"]  div#tag{
    background: rgba(0, 0, 0, 0.9);
    }
[data-theme="dark"]  div#category{
    background: rgba(0, 0, 0, 0.9);
    }
[data-theme='dark'] #web_bg:before, [data-theme='dark'] #footer:before {
    opacity: 0.3
}
[data-theme='dark'] #page-header:before {
    opacity: 0
}
/* 全局透明度和圆角 */
#page-header {
  background-color: #ffffff00;
  }
#page-header:before {
  opacity: 0
}

/*分类与标签页面导航条*/
#catalog-bar {
  padding: .4rem .8rem;
  border-radius: 0.5rem;
  display: flex;
  border: 1px solid rgba(150,150,150,0.2);;
  margin-bottom: 1rem;
  justify-content: space-between;
}
#catalog-bar:hover {
  border-color: #f2b32a;
}
#catalog-bar i {
  line-height: inherit;
}
#catalog-list {
  /* 分类/标签较少时，可以选择不设置 width，居中显示 catalog-list-item */
  /* width: 100%; */
  margin: 0 .5rem;
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
}
#catalog-list::-webkit-scrollbar {
  display: none;
}
.catalog-list-item a {
  margin: 0 .2em;
  padding: 0.2em 0.3em 0.3em;
  font-weight: bold;
  border-radius: 0.5rem;
  color: var(--font-color);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.catalog-list-item:hover a {
  background: #f2b32a;
  color: #fff;
}
.catalog-list-item.selected a {
  background: #ff7242;
  color: #fff;
}
a.catalog-more {
  min-width: fit-content;
  font-weight: bold;
  color: var(--font-color);
}
a.catalog-more:hover {
  color: #1677B3;
}

/* 首页文章卡片 */
#recent-posts .recent-post-item {
  opacity: 0.9; }
/* 侧栏卡片 */
#aside-content .card-widget{background:rgba(255, 255, 255, 0.9); }
#aside-content #card-toc .toc-content .toc-link.active {
  border-radius: 6px; }
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a, #aside-content .card-categories ul.card-category-list > .card-category-list-item a {
  border-radius: 4px; }
/* 文章页面正文背景与宽度 */
div#post{
  background: rgba(255, 255, 255, 0.95);
  width: calc(100% - 240px)
  }
/* 分页页面 */
div#page{background: rgba(255, 255, 255, 0.95);
  }
/* 归档页面 */
div#archive{background: rgba(255, 255, 255, 0.95);
  }
#pagination .page-number.current {
  border-radius: 10px;
 }
/* 标签页面 */
div#tag{background: rgba(255, 255, 255, 0.95);
  }
/* 分类页面 */
div#category{background: rgba(255, 255, 255, 0.95);
  }

/* 页脚透明 */
#footer{
  background: transparent!important;
}
/*夜间模式伪类遮罩层透明*/
[data-theme="dark"]  #footer::before{
      background: transparent!important;}
[data-theme="dark"]  #page-header::before{
    background: transparent!important;
    }
.history_slide {
    background: #12121200!important;}

/* 导航子菜单半透明 */
#nav .menus_items .menus_item .menus_item_child {
  background-color: rgba(255,255,255,0.75);}
[data-theme="dark"] #nav .menus_items .menus_item .menus_item_child {
  background-color: rgba(18,18,18,0.75);}

/*加宽显示和宽屏适配*/
.layout { max-width: 1400px !important; }
#aside-content { width: 24%; }
.aside-content{ max-width:312px; min-width:300px; }
.recent-posts{ width:auto !important; }
@media screen and (max-width: 900px) {  #aside-content { width: 100%; max-width:none!important; }}
.flink-list-item{ width:calc(100% / 4 - 15px) !important; }
@media screen and (max-width: 1250px) { .flink-list-item{ width:calc(100% / 3 - 15px)!important; }}

/*哔哩哔哩视频适配*/
.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;
}

/*文章首行缩进2字符和文章末间隔*/
#article-container p{ text-indent: 2em; }
#article-container detail p{ text-indent: 0em !important; }
#article-container blockquote p{ text-indent: 0em; }
#article-container section p{ text-indent: 0em !important; }
#article-container .prev-next p{ text-indent: 0em !important; }
#article-container .new-meta-box p{ text-indent: 0em !important; } 
#article-container .note p{ text-indent: 0em !important; } 
#article-container .tag p{ text-indent: 0em !important; }
#article-container ol p, #article-container ul p{ text-indent: 0em !important; }
#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle>p { text-indent: 0em; font-weight: 700; font-size: 1.2em; }
#article-container .timeline .timeline-item .item-circle > p { font-weight: 600; text-indent: 0em; font-size: 0.8rem; }

/* 不同目录层级大小与颜色 */
#content-inner.layout h1::before {
  color: #ef50a8;
  font-size: 1.3rem;
}
#content-inner.layout h2::before {
  color: #fb7061;
  font-size: 1.1rem;
}
#content-inner.layout h3::before {
  color: #ffbf00;
  font-size: 0.95rem;
}
#content-inner.layout h4::before {
  color: #a9e000;
  font-size: 0.8rem;
}
#content-inner.layout h5::before {
  color: #57c850;
  font-size: 0.7rem;
}
#content-inner.layout h6::before {
  color: #5ec1e0;
  font-size: 0.66rem;
}

/* 文章结尾标签展示 */
.tag_share { margin-top: 25px; }
#post .tag_share .post-meta__tags:hover { background: #E7A824; }
#post .tag_share .post-meta__tags { 
  margin: 10px 10px 10px 0; 
  padding: 4px 16px; 
  border: 1px solid #E7A824;
  border-radius: 16px;
  color: #E7A824;
}

/*底部按钮*/
#rightside > div > button, #rightside > div > a { margin-bottom: 4px; border-radius: 12px; width: 40px; height: 40px; font-size: 20px;}
button { border-radius: 12px; }
table th, table td { border: 1px solid #c9c9c9;}
.fa-brands, .fab { text-indent: 0em !important; }

/*底部页面跳转按钮*/
#pagination .pagination #textnumer {
    outline: 0;
    text-align: center;
    border: var(--style-border);
    color: var(--font-color);
    width: 60px;
}
.pagination > *:not(.space) {
    -webkit-box-shadow: var(--card-box-shadow) !important;
    box-shadow: var(--card-box-shadow) !important;
    color: #728297;
}

/* 移动端侧边菜单 */
#sidebar #sidebar-menus .menus_items .site-page:hover {
  color: #fff;
}
#sidebar #sidebar-menus .menus_items .site-page {
  border-radius: 12px
}

/* 滚动条优化 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
#sidebar ::-webkit-scrollbar, #weibo-container::-webkit-scrollbar, .tk-footer {
  display: none;
}
::-webkit-scrollbar-track {
  background-color: rgba(61, 48, 6, 0.2);
  border-radius: 2em;
}
::-webkit-scrollbar-thumb {
  background-color: #cf950d;
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.4) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.4) 75%,
    transparent 75%,
    transparent
  );
  border-radius: 2em;
}
::-webkit-scrollbar-corner {
  background-color: transparent;
}
::-moz-selection {
  color: #fff;
  background-color: #ec29f3;
}
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-color) transparent;
}

#article-container img {
  border-radius: 4px;
}

/* Waline评论 */
.wl-like { display:none !important; }
.wl-badge { display: none !important; }
.wl-cards .wl-user {margin-right: 0.25em !important; }
.wl-cards .wl-user .verified-icon { position: static !important; }
#waline-wrap {
  --waline-bgcolor: rgba(0, 0, 0, 0);
  --waline-theme-color: #E7A824;
}
[data-waline] p { margin: 0; }

/* 折叠标签背景色 */
details.folding-tag {
  background: var(--global-bg);
  font-size: var(--global-font-size);
}