/* 定义首页左上方个人印章大小  */
.logo-seal{

    width: 15%;

}


/* ---------------------------------------------------------------------------------------------- */


/* 作者头像，鼠标经过放大并旋转360度 */
.avatar img  {
  transition: transform 0.5s ease; 
  cursor: pointer;  
  -webkit-transition:1s;
  -moz-transition:1s;
}
 
.avatar img:hover {
  transform: rotate(360deg);  
  -webkit-transform:rotate(360deg) scale(1.2); 
 -moz-transform:rotate(360deg) scale(1.2);
 -ms-transform:rotate(360deg) scale(1.2);
 -o-transform:rotate(360deg) scale(1.2);

}


/* ---------------------------------------------------------------------------------------------- */

/* 修改侧边栏头像大小  */
.home-sidebar-container .sidebar-content .avatar img {
  width: 70px;
  height: 70px;
}


/* ---------------------------------------------------------------------------------------------- */

/* 修改waline评论字体大小 C:\Users\admin\hexo\themes\redefine\source\css\layout\_partials\comments\waline.styl  0.625em改为0.85em  */
.wl-header input {

    font-size: 0.85em;

}

/* C:\Users\admin\hexo\themes\redefine\source\assets\build\style.css */
.text-xl {

    font-size: 1.3rem;

}

/* C:\Users\admin\hexo\themes\redefine\source\css\layout\_partials\comments\waline.styl  */
.wl-count {

    font-size: 1em;
}


/* ---------------------------------------------------------------------------------------------- */

/* 顶上导航下拉菜单背景色 */
.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .sub-menu li a:hover {
  color: var(--primary-color);
  background-color: #7ce6138f;
}





/* 定义文章目录 */
.post-toc {
    overflow: hidden;
    display: inline-block;
    font-size: 1em;
    border-radius: 16px;
    box-shadow: 0 2px 19px 0 rgba(99, 94, 115, .25);
    padding: 1em 0 1em 1em;
    margin: 1em !important;
    transition: all .8s;
}







.post-toc-wrap {
    position: fixed;
    top: 100px;
    bottom: 140px;
    right: .1px;
    #overflow: hidden;
    #overflow: scroll;
    width: 25%;
    height: 0;
    transition: all .5s;
    font-family: Comic Sans MS, Helvetica Neue, Microsoft Yahei, -apple-system, sans-serif;

}








.nav-text {
    z-index: 2;
    display: block;
    #position: relative;
    #padding: 3px 20px;
    text-decoration: none;
    word-break: break-all;
    letter-spacing: 1px;
    line-height: 1.8rem;
    font-family: Microsoft Yahei, Roboto, sans-serif;
    width: 245px;
   #设置目录标题过长，显示省略号
    white-space:nowrap; 
    overflow:hidden; 
    text-overflow:ellipsis;
    
}

 

 
.nav-text:hover {

     background-color: #7ce6138f;
    #background-color: rgba(91, 86, 90, 0.34) !important;
   #background-color: rgba(45, 28, 244, 0.34) !important;
  #background-color: rgba(235, 236, 234, 0.8) !important;
  border-radius: 9px;
}

 

/* 
.post-toc-wrap .post-toc .nav .active-current .nav-number, .post-toc-wrap .post-toc .nav .active-current .nav-text {

     background-color: rgba(91, 86, 90, 0.34) !important;
     border-radius: 9px;

}

*/



 










/* ---------------------------------------------------------------------------------------------- */
/* 定义文章cover H1标题字体大小 */

.md\:text-5xl {
        font-size: 2rem;
    }
}



/* ---------------------------------------------------------------------------------------------- */

/* 文章正文图片添加阴影 */
/*  修改C:\Users\admin\hexo\themes\redefine\source\assets\build\style.css    添加以下代码

.markdown-body img  {
 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  background-color: transparent;
}


*/




/* ---------------------------------------------------------------------------------------------- */ 
/*  定义语法高亮背景阴影  C:\Users\admin\hexo\themes\redefine\source\css\common\codeblock 

.highlight-container[data-rel] {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent;
}

*/

/* ---------------------------------------------------------------------------------------------- */ 

/* 定义h1..h6标题图标 */
/*  
.article-content h4 .headerlink:after {
    content: "";
    top: 7px;
    left: 7px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    position: absolute;
    border-bottom: none;
    border-radius: 50%;
}

*, :after, :before {
    box-sizing: border-box;
}

.article-content h4 .headerlink {
    visibility: visible;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50% 50% 50% 0;
    background: #59e9a2;
    transform: rotate(-90deg);
    position: relative;
    margin-right: 9px;
    margin-bottom: -3px;
    transition: all .8s;
    opacity: .7;
    box-shadow: 0 0 5px #59e9a2;
}



.article-content .headerlink {
    visibility: hidden;
    padding-right: 5px;
    border-bottom: none !important;
    color: #c5cae9;
}


.article-content h4 {
    font-size: 140%;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
    padding-bottom: 3px;
    transition: all .3s;
}

.article-content h3, .article-content h4, .article-content h5, .article-content h6 {
    margin-top: 18px;
    margin-bottom: 5px;
    text-rendering: optimizeLegibility;
}

.article-content h1, .article-content h2, .article-content h4, .article-content h5, .article-content h6 {
    margin-left: -.5em;
    color: #646464;
}


blockquote, body, button, dd, dl, figure, h1, h2, h3, h4, h5, h6, input, p, pre {
    margin: 0;
    -webkit-text-size-adjust: 100%;
}



.article-content .headerlink  {
  transition: transform 0.5s ease; 
  cursor: pointer;  
  -webkit-transition:1s;
  -moz-transition:1s;
}
 
.article-content .headerlink:hover {
  transform: rotate(360deg);  
  -webkit-transform:rotate(360deg) scale(1.2); 
 -moz-transform:rotate(360deg) scale(1.2);
 -ms-transform:rotate(360deg) scale(1.2);
 -o-transform:rotate(360deg) scale(1.2);

}


 */



/* --------------------------------------------------------------------- */

 /*
.article-content h5 .headerlink {
    visibility: visible;
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    margin-right: 5px;
    margin-bottom: -4px;
    transition: all .3s;
}


.article-content .headerlink {
    visibility: hidden;
    padding-right: 5px;
    border-bottom: none !important;
    color: #c5cae9;
}



.article-content h5 {
    font-size: 130%;
    transition: all .3s;
    margin-left: -.5em;
    text-shadow: 3px 3px 0 rgba(0, 0, 0, .1);
}

.article-content h3, .article-content h4, .article-content h5, .article-content h6 {
    margin-top: 18px;
    margin-bottom: 5px;
    text-rendering: optimizeLegibility;
}

.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, ..article-content h6 {
    margin-left: -.5em;
    color: #646464;
}


h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}

 


.article-content h5 .headerlink:after {
    content: "";
    top: 7px;
    box-shadow: 0 0 5px #59e9a2;
    left: 7px;
    width: 15px;
    height: 15px;
    background-color: #59e9a2;
    opacity: .5;
    position: absolute;
    border-bottom: none;
    border-radius: 50% 0;
    transition: all .5s;
}



*/




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

 


 /* --------------------------------------------------------------------- */

/* 首页左侧导航和中间文章板块添加阴影 */

.home-sidebar-container .sidebar-content:hover {
    box-shadow: 0 4px 8px 12px rgba(7, 17, 27, 0.20);
}

.home-sidebar-container .sidebar-links:hover {
    box-shadow: 0 4px 8px 12px rgba(7, 17, 27, 0.20);
}



.home-content-container .home-article-list .home-article-item .home-article-thumbnail img:hover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 4px 8px 12px rgba(7, 17, 27, 0.20);

}


.post-toc:hover {
   box-shadow: 0 4px 8px 12px rgba(7, 17, 27, 0.20);
}


.post-page-container .article-content-container {
    box-shadow: 0 2px 19px 0 rgba(99, 94, 115, .25);
    display: block;
}

.post-page-container .article-content-container:hover {
    box-shadow: 0 4px 8px 12px rgba(7, 17, 27, 0.20);
}

.home-content-container .home-article-list .home-article-item:hover {
 
    box-shadow: 0 4px 8px 12px rgba(7, 17, 27, 0.20);
}



 /* --------------------------------------------------------------------- */




/* 修改手机导航右上方菜单和查找图标之间间距  */
.navbar-container .navbar-content .right .mobile .icon-item {
    margin-left: 15px;
}



/* 修改文章正文字体 */
.markdown-body {
    font-family: 'Microsoft YaHei', 'Courier New','Times New Roman','Heiti SC', 'WenQuanYi Micro Hei', sans-serif, sans-serif;
    font-size: 16px;
}

 
/* 修改code代码区字体 */
pre, code {
	font-size: 1.02rem !important;
    line-height: 1.5 !important;
    font-family: 'Times New Roman','Microsoft YaHei', 'Courier New' !important
}


/* 修改文章表格宽度，随网页宽度自适应调整宽度 */
.markdown-body > table, .markdown-body .tab-pane > table {
    table-layout: fixed;
}