.elementor-127 .elementor-element.elementor-element-4923cff1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-127 .elementor-element.elementor-element-1ac066b3.elementor-element{--align-self:center;}.elementor-127 .elementor-element.elementor-element-3b28b7e7.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-127 .elementor-element.elementor-element-cd5ebcb{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-127 .elementor-element.elementor-element-cd5ebcb:after{content:"0.66";}.elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-post__thumbnail__link{width:30%;}.elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-post__meta-data span + span:before{content:"/";}.elementor-127 .elementor-element.elementor-element-cd5ebcb.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-127 .elementor-element.elementor-element-cd5ebcb.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-127 .elementor-element.elementor-element-cd5ebcb.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-127 .elementor-element.elementor-element-64d23c3e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(max-width:767px){.elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-127 .elementor-element.elementor-element-cd5ebcb:after{content:"0.5";}.elementor-127 .elementor-element.elementor-element-cd5ebcb .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for theme-archive-title, class: .elementor-element-1ac066b3 */.custom-post-title h1, 
.custom-post-title.elementor-widget-heading .elementor-heading-title {
    color: #111827; 
    font-size: 2.25rem; 
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 24px;
    text-align: center; 
}

@media (max-width: 767px) {
    .custom-post-title h1,
    .custom-post-title.elementor-widget-heading .elementor-heading-title {
        font-size: 1.75rem; /* 28px */
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3b28b7e7 */.cv-bulletin-board {
    background-color: #ffffff;
    background-image: radial-gradient(circle at 0% 0%, #ffffff 0%, #f8fafc 100%);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    
    box-shadow: 
        0 10px 25px -5px rgba(0, 0, 0, 0.05), 
        0 8px 10px -6px rgba(0, 0, 0, 0.01),
        0 0 0 6px #f1f5f9;
    
    padding: 48px;
    margin: 48px auto;
    max-width: 680px;
    position: relative;
    overflow: hidden;
}

.cv-bulletin-board::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, #1B7CFF, #00C4B3);
}

.cv-bulletin-board p,
.cv-bulletin-board .entry-content p {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 1.125rem !important;
    line-height: 1.8 !important;
    color: #374151 !important;
    margin-bottom: 24px !important;
    text-align: justify;
    letter-spacing: 0.01em;
}

.cv-bulletin-board p:last-child {
    margin-bottom: 0 !important;
}

.cv-bulletin-board h2, 
.cv-bulletin-board h3, 
.cv-bulletin-board h4 {
    color: #111827;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 800;
    position: relative;
    padding-bottom: 12px;
}

.cv-bulletin-board h2::after,
.cv-bulletin-board h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #e5e7eb;
}

@media (max-width: 768px) {
    .cv-bulletin-board {
        padding: 32px 24px;
        margin: 32px 0;
        width: 100% !important;
        border-radius: 12px;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 0 0 4px #f1f5f9;
        background-image: none;
    }
    
    .cv-bulletin-board p,
    .cv-bulletin-board .entry-content p {
        font-size: 1rem !important;
        line-height: 1.7 !important;
        margin-bottom: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-cd5ebcb *//* =========================================
   WordPress Elementor 文章列表樣式優化
   用途：美化預設列表 + 修復手機版內容消失問題
   
   [安裝說明]
   1. 請將此代碼貼入 WordPress 後台 -> 外觀 -> 自訂 -> 額外 CSS
   2. 或是 Elementor 編輯器 -> Site Settings -> Custom CSS
   3. 關鍵：請確保您的 Elementor Posts Widget (文章列表小工具) 
      在 "Advanced" 分頁的 "CSS Classes" 欄位中填入 "custom-archive-list"
   ========================================= */

/* --- 1. 卡片容器樣式 --- */
.custom-archive-list .elementor-post {
    background-color: #ffffff;
    padding: 24px;
    margin-bottom: 24px !important; /* 卡片間距 */
    border: 1px solid #e5e7eb; /* 淺灰邊框 border-gray-200 */
    border-radius: 12px; /* 圓角 */
    transition: all 0.3s ease; /* 動畫過渡 */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); /* 預設微陰影 */
}

/* 滑鼠懸停效果 (浮起 + 陰影 + 藍色邊框) - 增加點擊率 (CTR) */
.custom-archive-list .elementor-post:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    border-color: #bfdbfe; /* 淺藍色邊框 border-blue-200 */
}

/* --- 2. 圖片樣式優化 --- */
.custom-archive-list .elementor-post__thumbnail__link {
    border-radius: 8px;
    overflow: hidden;
    display: block;
}

.custom-archive-list .elementor-post__thumbnail {
    padding-bottom: 60% !important; /* 強制圖片比例一致 (避免長短不一導致版面亂) */
    background-size: cover;
    background-position: center;
}

/* --- 3. 標題樣式 (H Tag) --- */
.custom-archive-list .elementor-post__title {
    font-size: 1.25rem !important; /* 20px */
    font-weight: 700;
    line-height: 1.4;
    margin-top: 16px !important;
    margin-bottom: 12px !important;
}

.custom-archive-list .elementor-post__title a {
    color: #111827; /* 深灰黑 gray-900 */
    transition: color 0.2s;
    text-decoration: none;
}

.custom-archive-list .elementor-post__title a:hover {
    color: #2563EB; /* 懸停變權威藍 blue-600 */
}

/* --- 4. 摘要文字 (Excerpt) --- */
.custom-archive-list .elementor-post__excerpt p {
    font-size: 1rem;
    color: #6b7280; /* 灰色 gray-500 */
    line-height: 1.6;
    margin-bottom: 16px;
}

/* --- 5. Meta 資訊 (日期、作者) --- */
.custom-archive-list .elementor-post__meta-data {
    font-size: 0.875rem;
    color: #9ca3af; /* 淺灰 gray-400 */
    margin-bottom: 12px;
}

/* --- 6. 閱讀更多按鈕 (CTA) --- */
.custom-archive-list .elementor-post__read-more {
    font-size: 0.875rem;
    font-weight: 600;
    color: #2563EB; /* blue-600 */
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    margin-top: 8px;
}

.custom-archive-list .elementor-post__read-more:hover {
    color: #1e3a8a; /* blue-900 */
    text-decoration: underline;
}

/* --- 7. 手機版關鍵修正 (Mobile Optimization) --- */
/* 解決問題：Elementor 預設 Flex Row 導致手機版內容被壓縮至消失 */
@media (max-width: 767px) {
    
    .custom-archive-list .elementor-post {
        padding: 16px; /* 手機版內距縮小，增加螢幕利用率 */
        
        /* ✨ 關鍵修正：強制改為垂直排列 */
        display: flex !important;
        flex-direction: column !important;
    }

    /* 強制圖片寬度滿版，並置於上方 */
    .custom-archive-list .elementor-post__thumbnail__link {
        width: 100% !important;
        margin-bottom: 16px;
        margin-right: 0 !important; /* 清除可能存在的右邊距 */
    }
    
    /* 強制文字區塊寬度滿版 */
    .custom-archive-list .elementor-post__text {
        width: 100% !important;
    }
    
    /* 手機版標題稍微縮小，優化閱讀體驗 */
    .custom-archive-list .elementor-post__title {
        font-size: 1.125rem !important; /* 18px */
        margin-top: 0 !important;
    }
}/* End custom CSS */