.elementor-3686 .elementor-element.elementor-element-adc345f{--display:flex;}.elementor-3686 .elementor-element.elementor-element-e1094cb{width:100%;max-width:100%;}.elementor-3686 .elementor-element.elementor-element-e1094cb.elementor-element{--align-self:flex-start;}.elementor-3686 .elementor-element.elementor-element-e1094cb .elementor-icon-list-icon{width:14px;}.elementor-3686 .elementor-element.elementor-element-e1094cb .elementor-icon-list-icon i{font-size:14px;}.elementor-3686 .elementor-element.elementor-element-e1094cb .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-3686 .elementor-element.elementor-element-d5d9613.elementor-element{--align-self:center;}.elementor-3686 .elementor-element.elementor-element-d5d9613{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-3686 .elementor-element.elementor-element-c1181f9{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-3686 .elementor-element.elementor-element-c1181f9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-3686 .elementor-element.elementor-element-c1181f9:after{content:"0.66";}.elementor-3686 .elementor-element.elementor-element-c1181f9 .elementor-post__thumbnail__link{width:100%;}.elementor-3686 .elementor-element.elementor-element-c1181f9 .elementor-post__meta-data span + span:before{content:"///";}.elementor-3686 .elementor-element.elementor-element-c1181f9.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-3686 .elementor-element.elementor-element-c1181f9.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-3686 .elementor-element.elementor-element-c1181f9.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(min-width:768px){.elementor-3686 .elementor-element.elementor-element-adc345f{--content-width:1200px;}}@media(max-width:1024px){ .elementor-3686 .elementor-element.elementor-element-d5d9613{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){ .elementor-3686 .elementor-element.elementor-element-d5d9613{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-3686 .elementor-element.elementor-element-c1181f9 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-3686 .elementor-element.elementor-element-c1181f9:after{content:"0.5";}.elementor-3686 .elementor-element.elementor-element-c1181f9 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-adc345f *//* ==========================================
   布衣邦 (BYB Canvas) 官方博客容器全局样式
   品牌主色：深海蓝 #00205B
   品牌辅助：树莓红 #E82050
   ========================================== */

/* 1. 博客大容器基本排版与字重 */
.blog-post-container {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #475569; /* 优雅的深灰，比纯黑色更有高级阅读感 */
    line-height: 1.8;
    font-size: 16px;
    padding: 20px;
    box-sizing: border-box;
}

/* 2. 博客文章大标题与各级标题（Serif 艺术体） */
.blog-post-container h1,
.blog-post-container h2,
.blog-post-container h3,
.blog-post-container h4 {
    font-family: 'Playfair Display', "Georgia", "Times New Roman", serif;
    color: #00205B; /* 品牌主色：深海蓝 */
    font-weight: 700;
    line-height: 1.3;
    margin-top: 1.5em;
    margin-bottom: 0.6em;
}

.blog-post-container h1 {
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 15px;
}

.blog-post-container h2 {
    font-size: 26px;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 10px;
    margin-top: 40px;
}

.blog-post-container h3 {
    font-size: 20px;
}

/* 3. 精致的文章发布信息 Meta（作者、时间） */
.blog-post-container .post-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: #64748b;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.blog-post-container .post-meta .author {
    font-weight: 600;
    color: #00205B;
}

/* 4. 精美首段艺术导读（带树莓红左边框） */
.blog-post-container .intro-text {
    font-size: 18px;
    font-weight: 500;
    color: #334155;
    line-height: 1.7;
    margin-bottom: 35px;
    font-style: italic;
    border-left: 4px solid #E82050; /* 品牌高亮：树莓红 */
    padding-left: 20px;
}

/* 5. 自动首字下沉放大（Drop Cap）- 仅作用于除导读段落外的第一段正文 */
.blog-post-container p:not(.intro-text):first-of-type::first-letter {
    font-size: 4.2em;
    float: left;
    line-height: 0.85;
    margin-right: 12px;
    margin-top: 4px;
    font-family: 'Playfair Display', "Georgia", serif;
    font-weight: bold;
    color: #00205B; /* 首字深海蓝 */
}

/* 6. 超链接优雅过渡样式 */
.blog-post-container a {
    color: #E82050; /* 树莓红超链接 */
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px dashed #E82050;
    transition: all 0.2s ease-in-out;
}

.blog-post-container a:hover {
    color: #00205B; /* 悬停变为深海蓝 */
    border-bottom-style: solid;
}

/* 7. 容器内所有图片标准化（圆角、微阴影） */
.blog-post-container img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    margin: 35px auto;
    display: block;
}

/* 8. 列表项目符号美化（树莓红圆点） */
.blog-post-container ul,
.blog-post-container ol {
    padding-left: 20px;
    margin: 25px 0;
}

.blog-post-container li {
    margin-bottom: 12px;
    color: #475569;
}

.blog-post-container ul li::marker {
    color: #E82050; /* 列表圆点树莓红 */
    font-size: 1.1em;
}

/* 9. 高亮引用金句框（Blockquote） */
.blog-post-container blockquote {
    background-color: #fcf4f5; /* 极淡红色底色，完美中和深色文字 */
    border-left: 4px solid #E82050; /* 树莓红左立柱 */
    padding: 25px 30px;
    margin: 35px 0;
    border-radius: 0 8px 8px 0;
}

.blog-post-container blockquote p {
    font-family: 'Playfair Display', "Georgia", serif;
    font-size: 17px;
    font-style: italic;
    color: #00205B; /* 引用文字为深海蓝 */
    margin: 0 0 12px 0 !important;
    line-height: 1.6;
}

.blog-post-container blockquote cite {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #E82050; /* 署名高亮树莓红 */
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
}

/* 10. B2B 核心优势数据看板（带圆角和虚线分隔） */
.byb-stats-grid {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 25px 20px;
    margin: 35px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    text-align: center;
}

.byb-stat-item {
    padding: 10px;
}

.byb-stat-item:not(:last-child) {
    border-right: 1px dashed #cbd5e1;
}

/* 移动端下自动取消右侧边框分隔 */
@media (max-width: 640px) {
    .byb-stats-grid {
        grid-template-columns: 1fr;
    }
    .byb-stat-item:not(:last-child) {
        border-right: none;
        border-bottom: 1px dashed #cbd5e1;
        padding-bottom: 20px;
    }
}

.byb-stat-number {
    font-size: 32px;
    font-weight: 800;
    color: #E82050; /* 数字高亮：树莓红 */
    line-height: 1;
    margin-bottom: 6px;
}

.byb-stat-label {
    font-size: 11px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* 11. 底部 B2B 核心询盘转化卡片 (CTA) */
.byb-cta-card {
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: linear-gradient(135deg, #fafbfd 0%, #f4f6fa 100%);
    padding: 35px 30px;
    text-align: center;
    box-shadow: inset 0 1px 0 #ffffff;
    border-top: 3px solid #00205B; /* 卡片顶部深蓝横条 */
    margin-top: 50px;
}

.byb-cta-card h3 {
    font-family: 'Playfair Display', "Georgia", serif;
    font-size: 20px;
    font-weight: 700;
    color: #00205B; /* 卡片标题深海蓝 */
    margin: 0 0 12px 0 !important;
}

.byb-cta-card p {
    font-size: 13.5px;
    color: #64748b;
    margin: 0 0 25px 0 !important;
    line-height: 1.6;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}

/* 树莓红呼吸阴影高光按钮 */
.byb-cta-btn {
    display: inline-block;
    background-color: #E82050; /* 按钮树莓红 */
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    padding: 13px 32px;
    border-radius: 6px;
    border: none;
    box-shadow: 0 4px 14px rgba(232, 32, 80, 0.35);
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.byb-cta-btn:hover {
    background-color: #d11342; /* 悬停略微加深红 */
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(232, 32, 80, 0.45);
}

.byb-cta-btn:active {
    transform: translateY(0);
}/* End custom CSS */