.elementor-widget-author-box .elementor-author-box__name{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-author-box .elementor-author-box__bio{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-author-box .elementor-author-box__button{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-author-box .elementor-author-box__button:hover{border-color:var( --e-global-color-secondary );color:var( --e-global-color-secondary );}.elementor-212 .elementor-element.elementor-element-075ffb1{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-212 .elementor-element.elementor-element-075ffb1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-212 .elementor-element.elementor-element-3a97fe0{width:var( --container-widget-width, 102.794% );max-width:102.794%;--container-widget-width:102.794%;--container-widget-flex-grow:0;}.elementor-212 .elementor-element.elementor-element-3a97fe0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-212 .elementor-element.elementor-element-cf96a42{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-212 .elementor-element.elementor-element-556a048{--display:flex;}.elementor-212 .elementor-element.elementor-element-90e5771{padding:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-90e5771.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-212 .elementor-element.elementor-element-cf96a42{--content-width:754px;}}/* Start custom CSS for author-box, class: .elementor-element-075ffb1 *//* ============================================================
   左侧作者专栏卡片 (Author Box) 1:1 商业级美化
   ============================================================ */

/* 1. 外层容器卡片化（完美呼应右侧 Table of Contents 视觉规范） */
.elementor-widget-author-box .elementor-author-box {
    background-color: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 16px !important;
    padding: 24px 18px !important;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* 顶部专属专家胶囊标签 (增加 B2B 行业信服力) */
.elementor-widget-author-box .elementor-author-box::before {
    content: "AUTHOR & SPECIALIST";
    display: inline-block;
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #0f766e;
    background-color: #e6f4f1;
    border: 1px solid rgba(15, 118, 110, 0.2);
    padding: 3px 10px;
    border-radius: 50px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

/* 2. 圆形质感头像 */
.elementor-widget-author-box .elementor-author-box__avatar {
    margin: 0 0 12px 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-widget-author-box .elementor-author-box__avatar img {
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 0 0 2px #e2e8f0, 0 4px 12px rgba(15, 23, 42, 0.08) !important;
    background-color: #f1f5f9 !important;
    transition: transform 0.25s ease !important;
}

.elementor-widget-author-box:hover .elementor-author-box__avatar img {
    transform: scale(1.04);
}

/* 3. 文本容器居中对齐 */
.elementor-widget-author-box .elementor-author-box__text {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* 作者姓名 (加粗深黑) */
.elementor-widget-author-box .elementor-author-box__name {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.3 !important;
}

.elementor-widget-author-box .elementor-author-box__name a {
    color: #0f172a !important;
    text-decoration: none !important;
}

/* 4. 个人简介 (浅灰底微小卡片包裹，告别一大坨裸露黑字) */
.elementor-widget-author-box .elementor-author-box__bio {
    font-size: 12px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin-top: 10px !important;
    text-align: left !important; /* 内部文字左对齐最易读 */
    background-color: #f8fafc !important;
    padding: 14px !important;
    border-radius: 10px !important;
    border: 1px solid #f1f5f9 !important;
    word-break: break-word !important;
}

/* 5. 底部按钮（如果有开启“View All Posts”链接） */
.elementor-widget-author-box .elementor-author-box__button {
    margin-top: 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #0f766e !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.elementor-widget-author-box .elementor-author-box__button:hover {
    color: #0d9488 !important;
}
/* ============================================================
   左右双侧边栏智能吸顶跟随 + 文章结束时自动刹车截停
   ============================================================ */
.sy-sticky-col {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 90px !important;              /* 距离屏幕顶部 90px 留出导航栏间距 */
    align-self: flex-start !important;  /* 核心：高度贴合自身内容，释放往下滑动的自由空间 */
    z-index: 10 !important;
}

/* 确保右侧目录在长章节下在卡片内部滚动，防止超出屏幕 */
.sy-sticky-col #sy-toc-wrapper {
    max-height: 45vh !important;
    overflow-y: auto !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90e5771 *//* 强制限制 WhatsApp 咨询框宽度，防止伸入右侧边栏发生重叠 */
.sy-post-cta-banner {
    max-width: calc(100% - 370px) !important; /* 强制给右侧边栏留出 370px 的专属跟随通道 */
    box-sizing: border-box !important;
}

@media (max-width: 992px) {
    .sy-post-cta-banner {
        max-width: 100% !important; /* 移动端单列排版时恢复全宽 */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-abf2ea3 *//* ============================================================
   底部推荐文章模块 (Explore More Articles)
   ============================================================ */
.sy-related-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 居中主标题 */
.sy-related-heading {
    text-align: center;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 36px 0 !important;
    letter-spacing: -0.4px;
}

/* 3 列并排自适应网格 */
.sy-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    box-sizing: border-box;
}

/* 链接包裹器（去除默认下划线） */
.sy-card-link {
    text-decoration: none !important;
    color: inherit !important;
    display: block;
}

/* 单个卡片白底大圆角样式 */
.sy-related-card {
    background-color: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    box-sizing: border-box;
}

.sy-card-link:hover .sy-related-card {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    border-color: #cbd5e1;
}

/* 顶部封面图（固定 16:10 黄金画幅） */
.sy-card-thumb-wrap {
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background-color: #f1f5f9;
}

.sy-card-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
}

.sy-card-link:hover .sy-card-thumb {
    transform: scale(1.04);
}

/* 卡片文本内容区域 */
.sy-card-body {
    padding: 22px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* 医疗绿分类徽标 */
.sy-card-badge {
    align-self: flex-start;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #0f766e;
    background-color: #e6f4f1;
    border: 1px solid rgba(15, 118, 110, 0.15);
    padding: 3px 8px;
    border-radius: 4px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

/* 卡片标题（最多展示 2 行超出打点） */
.sy-card-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
    color: #0f172a !important;
    margin: 0 0 16px 0 !important;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 0.2s ease;
}

.sy-card-link:hover .sy-card-title {
    color: #0284c7 !important;
}

/* 底部元数据信息（日期与阅读时间） */
.sy-card-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #94a3b8;
    margin-top: auto;
}

.sy-card-dot {
    color: #cbd5e1;
}

/* 平板端适配为 2 列 */
@media (max-width: 992px) {
    .sy-related-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* 手机端适配为单列 */
@media (max-width: 640px) {
    .sy-related-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .sy-related-heading {
        font-size: 22px !important;
        margin-bottom: 24px !important;
    }
}/* End custom CSS */
/* Start custom CSS *//* ==========================================================================
   三羊医疗 (Trisheep) 博客详情页全局完整样式表
   ========================================================================== */

/* 全局字体平滑与排版基础 */
.sy-single-post-wrapper,
.elementor-template-full-width {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    color: #334155;
    background-color: #ffffff;
    -webkit-font-smoothing: antialiased;
}

/* ==========================================================================
   1. 顶部全宽 HERO 横幅 (暗色遮罩大图 + 面包屑 + 标题 + 元数据)
   ========================================================================== */
.sy-post-hero {
    position: relative;
    width: 100%;
    min-height: 440px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 20px;
    box-sizing: border-box;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* 深色遮罩层确保文字清晰度 */
.sy-post-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(10, 17, 32, 0.75) 0%, rgba(10, 17, 32, 0.85) 100%);
    z-index: 1;
}

/* Hero 内容层级置顶 */
.sy-post-hero > * {
    position: relative;
    z-index: 2;
    max-width: 900px;
}

/* 顶部面包屑 */
.sy-breadcrumbs-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 16px;
}

.sy-breadcrumbs-nav a {
    color: #cbd5e1 !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.sy-breadcrumbs-nav a:hover {
    color: #ffffff !important;
}

.sy-bc-separator {
    color: #64748b;
    font-size: 11px;
}

/* 文章主标题 (H1) */
.sy-post-hero h1,
.sy-post-hero .elementor-heading-title {
    font-size: 40px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.5px;
}

/* 文章元信息栏 (作者、日期、阅读时长) */
.sy-hero-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-size: 13px;
    color: #cbd5e1;
}

.sy-hero-meta img.sy-author-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    object-fit: cover;
}

.sy-hero-meta span {
    display: inline-flex;
    align-items: center;
}

.sy-hero-meta .sy-meta-dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    background-color: #64748b;
    border-radius: 50%;
}

/* ==========================================================================
   2. 双栏主体布局容器 (左侧正文 68% + 右侧粘性侧边栏 32%)
   ========================================================================== */
.sy-post-main-container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 50px 20px 60px;
    display: flex;
    gap: 48px;
    align-items: flex-start;
    box-sizing: border-box;
}

/* 左侧正文列 */
.sy-post-content-col {
    flex: 1;
    min-width: 0; /* 防止子元素溢出 Flex 容器 */
}

/* 右侧侧边栏 (支持粘性跟随与滚动自适应) */
.sy-post-sidebar-col {
    width: 340px;
    min-width: 340px;
    position: sticky;
    top: 90px;
    z-index: 10;
}

/* ==========================================================================
   3. 正文排版与元素美化 (Post Content Typography)
   ========================================================================== */
/* 作者小名片 (位于正文顶部) */
.sy-author-top-badge {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
}

.sy-author-top-badge img {
    width: 38px;
    height: 38px;
    border-radius: 50%;
}

.sy-author-top-badge .sy-author-name {
    font-size: 13.5px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.sy-author-top-badge .sy-author-role {
    font-size: 12px;
    color: #64748b;
}

/* 正文段落与标题 */
.elementor-widget-theme-post-content,
.sy-post-article-body {
    font-size: 16px;
    line-height: 1.8;
    color: #334155;
}

.elementor-widget-theme-post-content p {
    margin-bottom: 22px;
}

.elementor-widget-theme-post-content h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #0f172a !important;
    margin: 44px 0 18px 0 !important;
    letter-spacing: -0.3px;
}

.elementor-widget-theme-post-content h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #0f172a !important;
    margin: 32px 0 14px 0 !important;
}

/* 正文内插入的图片与图注 */
.elementor-widget-theme-post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 14px;
    margin: 24px 0 10px 0;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.elementor-widget-theme-post-content figcaption,
.sy-image-caption {
    font-size: 13px;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 24px;
    text-align: left;
}

/* ==========================================================================
   4. 正文内专业数据表格美化 (1:1 还原深蓝表头与细边框)
   ========================================================================== */
.elementor-widget-theme-post-content table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 30px 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 13.5px !important;
}

/* 深蓝表头 */
.elementor-widget-theme-post-content table thead th,
.elementor-widget-theme-post-content table tr:first-child th,
.elementor-widget-theme-post-content table tr:first-child td {
    background-color: #0d2137 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
    text-align: left !important;
    border: none !important;
}

.elementor-widget-theme-post-content table tbody td {
    padding: 12px 16px !important;
    border-bottom: 1px solid #edf2f7 !important;
    border-right: 1px solid #edf2f7 !important;
    color: #334155 !important;
    line-height: 1.5 !important;
    background-color: #ffffff;
}

.elementor-widget-theme-post-content table tbody tr:last-child td {
    border-bottom: none !important;
}

.elementor-widget-theme-post-content table tbody td:last-child {
    border-right: none !important;
}

.elementor-widget-theme-post-content table tbody tr:hover td {
    background-color: #f8fafc !important;
}

/* ==========================================================================
   5. 右侧边栏组件 (目录 TOC + 订阅卡片)
   ========================================================================== */
/* 目录卡片外框 */
.sy-toc-wrapper {
    background-color: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.03);
    margin-bottom: 24px;
    box-sizing: border-box;
    max-height: 60vh;              /* 章节极多时自动在卡片内部滚动，保持视觉整洁 */
    overflow-y: auto;
}

/* 优雅的小滚动条 */
.sy-toc-wrapper::-webkit-scrollbar {
    width: 4px;
}
.sy-toc-wrapper::-webkit-scrollbar-thumb {
    background-color: #e2e8f0;
    border-radius: 4px;
}

.sy-toc-heading {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
}

.sy-toc-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sy-toc-link {
    display: block;
    padding: 6px 12px;
    font-size: 13px;
    color: #475569;
    line-height: 1.45;
    text-decoration: none !important;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.sy-toc-link:hover {
    color: #0284c7;
    background-color: #f0f9ff;
}

/* 激活章节的高亮浅蓝底色 */
.sy-toc-link.active {
    background-color: #e0f2fe !important;
    color: #0284c7 !important;
    font-weight: 600;
}

.sy-toc-link.sy-toc-h3 {
    padding-left: 22px;
    font-size: 12px;
    color: #64748b;
}

/* 邮件订阅卡片 */
.sy-subscribe-card {
    background-color: #f1f5f9;
    border-radius: 16px;
    padding: 24px;
    box-sizing: border-box;
}

.sy-sub-icon {
    width: 36px;
    height: 36px;
    background-color: #0f172a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.sy-sub-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 8px 0 !important;
}

.sy-sub-desc {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
    margin: 0 0 18px 0 !important;
}

.sy-sub-label {
    font-size: 11.5px;
    font-weight: 600;
    color: #334155;
    margin-bottom: 4px;
    display: block;
}

.sy-sub-input {
    width: 100% !important;
    height: 40px !important;
    padding: 0 14px !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    outline: none !important;
}

.sy-sub-input:focus {
    border-color: #0f172a !important;
}

.sy-sub-submit {
    width: 100% !important;
    height: 40px !important;
    background-color: #0f172a !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.sy-sub-submit:hover {
    background-color: #1e293b !important;
}

.sy-sub-footer {
    display: block;
    font-size: 11px;
    color: #94a3b8;
    margin-top: 12px;
}

/* ==========================================================================
   6. 底部 WHATSAPP 咨询条、标签胶囊与社交分享
   ========================================================================== */
/* WhatsApp CTA 横幅 */
.sy-post-cta-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #0f172a;
    border-radius: 16px;
    padding: 24px 30px;
    margin: 40px 0 30px 0;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);
    box-sizing: border-box;
    gap: 20px;
}

.sy-cta-left {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
}

.sy-wa-icon-box {
    width: 44px;
    height: 44px;
    min-width: 44px;
    background-color: #22c55e;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sy-cta-subtag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #94a3b8;
    margin-bottom: 4px;
    display: block;
}

.sy-cta-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 0 6px 0 !important;
}

.sy-cta-desc {
    font-size: 12.5px;
    color: #94a3b8;
    line-height: 1.5;
    margin: 0 !important;
}

.sy-cta-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 22px;
    background-color: #ffffff;
    color: #0f172a !important;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none !important;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.sy-cta-btn:hover {
    background-color: #f1f5f9;
    transform: translateY(-2px);
}

/* Tags 文章标签（灰色小胶囊） */
.sy-post-tags-row,
.elementor-widget-theme-post-terms {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 25px 0 20px 0;
}

.sy-tags-label {
    font-size: 12px;
    font-weight: 600;
    color: #64748b;
    margin-right: 4px;
}

.sy-post-tags-row a,
.elementor-widget-theme-post-terms a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #f1f5f9;
    color: #475569 !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 50px;
    text-decoration: none !important;
    transition: all 0.2s;
}

.sy-post-tags-row a:hover,
.elementor-widget-theme-post-terms a:hover {
    background-color: #e2e8f0;
    color: #0f172a !important;
}

/* 社交分享按钮 (圆形黑底微投影) */
.sy-share-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.sy-share-label {
    font-size: 12.5px;
    font-weight: 600;
    color: #64748b;
    margin-right: 6px;
}

.sy-share-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #0f172a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}

.sy-share-btn:hover {
    background-color: #1e293b;
    transform: scale(1.08);
}

/* ==========================================================================
   7. 底部相关文章推荐区域 (Explore More Articles)
   ========================================================================== */
.sy-related-section {
    max-width: 1220px;
    margin: 40px auto 70px;
    padding: 0 20px;
    box-sizing: border-box;
}

.sy-related-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-align: center;
    margin-bottom: 35px !important;
}

/* 推荐 3 列卡片网格复用样式 */
.sy-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}

/* ==========================================================================
   8. 移动端与平板端响应式断点适配
   ========================================================================== */
@media (max-width: 992px) {
    .sy-post-hero h1,
    .sy-post-hero .elementor-heading-title {
        font-size: 30px !important;
    }
    .sy-post-main-container {
        flex-direction: column;
        gap: 40px;
        padding-top: 30px;
    }
    .sy-post-sidebar-col {
        width: 100%;
        min-width: 100%;
        position: static; /* 移动端取消吸顶悬浮 */
    }
    .sy-toc-wrapper {
        max-height: none;
    }
    .sy-related-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .sy-post-hero {
        min-height: 360px;
        padding: 40px 16px;
    }
    .sy-post-hero h1 {
        font-size: 24px !important;
    }
    .sy-post-cta-banner {
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
    .sy-cta-btn {
        width: 100%;
    }
    .sy-related-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */