/*
 Theme Name:     Zibll Child Theme
 Theme URI:      https://blog.lilwhale.cn
 Description:    Zibll主题的子主题，用于存放自定义代码和样式。
 Author:         lilwhale
 Author URI:     https://blog.lilwhale.cn
 Template:       zibll
 Version:        8.1
 Text Domain:    zibll-child
*/


 /*幻灯片下方加一个过渡效果*kun66.cn*/  
.absolute::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10%;
    right: 0;
    bottom: 0;
    transform: scale(1.01);
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, var(--body-bg-color) 100%);
}

/*签到成功提示美化*/
.notyf.success {
    background: linear-gradient(90deg,rgb(249 15 15 / 70%),rgba(61,189,249,.8));
    border-radius: 18px 0 0 18px;
}.enlighter-default .enlighter{max-height:400px;overflow-y:auto !important;}.posts-item .item-heading>a {font-weight: bold;color: unset;}@media (max-width:640px) {
    .meta-right .meta-like{
      display: unset !important;
    }
  }


/******鼠标选中文字自定义颜色样式*******/
::selection {
    background: transparent;
    color: #0045FF;
}

/***************************************************************************************/
/* 为文章字数和阅读时间所在的自定义容器添加底部细线和额外空间 */
.zib-custom-meta-info {
    position: relative;
    padding-top: 0px;
    padding-bottom: 17px;
    width: 100%;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}

/* 模拟 .line-form-line::after 的样式 */
.zib-custom-meta-info::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    
    /* 虚线效果 */
    background: transparent;
    border-bottom: 1px dashed #e0e0e0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
}


/* 保持字数和阅读时间的字体大小调整 */
.fa-hourglass-start,
.word-count,
.reading-time {
    font-size: 0.85em;
    vertical-align: middle;
}

/* 额外增加：给文章内容的顶部增加外边距，确保文章第一段和横线有距离 */
.wp-posts-content {
    margin-top: 10px;
}

/***************************************************************************************/
 /* 文章列表卡片3个小圆圈样式美化 */  
     .posts-item.card {
       padding: 35px 10px 10px 10px!important;
      }
       .posts-item {
       position: relative !important;
      }
       .posts-item.card::before {
       content: "";
       display: block;
       background: #fc625d;
       top: 13px;
       left: 15px;
       border-radius: 50%;
       /* 设置圆点大小 */
       width: 10px;
       height: 10px;
       /*--------*/
       box-shadow: 16px 0 #fdbc40, 32px 0 #35cd4b;
       margin: 0px 2px -7px;
       z-index: 1;
       position: absolute;
      }
 /* 文章列表卡片3个小圆圈样式美化 */
/* 编辑器/代码块父元 */
.enlighter {
    position: relative;
    
}

/* 编辑器+圆点美化（代码块 3 个圆点样式美化）*/
.enlighter::before {
    content: "";
    display: block;
    background: #fc625d;
    top: 9px;
    left: 15px;
    border-radius: 50%;
    /* 设置圆点大小 */
    width: 11px;
    height: 11px;
    /*--------*/
    box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
    z-index: 1;
    position: absolute;
}

/* 确保代码块的内边距足够，防止圆点覆盖到实际代码文字 */
.enlighter-overflow-scroll.enlighter-v-standard .enlighter {
    padding: 35px 0 12px 0;
}
 
/*编辑器+圆点美化*/

/***************************************************************************************/
/* 文章日期过期时间提醒横条 */
.update-ts{
    padding-top: 6px;
    padding-bottom: 8px;
}
.article-update-tips {
    background: rgba(255, 188, 68, 0.2);
    color: #333;
    margin: 0 0px 20px;
    border-radius: 8px;
    position: relative;
    text-align: center;
    background-image: url(https://blog.lilwhale.cn/wp-content/themes/zibll-child/assets/images/reminder-bg.png);
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 50%;
    background-blend-mode: normal;
}span1 {
color: #f60;
margin: 0 3px;
}

/* 其他可能存在的，与删除功能相关的样式代码已被移除 */