/* 自定义 CSS */
body {
    font-family: "HarmonyOS Sans SC", sans-serif;
}

#post-content {
    font-family: "HarmonyOS Sans SC", sans-serif;
}

/*首页文章标题居中 开始*/
.panel:not(article) h2{
    text-align: center; 
}
.panel-small:not(article) h2{
    text-align: center; 
}
.panel-picture:not(article) h3{
    text-align: center; 
}
.post-item-foot-icon:not(article){
    text-align: center;
}
/*首页文章标题居中 结束*/
/*文章一二三四级标题美化 开始*/
#post-content h1 {font-size: 30px}
#post-content h2 {position: relative;margin: 36px 0 20px!important;font-size: 1.55em;display: inline-block;}
#post-content h3 {font-size: 20px}
#post-content h4 {font-size: 15px}
#post-content h2::after {transition:all .35s;content:"";position:absolute;background:linear-gradient(#3c67bd8c 30%,#3c67bd 70%);width:1em;left:0;box-shadow:0 3px 3px rgba(32,160,255,.4);height:3px;bottom:-8px;}
#post-content h2::before {content:"";width:100%;border-bottom:1px solid #eee;bottom:-7px;position:absolute}
#post-content h2:hover::after {width: 2.5em;}
#post-content h1,#post-content h2,#post-content h3,#post-content h4,#post-content h5,#post-content h6 {color:#666;line-height:1.4;font-weight:700;margin:30px 0 10px 0}
/*文章一二三四级标题美化 结束*/
/*文章阴影及头图放大特效，修正放大后头图的版权位置 开始*/
.blog-post .panel {
    transition: all 0.3s;
    box-shadow: 0 2px 5px rgba(73, 90, 47, 0.47);
}
.blog-post .panel:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 10px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-small {
    transition: all 0.3s;
    box-shadow: 0 2px 5px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-small:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 10px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-picture {
    transition: all 0.3s;
    box-shadow: 0 2px 5px rgba(73, 90, 47, 0.47);
}
.blog-post .panel-picture:hover {
    transform: translateY(-8px);
    box-shadow: 0 4px 10px rgba(73, 90, 47, 0.47);
}
.index-post-img {
    overflow: hidden;
}
.index-post-img-small {
    overflow: hidden;
}
.item-thumb {
    transition: all 0.3s;
}
.item-thumb:hover {
    transform: scale(1.1)
}
.item-thumb-small {
    transition: all 0.3s;
}
.item-thumb-small:hover {
    transform: scale(1.1)
}
.item-thumb .img_copyright{
    transition: all 0.3s;
}
.item-thumb:hover .img_copyright{
    transform: translateX(-24px);
}
.entry-thumbnail {
    overflow: hidden;
}
.post-content img {
    border-radius: 10px;
    transition: 0.5s;
}
.post-content img:hover {
    transform: scale(1.1);
}
/*文章阴影及头图放大特效，修正放大后头图的版权位置 结束*/

/* 修复模态框打开时闪烁(打赏闪烁) 开始 */
.modal-open .blog-post .panel:hover,
.modal-open .blog-post .panel-small:hover,
.modal-open .blog-post .panel-picture:hover,
.modal-open .item-thumb:hover,
.modal-open .item-thumb-small:hover,
.modal-open .post-content img:hover {
    transform: none !important;
    box-shadow: inherit !important;
}

.modal-open .item-thumb:hover .img_copyright {
    transform: none !important;
}

body.modal-open {
    overflow: hidden !important;
}
/* 修复模态框打开时闪烁(打赏闪烁) 结束 */

/* 版本10 两侧框架留白间距 开始*/
@media (min-width: 1200px) {
    .app.container {
        width: 90%;
    }
    .app.container .app-aside {
        max-width: 90%;
    }
    /* 适用于所有宽屏尺寸的头部宽度修正 (Handsome v10.1.0) */
    .app.container .app-header {
        max-width: 100%;
    }
}

@media (min-width: 1700px) {
    .app.container {
        width: 85%;
    }
    .app.container .app-aside {
        max-width: 85%;
    }
}

@media (min-width: 2048px) {
    .app.container {
        width: 80%;
        max-width: 1800px;
    }
    .app.container .app-aside {
        max-width: 80%;
    }
}
/* 版本10 两侧框架留白间距 结束*/
/*主题标题居中开始*/
header.bg-light.lter.wrapper-md {
text-align: center;
}
/*主题标题居中结束*/
/*主题日期居中开始*/
.text-muted.post-item-foot-icon.text-ellipsis.list-inline {
    text-align: center;
    background-color: #fff;
}
/*主题日期居中结束*/
/*标签字体颜色开始*/
.badge,.padder-v-ssm{
    color:#007979;
}
/*标签字体颜色结束*/
/*标签悬停颜色开始*/
.index-post-title a:hover {
  color: #4D0000;
}
/*标签悬停颜色结束*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ 
::-webkit-scrollbar {
    width:9px;
    height:8px;
}
/*定义滚动条轨道*/ 
::-webkit-scrollbar-track {
    background-color:white;
    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    border-radius: 0em;
}
/*定义滑块 内阴影+圆角*/ 
::-webkit-scrollbar-thumb {
    background-color: #ff676c;
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    cursor: pointer;
}
/* 评论边框 */
.comment-parent {
  margin: 20px;
  padding: 20px;
  border-radius: 25px;
  border: 3px solid rgba(32,52,64,.3);
}
/*博客信息-搜索框-幻灯片 阴影*/
.box-shadow-wrap-normal {
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.16);
}
/*盒子四周阴影*/
.app.container {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.16)!important;
}
/*文章圆角-阴影*/
.panel {
  box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .13);
  border-radius: 6px!important;
}
/*文章标题阴影*/
.bg-white-pure {
  background: white;
  box-shadow: 0 0px 2px 2px rgba(0, 0, 0, .13);
}
/* 文章悬浮效果开始 */
.blog-post .panel:not(article){transition:all .3s}
.blog-post .panel:not(article):hover{transform:translateY(-10px)}
/* 文章悬浮效果结束 */
/*底部页脚css*/
.github-badge {
    display: inline-block;
    border-radius: 4px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    background-color:#4d4d4d;
    text-shadow:0px 0.86px 0.2px #3333336b;
} 
.github-badge .badge-subject {
    display: inline-block;
    background-color: #4d4d4d;
    padding: 4px 4px 4px 6px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.github-badge .badge-value {
    display: inline-block;
    padding: 4px 6px 4px 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}
.github-badge .bg-blue {
    background-color: #00a1fd;
}
.github-badge .bg-orange {
    background-color: #ffa500;
}
.github-badge .bg-green {
    background-color: #3bca6e;
}
.github-badge .bg-purple{
    background-color:#ab34e9;
}
.github-badge .bg-red{
    background-color:#ff1010;
}
.thumb img,.thumb-btn img,.thumb-lg img,.thumb-md img,.thumb-sm img,.thumb-xs img {
    max-height: 96px;
    width: 96px;
    vertical-align: middle
}
.ua-icon{display:inline-block;width:1pc;height:1pc;background-size:cover;background-repeat:no-repeat;vertical-align:text-top}
.icon-360{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/360.png)}
.icon-android{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/android.png);height:19px}
.icon-apple{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/apple.png)}
.icon-baidu{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/baidu.png)}
.icon-chrome{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/chrome.png)}
.icon-edge{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/edge.png)}
.icon-firefox{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/firefox.png)}
.icon-google{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/google.png)}
.icon-ie{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/ie.png)}
.icon-liebao{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/liebao.png)}
.icon-linux{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/linux.png)}
.icon-mac{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/mac.png)}
.icon-opera{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/opera.png)}
.icon-qq{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/qq.png)}
.icon-quark{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/quark.png)}
.icon-safari{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/safari.png)}
.icon-ubuntu{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/ubuntu.png)}
.icon-uc{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/uc.png)}
.icon-win1{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/win1.png)}
.icon-win2{background-image:url(https://int3imgbed.cvpotato.cn/handsome101_assets/assets/img/UA/win2.png)}