.elementor-8473 .elementor-element.elementor-element-d38c06c{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-3526205 *//* --- Basic Resets & Body Styles --- */
body {
    font-family: 'Arial', sans-serif; /* 假设字体，可根据需求调整 */
    line-height: 1.6;
    color: #333;
    margin: 0;
    padding: 20px; /* 为内容提供一些边距 */
    background-color: #f9f9f9;
    font-size: 16px; /* 默认正文字号 */
}

/* --- Blog Post Container --- */
.blog-post-content {
    max-width: 800px; /* 限制文章最大宽度 */
    margin: 0 auto; /* 居中显示 */
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    border-radius: 8px;
}

/* --- Headings --- */
.blog-post-content h1 {
    font-size: 1.15em; /* 调整为比正文大一点，大约1号的感觉 */
    color: #2c3e50;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.2;
}

.blog-post-content h2 {
    font-size: 1.5em; /* 保持适中的次级标题大小 */
    color: #34495e;
    margin-top: 40px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee; /* 标题下划线 */
    padding-bottom: 10px;
}

.blog-post-content h3 {
    font-size: 1.2em; /* 保持适中的三级标题大小 */
    color: #2980b9;
    margin-top: 25px;
    margin-bottom: 15px;
}

/* --- Paragraphs --- */
.blog-post-content p {
    margin-bottom: 1em;
    text-align: justify; /* 文本两端对齐，使排版更整齐 */
}

/* --- Lists (Unordered and Ordered) --- */
.blog-post-content ul,
.blog-post-content ol {
    margin-bottom: 1em;
    padding-left: 25px;
}

.blog-post-content ul li,
.blog-post-content ol li {
    margin-bottom: 0.5em;
}

/* --- Links --- */
.blog-post-content a {
    color: #3498db;
    text-decoration: none;
}

.blog-post-content a:hover {
    text-decoration: underline;
}

/* --- Images --- */
.image-container {
    margin: 20px auto; /* 居中图片并提供上下间距 */
    text-align: center; /* 确保图片本身居中 */
}

.image-container img {
    width: 100%; /* 确保图片充满其容器的宽度 */
    max-width: 700px; /* **统一图片的最大宽度** */
    height: auto; /* 保持图片比例 */
    display: block; /* 移除图片底部空白 */
    border-radius: 5px; /* 图片圆角 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.15); /* 图片阴影 */
}

/* 特殊的英雄图片样式 */
.hero-image {
    margin-top: 0; /* 顶部英雄图片不需要额外的上边距 */
    margin-bottom: 30px; /* 标题和第一段之间的距离 */
}

/* --- Horizontal Rule (分隔线) --- */
.blog-post-content hr {
    border: none;
    border-top: 1px solid #eee;
    margin: 40px 0;
}

/* --- Call to Action (CTA) --- */
.call-to-action {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: bold;
}

.call-to-action a {
    display: inline-block;
    background-color: #28a745; /* 绿色按钮 */
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.call-to-action a:hover {
    background-color: #218838;
    text-decoration: none;
}

/* --- Responsive Design (可选，用于小屏幕设备) --- */
@media (max-width: 768px) {
    .blog-post-content {
        padding: 15px;
    }

    .blog-post-content h1 {
        font-size: 1.1em; /* 在小屏幕上 h1 也可以稍微调整 */
    }

    .blog-post-content h2 {
        font-size: 1.3em;
    }

    .blog-post-content h3 {
        font-size: 1.1em;
    }

    /* 在小屏幕上，图片仍然保持最大宽度为100%以适应屏幕 */
    .image-container img {
        max-width: 100%;
    }
}/* End custom CSS */