.elementor-30045 .elementor-element.elementor-element-d0ae468{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-30045 .elementor-element.elementor-element-d0ae468:not(.elementor-motion-effects-element-type-background), .elementor-30045 .elementor-element.elementor-element-d0ae468 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-30045 .elementor-element.elementor-element-e3b8648 > .elementor-widget-container{margin:-50px -50px -50px -50px;}.elementor-30045 .elementor-element.elementor-element-c887ab8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30045 .elementor-element.elementor-element-c887ab8:not(.elementor-motion-effects-element-type-background), .elementor-30045 .elementor-element.elementor-element-c887ab8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFBF0 0%, #f2295b 100%);}.elementor-30045 .elementor-element.elementor-element-32663cd{width:100%;max-width:100%;}.elementor-30045 .elementor-element.elementor-element-32663cd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-30045 .elementor-element.elementor-element-4555d1c{--display:flex;}.elementor-30045 .elementor-element.elementor-element-4555d1c:not(.elementor-motion-effects-element-type-background), .elementor-30045 .elementor-element.elementor-element-4555d1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-30045 .elementor-element.elementor-element-48ff7c8{--display:flex;}.elementor-30045 .elementor-element.elementor-element-48ff7c8:not(.elementor-motion-effects-element-type-background), .elementor-30045 .elementor-element.elementor-element-48ff7c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#BB424200;}.elementor-30045 .elementor-element.elementor-element-395294b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30045 .elementor-element.elementor-element-395294b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30045 .elementor-element.elementor-element-570b3df{--display:flex;}.elementor-30045 .elementor-element.elementor-element-570b3df:not(.elementor-motion-effects-element-type-background), .elementor-30045 .elementor-element.elementor-element-570b3df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-30045 .elementor-element.elementor-element-d0ae468{--content-width:500px;}.elementor-30045 .elementor-element.elementor-element-c887ab8{--content-width:100%;}.elementor-30045 .elementor-element.elementor-element-395294b{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-32663cd *//* 修正 Elementor 預設樣式衝突 */
    body {  color: #4A4A4A; font-family: 'Noto Sans TC', sans-serif; }
    h1, h2, h3, h4 { font-family: 'Zen Maru Gothic', sans-serif; color: #3E3048; }
    
    /* 卡片懸浮特效 */
    .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
    .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(62, 48, 72, 0.15); }
    
    /* 背景裝飾點點 */
    .bg-doodle {
        background-image: radial-gradient(#F4BF6D 2px, transparent 2px);
        background-size: 30px 30px;
        opacity: 0.3;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c887ab8 */<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Zen+Maru+Gothic:wght@500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<script>
    tailwind.config = {
        theme: {
            extend: {
                colors: {
                    brand: {
                        dark: '#3E3048',    // Logo 深紫色
                        orange: '#F4BF6D',  // Logo 暖橘黃
                        purple: '#8C86AA',  // Logo 羽毛紫
                        bg: '#FFFBF0',      // Logo 奶油底
                        white: '#FFFFFF',
                        text: '#4A4A4A',
                        highlight: '#FFEDCC'
                    }
                },
                fontFamily: {
                    sans: ['Noto Sans TC', 'sans-serif'],
                    rounded: ['Zen Maru Gothic', 'sans-serif'],
                },
                boxShadow: {
                    'soft': '0 4px 20px -2px rgba(62, 48, 72, 0.1)',
                    'card': '0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02)',
                },
                borderRadius: {
                    '3xl': '2rem',
                }
            }
        }
    }
</script>

<style>
    /* 修正 Elementor 預設樣式衝突 */
    body { background-color: #FFFBF0; color: #4A4A4A; font-family: 'Noto Sans TC', sans-serif; }
    h1, h2, h3, h4 { font-family: 'Zen Maru Gothic', sans-serif; color: #3E3048; }
    
    /* 卡片懸浮特效 */
    .hover-lift { transition: transform 0.3s ease, box-shadow 0.3s ease; }
    .hover-lift:hover { transform: translateY(-5px); box-shadow: 0 10px 25px -5px rgba(62, 48, 72, 0.15); }
    
    /* 背景裝飾點點 */
    .bg-doodle {
        background-image: radial-gradient(#F4BF6D 2px, transparent 2px);
        background-size: 30px 30px;
        opacity: 0.3;
    }
</style>/* End custom CSS */