/*V 10*/

 /*菜单透明 背景模糊,一般通用样式body.header-fixed>header.header */
.site-header{
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);    
}

/**logo效果CSS  结束**/
.logo-wrapper {
    text-align: left;
}

.logo-wrapper img {
    max-height: 68px;
    transition: all 0.4s ease;
    filter: drop-shadow(0 4px 8px rgba(0, 123, 255, 0.15));
}

.logo-wrapper img:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 8px 16px rgba(0, 123, 255, 0.25));
}
/**logo效果CSS  结束**/

/*头像旋转的效果 一般通用样式avatar*/
.avatar-img{
    padding:1px;border:1px solid #cfd9e1;width:100%;height:100%; /*设置图像的宽和高，我设置的宽高都是64px,当然你可以根据你的主题自行修改*/
    border-radius: 100% !important;/*设置图像圆角效果,这里我为了和主题的代码冲突，更改了优先级*/
    -webkit-border-radius: 100% !important;/*圆角效果：兼容webkit浏览器*/
    -moz-border-radius:100% !important;/*圆角效果：兼容火狐浏览器*/
    box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;
    -webkit-transition: 0.2s;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.8s ease-out;/*变化时间设置为0.4秒，这个时间也可以根据需要自行修改(变化动作即为下面的图像旋转720度）*/
    -moz-transition: -moz-transform 0.2s ease-out;
}
/*设置鼠标悬浮在头像时的CSS样式*/
.avatar-img:hover{
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
    transform: rotateZ(720deg);/*图像旋转720度，这个旋转角度你也可以自己设置。*/
    -webkit-transform: rotateZ(720deg);
    -moz-transform: rotateZ(720deg); 
}


/* 添加评论头像旋转特效 */
.commentavatar img {
    transition: transform 0.1s ease;
}
 
.commentavatar:hover img {
    transform: rotate(360deg);
}

/*封面图片经过时放大效果*/
.entry-media {
    overflow: hidden; /* 确保放大效果不会超出容器 */
}

.entry-media .media-img {
    display: block;
    transition: transform 0.5s ease; /* 平滑过渡效果 */
}

.entry-media:hover .media-img {
    transform: scale(1.1); /* 鼠标悬停时放大 */
}

.post-item .entry-desc, .post-item .entry-title{
    -webkit-line-clamp:2;
    
}



/* 专属效果 ，主导航悬停效果 - 适用于 RiPro-V5 */
.nav-list > li > a {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    border-radius: 6px;
    padding: 10px 18px !important;
}

.nav-list > li > a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(30,136,229,0.15), transparent);
    transition: 0.6s;
}

.nav-list > li > a::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 20%;
    width: 0;
    height: 1px;
    background: linear-gradient(to right, #1E88E5, #42A5F5);
    transition: all 0.4s ease;
    border-radius: 2px;
}

.nav-list > li > a:hover {
    color: #1E88E5 !important;
    background: rgba(30,136,229,0.08);
    transform: translateY(-1px);
}

.nav-list > li > a:hover::before {
    left: 80%;
}

.nav-list > li > a:hover::after {
    left: 20%;
    width: 60%;
}

.single-content-nav .nav-item .nav-link{
    border: solid .5px rgba(33,99,232,.31)
}
/* 文章段落首行缩进 2 个汉字 */
.entry-content p,
.post-content p,
.single-post .entry-content p {
    text-indent: 2em !important;     /* 2个汉字缩进 */
    margin-bottom: 1.6em;            /* 段落间距，可自行调整 */
}

/* 可选：引用块和列表不缩进 */
.entry-content blockquote p,
.entry-content ul p,
.entry-content ol p {
    text-indent: 0 !important;
}