.elementor-kit-1009{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Syne";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Noto Sans TC";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:600;background-color:#000000;}.elementor-kit-1009 e-page-transition{background-color:#FFFFFF00;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .header-inner{width:0px;max-width:100%;}.site-header .site-branding .site-logo img{width:31px;max-width:31px;}.site-footer .footer-inner{width:0px;max-width:100%;}/* Start custom CSS *//* ============================================================
   👑 網站全域級指令：強制系統 Header 開啟反轉與透明
   ============================================================ */

/* 1. 直接對 Elementor 系統產生的「最外層箱子」施法 */
.elementor-location-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    mix-blend-mode: difference !important; /* 🌟 魔法直接下在最外層 */
    pointer-events: none !important; /* 避免透明區域擋住底下網頁的點擊 */
}

/* 2. 恢復 Header 內部按鈕與漢堡選單的點擊功能 */
.elementor-location-header * {
    pointer-events: auto !important;
}

/* 3. 強制 Header 內所有背景徹底隱形 (連毛玻璃也殺掉) */
.elementor-location-header,
.elementor-location-header .e-con,
.elementor-location-header .e-con-inner,
.elementor-location-header .elementor-widget-container {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* 4. 強制裡面的文字與圖示為純白色 (反轉基底) */
.elementor-location-header * {
    color: #ffffff !important;
}

.elementor-location-header svg,
.elementor-location-header svg * {
    fill: #ffffff !important;
    stroke: transparent !important;
}

/* 5. 確保網頁最底層是純白色，讓反轉有東西可以算 */
body {
    background-color: #ffffff !important;
}
/* ============================================================
   🎬 全站通用：精品級滾動擴展 (初始狀態)
   ============================================================ */
.ra-scroll-expand {
    will-change: transform, border-radius; /* 啟用 GPU 硬體加速 */
    transform: scale(0.85); /* 初始大小為 85% */
    border-radius: 0px; /* 初始帶有高質感的圓角 */
    overflow: hidden; 
    transition: transform 0.1s ease-out, border-radius 0.1s ease-out; /* 讓跟隨滾動更滑順 */
}
/* ============================================================
   👑 全站字體排版魔法：中英文字體分離
   ============================================================ */

/* 1. 全站所有大標題 (H1~H6)：英文優先用 Syne，遇到中文自動切換思源黑體 */
h1, h2, h3, h4, h5, h6, .elementor-heading-title {
    font-family: 'Syne', 'Noto Sans TC', sans-serif !important;
}

/* 2. 全站所有內文、按鈕、小字：英文優先用 Inter，遇到中文自動切換思源黑體 */
body, p, a, span, .elementor-text-editor, .elementor-button-text {
    font-family: 'Inter', 'Noto Sans TC', sans-serif !important;
}/* End custom CSS */