.has-cover {border: 1px solid #EEE; margin:20px 0; }

.post-meta li a {color: #999;}
.post-content-list {
  font-size: 14px;
  line-height: 1.6;
  color: #999;
}

/* entry-category 样式 */
.entry-category {
  display: inline-block;
  padding: 4px 12px;
  background-color: #444;
  color: #ffffff;
  font-size: 0.8rem;
  border-radius: 4px;
  margin-right: 8px;
  position: relative;
}

.entry-category::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #444;
}

h2.post-title-heading {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
}

h1.post-title-heading {
text-align: center;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  margin: 2em 0; 
  padding-bottom: 20px;  
  border-bottom: 1px solid #EEE; 
}


/* 只在当前作用域生效，不影响其他列表 */
.post-meta-dev {
    text-align: center;
    padding: 0;
    margin: 0;
}

.post-meta-devli {
    display: inline-block;
    margin: 0 12px;         /* 调整间距 */
    list-style: none;
}

/* 如果还有项目符号，一并去掉 */
.post-meta-dev li:before {
    display: none;
}



/* 封面图片响应式 - 统一宽度200px */
/* ===== 默认样式 (992px 以上) ===== */
.post-cover {
    width: 150px;
}

.post-cover img {
    width: 150px;
    height: 150px;
    object-fit: cover;  /* 防止拉伸，保持比例 */
}

/* ===== 响应式样式 ===== */
@media (max-width: 768px) {
    .post.has-cover {
        flex-direction: column;
        gap: 20px;
    }
    
    .post-cover {
        margin: 0 auto;  /* 居中，保持宽度200px */
    }
}

/* 内容图片间距（移动端适配）*/
@media (max-width: 768px) {
    .post-content img,
    .comment-content img,
    .post-content figure.image,
    .comment-content figure.image {
        margin: 15px auto;
    }
}