.elementor-3581 .elementor-element.elementor-element-7f1ea6d8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-3581 .elementor-element.elementor-element-14b09c94 .page-heading{padding:20px 0px 20px 0px;}.elementor-3581 .elementor-element.elementor-element-c61e9d0{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#00000026;--border-color:#00000026;--margin-top:50px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:90px;--padding-left:10px;--padding-right:10px;}.elementor-widget-theme-archive-etheme_title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3581 .elementor-element.elementor-element-30ef6a9{text-align:center;}.elementor-3581 .elementor-element.elementor-element-30ef6a9 .elementor-heading-title{font-family:"ChironGoRoundTC", Sans-serif;font-size:48px;color:#003366;}.elementor-3581 .elementor-element.elementor-element-20eaa07{--display:flex;}.elementor-3581 .elementor-element.elementor-element-a76032c{--cols:3;}@media(min-width:768px){.elementor-3581 .elementor-element.elementor-element-20eaa07{--content-width:1200px;}}@media(max-width:1024px){.elementor-3581 .elementor-element.elementor-element-7f1ea6d8{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-3581 .elementor-element.elementor-element-c61e9d0{--padding-top:0px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-3581 .elementor-element.elementor-element-a76032c{--cols:1;}}/* Start custom CSS for container, class: .elementor-element-20eaa07 *//* =========================================
   📂 XStore 歸檔頁面 (Archive) 終極美化
   ========================================= */

/* 1. 整個文章卡片 (Article) */
/* 強制等高、圓角、陰影 */
.moomoblue-xstore-grid .etheme-post {
    background-color: #FFFFFF !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 25px rgba(135, 206, 235, 0.15) !important;
    border: none !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
    display: flex !important;       /* 讓內容垂直排列 */
    flex-direction: column !important; 
    height: 100% !important;        /* 確保同一列卡片等高 */
    transition: all 0.3s ease !important;
}

/* 滑鼠移過去卡片浮起 */
.moomoblue-xstore-grid .etheme-post:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 40px rgba(135, 206, 235, 0.25) !important;
}

/* 2. 圖片區域 (Image Wrapper) */
/* 強制固定高度，解決長短腳問題 */
.moomoblue-xstore-grid .etheme-post-image-wrapper {
    width: 100% !important;
    height: 220px !important;       /* 固定高度 220px */
    overflow: hidden !important;
    position: relative !important;
    margin: 0 !important;
}

.moomoblue-xstore-grid .etheme-post-image-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;   /* 裁切圖片填滿，不變形 */
    transition: transform 0.5s ease !important;
}

/* 滑過圖片放大 */
.moomoblue-xstore-grid .etheme-post:hover .etheme-post-image-wrapper img {
    transform: scale(1.1) !important;
}

/* 3. 隱藏原本的日期標籤 (Date Label) */
/* 那個圓形的日期貼紙 */
.moomoblue-xstore-grid .etheme-post-date-label {
    display: none !important;
}

/* 4. 內容區域 (Content) */
.moomoblue-xstore-grid .etheme-post-content {
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;             /* 撐開高度，讓按鈕對齊底部 */
}

/* 5. 分類標籤 (Categories) - 變成藍色膠囊 */
.moomoblue-xstore-grid .etheme-post-terms {
    margin-bottom: 10px !important;
    display: block !important;
}

.moomoblue-xstore-grid .etheme-post-terms a {
    display: inline-block !important;
    background-color: #87CEEB !important; /* 淺藍色 */
    color: #FFFFFF !important;
    font-size: 12px !important;
    padding: 4px 12px !important;
    border-radius: 50px !important;
    margin-right: 5px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
}

/* 6. 文章標題 (Title) */
/* 限制最多 2 行，超過變 ... */
.moomoblue-xstore-grid .etheme-post-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin: 5px 0 10px 0 !important;
    
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.moomoblue-xstore-grid .etheme-post-title a {
    color: #333333 !important;
    text-decoration: none !important;
}

.moomoblue-xstore-grid .etheme-post-title a:hover {
    color: #003366 !important;
}

/* 7. 摘要 (Excerpt) */
/* 限制最多 3 行，超過變 ... */
.moomoblue-xstore-grid .etheme-post-excerpt {
    font-size: 14px !important;
    color: #666666 !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
    
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 8. 閱讀全文按鈕 (Button) */
/* 推到底部，並變成簡潔文字風 */
.moomoblue-xstore-grid .etheme-post-button {
    margin-top: auto !important;    /* 關鍵：推到最下面 */
    background: transparent !important;
    color: #003366 !important;
    border: none !important;
    padding: 0 !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
}

.moomoblue-xstore-grid .etheme-post-button:hover {
    color: #87CEEB !important;
    background: transparent !important;
}

/* 修正按鈕裡的箭頭 icon */
.moomoblue-xstore-grid .etheme-post-button svg {
    margin-left: 5px !important;
    transition: margin 0.3s ease !important;
}

.moomoblue-xstore-grid .etheme-post-button:hover svg {
    margin-left: 10px !important;
}/* End custom CSS */