.contain{
	margin-top:20px;clear:both;
	padding-top:10px;
	padding-bottom:10px;
	}
.bg {
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgba(141, 141, 141, 0.15);
}

.container{margin:0 auto;background:#fff;border-radius:16px;padding:32px;}

/* 文章头部 */
.article-header{margin-bottom:28px;border-bottom:1px solid #eee;padding-bottom:20px;}
.article-category{
    display:inline-block;font-size:13px;color:#2563eb;background:#eff6ff;
    padding:4px 10px;border-radius:6px;margin-bottom:12px;
}
.article-title{font-size:32px;font-weight:700;color:#1f2937;line-height:1.3;margin-bottom:16px;text-align:center;}
.article-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#6b7280;justify-content: center;}
.article-meta span{display:flex;align-items:center;gap:4px;}

/* 文章正文区域 */
.article-body{color:#333;font-size:17px;line-height:1.85;}
.article-body p{margin-bottom:18px;}
.article-body h2{font-size:24px;margin:32px 0 16px;color:#1f2937;font-weight:600;}
.article-body h3{font-size:20px;margin:26px 0 14px;color:#2f3746;font-weight:600;}
.article-body img{max-width:100%;height:auto;border-radius:10px;margin:20px 0;}
.article-body blockquote{
    border-left:4px solid #2563eb;background:#f0f7ff;padding:14px 18px;
    margin:20px 0;color:#475569;
}
.article-body pre{
    background:#1e293b;color:#e2e8f0;padding:16px;border-radius:10px;
    overflow-x:auto;margin:20px 0;
}
.article-body code{font-family:Consolas,monospace;font-size:15px;}
.article-body hr{border:0;height:1px;background:#e5e7eb;margin:30px 0;}
.article-body ul,.article-body ol{margin:16px 0 16px 24px;}
.article-body li{margin-bottom:8px;}


.article-body .article-thumb{
  float:left;          /* 图片左浮动，文字环绕右侧 */
  width:200px;
  height:200px;
  border-radius:8px;
  object-fit:cover;
  margin:0 24px 16px 0;/* 右、下外边距，隔开文字，避免紧贴 */
}

/* 清除浮动，防止后面标题/段落被浮动影响错乱 */
.article-body h2,
.article-body h3,
.article-body blockquote,
.article-body hr,
.article-body ul{
  clear:both;
}