/*CSS 代码网站底部按钮美化 */
.github-badge {
    display: inline-block;
    border-radius: 4px;
    text-shadow: none;
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    margin-bottom: 5px;
}
.github-badge .bg-red{
    background-color: #ff1434;
}
.github-badge .bg-blue {
    background-color: #007ec6;
}
.github-badge .bg-orange {
    background-color: orange;
}
.github-badge .bg-blueviolet {
    background-color: #8833d7;
}
.github-badge .bg-brightgreen {
    background-color: #4dc820;
}
.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;
}
.widget-container {
  text-align: left; 
}
.footer-badge {
  display: inline-block;
  border-radius: 4px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  margin-bottom: 5px;
}
.footer-badge .fas {
  margin-right: 5px;
}
.footer-badge .badge-title {
  display: inline-block;
  background-color: #635f57;
  padding: 4px 4px 4px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}
.footer-badge .badge-link {
  text-decoration: none;
  color: #fff;
}
.footer-badge .badge-value {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}
.footer-badge .bg-fen {
  background-color: #57cd4e
}
.footer-badge .bg-red {
  background-color: #f55066
}
.footer-badge .bg-green {
  background-color: #3bca6e
}
.footer-badge .bg-about {
  background-color: #48d3dd
}
.footer-badge .bg-delete {
  background-color: #ddab40
}
 .footer-badge .bg-working {
  background-color: #8eaf33
}
.footer-badge .bg-cai {
  background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
}


body.header-style-classic .page-container{
padding-top:12px   /* 调整容器内部内边距-12 */
}
.site-footer__info {
  display: none;  /* 去除底部网站名模块 */
  margin-bottom: 0;  /* 顺带清空原有的底部外边距 */
}
body .article-item .article-item__content .article-item__title {
  font-size: 18px; /* 主文章列表标题字号+2 */
  font-weight:500;  /* 主文章列表标题字宽-100 */
}
body .article-item .article-item__content .article-item__excerpt {
  font-size: 15px; /* 主文章列表摘要字号+1 */
}
body .article-tabs.article-tabs--left {
  margin-bottom: 0px; /* 主文章列表标签底部外边距-20 */
} 
  
/* 时间轴美化样式 - 天蓝色版 */
.timeline {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 40px 0;
}

/* 时间轴主线 - 渐变效果 */
.timeline::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, #3498db, #2980b9);
    border-radius: 3px;
    z-index: 0;
}

/* 时间节点 */
.timenode {
    position: relative;
    padding-left: 60px;
    margin-bottom: 40px;
    z-index: 1;
}

/* 时间节点圆点 - 带阴影效果 */
.timenode::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 8px;
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(52, 152, 219, 0.4);
    transition: all 0.3s ease;
    z-index: 1;
}

/* 鼠标悬停效果 */
.timenode:hover::before {
    transform: scale(1.2);
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.6);
}

/* 时间信息 */
.timenode .meta {
    font-size: 0.85rem;
    font-weight: 600;
    color: #3498db;
    margin-bottom: 10px;
    display: inline-block;
    padding: 4px 12px;
    background: linear-gradient(135deg, rgba(52, 152, 219, 0.1), rgba(41, 128, 185, 0.1));
    border-radius: 20px;
    border: 1px solid rgba(52, 152, 219, 0.2);
    z-index: 2;
    position: relative;
}

/* 内容信息 */
.timenode .body {
    font-size: 0.95rem;
    color: #444;
    line-height: 1.6;
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    border-left: 4px solid #3498db;
    transition: all 0.3s ease;
    z-index: 2;
    position: relative;
}

/* 内容悬停效果 */
.timenode:hover .body {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

/* 响应式设计 */
@media (max-width: 768px) {
    .timeline {
        padding: 30px 0;
    }
    
    .timeline::before {
        left: 15px;
        width: 2px;
    }
    
    .timenode {
        padding-left: 50px;
        margin-bottom: 30px;
    }
    
    .timenode::before {
        left: 5px;
        width: 16px;
        height: 16px;
    }
    
    .timenode .body {
        padding: 16px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .timenode {
        padding-left: 40px;
        margin-bottom: 25px;
    }
    
    .timeline::before {
        left: 10px;
    }
    
    .timenode::before {
        left: 0;
        width: 14px;
        height: 14px;
    }
    
    .timenode .body {
        padding: 14px;
        font-size: 0.85rem;
    }
}

/* 简单的淡入动画 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.timenode {
    animation: fadeIn 0.6s ease forwards;
}

/* 为每个节点设置不同的延迟，创建顺序动画效果 */
.timenode:nth-child(1) { animation-delay: 0.1s; }
.timenode:nth-child(2) { animation-delay: 0.2s; }
.timenode:nth-child(3) { animation-delay: 0.3s; }
.timenode:nth-child(4) { animation-delay: 0.4s; }
.timenode:nth-child(5) { animation-delay: 0.5s; }
.timenode:nth-child(6) { animation-delay: 0.6s; }
.timenode:nth-child(7) { animation-delay: 0.7s; }