div.blog-more {
  margin-top: 1em;
  text-indent: 4em;
}

div.comment-area {
  margin-top: 2em;
}
h3.comment-area-title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.4em;
}

/* 评论框 */
div.django-ckeditor-widget {
  width: 100%;
}

div.comment {
  border-bottom: 1px dashed #ccc;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

div.reply {
  margin-left: 2em;
}

div#reply_content_container {
  border: 1px solid #d1d1d1;
  border-bottom: none;
  background-color: #f8f8f8;
  overflow: hidden;
  padding: 1em 1em 0.5em;
}

p#reply_title {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 0.5em;
}

/* 点赞样式 */
div.like {
  color: #337ab7;
  cursor: pointer;
  display: inline-block;
  padding: 0.5em 0.3em;
}
/* 赞后样式 */
div.like .active {
  color: #f22;
}

div.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
div.blog_header {
  overflow: hidden;
  padding: 1em 0em 0em 1em;
}

/* 表头样式 */
div.blog_header li {
  float: left;
  padding-right: 1em;
  font-size: small;
}

.share_btns {
  border: 1px #ccc dashed; 
  width: fit-content; /* 让宽度适应内容 */
  margin: 0 auto; /* 水平居中 */
  padding: 2em 3em; /* 添加内边距 */
}

.panel-body {
  overflow: auto;
}

.panel-body img {
  max-width: 100%;
  height: auto;
}


/* 评论样式 */
.comment-area {
  padding: 20px;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}