/* 动画效果 */ 
  @keyframes rotateIcon { 
    from { 
      transform: rotate(0deg); 
    } 
    to { 
      transform: rotate(360deg); 
    } 
  } 
  
  /* 时间轴 */ 
  :root { 
    --timeline-color: rgba(57, 186, 232, 0.5); 
    --timeline-dot-primary: #248888; 
    --timeline-dot-secondary: #00d084; 
    --timeline-dot-hover: #0693e3; 
    --timeline-text: #5e5e5e; 
    --timeline-text-hover: #181818; 
    --timeline-bg: #f0f0f0; 
    --timeline-border-radius: 8px; 
    --timeline-transition: all 0.3s ease; 
    --timeline-spacing: 8px; /* 减小间距值 */ 
  } 
  .timeline-container { 
    position: relative; 
    padding-left: 24px; 
    max-width: 800px; 
    margin: 0 auto; 
  } 
  .timenode { 
    position: relative; 
    margin-bottom: calc(var(--timeline-spacing) * 1.5); 
    animation: fadeIn 0.5s ease-out forwards; 
    opacity: 0; 
  } 
  .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(n+6) { animation-delay: 0.6s; } 
  .timenode::before, 
  .timenode::after { 
    content: ''; 
    position: absolute; 
    left: -16px; 
    z-index: 1; 
    background: var(--timeline-color); 
    width: 2px; 
  } 
  .timenode::before { 
    top: 0; 
    height: 12px; 
  } 
  .timenode::after { 
    top: 32px; 
    height: calc(100% + var(--timeline-spacing) - 32px); 
  } 
  .timenode:last-child::after { 
    height: calc(100% - 32px); 
    border-bottom-left-radius: 2px; 
    border-bottom-right-radius: 2px; 
  } 
  .timenode .meta { 
    position: relative; 
    color: var(--timeline-text); 
    font-size: 0.875rem; 
    line-height: 32px; 
    height: 32px; 
    transition: var(--timeline-transition); 
    cursor: pointer; 
  } 
  .timenode .meta::before, 
  .timenode .meta::after { 
    content: ''; 
    position: absolute; 
    top: 8px; 
    left: -16px; 
    z-index: 2; 
    border-radius: 50%; 
    width: 16px; 
    height: 16px; 
    transition: var(--timeline-transition); 
  } 
  .timenode .meta::before { 
    background: var(--timeline-dot-primary); 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
  } 
  .timenode .meta::after { 
    background: var(--timeline-dot-secondary); 
    transform: scale(0.5); 
    box-shadow: 0 2px 8px rgba(0, 208, 132, 0.4); 
  } 
  .timenode .meta p { 
    font-weight: 600; 
    margin: 0 0 0 8px; 
    display: inline-block; 
  } 
  .timenode .body { 
    margin: 8px 0 var(--timeline-spacing) 8px; 
    padding: var(--timeline-spacing); 
    border-radius: var(--timeline-border-radius); 
    background: var(--timeline-bg); 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 
    display: inline-block; 
    max-width: calc(100% - 16px); 
    transition: var(--timeline-transition); 
    border-left: 3px solid var(--timeline-dot-secondary); 
  } 
  .timenode .body:empty { 
    display: none; 
  } 
  .timenode .body > *:first-child { 
    margin-top: 0; 
  } 
  .timenode .body > *:last-child { 
    margin-bottom: 0; 
  } 
  .timenode .body .highlight { 
    border: 1px solid #e5e5e5; 
    background: white; 
    padding: 8px; 
    border-radius: 4px; 
    margin: 8px 0; 
  } 
  .timenode:hover .meta { 
    color: var(--timeline-text-hover); 
    transform: translateX(4px); 
  } 
  .timenode:hover .meta::before { 
    background: var(--timeline-dot-hover); 
    transform: scale(1.2); 
  } 
  .timenode:hover .meta::after { 
    background: var(--timeline-dot-secondary); 
    transform: scale(1); 
    box-shadow: 0 0 12px rgba(0, 208, 132, 0.6); 
  } 
  .timenode:hover .body { 
    background: #f8f9fa; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
    transform: translateX(4px); 
    border-left-color: var(--timeline-dot-hover); 
  } 
  @keyframes fadeIn { 
    from { 
      opacity: 0; 
      transform: translateX(-20px); 
    } 
    to { 
      opacity: 1; 
      transform: translateX(0); 
    } 
  } 
  @media (max-width: 768px) { 
    .timeline-container { 
      padding-left: 16px; 
    } 
    .timenode::before, 
    .timenode::after { 
      left: -12px; 
    } 
    .timenode .meta::before, 
    .timenode .meta::after { 
      left: -12px; 
    } 
    .timenode .meta p { 
      font-size: 0.8rem; 
    } 
    .timenode .body { 
      padding: 12px; 
      font-size: 0.85rem; 
    } 
  } 
  @media (max-width: 480px) { 
    .timenode .body { 
      padding: 10px; 
    } 
    .timenode .meta p { 
      font-size: 0.75rem; 
    } 
  }
/* 按钮美化 */
.application-url {
    padding: 5px 10px;
    color: white !important;
    text-decoration: none;
    border-radius: 50px;
    background: linear-gradient(to right, #fd0808, #df05ed);
    background-size: 200% auto;
    animation: flowingGradient 3s ease-in-out infinite;
    opacity: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    filter: brightness(130%);
}
.application-url:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
@keyframes flowingGradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.application-url .friends-title > div  {
    line-height: 32px;
}
.link-list-title-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*底部运行时间美化 */
.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-working {
  background-color: #8eaf33
}


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 */
}
body .image-card-item__title.image-card-item__title--outside {
  text-align: center; /* 图片卡片文字改为居中 */
}

@media (max-width: 768px) {
  body .image-card-item__title.image-card-item__title--outside {
    font-size: 12px;  /* 移动端图片卡片文案字体改为12px */
  }
  body .image-card-component.image-card-component--title-outside .image-card-body {
    column-gap: 2px; /* 移动端图片卡片水平间距-8 */
    grid-template-columns: repeat(4, minmax(0, 1fr)); /* 移动端图片卡片改为4列 */
  }
}