.elementor-11 .elementor-element.elementor-element-0dbf0c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 0px 10px 0px rgba(135, 206.00000000000009, 235, 0.3);--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-11 .elementor-element.elementor-element-0af3b7b{--display:flex;}.elementor-widget-image .widget-image-caption{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-11 .elementor-element.elementor-element-63b6600 img{width:200%;border-radius:1000px 1000px 1000px 1000px;}.elementor-11 .elementor-element.elementor-element-106e649{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .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-11 .elementor-element.elementor-element-da8f86d .elementor-heading-title{font-family:"ChironGoRoundTC", Sans-serif;font-size:40px;color:#003366;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-5c00394{font-family:"ChironGoRoundTC", Sans-serif;font-size:20px;font-weight:400;color:#555555;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-11 .elementor-element.elementor-element-bdd5bd3{--e-search-submit-margin-inline-start:8px;}.elementor-11 .elementor-element.elementor-element-e73dfa2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-ba488dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-11 .elementor-element.elementor-element-5454161 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-11 .elementor-element.elementor-element-5454161 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11 .elementor-element.elementor-element-5454161 .elementor-image-box-title{font-family:"ChironGoRoundTC", Sans-serif;font-size:18px;font-weight:600;color:#555555;}.elementor-11 .elementor-element.elementor-element-98d026e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-361b31f .elementor-image-box-wrapper .elementor-image-box-img{width:42%;}.elementor-11 .elementor-element.elementor-element-361b31f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11 .elementor-element.elementor-element-361b31f .elementor-image-box-title{font-family:"ChironGoRoundTC", Sans-serif;font-size:18px;font-weight:600;color:#555555;}.elementor-11 .elementor-element.elementor-element-373b573{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-2d216a5 .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-11 .elementor-element.elementor-element-2d216a5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11 .elementor-element.elementor-element-2d216a5 .elementor-image-box-title{font-family:"ChironGoRoundTC", Sans-serif;font-size:18px;font-weight:600;color:#555555;}.elementor-11 .elementor-element.elementor-element-9f281d0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-cf26d0f .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-11 .elementor-element.elementor-element-cf26d0f .elementor-image-box-img img{transition-duration:0.3s;}.elementor-11 .elementor-element.elementor-element-cf26d0f .elementor-image-box-title{font-family:"ChironGoRoundTC", Sans-serif;font-size:18px;font-weight:600;color:#555555;}.elementor-11 .elementor-element.elementor-element-aac4b67{--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;--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-1fca495{text-align:center;}.elementor-11 .elementor-element.elementor-element-1fca495 .elementor-heading-title{font-family:"ChironGoRoundTC", Sans-serif;font-size:28px;color:#003366;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{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-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11 .elementor-element.elementor-element-7e44496{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-11 .elementor-element.elementor-element-7e44496 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-11 .elementor-element.elementor-element-7e44496:after{content:"0.66";}.elementor-11 .elementor-element.elementor-element-7e44496 .elementor-post__thumbnail__link{width:100%;}.elementor-11 .elementor-element.elementor-element-7e44496 .elementor-post__meta-data span + span:before{content:"///";}.elementor-11 .elementor-element.elementor-element-7e44496.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-11 .elementor-element.elementor-element-7e44496.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-11 .elementor-element.elementor-element-7e44496.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-e73dfa2{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-0dbf0c7{--content-width:1000px;}.elementor-11 .elementor-element.elementor-element-0af3b7b{--width:30%;}.elementor-11 .elementor-element.elementor-element-106e649{--width:70%;}.elementor-11 .elementor-element.elementor-element-e73dfa2{--content-width:1000px;}.elementor-11 .elementor-element.elementor-element-aac4b67{--content-width:1000px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-5c00394{font-size:14px;}.elementor-11 .elementor-element.elementor-element-e73dfa2{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-11 .elementor-element.elementor-element-aac4b67{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-11 .elementor-element.elementor-element-1fca495 .elementor-heading-title{line-height:1.5em;}.elementor-11 .elementor-element.elementor-element-7e44496 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-11 .elementor-element.elementor-element-7e44496:after{content:"0.5";}.elementor-11 .elementor-element.elementor-element-7e44496 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for search, class: .elementor-element-bdd5bd3 *//* =========================================
   🔧 新版 Elementor 搜尋框修正 (.e-search-form)
   ========================================= */

/* 1. 鎖定表單容器 (外框)：設定圓角與邊框 */
form.e-search-form {
    display: flex !important;
    align-items: stretch !important; /* 讓內部所有元件等高 */
    justify-content: space-between !important;
    border: 2px solid #F0F8FF !important; /* 淡淡藍色邊框 */
    border-radius: 50px !important;       /* 圓角膠囊 */
    background-color: #FFFFFF !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 50px !important;              /* 🔒 強制鎖定高度 */
    overflow: hidden !important;          /* 切除多餘圓角 */
    box-shadow: 0 5px 15px rgba(135, 206, 235, 0.15) !important;
}

/* 2. 輸入框容器 (Wrapper)：填滿剩餘空間 */
.e-search-input-wrapper {
    flex-grow: 1 !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* 3. 輸入框本體 (Input)：移除邊框，填滿高度 */
input.e-search-input {
    height: 100% !important;        /* 跟外框一樣高 */
    border: none !important;        /* 移除自帶邊框 */
    background: transparent !important;
    padding: 15px 25px 25px 25px !important; /* 文字左側留白 */
    border-radius: 0 !important;    /* 圓角交給外框 */
    box-shadow: none !important;
    font-size: 15px !important;
    color: #555 !important;
    line-height: normal !important;
}

/* 4. 搜尋按鈕 (Button)：對齊修正 */
button.e-search-submit {
    height: 100% !important;        /* 跟外框一樣高 */
    margin: 0 !important;           /* 移除所有外距 */
    border: none !important;
    border-radius: 0 !important;    /* 圓角交給外框 */
    padding: 0 25px !important;
    background-color: #87CEEB !important; /* 品牌藍 */
    color: #FFFFFF !important;
    display: flex !important;       /* 彈性排版 */
    align-items: center !important; /* 垂直置中 */
    justify-content: center !important;
    min-width: 80px !important;     /* 確保按鈕夠寬 */
}

/* 按鈕內的文字與圖示對齊 */
button.e-search-submit i,
button.e-search-submit svg,
button.e-search-submit span {
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1 !important;
}

/* 滑鼠移過按鈕 */
button.e-search-submit:hover {
    background-color: #003366 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0dbf0c7 *//* =========================================
   Moomoblue 手機版專用優化 (Mobile Only)
   ========================================= */

@media screen and (max-width: 767px) {
    
    /* 1. Hero 白色卡片 - 釋放空間 */
    .moomoblue-card {
        padding: 30px 20px !important; /* 上下30，左右20 (比電腦版少很多) */
        margin-top: 20px !important; /* 離頂部近一點 */
        border-radius: 20px !important; /* 圓角稍微小一點 */
    }

    /* 2. 吉祥物圖片 (3D Icon) - 縮小 */
    /* 假設你的圖片放在這張卡片的第一個欄位 */
    .moomoblue-card .elementor-widget-image img {
        width: 140px !important; /* 限制最大寬度，避免佔滿螢幕 */
        margin-bottom: 15px !important; /* 與標題拉開一點距離 */
    }
    
    /* 3. 主標題 (H1) - 字體縮小 */
    .moomoblue-card h1, 
    .moomoblue-card .elementor-heading-title {
        font-size: 26px !important; /* 手機上 26-28px 比較剛好 */
        line-height: 1.3 !important;
        margin-bottom: 10px !important;
    }

    /* 4. 搜尋框 - 完美適配 */
    .moomoblue-hero-search form,
    .moomoblue-hero-search .et-search-form {
        max-width: 100% !important; /* 佔滿卡片寬度 */
    }

    .moomoblue-hero-search input.search-field,
    .moomoblue-hero-search input[type="search"] {
        height: 50px !important; /* 手機上稍微矮一點點 */
        font-size: 16px !important; /* 🚨 關鍵：iOS如果在16px以下會自動放大畫面，所以鎖定16px */
        padding-left: 15px !important;
    }

    .moomoblue-hero-search button,
    .moomoblue-hero-search .search-btn {
        width: 60px !important; /* 按鈕稍微窄一點，留空間給打字 */
        height: 50px !important;
        border-radius: 0 50px 50px 0 !important;
    }
    
    /* 修正 XStore 手機版可能出現的額外邊距 */
    .moomoblue-hero-search {
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e73dfa2 *//* =========================================
   Moomoblue 3D 視覺導航 (App Style Buttons)
   ========================================= */

/* 1. 卡片本體 (白底小方塊) */
.moomoblue-nav-item .elementor-widget-container {
    background-color: #FFFFFF; /* 白底 */
    border-radius: 20px; /* 圓角 */
    padding: 25px 10px; /* 內距：上下多一點，左右少一點 */
    box-shadow: 0 8px 20px rgba(135, 206, 235, 0.15); /* 藍色浮起陰影 */
    border: 2px solid transparent; /* 預留邊框位置 */
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* 彈性動畫 */
    text-align: center;
    cursor: pointer;
    height: 100%; /* 確保高度一致 */
}

/* 2. 滑鼠移過去的效果 (Hover) - 浮起 + 亮燈 */
.moomoblue-nav-item:hover .elementor-widget-container {
    transform: translateY(-8px); /* 往上跳 */
    box-shadow: 0 15px 30px rgba(135, 206, 235, 0.3); /* 陰影變深 */
    border-color: #87CEEB; /* 邊框變藍色 */
}

/* 3. Icon 圖片優化 */
.moomoblue-nav-item .elementor-image-box-img {
    margin-bottom: 15px !important; /* 圖片跟字的距離 */
}

.moomoblue-nav-item .elementor-image-box-img img {
    transition: transform 0.3s ease;
    filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1)); /* 給 Icon 加一點立體陰影 */
}

/* 4. 滑鼠移過去時，圖片放大搖擺 */
.moomoblue-nav-item:hover .elementor-image-box-img img {
    transform: scale(1.1) rotate(3deg); /* 變大並微微歪頭，超可愛！ */
}

/* 5. 標題文字 */
.moomoblue-nav-item .elementor-image-box-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #555555 !important;
    margin: 0 !important;
    transition: color 0.3s;
}

/* 滑過時文字變色 */
.moomoblue-nav-item:hover .elementor-image-box-title {
    color: #003366 !important; /* 深藍色 */
}

@media screen and (max-width: 767px) {
    .moomoblue-nav-item .elementor-widget-container {
        padding: 15px 5px !important; /* 手機版內距縮小 */
    }
    .moomoblue-nav-item .elementor-image-box-title {
        font-size: 14px !important; /* 文字稍微小一點 */
    }
    .moomoblue-nav-item .elementor-image-box-img img {
        width: 50px !important; /* 圖示縮小 */
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-7e44496 *//* =========================================
   Moomoblue 首頁文章列表 (Floating Cards)
   ========================================= */

/* 1. 卡片容器：白底、圓角、懸浮陰影 */
.moomoblue-grid article.elementor-post {
    background-color: #FFFFFF;
    border-radius: 20px; /* 大圓角 */
    padding: 0 !important; /* 歸零內距，讓圖片貼齊邊緣 */
    
    /* 預設陰影 (淡藍色) */
    box-shadow: 0 10px 25px rgba(135, 206, 235, 0.15); 
    border: 2px solid transparent; /* 預留邊框位置 */
    
    transition: all 0.3s ease; /* 滑順動畫 */
    overflow: hidden; /* 確保內容不超出圓角 */
    margin-bottom: 30px; /* 卡片垂直間距 */
}

/* 2. 滑鼠移過去的效果 (Hover) */
.moomoblue-grid article.elementor-post:hover {
    transform: translateY(-10px); /* 往上浮起 10px */
    box-shadow: 0 20px 40px rgba(135, 206, 235, 0.25); /* 陰影加深 */
    border-color: #87CEEB; /* 邊框亮起品牌藍 */
}

/* 3. 圖片區域優化 */
.moomoblue-grid .elementor-post__thumbnail img {
    border-radius: 20px 20px 0 0 !important; /* 只有上面兩個角是圓的 */
    width: 100%;
    height: 220px; /* 🚨 強制固定高度，確保每一張卡片圖片一樣高 */
    object-fit: cover; /* 確保圖片縮放不變形 */
    margin-bottom: 0 !important;
}

/* 4. 內文區域 (文字、摘要、按鈕的家) */
.moomoblue-grid .elementor-post__text {
    padding: 25px !important; /* 內部留白 */
    text-align: left; /* 文字靠左比較好讀 */
}

/* 5. 文章標題 */
.moomoblue-grid .elementor-post__title {
    font-size: 19px !important;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px !important;
    height: 54px; /* 固定標題高度 (約兩行)，避免卡片長短不一 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 超過兩行自動點點點 ... */
    -webkit-box-orient: vertical;
}

.moomoblue-grid .elementor-post__title a {
    color: #003366; /* 深藍色 */
    transition: color 0.3s;
}

.moomoblue-grid .elementor-post__title a:hover {
    color: #87CEEB; /* 滑過變淺藍 */
}

/* 6. 摘要文字 (Excerpt) */
.moomoblue-grid .elementor-post__excerpt p {
    font-size: 15px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* 7. [閱讀全文] 按鈕 -> 變身膠囊 */
.moomoblue-grid .elementor-post__read-more {
    display: inline-block;
    background-color: #87CEEB; /* 品牌藍 */
    color: #fff !important;
    padding: 8px 25px;
    border-radius: 50px; /* 膠囊圓角 */
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s;
    box-shadow: 3px 3px 0px #5FA8D0; /* 卡通硬陰影，跟 Header 呼應 */
}

.moomoblue-grid .elementor-post__read-more:hover {
    background-color: #003366; /* 深藍色 */
    box-shadow: none; /* 按下去陰影消失 */
    transform: translateY(2px); /* 按下去的效果 */
}

@media screen and (max-width: 767px) {
    /* 手機版標題字體縮小 */
    .moomoblue-grid .elementor-post__title {
        font-size: 18px !important;
        height: auto !important; /* 手機版不限制高度，讓標題完整顯示 */
    }
    
    /* 手機版圖片高度稍微矮一點 */
    .moomoblue-grid .elementor-post__thumbnail img {
        height: 180px !important;
    }
    
    /* 調整內距 */
    .moomoblue-grid .elementor-post__text {
        padding: 20px !important;
    }
}/* End custom CSS */