.elementor-3678 .elementor-element.elementor-element-bef7c40{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-3678 .elementor-element.elementor-element-bef7c40:not(.elementor-motion-effects-element-type-background), .elementor-3678 .elementor-element.elementor-element-bef7c40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #3938FF 0%, #3938FF 100%);}.elementor-3678 .elementor-element.elementor-element-80860a2{--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-3678 .elementor-element.elementor-element-80860a2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3678 .elementor-element.elementor-element-0de60b6{--spacer-size:50px;}.elementor-3678 .elementor-element.elementor-element-97e9597{width:var( --container-widget-width, 101.012% );max-width:101.012%;--container-widget-width:101.012%;--container-widget-flex-grow:0;}.elementor-3678 .elementor-element.elementor-element-97e9597.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3678 .elementor-element.elementor-element-97e9597 .elementor-heading-title{color:#FFFFFF;}.elementor-3678 .elementor-element.elementor-element-10be247 > .elementor-widget-container{border-radius:46px 46px 46px 46px;}.elementor-3678 .elementor-element.elementor-element-10be247:hover > .elementor-widget-container{border-radius:22px 22px 22px 22px;}.elementor-3678 .elementor-element.elementor-element-10be247 img{border-radius:18px 18px 18px 18px;box-shadow:-3px 9px 18px -1px rgba(0,0,0,0.5);}.elementor-3678 .elementor-element.elementor-element-de80d57{--spacer-size:28px;}.elementor-3678 .elementor-element.elementor-element-154f840{--spacer-size:17px;width:var( --container-widget-width, 3.796% );max-width:3.796%;--container-widget-width:3.796%;--container-widget-flex-grow:0;}.elementor-3678 .elementor-element.elementor-element-154f840.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3678 .elementor-element.elementor-element-328a1f0{--display:flex;--min-height:257px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:17px 0px 0px 0px;}.elementor-3678 .elementor-element.elementor-element-328a1f0:not(.elementor-motion-effects-element-type-background), .elementor-3678 .elementor-element.elementor-element-328a1f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE5C26;}.elementor-3678 .elementor-element.elementor-element-328a1f0.e-con{--align-self:center;}.elementor-3678 .elementor-element.elementor-element-432d752{--spacer-size:81px;}.elementor-3678 .elementor-element.elementor-element-59b34fd{text-align:center;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-group{padding-right:calc( 15px/2 );padding-left:calc( 15px/2 );margin-bottom:40px;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-form-fields-wrapper{margin-left:calc( -15px/2 );margin-right:calc( -15px/2 );margin-bottom:-40px;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-group > label, .elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-subgroup label{color:#FFFFFF;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-type-html{padding-bottom:0px;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-button[type="submit"]{color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3678 .elementor-element.elementor-element-ab1f470{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-3678 .elementor-element.elementor-element-c73e92b{--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-3678 .elementor-element.elementor-element-fd2acf5 > .elementor-widget-container{margin:-12px 0px -5px 0px;}@media(max-width:767px){.elementor-3678 .elementor-element.elementor-element-80860a2{--width:100%;}.elementor-3678 .elementor-element.elementor-element-154f840{width:var( --container-widget-width, 56.264px );max-width:56.264px;--container-widget-width:56.264px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-3678 .elementor-element.elementor-element-80860a2{--width:58.295%;}.elementor-3678 .elementor-element.elementor-element-328a1f0{--width:73%;}}/* Start custom CSS for spacer, class: .elementor-element-de80d57 */<div class="stats-grid">
    <div class="stat-item">
        <div class="stat-number">10倍</div>
        <div class="stat-label">銷售效能提升 10 倍</div>
    </div>
    <div class="stat-item">
        <div class="stat-number">50%</div>
        <div class="stat-label">輔導效率提升</div>
    </div>
    <div class="stat-item">
        <div class="stat-number">🏆</div>
        <div class="stat-label">創造成功的文化</div>
    </div>
</div>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-433f8e9 */.stats-grid {
    display: flex !important;
    width: 100% !important;
    gap: 5px !important;
    padding: 20px 0px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    min-width: 100% !important;
}

.stats-grid .stat-item {
    flex: 1 !important;
    flex-shrink: 0 !important;
    flex-grow: 1 !important;
    flex-basis: 33.333% !important;
    width: 33.333% !important;
    max-width: none !important;
    min-width: 150px !important;
    text-align: center !important;
    background: rgba(255,255,255,0.1) !important;
    padding: 25px 10px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
    transition: transform 0.3s ease !important;
    box-sizing: border-box !important;
    display: block !important;
    float: none !important;
    position: relative !important;
    margin: 0 !important;
}

.stats-grid .stat-item:hover {
    transform: translateY(-5px) !important;
    background: rgba(255,255,255,0.15) !important;
}

.stats-grid .stat-item .stat-number {
    font-size: 40px !important;
    font-weight: 800 !important;
    color: white !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block !important;
    text-align: center !important;
}

.stats-grid .stat-item .stat-label {
    font-size: 12px !important;
    color: #f0f0f0 !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    text-align: center !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c73e92b */<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SalesProve Footer</title>
</head>
<body>

<!-- 滿版FOOTER -->
<div style="background: #3938ff; color: #fff; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 80px 0 40px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;">
    
    <!-- 主要內容區 -->
    <div style="max-width: 1200px; margin: 0 auto; padding: 0 40px;">
        
        <!-- 上半部 - CTA區域 -->
        <div style="text-align: center; margin-bottom: 80px; padding-bottom: 60px; border-bottom: 1px solid rgba(255,255,255,0.2);">
            <h2 style="font-size: 48px; font-weight: 600; margin-bottom: 20px; margin-top: 0; line-height: 1.2;">準備開始了嗎？</h2>
            <p style="font-size: 20px; color: rgba(255,255,255,0.8); margin-bottom: 40px; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.6;">立即體驗 SalesProve 如何提升您的銷售團隊表現</p>
            
            <div style="display: flex; justify-content: center;">
                <a href="https://salesprove.com/%e5%85%8d%e8%b2%bb%e8%a9%a6%e7%94%a8/" style="background: #fff; color: #5b4cff; padding: 15px 40px; border-radius: 8px; text-decoration: none; font-weight: 600; font-size: 16px; transition: all 0.3s ease; display: inline-block;">免費試用</a>
            </div>
        </div>
        
        <!-- 下半部 - 內容連結區 -->
        <div style="display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 60px; margin-bottom: 60px;">
            
            <!-- 公司信息 -->
            <div>
                <div style="font-size: 28px; font-weight: 700; margin-bottom: 20px; color: #fff;">SalesProve</div>
                <p style="color: rgba(255,255,255,0.8); line-height: 1.6; margin-bottom: 20px; font-size: 16px;">準備好與 SalesProve 一起更快成長嗎？</p>
                <p style="color: rgba(255,255,255,0.7); line-height: 1.5; font-size: 14px;">我們的團隊隨時準備提供協助。</p>
            </div>
            
            <!-- 工作原理 -->
            <div>
                <h4 style="font-size: 18px; font-weight: 600; margin-bottom: 25px; margin-top: 0; color: #fff;">工作原理</h4>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="margin-bottom: 12px;"><a href="https://salesprove.com/sales/" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">銷售人員</a></li>
                    <li style="margin-bottom: 12px;"><a href="https://salesprove.com/leader/" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">主管端</a></li>
                </ul>
            </div>
            
            <!-- 解決方案 -->
            <div>
                <h4 style="font-size: 18px; font-weight: 600; margin-bottom: 25px; margin-top: 0; color: #fff;">解決方案</h4>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="margin-bottom: 12px;"><a href="https://salesprove.com/insurance/" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">保險業</a></li>
                    <li style="margin-bottom: 12px;"><a href="https://salesprove.com/dentist/" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">牙醫</a></li>
                    <li style="margin-bottom: 12px;"><a href="https://salesprove.com/beauty/" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">醫美產業</a></li>
                    <li style="margin-bottom: 12px;"><a href="https://salesprove.com/b2b/" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">B2B</a></li>
                </ul>
            </div>
            
            <!-- 支援 -->
            <div>
                <h4 style="font-size: 18px; font-weight: 600; margin-bottom: 25px; margin-top: 0; color: #fff;">支援</h4>
                <ul style="list-style: none; padding: 0; margin: 0;">
                    <li style="margin-bottom: 12px;"><a href="https://salesprove.com/%e5%85%8d%e8%b2%bb%e8%a9%a6%e7%94%a8/" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">免費試用</a></li>
                    <li style="margin-bottom: 12px;"><a href="#contact" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">聯繫我們</a></li>
                    <li style="margin-bottom: 12px;"><a href="#help" style="color: rgba(255,255,255,0.8); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">幫助中心</a></li>
                </ul>
            </div>
        </div>
        
        <!-- 底部版權區 -->
        <div style="padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.2); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px;">
            <div style="color: rgba(255,255,255,0.6); font-size: 14px;">
                © 2025 SalesProve. 保留所有權利。
            </div>
            
            <div style="display: flex; gap: 30px; flex-wrap: wrap;">
                <a href="#privacy" style="color: rgba(255,255,255,0.6); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">隱私政策</a>
                <a href="#terms" style="color: rgba(255,255,255,0.6); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">服務條款</a>
                <a href="#cookie" style="color: rgba(255,255,255,0.6); text-decoration: none; font-size: 14px; transition: color 0.3s ease;">Cookie 政策</a>
            </div>
        </div>
    </div>
</div>

<!-- 懸停效果樣式 -->
<style>
/* 按鈕懸停效果 */
a[style*="background: #fff"]:hover {
    background: rgba(255,255,255,0.9) !important;
    transform: translateY(-2px);
}

a[style*="border: 2px solid #fff"]:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* 連結懸停效果 */
a[style*="color: rgba(255,255,255,0.8)"]:hover {
    color: rgba(255,255,255,1) !important;
}

a[style*="color: rgba(255,255,255,0.6)"]:hover {
    color: rgba(255,255,255,0.8) !important;
}

/* 社交媒體懸停效果 - 已移除 */

/* 響應式設計 */
@media (max-width: 768px) {
    div[style*="grid-template-columns: 2fr 1fr 1fr 1fr"] {
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }
    
    div[style*="display: flex; justify-content: center"] {
        flex-direction: column;
        align-items: center;
    }
    
    div[style*="display: flex; justify-content: space-between"] {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }
    
    h2[style*="font-size: 48px"] {
        font-size: 36px !important;
    }
    
    p[style*="font-size: 20px"] {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
    div[style*="padding: 80px 0 40px 0"] {
        padding: 60px 0 30px 0 !important;
    }
    
    div[style*="padding: 0 40px"] {
        padding: 0 20px !important;
    }
    
    h2[style*="font-size: 48px"] {
        font-size: 28px !important;
    }
    
    p[style*="font-size: 20px"] {
        font-size: 16px !important;
    }
}
</style>

</body>
</html>/* End custom CSS */