/* =========================================
   全域 H2 標題統一設定 (Typography)
   強制覆蓋預設樣式，確保全站字體、大小完全一致
========================================= */
.mainContent h2,
.gray-bg h2,
.atlas-title h2,
.faq-section h2,
.connect-intro-module h2,
/* 💡 新增：產品簡介影音區塊 */
.connect-bottleneck-module h2,
/* 💡 新增：技術瓶頸微互動區塊 */
.connect-atlas-module h2

/* 💡 新增：確保 Atlas Tabs 模組內的標題也絕對安全 */
    {
    color: #000000 !important;
    font-size: 1.8rem !important;
    font-weight: 800 !important;
    line-height: 1.3;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

/* =========================================
   樣式 A1：靠左對齊 + 黃色飾條 (用於一般段落)
========================================= */
.connect-title-accent {
    border-left: 6px solid #ffdc19 !important;
    padding-left: 16px !important;
    text-align: left !important;
    display: inline-block !important;
    /* 維持靠左的區塊特性 */
    margin-left: 0 !important;
    /* 確保絕對不會被置中 */
    max-width: 100%;
}

/* =========================================
   樣式 A2：置中對齊 + 黃色飾條 (用於大區塊主標題)
========================================= */
.connect-title-accent-center {
    border-left: 6px solid #ffdc19 !important;
    padding-left: 16px !important;
    text-align: left !important;
    /* 讓文字換行時依然整齊貼齊飾條 */
    display: block !important;
    width: fit-content !important;
    /* 讓寬度剛剛好包覆文字 */
    margin-left: auto !important;
    /* 左右 auto 達成完美置中 */
    margin-right: auto !important;
    max-width: 100%;
}

/* =========================================
   樣式 B：純置中對齊 (無黃色飾條)
========================================= */
.connect-title-center {
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

/* =========================================
   樣式 B：置中對齊 (無飾條)
========================================= */
.connect-title-center {
    text-align: center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
}

/* ==========================================================================
   全域共用：現代化區塊副標題 (Global Section Subtitle)
   ========================================================================== */
.connect-section-subtitle {
    max-width: 800px;
    margin: 1rem auto 0 auto;
    /* 自動左右置中，並與上方標題保持完美呼吸空間 */
    color: #4b5563;
    /* 捨棄純黑，使用降低視覺疲勞的高級深灰 */
    font-size: 1.15rem;
    line-height: 1.7;
}

/* 手機版字體微調 */
@media (max-width: 768px) {
    .connect-section-subtitle {
        font-size: 1.05rem;
        padding: 0 15px;
        /* 確保手機版左右有安全距離 */
    }
}