/* Section 基礎設定 */
.deconstruct-top-section {
    background-color: #FFF9F9; /* 淡粉色背景 */
    padding: 60px 0;
    overflow: hidden;
}

/* 標籤裝飾線 */
.deconstruct-header {
    display: flex;
    align-items: center;
    gap: 15px;
}

.deconstruct-label-line {
    width: 40px;
    height: 2px;
    background: linear-gradient(90deg, #E80C7B, #B4E800);
    display: inline-block;
}

.deconstruct-label-text {
    color: #E80C7B;
    font-weight: bold;
    letter-spacing: 2px;
}

/* 主標題樣式 */
.deconstruct-main-title {
    font-size: 41px; /* 根據文字量調整大小 */
    color: #DD3B61; /* 淺磚紅色/粉橙色 */
    line-height: 62px;
    font-weight: 300; /* 較幼的字體更有氣質 */
    letter-spacing: 5px;
    max-width: 600px;
}

.highlight-pink {
    color: #DE5D84; /* 重點文字用深粉色 */
    font-weight: bold;
}

/* 底部白色方框 */
.deconstruct-summary-box {
    background: #fff;
    border-radius: 10px;
    padding: 25px 30px;
    border-left: 5px solid #D7385E;
    box-shadow: 0 4px 15px rgba(232, 12, 123, 0.05);
    max-width: 550px;
    margin-bottom: 10px;
}

.deconstruct-summary-box p {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    margin-bottom: 0;
}

/* 螢光綠高亮背景 */
.highlight-green {
    background-color: #B1FF55; /* 鮮豔的青檸綠 */
    color: #333; /* 深色文字對比更好 */
    padding: 2px 5px;
    margin: 0 2px;
    font-weight: bold;
}

/* 右側圖片 */
.deconstruct-image-wrapper {
    position: relative;
}

.deconstruct-hero-img {
    max-width: 90%; /* 控制圖片大小，留有呼吸感 */
    height: auto;
}

/* --- 解構 Equol 手機版適配 --- */
@media (max-width: 991px) {
    .deconstruct-top-section {
        padding: 40px 0;
        /* 注意：這裡不設 text-align: center，因為截圖顯示文字是左對齊的 */
    }

    /* 標題調整 */
    .deconstruct-main-title {
        font-size: 28px; /* 桌面版是 41px，手機版調細 */
        line-height: 38px; /* 調整行高讓閱讀更舒服 */
        letter-spacing: 5px; /* 縮減字距避免換行過多 */
        margin-bottom: 30px !important;
    }

    /* 標題內的 br 標籤 */
    .deconstruct-main-title br {
        display: inline; /* 如果文字太長，可以考慮讓它自然換行，或者保持 block 強制換行 */
    }

    /* 白色方框調整 */
    .deconstruct-summary-box {
        max-width: 100%; /* 手機版佔滿寬度 */
        margin-bottom: 20px; /* 與下方圖片拉開距離 */
        padding: 20px;
    }

    .deconstruct-summary-box p {
        font-size: 12px;
        line-height: 22px;
    }

    /* 圖片調整 */
    .deconstruct-image-wrapper {
        margin-top: 10px;
        text-align: center; /* 確保圖片置中 */
    }

    .deconstruct-hero-img {
        max-width: 60%; /* 根據截圖，圖片在底部稍微留白 */
        height: auto;
    }
}

/* --- 什麼是 Equol Section --- */
.what-is-equol-section {
    background-color: #fff; /* 或者是淡粉色 #FFF9F9，視乎你想要連貫感定係區隔 */
    padding: 60px 0;
}

/* 標題樣式 */
.section-title {
    font-size: 32px;
    color: #D7385E; /* 沿用之前的深粉紅色 */
    font-weight: bold;
    letter-spacing: 1px;
}

/* 卡片容器樣式 */
.info-card {
    background-color: #fff;
    border-radius: 15px;
    /* 頂部粗線裝飾 */
    border-top: 6px solid #D7385E;
    /* 左右及底部幼線 (選用，視乎你想唔想要邊框) */
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    
    padding: 30px 20px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    height: 100%; /* 確保所有卡片高度一致 */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.info-card:hover {
    transform: translateY(-5px); /* 滑鼠指上去有少少浮起效果 */
}

/* 卡片內文字 */
.card-desc {
    font-size: 16px;
    color: #0E1618;
    margin-bottom: 10px;
    font-weight: 500;
}

.card-main-text {
    font-size: 20px;
    color: #0E1618;
    font-weight: bold;
    margin-bottom: 25px;
}

/* 底部倒三角圖形 (CSS 繪製) */
.card-caret {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #D7385E; /* 三角形顏色 */
}

/* --- 手機版適配 (打直顯示) --- */
@media (max-width: 991px) {
    .what-is-equol-section {
        padding: 40px 10px;
    }

    .section-title {
        font-size: 24px;
        margin-bottom: 20px !important;
    }

    /* 卡片在手機版會自動變成一列，只需要調整間距 */
    .info-card {
        padding: 30px 20px;
        margin-bottom: 10px; /* 卡片之間的距離 */
    }
    
    /* 修正 Bootstrap grid 在手機版的 margin */
    .col-md-6 {
        margin-bottom: 20px;
    }
    
    /* 最後一張卡片唔需要底部 margin */
    .col-lg-3:last-child .info-card {
        margin-bottom: 0;
    }
}

/* --- Equol 力量 Section --- */
.equol-power-section {
    background-color: #F8F9F9; /* 極淡的灰色背景，區隔開上一區塊 */
    padding: 60px 0;
}

/* 標題樣式 */
.power-title {
    font-size: 32px;
    color: #DD3B61; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題樣式 */
.power-subtitle {
    font-size: 18px;
    color: #0E1618; /* 深黑色 */
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.power-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* 圖片樣式 (陰影與圓角) */
.shadow-card-img {
    border-radius: 20px; /* 圓角 */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); /* 柔和的浮起陰影 */
    background-color: #fff; /* 確保 PNG 背景係白色 (如果圖片本身透明) */
    max-width: 100%;
    height: auto;
    width: 400px; /* 限制最大寬度，避免圖片過大 */
}

/* --- 手機版適配 (打直顯示) --- */
@media (max-width: 991px) {
    .equol-power-section {
        padding: 40px 10px;
    }

    .power-title {
        font-size: 24px; /* 手機版標題調細 */
        margin-bottom: 20px !important;
    }

    .power-subtitle {
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }

    .power-desc p {
        font-size: 16px;
        margin-bottom: 0;
    }

    /* 圖片區域調整 */
    .power-image-wrapper {
        margin-top: 40px; /* 與上方文字拉開距離 */
        text-align: center !important; /* 強制置中 */
    }

    .shadow-card-img {
        width: 100%; /* 手機版圖片佔滿寬度 */
        max-width: 320px; /* 但唔好太大 */
    }
}

/* --- 生產 Equol Section --- */
.equol-production-section {
    background-color: #fff; /* 白色背景 */
    padding: 60px 0;
}

/* 標題樣式 */
.production-title {
    font-size: 32px;
    color: #DD3B61; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題 (粗體強調) */
.production-subtitle {
    font-size: 18px;
    color: #0E1618;
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.production-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 15px; /* 段落間距 */
}

/* 圖片樣式 */
.production-img {
    max-width: 100%;
    height: auto;
    /* 如果需要圖片有些微距離調整，可以在這裡加 padding */
}

/* --- 手機版適配 (上文下圖) --- */
@media (max-width: 991px) {
    .equol-production-section {
        padding: 40px 10px;
    }

    /* 標題調整 */
    .production-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .production-subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }

    /* 圖片區域調整 */
    .production-image-wrapper {
        margin-top: 10px; /* 圖片在下方，與上方文字拉開距離 */
        text-align: center !important; /* 圖片置中 */
    }

    .production-img {
        max-width: 100%; /* 手機版圖片佔滿 */
    }
}

/* --- 全球數據 Section --- */
.global-stats-section {
    background-color: #F8F9F9; /* 極淡灰色背景，與純白區塊交替 */
    padding: 60px 0;
}

/* 標題樣式 */
.stats-title {
    font-size: 32px;
    color: #DD3B61; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題 (提問) */
.stats-subtitle {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.stats-desc p {
    font-size: 16px;
    color: #666666; /* 較深的灰色，易於閱讀 */
    line-height: 32px; /* 增加行高，讓條列感更清晰 */
    margin-bottom: 10px;
}

/* 螢光綠高亮 (沿用之前的設計邏輯) */
.highlight-green {
    background-color: #B1FF55;
    color: #000;
    padding: 2px 8px; /* 稍微加寬 padding */
    font-weight: bold;
    margin: 0 3px;
}

/* 資料來源細字 */
.stats-source {
    font-size: 13px;
    color: #999;
    font-weight: 400;
}

/* 圖片樣式 */
.stats-map-img {
    max-width: 100%;
    height: auto;
}

/* --- 全球數據 Section --- */
.global-stats-section {
    background-color: #F8F9F9;
    padding: 100px 0;
}

/* 標題樣式 */
.stats-title {
    font-size: 36px;
    color: #D7385E;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

.stats-subtitle {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
}

.stats-desc p {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    margin-bottom: 10px;
}

.highlight-green {
    background-color: #B1FF55;
    color: #000;
    padding: 2px 8px;
    font-weight: bold;
    margin: 0 3px;
}

.stats-source {
    font-size: 13px;
    color: #999;
    font-weight: 400;
}

.stats-map-img {
    max-width: 100%;
    height: auto;
}

/* --- 手機版適配 --- */
@media (max-width: 991px) {
    .global-stats-section {
        padding: 40px 10px;
    }

    .stats-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .stats-subtitle {
        font-size: 18px;
        margin-bottom: 20px !important;
    }

    .stats-image-wrapper {
        margin-top: 10px;
        text-align: center !important;
    }

    /* 手機版圖片特別設定 */
    .stats-map-img.d-block {
        width: 100%; /* 手機版地圖佔滿寬度 */
        max-width: 500px; /* 限制最大寬度，避免在平板上太巨型 */
    }
}


/* --- 腸道菌生成機制 Section --- */
.gut-bacteria-section {
    background-color: #fff; /* 白色背景 */
    padding: 60px 0;
}

/* 標題樣式 */
.gut-title {
    font-size: 32px;
    color: #DD3B61; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題 (粗體強調) */
.gut-subtitle {
    font-size: 18px;
    color: #0E1618;
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.gut-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* 圖片樣式 */
.gut-img {
    max-width: 100%;
    height: auto;
    /* 如果圖片需要稍微縮小一點，可以設定 max-width，例如 90% */
}

/* --- 手機版適配 (上文下圖) --- */
@media (max-width: 991px) {
    .gut-bacteria-section {
        padding: 40px 10px;
    }

    /* 標題調整 */
    .gut-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .gut-subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }



    /* 圖片區域調整 */
    .gut-image-wrapper {
        margin-top: 10px; /* 圖片在下方，與上方文字拉開距離 */
        text-align: center !important; /* 強制置中 */
    }

    .gut-img {
        max-width: 100%; /* 手機版圖片佔滿寬度 */
    }
}

/* --- 每日攝取量 Section --- */
.daily-intake-section {
    background-color: #F8F9F9; /* 極淡灰色背景，與上一區塊區隔 */
    padding: 60px 0;
}

/* 標題樣式 */
.intake-title {
    font-size: 32px;
    color: #D7385E; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題 (粗體強調) */
.intake-subtitle {
    font-size: 18px;
    color: #0E1618;
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.intake-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* 圖片樣式 */
.intake-img {
    max-width: 100%;
    height: auto;
    /* 如果你想幫張 PNG 加少少陰影令佢更立體，可以開下面呢行 */
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.05); border-radius: 15px; */
}

/* --- 手機版適配 (上文下圖) --- */
@media (max-width: 991px) {
    .daily-intake-section {
        padding: 40px 10px;
    }

    /* 標題調整 */
    .intake-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .intake-subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }

    /* 圖片區域調整 */
    .intake-image-wrapper {
        margin-top: 10px; /* 圖片在下方，與上方文字拉開距離 */
        text-align: center !important; /* 強制置中 */
    }
    
    .intake-img {
        max-width: 100%; /* 手機版圖片佔滿 */
    }
}


/* --- 年輕世代 Section --- */
.young-generation-section {
    background-color: #fff; /* 白色背景 */
    padding: 60px 0;
}

/* 標題樣式 */
.young-title {
    font-size: 32px;
    color: #DD3B61; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題 */
.young-subtitle {
    font-size: 18px;
    color: #0E1618;
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.young-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 15px;
}

/* 強調數字 (加粗黑色) */
.young-desc strong {
    color: #000;
    font-weight: bold;
}

/* 資料來源小字 */
.young-source {
    font-size: 12px;
    color: #999;
    margin-top: 20px;
}

/* 圖片樣式 */
.young-gen-img {

    height: auto;
    /* 如果你想圖片唔好咁大張，可以開下面呢行限制寬度 */
    max-width: 80%;
    margin: 0 auto;
    display: block;
}

/* --- 手機版適配 (上文下圖) --- */
@media (max-width: 991px) {
    .young-generation-section {
        padding: 40px 10px;
    }

    /* 標題調整 */
    .young-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .young-subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }

    /* 圖片區域調整 */
    .young-image-wrapper {
        margin-top: 10px; /* 圖片在下方，與上方文字拉開距離 */
        text-align: center !important; /* 強制置中 */
    }

    .young-gen-img {
        max-width: 100%; /* 手機版圖片佔滿 */
    }
}

/* --- 產量波動 Section --- */
.equol-fluctuation-section {
    background-color: #F8F9F9;
    padding: 60px 0;
}

/* 標題樣式 */
.fluctuation-title {
    font-size: 32px;
    color: #D7385E;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

.fluctuation-subtitle {
    font-size: 18px;
    color: #0E1618;
    font-weight: bold;
    line-height: 1.6;
}

.fluctuation-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* 圖片樣式 */
.fluctuation-img {
    max-width: 100%;
    height: auto;
}

/* --- 手機版適配 --- */
@media (max-width: 991px) {
    .equol-fluctuation-section {
        padding: 40px 10px;
    }

    .fluctuation-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .fluctuation-subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }

    .fluctuation-image-wrapper {
        margin-top: 10px;
        text-align: center !important;
    }

    /* 手機版圖片特別設定 */
    .fluctuation-img.d-block {
        width: 100%; /* 手機版圖片佔滿寬度 */
        max-width: 500px; /* 限制最大寬度，避免在平板上太巨型 */
    }
}

/* --- 一般飲食不足 Section --- */
.diet-insufficiency-section {
    background-color: #fff; /* 白色背景 */
    padding: 60px 0;
}

/* 標題樣式 */
.diet-title {
    font-size: 32px;
    color: #DD3B61; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題 */
.diet-subtitle {
    font-size: 18px;
    color: #0E1618;
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.diet-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 15px;
}

/* 內文強調 (加粗) */
.diet-desc strong {
    color: #000;
    font-weight: bold;
}

/* 資料來源小字 */
.diet-source {
    font-size: 14px;
    color: #999;
    margin-top: 20px;
    font-weight: 300;
}

/* 圖片與圖說樣式 */
.diet-chart-img {
    max-width: 310px;
    height: auto;
    margin: 0 auto;
    display: block;
    /* 如果圖片太大，可以限制寬度，例如： */
    /* max-width: 450px; */
}

.chart-caption {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    letter-spacing: 1px;
}

/* --- 手機版適配 (上文下圖) --- */
@media (max-width: 991px) {
    .diet-insufficiency-section {
        padding: 40px 10px;
    }

    /* 標題調整 */
    .diet-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .diet-subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }

    /* 圖片區域調整 */
    .diet-image-wrapper {
        margin-top: 10px; /* 圖片在下方，與上方文字拉開距離 */
        text-align: center !important; /* 強制置中 */
    }

    .diet-chart-img {
        max-width: 100%; /* 手機版圖片佔滿 */
    }
}


/* --- 每日攝取重要性 Section --- */
.daily-importance-section {
    background-color: #F8F9F9; /* 淡灰色背景，與上一段白色區隔 */
    padding: 60px 0;
}

/* 標題樣式 */
.importance-title {
    font-size: 32px;
    color: #DD3B61; /* 深粉紅色 */
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 1px;
}

/* 副標題 */
.importance-subtitle {
    font-size: 18px;
    color: #0E1618;
    font-weight: bold;
    line-height: 1.6;
}

/* 內文樣式 */
.importance-desc p {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* 圖片樣式 */
.importance-img {
    max-width: 381px;
    height: auto;
    margin:0 auto;
    display: block;
    /* 根據你的圖片設計，如果本身周圍有圓圈，建議稍微縮小一點寬度以免太滿 */
    /* max-width: 90%; */ 
}

/* --- 手機版適配 (上文下圖) --- */
@media (max-width: 991px) {
    .daily-importance-section {
        padding: 40px 10px;
    }

    /* 標題調整 */
    .importance-title {
        font-size: 26px;
        margin-bottom: 20px !important;
    }

    .importance-subtitle {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 20px !important;
    }

    /* 圖片區域調整 */
    .importance-image-wrapper {
        margin-top: 10px; /* 圖片在下方，與上方文字拉開距離 */
        text-align: center !important; /* 強制置中 */
    }

    .importance-img {
        max-width: 100%; /* 手機版圖片佔滿 */
        padding: 0 15px; /* 手機版左右留少少邊，避免圓圈貼邊 */
    }
}

/* --- 關鍵菌株與參考 Section --- */
.key-strain-section {
    background-color: #fff;
    padding: 60px 0;
}

/* 通用卡片樣式 (與之前的 usage-card 類似) */
.strain-card, 
.reference-card {
    background-color: #fff;
    border-top: 5px solid #D7385E; /* 深粉紅色頂部線條 */
    border-radius: 20px;
    padding: 40px 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* --- 上方卡片樣式 --- */

/* 標題與標籤 */
.strain-title {
    font-size: 24px;
    font-weight: bold;
    color: #D7385E;
    line-height: 1.5;
}

.strain-badge {
    display: inline-block;
    background-color: #D7385E;
    color: #fff;
    padding: 5px 20px;
    border-radius: 50px;
    font-size: 24px;
    margin-left: 10px;
    vertical-align: middle;
}

/* 內文 */
.strain-content p {
    font-size: 15px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify; /* 左右對齊讓大量文字更整齊 */
}

.strain-content strong {
    color: #000;
    font-weight: bold;
}

/* 分隔線 */
.strain-divider {
    border: 0;
    height: 1px;
    background: #eee;
    margin: 30px 0;
}

/* 右側圖片 */
.strain-img {
    max-width: 186px;
    height: auto;
    /* 如果圖片本身比較小，可以加個最大寬度限制 */
    /* max-width: 250px; */ 
}

/* --- 下方參考文獻卡片樣式 --- */
.reference-card {
    padding: 30px 50px; /* 稍微扁一點 */
}

.reference-title {
    font-size: 24px;
    font-weight: bold;
    color: #D7385E;
}

.reference-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.reference-list li {
    position: relative;
    padding-left: 20px;
    font-size: 13px;
    color: #666;
    margin-bottom: 8px;
    line-height: 1.6;
}

/* 圓點樣式 */
.reference-list li::before {
    content: "●";
    color: #D7385E;
    position: absolute;
    left: 0;
    font-size: 10px;
    top: 2px; /* 微調圓點高度 */
}

.align-items-top {
    align-items: flex-start !important;
}

/* --- 手機版適配 --- */
@media (max-width: 991px) {
    .key-strain-section {
        padding: 40px 10px;
    }

    .strain-card, 
    .reference-card {
        padding: 30px 20px; /* 手機版內距縮小 */
    }

    /* 標題與 Badge 調整 */
    .strain-title {
        font-size: 20px;
        line-height: 1.6;
    }

    .strain-badge {
        display: inline-block; /* 讓長標籤在手機上換行顯示 */
        margin-left: 0;
        margin-top: 10px;
        font-size: 18px;
        padding: 5px 15px;
    }

    /* 內文調整 */
    .strain-content p {
        font-size: 15px;
        text-align: left; /* 手機版取消 justify，閱讀較自然 */
    }

    /* 圖片位置調整 */
    .strain-image-wrapper {
        margin-top: 0;
        text-align: center;
    }
    
    .strain-img {
        max-width: 60%; /* 手機版圖片大小控制 */
        margin: 0 auto;
    }
}