{"id":8,"date":"2025-12-24T08:42:10","date_gmt":"2025-12-24T08:42:10","guid":{"rendered":"https:\/\/cheng-an.org\/?page_id=8"},"modified":"2026-04-01T05:04:00","modified_gmt":"2026-04-01T05:04:00","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/cheng-an.org\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e5fec5 e-flex e-con-boxed e-con e-parent\" data-id=\"9e5fec5\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d707ae e-flex e-con-boxed e-con e-parent\" data-id=\"6d707ae\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41774cf elementor-widget elementor-widget-html\" data-id=\"41774cf\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    \/* ================= Header CSS \u4fee\u6b63\u7248 ================= *\/\n    :root {\n        --h-bg-dark: rgba(31, 42, 51, 0.95);\n        --h-text-white: #FFFFFF;\n        --h-accent: #C2A878;\n        --h-ease: cubic-bezier(0.25, 1, 0.5, 1);\n        --font-serif: 'Noto Serif TC', serif;\n    }\n\n    html { scroll-behavior: smooth; }\n    [id] { scroll-margin-top: 100px; }\n\n    #site-header {\n        position: fixed;\n        top: 0; left: 0; width: 100%;\n        height: 80px; \n        z-index: 9999;\n        background-color: var(--h-bg-dark);\n        backdrop-filter: blur(12px);\n        border-bottom: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .header-container {\n        display: flex; justify-content: space-between; align-items: center;\n        height: 100%; padding: 0 5%; max-width: 1440px; margin: 0 auto;\n    }\n\n    .logo-area { display: flex; align-items: center; text-decoration: none; color: var(--h-text-white); gap: 12px; }\n    .logo-area .header-logo-img { height: 46px; width: auto; display: block; object-fit: contain; }\n    .logo-text { font-family: var(--font-serif); font-size: 1.25rem; letter-spacing: 0.1em; }\n\n    \/* Desktop Nav \u6062\u5fa9\u66ab\u7559\u6548\u679c *\/\n    .desktop-nav { display: flex; gap: 30px; }\n    .desktop-nav a {\n        color: rgba(255,255,255,0.8); text-decoration: none; font-size: 0.9rem;\n        transition: 0.3s; position: relative;\n    }\n    .desktop-nav a:hover { color: var(--h-accent); } \/* \u6062\u5fa9\u91d1\u5b57 *\/\n    .desktop-nav a::after {\n        content: ''; position: absolute; bottom: -6px; left: 0; width: 0; height: 1px;\n        background: var(--h-accent); transition: width 0.3s var(--h-ease);\n    }\n    .desktop-nav a:hover::after { width: 100%; }\n\n    \/* Mobile\u9078\u55ae\u6309\u9215 *\/\n    .mobile-toggle {\n        display: none; flex-direction: column; justify-content: space-between;\n        width: 28px; height: 18px; background: none; border: none; cursor: pointer; z-index: 10002;\n    }\n    .bar { width: 100%; height: 2px; background-color: white; border-radius: 2px; }\n\n    \/* Mobile Overlay - \u8abf\u6574\u70ba\u9802\u90e8\u5c0d\u9f4a *\/\n    .mobile-menu-overlay {\n        position: fixed; top: 0; left: 0; width: 100%; height: 100vh;\n        background-color: #1F2A33;\n        display: flex; \n        align-items: flex-start; \/* \u6539\u70ba\u9760\u4e0a\u5c0d\u9f4a *\/\n        justify-content: center;\n        padding-top: 120px; \/* \u9810\u7559 Logo Bar \u7a7a\u9593\u4e26\u5f80\u4e0b\u79fb\u4e00\u9ede *\/\n        opacity: 0; pointer-events: none;\n        transition: opacity 0.4s var(--h-ease);\n        z-index: 10001;\n    }\n    .mobile-menu-overlay.is-active { opacity: 1; pointer-events: auto; }\n\n    .mobile-nav-links { display: flex; flex-direction: column; gap: 35px; text-align: center; } \n    \n    .m-link {\n        color: white; text-decoration: none; font-size: 1.25rem; font-family: var(--font-serif);\n        opacity: 0; transform: translateY(15px); transition: 0.4s var(--h-ease);\n    }\n    .m-link:hover, .m-link:active { color: var(--h-accent); } \/* \u624b\u6a5f\u7248\u4e5f\u6062\u5fa9\u66ab\u7559\u8b8a\u8272 *\/\n    .mobile-menu-overlay.is-active .m-link { opacity: 1; transform: translateY(0); }\n\n    \/* \u77e5\u8b58\u5c08\u5340\u6309\u9215\u66ab\u7559\u6062\u5fa9 *\/\n    .contact-btn-style:hover {\n        background-color: var(--c-stability-green) !important; \/* \u6062\u5fa9\u8b8a\u70ba\u7da0\u8272 *\/\n        transform: translateY(-4px);\n        box-shadow: 0 15px 30px rgba(74, 111, 100, 0.3);\n    }\n\n    @media (max-width: 968px) {\n        .desktop-nav { display: none; }\n        .mobile-toggle { display: flex; }\n        .logo-area .header-logo-img { height: 38px; }\n    }\n\n    .mobile-toggle.is-active .bar:nth-child(1) { transform: translateY(8px) rotate(45deg); }\n    .mobile-toggle.is-active .bar:nth-child(2) { opacity: 0; }\n    .mobile-toggle.is-active .bar:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }\n    body.menu-open { overflow: hidden; }\n<\/style>\n\n<header id=\"site-header\">\n    <div class=\"header-container\">\n        <a href=\"#home\" class=\"logo-area\"> \n            <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/\u627f\u5b89\u5bb6\u65cf\u9867\u554flogo-1@4x.png\" alt=\"\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\" class=\"header-logo-img\">\n            <span class=\"logo-text\">\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f<\/span>\n        <\/a>\n        <nav class=\"desktop-nav\">\n            <a href=\"https:\/\/cheng-an.org\/#home\">\u95dc\u65bc\u627f\u5b89<\/a>\n            <a href=\"https:\/\/cheng-an.org\/#knowledge\">\u77e5\u8b58\u5c08\u5340<\/a> \n            <a href=\"https:\/\/cheng-an.org\/#process\">\u670d\u52d9\u6d41\u7a0b<\/a>\n            <a href=\"https:\/\/cheng-an.org\/#faq\">\u5e38\u898b\u554f\u7b54<\/a>\n            <a href=\"https:\/\/cheng-an.org\/#contact\">\u806f\u7d61\u6211\u5011<\/a>\n        <\/nav>\n        <button class=\"mobile-toggle\" id=\"mobileToggle\">\n            <span class=\"bar\"><\/span><span class=\"bar\"><\/span><span class=\"bar\"><\/span>\n        <\/button>\n    <\/div>\n    <div class=\"mobile-menu-overlay\" id=\"menuOverlay\">\n        <nav class=\"mobile-nav-links\">\n            <a href=\"#home\" class=\"m-link\">\u9996\u9801<\/a>\n            <a href=\"#about\" class=\"m-link\">\u95dc\u65bc\u627f\u5b89<\/a>\n            <a href=\"#process\" class=\"m-link\">\u670d\u52d9\u6d41\u7a0b<\/a>\n            <a href=\"#faq\" class=\"m-link\">\u5e38\u898b\u554f\u7b54<\/a>\n            <a href=\"#contact\" class=\"m-link\">\u806f\u7d61\u6211\u5011<\/a>\n        <\/nav>\n    <\/div>\n<\/header>\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const toggle = document.getElementById('mobileToggle');\n        const overlay = document.getElementById('menuOverlay');\n        const body = document.body;\n        const links = document.querySelectorAll('.m-link, .desktop-nav a');\n\n        \/\/ 1. \u6f22\u5821\u9078\u55ae\uff1a\u50c5\u8ca0\u8cac\u958b\u95dc\n        function toggleMenu() {\n            const isActive = toggle.classList.toggle('is-active');\n            overlay.classList.toggle('is-active');\n            body.classList.toggle('menu-open', isActive);\n        }\n\n        toggle.addEventListener('click', function(e) {\n            e.stopPropagation();\n            toggleMenu();\n        });\n\n        \/\/ 2. \u9023\u7d50\u9ede\u64ca\uff1a\u8ca0\u8cac\u8df3\u8f49\u8207\u300c\u95dc\u9589\u300d\u9078\u55ae\n        links.forEach(link => {\n            link.addEventListener('click', function(e) {\n                const href = this.getAttribute('href');\n                \n                if (href.startsWith('#')) {\n                    e.preventDefault();\n                    const targetId = href.substring(1);\n                    const targetElement = document.getElementById(targetId);\n                    \n                    if (targetElement) {\n                        \/\/ \u9ede\u64ca\u5f8c\u4e0d\u8ad6\u5982\u4f55\u90fd\u5148\u95dc\u9589\u624b\u6a5f\u7248\u9078\u55ae\n                        toggle.classList.remove('is-active');\n                        overlay.classList.remove('is-active');\n                        body.classList.remove('menu-open');\n                        \n                        \/\/ \u57f7\u884c\u5e73\u6ed1\u6372\u52d5\n                        const headerOffset = 80;\n                        const elementPosition = targetElement.getBoundingClientRect().top;\n                        const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n                        window.scrollTo({\n                            top: offsetPosition,\n                            behavior: 'smooth'\n                        });\n                    }\n                }\n            });\n        });\n\n        \/\/ 3. \u9ede\u64ca\u906e\u7f69\u5c64\u4ee5\u5916\u5340\u57df\u81ea\u52d5\u95dc\u9589 (\u52a0\u5f37\u9ad4\u9a57)\n        overlay.addEventListener('click', function(e) {\n            if (e.target === overlay) {\n                toggle.classList.remove('is-active');\n                overlay.classList.remove('is-active');\n                body.classList.remove('menu-open');\n            }\n        });\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c9af43 e-flex e-con-boxed e-con e-parent\" data-id=\"5c9af43\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c422786 elementor-widget elementor-widget-menu-anchor\" data-id=\"c422786\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"about\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19449b4 elementor-widget elementor-widget-html\" data-id=\"19449b4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | \u9996\u9801<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* ================= \u6838\u5fc3\u8b8a\u6578 (\u5171\u7528) ================= *\/\r\n    :root {\r\n        --c-anchor-blue: #1F2A33;\r\n        --c-heritage-gray: #6B6E70;\r\n        --c-stability-green: #4A6F64;\r\n        --c-calm-ivory: #F6F4EF;\r\n        --c-white: #FFFFFF;\r\n        \r\n        --font-serif: 'Noto Serif TC', serif;\r\n        --font-sans: 'Noto Sans TC', sans-serif;\r\n        --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);\r\n    }\r\n\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n    body {\r\n        font-family: var(--font-sans);\r\n        background-color: var(--c-calm-ivory);\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.7;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    \/* ================= Hero CSS ================= *\/\r\n    .hero {\r\n        padding: 100px 5% 80px;\r\n        max-width: 1440px; margin: 0 auto;\r\n        min-height: 90vh; display: flex; align-items: center;\r\n        overflow: visible;\r\n    }\r\n    .hero-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: center; width: 100%; }\r\n    .hero-text-col { padding-right: 20px; }\r\n    \r\n    .tagline { color: var(--c-stability-green); font-weight: 600; letter-spacing: 0.15em; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; }\r\n    .tagline::before { content: ''; width: 30px; height: 2px; background: var(--c-stability-green); }\r\n    \r\n    h1 { font-family: var(--font-serif); color: var(--c-anchor-blue); font-size: 3.1rem; line-height: 1.2; margin-bottom: 16px; }\r\n    h2 { font-size: 1.5rem; color: var(--c-heritage-gray); font-weight: 500; margin-bottom: 32px; }\r\n    \r\n    .desc { font-size: 1.05rem; line-height: 1.8; margin-bottom: 40px; text-align: justify; }\r\n    .highlight { background: linear-gradient(180deg, transparent 60%, rgba(74, 111, 100, 0.15) 60%); font-weight: 700; color: #2c3e50; padding: 0 2px; }\r\n    \r\n    \/* CTA Button Styles *\/\r\n    .cta-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }\r\n    .cta-buttons-container { display: flex; gap: 16px; flex-wrap: wrap; }\r\n    \r\n    .cta-btn {\r\n        position: relative; display: inline-flex; align-items: center;\r\n        background: linear-gradient(135deg, var(--c-stability-green) 0%, #305046 100%);\r\n        color: white; text-decoration: none; padding: 14px 36px; border-radius: 50px;\r\n        box-shadow: 0 10px 25px rgba(74, 111, 100, 0.3); overflow: hidden;\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n    }\r\n    .cta-btn:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(74, 111, 100, 0.45); color: white; }\r\n    \r\n    \/* AI Button Specific Styles *\/\r\n    .cta-btn-ai {\r\n        background: linear-gradient(135deg, #2D3E4A 0%, var(--c-anchor-blue) 100%);\r\n        box-shadow: 0 10px 25px rgba(31, 42, 51, 0.25);\r\n    }\r\n    .cta-btn-ai:hover { box-shadow: 0 15px 35px rgba(31, 42, 51, 0.4); }\r\n\r\n    \/* Flowing Glow Effect *\/\r\n    .cta-btn::after {\r\n        content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;\r\n        background: linear-gradient(to right, transparent, rgba(255,255,255,0.3), transparent);\r\n        transform: skewX(-25deg); transition: 0.5s; pointer-events: none;\r\n    }\r\n    .cta-btn:hover::after { left: 150%; transition: 0.7s ease-in-out; }\r\n    \r\n    .cta-icon { font-size: 1.8rem; margin-right: 14px; }\r\n    .cta-text-group { display: flex; flex-direction: row; align-items: baseline; gap: 6px; }\r\n    .cta-main-text { font-size: 1.2rem; font-weight: 700; }\r\n    .cta-sub-text { font-size: 1.0rem; opacity: 0.9; }\r\n    .cta-note { font-size: 0.85rem; color: #999; margin-left: 5px; font-style: italic;}\r\n\r\n    \/* Hero Image & Card *\/\r\n    .hero-img-col { position: relative; }\r\n    .image-wrapper {\r\n        position: relative; border-radius: 20px 20px 20px 80px; overflow: hidden;\r\n        box-shadow: 0 20px 40px rgba(31, 42, 51, 0.1); aspect-ratio: 16\/10; z-index: 1;\r\n    }\r\n    .image-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s; }\r\n    .hero-img-col:hover .image-wrapper img { transform: scale(1.05); }\r\n    \r\n    .stat-card {\r\n        position: absolute; bottom: -50px; left: -50px;\r\n        background: #FFFFFF; padding: 25px 40px; border-radius: 12px;\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.12); border-left: 5px solid var(--c-stability-green);\r\n        z-index: 10; min-width: 260px; animation: floatY 6s ease-in-out infinite;\r\n    }\r\n    .stat-number { font-family: var(--font-serif); font-size: 2.8rem; color: var(--c-anchor-blue); font-weight: 700; line-height: 1; margin-bottom: 5px; }\r\n    @keyframes floatY { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }\r\n\r\n    \/* RWD Mobile *\/\r\n    @media (max-width: 968px) {\r\n        .hero { display: block; padding-top: 100px; }\r\n        .hero-grid { display: flex; flex-direction: column; gap: 50px; }\r\n        .hero-text-col { text-align: left; padding-right: 0; }\r\n        h1 { font-size: 2.2rem; }\r\n        .hero-img-col { margin-bottom: 40px; }\r\n        .stat-card { bottom: -30px; left: 20px; right: auto; min-width: auto; padding: 20px; }\r\n        \r\n        .cta-buttons-container { flex-direction: column; width: 100%; }\r\n        .cta-btn { width: 100%; justify-content: center; padding: 12px 20px; }\r\n        .cta-text-group { flex-direction: column; align-items: flex-start; gap: 2px; }\r\n        .cta-sub-text { display: block; }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"hero\" id=\"home\">\r\n        <div class=\"hero-grid\">\r\n            <div class=\"hero-text-col\">\r\n                <div class=\"tagline\">\u5c08\u696d\u30fb\u5b89\u5fc3\u30fb\u50b3\u627f<\/div>\r\n                <h1>\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f<\/h1>\r\n                <h2>\u5bb6\u65cf\u5b89\u5fc3\u898f\u5283\u8207\u7956\u5148\u724c\u4f4d\u8aee\u8a62\u5e73\u53f0<\/h2>\r\n                <div class=\"desc\">\r\n                    \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\uff0c\u5c08\u70ba\u73fe\u4ee3\u5bb6\u5ead\u63d0\u4f9b\u7956\u5148\u724c\u4f4d\u76f8\u95dc\u8aee\u8a62\u8207\u898f\u5283\u8aaa\u660e\u3002\u6211\u5011\u7d50\u5408\r\n                    <span class=\"highlight\">\u5be6\u52d9\u7d93\u9a57<\/span>\u3001\r\n                    <span class=\"highlight\">\u98a8\u6c34\u547d\u7406\u8f14\u52a9\u8a55\u4f30<\/span>\u8207\r\n                    <span class=\"highlight\">\u5be6\u9ad4\u6703\u9928\u8aee\u8a62\u6d41\u7a0b<\/span>\uff0c\r\n                    \u5354\u52a9\u5bb6\u5ead\u5728\u5c0a\u91cd\u50b3\u7d71\u6587\u5316\u7684\u524d\u63d0\u4e0b\uff0c\u91d0\u6e05\u9078\u9805\u3001\u7406\u89e3\u5dee\u7570\uff0c\u4e26\u505a\u51fa\u5b89\u5fc3\u4e14\u53ef\r\n                    <span class=\"highlight\">\u9577\u671f\u57f7\u884c<\/span>\u7684\u5b89\u6392\u3002\r\n                <\/div>\r\n                <div class=\"cta-wrapper\">\r\n                    <div class=\"cta-buttons-container\">\r\n                        <a href=\"https:\/\/lin.ee\/95YKbcx\" class=\"cta-btn\">\r\n                            <i class=\"fa-brands fa-line cta-icon\"><\/i>\r\n                            <div class=\"cta-text-group\">\r\n                                <span class=\"cta-main-text\">\u52a0\u5165 LINE<\/span>\r\n                                <span class=\"cta-sub-text\">\uff0c\u9032\u884c\u521d\u6b65\u8aee\u8a62<\/span>\r\n                            <\/div>\r\n                        <\/a>\r\n                        <a href=\"https:\/\/chengan-ai.com\" target=\"_blank\" class=\"cta-btn cta-btn-ai\">\r\n                            <i class=\"fa-solid fa-robot cta-icon\"><\/i>\r\n                            <div class=\"cta-text-group\">\r\n                                <span class=\"cta-main-text\">\u514d\u8cbb AI \u6baf\u846c\u8a55\u4f30<\/span>\r\n                                <span class=\"cta-sub-text\">\uff0c\u5feb\u901f\u4e86\u89e3\u65b9\u6848<\/span>\r\n                            <\/div>\r\n                        <\/a>\r\n                    <\/div>\r\n                    <div class=\"cta-note\">* \u6211\u5011\u7684\u9867\u554f\u5c07\u5728 24 \u5c0f\u6642\u5167\u56de\u8986\u60a8\u7684\u8a0a\u606f<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-img-col\">\r\n                <div class=\"image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png\" alt=\"Consultant\">\r\n                <\/div>\r\n                <div class=\"stat-card\">\r\n                    <div class=\"stat-number\">500+<\/div>\r\n                    <div class=\"stat-text\">\u5df2\u5354\u52a9\u8d85\u904e 500 \u500b\u5bb6\u5ead<br>\u5b8c\u6210\u5b89\u5fc3\u898f\u5283<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aa00837 e-flex e-con-boxed e-con e-parent\" data-id=\"aa00837\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c08b58f elementor-widget elementor-widget-html\" data-id=\"c08b58f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    .custom-qa-section {\n        --c-anchor-blue: #1F2A33;\n        --c-heritage-gray: #6B6E70;\n        --c-stability-green: #4A6F64;\n        --c-calm-ivory: #F6F4EF;\n        --c-white: #FFFFFF;\n        --font-serif: 'Noto Serif TC', serif;\n        --font-sans: 'Noto Sans TC', sans-serif;\n        --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);\n        \n        font-family: var(--font-sans);\n        color: var(--c-heritage-gray);\n        line-height: 1.7;\n        background-color: var(--c-calm-ivory); \n        width: 100%;\n        display: block;\n    }\n\n    .custom-qa-section * { box-sizing: border-box; }\n\n    \/* \u6838\u5fc3\u63d0\u554f\u5340 - \u7e2e\u6e1b\u4e0a\u4e0b padding *\/\n    .section-questions { padding: 80px 5% 40px; position: relative; }\n    .custom-container { max-width: 1200px; margin: 0 auto; }\n\n    \/* \u6a19\u984c\u5340 - \u7e2e\u6e1b\u5e95\u90e8\u9593\u8ddd *\/\n    .sec-header { text-align: center; margin-bottom: 40px; opacity: 0; transform: translateY(30px); transition: 0.8s ease; }\n    .sec-header.is-visible { opacity: 1; transform: translateY(0); }\n    .sec-title { font-family: var(--font-serif); font-size: 2.3rem; color: var(--c-anchor-blue); margin-bottom: 15px; font-weight: 600; display: inline-block; }\n    .sec-title::after { content: ''; display: block; width: 50px; height: 3px; background-color: var(--c-stability-green); margin: 15px auto 0; }\n    .sec-desc { font-size: 1rem; color: var(--c-heritage-gray); line-height: 1.7; max-width: 700px; margin: 0 auto; }\n\n    \/* \u5361\u7247\u7db2\u683c *\/\n    .q-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; }\n\n    \/* \u5361\u7247\u672c\u9ad4 - \u7e2e\u6e1b\u5167\u90e8 padding *\/\n    .q-card { background: #FFFFFF; padding: 30px 25px; border-radius: 12px; box-shadow: 0 8px 25px rgba(31, 42, 51, 0.04); position: relative; overflow: hidden; transition: 0.4s var(--ease-smooth); opacity: 0; transform: translateY(30px); }\n    .q-card.is-visible { opacity: 1; transform: translateY(0); }\n    .q-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(31, 42, 51, 0.1); }\n\n    .q-decor-line { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: var(--c-stability-green); transform: scaleX(0); transform-origin: left; transition: 0.4s ease; }\n    .q-card:hover .q-decor-line { transform: scaleX(1); }\n    \n    .q-icon-wrapper { width: 50px; height: 50px; background-color: #E8F1EE; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; z-index: 1; }\n    .q-icon { font-size: 1.3rem; color: var(--c-stability-green); }\n    \n    .q-title { font-size: 1.25rem; color: var(--c-anchor-blue); margin-bottom: 12px; font-family: var(--font-serif); }\n    .q-text { font-size: 0.95rem; color: var(--c-heritage-gray); line-height: 1.6; }\n\n    \/* \u6309\u9215\u7fa4\u7d44 - \u53c3\u8003 Contact Section \u7684\u7f6e\u4e2d\u908f\u8f2f *\/\n    .cta-group-center {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 40px 0 30px; \/* \u5e95\u90e8\u7e2e\u5230\u6700\u5c0f (30px) *\/\n        opacity: 0;\n        transform: translateY(20px);\n        transition: 0.8s var(--ease-smooth) 0.3s;\n    }\n    .cta-group-center.is-visible { opacity: 1; transform: translateY(0); }\n\n    .contact-btn-style {\n        display: inline-flex; align-items: center; justify-content: center;\n        padding: 16px 50px;\n        border-radius: 50px;\n        text-decoration: none;\n        font-weight: 500;\n        letter-spacing: 0.05em;\n        transition: all 0.3s ease;\n        font-size: 1.05rem;\n        background-color: var(--c-anchor-blue);\n        color: var(--c-white) !important;\n        box-shadow: 0 10px 20px rgba(31, 42, 51, 0.15);\n        font-family: var(--font-serif);\n    }\n\n    \/* Hover \u4fdd\u6301\u539f\u8272 *\/\n    .contact-btn-style:hover {\n        background-color: var(--c-anchor-blue);\n        transform: translateY(-4px);\n        box-shadow: 0 15px 30px rgba(31, 42, 51, 0.25);\n    }\n    \n    .btn-arrow { margin-left: 10px; transition: 0.3s; }\n    .contact-btn-style:hover .btn-arrow { transform: translateX(5px); }\n\n    @media (max-width: 968px) {\n        .section-questions { padding: 60px 5% 30px; }\n        .q-grid { grid-template-columns: 1fr; gap: 20px; }\n        .cta-group-center { padding: 30px 5% 20px; }\n        .contact-btn-style { width: 100%; }\n        .q-card, .sec-header, .cta-group-center { opacity: 1 !important; transform: none !important; }\n    }\n<\/style>\n\n<div id=\"knowledge\" class=\"custom-qa-section\">    \n    <section class=\"section-questions\">\n        <div class=\"custom-container\">\n            <div class=\"sec-header\">\n                <h2 class=\"sec-title\">\u5728\u505a\u51fa\u91cd\u8981\u5b89\u6392\u524d<br>\u5148\u628a\u9019\u4e09\u4ef6\u4e8b\u60f3\u6e05\u695a<\/h2>\n                <div class=\"sec-desc\">\n                    \u591a\u6578\u5bb6\u5ead\u8655\u7406\u7956\u5148\u724c\u4f4d\u6642\uff0c\u4e26\u975e\u7f3a\u4e4f\u5b5d\u5fc3\uff0c\u800c\u662f\u7f3a\u4e4f\u5b8c\u6574\u8cc7\u8a0a\u8207\u5ba2\u89c0\u6bd4\u8f03\u3002<br>\n                    \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u5354\u52a9\u60a8\u5148\u91d0\u6e05\u4ee5\u4e0b\u4e09\u500b<span class=\"highlight-text\">\u6838\u5fc3\u554f\u984c<\/span>\uff1a\n                <\/div>\n            <\/div>\n            \n            <div class=\"q-grid\">\n                <article class=\"q-card\">\n                    <div class=\"q-icon-wrapper\"><i class=\"fa-solid fa-house-chimney q-icon\"><\/i><\/div>\n                    <h3 class=\"q-title\">\u7a7a\u9593\u8207\u751f\u6d3b\u578b\u614b<\/h3>\n                    <p class=\"q-text\">\u76ee\u524d\u7684\u5bb6\u5ead\u7a7a\u9593\u4f48\u5c40\u8207\u6210\u54e1\u7684\u751f\u6d3b\u4f5c\u606f\uff0c\u662f\u5426\u771f\u7684\u9069\u5408\u9577\u671f\u5b89\u7f6e\u7956\u5148\u724c\u4f4d\uff1f<\/p>\n                    <div class=\"q-decor-line\"><\/div>\n                <\/article>\n                \n                <article class=\"q-card\">\n                    <div class=\"q-icon-wrapper\"><i class=\"fa-solid fa-scale-balanced q-icon\"><\/i><\/div>\n                    <h3 class=\"q-title\">\u5b89\u7f6e\u65b9\u5f0f\u5dee\u7570<\/h3>\n                    <p class=\"q-text\">\u5c45\u5bb6\u5b89\u5949\u3001\u5bfa\u5edf\u5bc4\u653e\u6216\u5c08\u5c6c\u6703\u9928\uff0c\u4e0d\u540c\u65b9\u5f0f\u4e4b\u9593\u6709\u54ea\u4e9b\u5be6\u969b\u5dee\u7570\u8207\u9577\u9060\u5f71\u97ff\uff1f<\/p>\n                    <div class=\"q-decor-line\"><\/div>\n                <\/article>\n                \n                <article class=\"q-card\">\n                    <div class=\"q-icon-wrapper\"><i class=\"fa-solid fa-users-rays q-icon\"><\/i><\/div>\n                    <h3 class=\"q-title\">\u672a\u4f86\u7167\u8b77\u5ef6\u7e8c<\/h3>\n                    <p class=\"q-text\">\u5c55\u671b\u672a\u4f86\u5341\u5e74\u3001\u4e8c\u5341\u5e74\uff0c\u5bb6\u65cf\u4e2d\u662f\u5426\u6709\u4eba\u529b\u80fd\u627f\u8afe\u6301\u7e8c\u7167\u9867\u8207\u7ba1\u7406\uff1f<\/p>\n                    <div class=\"q-decor-line\"><\/div>\n                <\/article>\n            <\/div>\n\n            <div class=\"cta-group-center\">\n                <a href=\"https:\/\/cheng-an.org\/?page_id=78\" class=\"contact-btn-style\">\n                    \u77ad\u89e3\u66f4\u591a <i class=\"fa-solid fa-arrow-right btn-arrow\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n\n<script>\n    (function() {\n        function initKnowledgeAnim() {\n            if ('IntersectionObserver' in window) {\n                const observer = new IntersectionObserver((entries) => {\n                    entries.forEach((entry) => {\n                        if (entry.isIntersecting) {\n                            entry.target.classList.add('is-visible');\n                            observer.unobserve(entry.target);\n                        }\n                    });\n                }, { threshold: 0.1 });\n\n                document.querySelectorAll('.sec-header, .q-card, .cta-group-center').forEach(el => observer.observe(el));\n            }\n        }\n        document.addEventListener(\"DOMContentLoaded\", initKnowledgeAnim);\n        window.addEventListener(\"load\", initKnowledgeAnim);\n    })();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4acb951 e-flex e-con-boxed e-con e-parent\" data-id=\"4acb951\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36617c5 elementor-widget elementor-widget-html\" data-id=\"36617c5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* \u5c40\u90e8\u8b8a\u6578\u4f5c\u7528\u57df *\/\r\n    .custom-zigzag-section {\r\n        --c-anchor-blue: #1F2A33;\r\n        --c-heritage-gray: #6B6E70;\r\n        --c-stability-green: #4A6F64;\r\n        --c-green-hover: #3A5850;\r\n        --c-calm-ivory: #F6F4EF;\r\n        --c-white: #FFFFFF;\r\n        \r\n        --font-serif: 'Noto Serif TC', serif;\r\n        --font-sans: 'Noto Sans TC', sans-serif;\r\n        --ease-out: cubic-bezier(0.25, 1, 0.5, 1);\r\n\r\n        font-family: var(--font-sans);\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.7;\r\n        background-color: var(--c-calm-ivory);\r\n        width: 100%;\r\n        display: block;\r\n        overflow: hidden; \/* \u9632\u6b62\u52d5\u756b\u6ea2\u51fa *\/\r\n    }\r\n\r\n    .custom-zigzag-section * { box-sizing: border-box; }\r\n\r\n    \/* \u5340\u584a\u5bb9\u5668 *\/\r\n    .zigzag-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 100px 5%;\r\n    }\r\n\r\n    \/* \u6a19\u984c\u5340 (\u9760\u5de6\u5c0d\u9f4a\uff0c\u6253\u7834\u7f6e\u4e2d\u6163\u6027) *\/\r\n    .zz-header {\r\n        margin-bottom: 80px;\r\n        max-width: 600px;\r\n        opacity: 0; transform: translateY(30px); \/* \u521d\u59cb\u96b1\u85cf *\/\r\n        transition: 1s var(--ease-out);\r\n    }\r\n    .zz-header.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .zz-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2.5rem;\r\n        color: var(--c-anchor-blue);\r\n        margin-bottom: 24px;\r\n        font-weight: 600;\r\n        position: relative;\r\n        padding-left: 20px;\r\n        border-left: 4px solid var(--c-stability-green); \/* \u5de6\u5074\u88dd\u98fe\u7dda *\/\r\n    }\r\n    \r\n    .zz-desc {\r\n        font-size: 1.1rem;\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.8;\r\n    }\r\n\r\n    \/* --- \u884c (Row) \u7d50\u69cb --- *\/\r\n    .zz-row {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        gap: 80px;\r\n        margin-bottom: 100px; \/* \u884c\u8ddd\u52a0\u5927 *\/\r\n    }\r\n    \/* \u6700\u5f8c\u4e00\u884c\u4e0d\u8981 margin *\/\r\n    .zz-row:last-child { margin-bottom: 0; }\r\n\r\n    \/* \u5076\u6578\u884c\u53cd\u8f49 (\u53f3\u5716\u5de6\u6587) *\/\r\n    .zz-row.reverse {\r\n        flex-direction: row-reverse;\r\n    }\r\n\r\n    \/* --- \u5716\u7247\u5340\u57df --- *\/\r\n    .zz-img-col {\r\n        flex: 1;\r\n        position: relative;\r\n        opacity: 0; transform: scale(0.95); \/* \u521d\u59cb\u7e2e\u5c0f *\/\r\n        transition: 1.2s var(--ease-out);\r\n    }\r\n    .zz-img-col.is-visible { opacity: 1; transform: scale(1); }\r\n\r\n    .img-frame {\r\n        position: relative;\r\n        width: 100%;\r\n        aspect-ratio: 4\/3; \/* \u7a69\u91cd\u7684\u6bd4\u4f8b *\/\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 40px rgba(31, 42, 51, 0.1);\r\n    }\r\n\r\n    .img-frame img {\r\n        width: 100%; height: 100%; object-fit: cover;\r\n        transition: transform 1.5s ease; \/* \u7de9\u6162\u79fb\u52d5 *\/\r\n    }\r\n    \/* Hover \u6642\u5716\u7247\u5fae\u653e\u5927 *\/\r\n    .img-frame:hover img { transform: scale(1.05); }\r\n\r\n    \/* \u5716\u7247\u88dd\u98fe\u6846 (\u589e\u52a0\u9ad8\u7d1a\u611f) *\/\r\n    .img-decor {\r\n        position: absolute;\r\n        top: 20px; left: 20px;\r\n        width: 100%; height: 100%;\r\n        border: 1px solid var(--c-stability-green);\r\n        border-radius: 12px;\r\n        z-index: -1; \/* \u5728\u5716\u7247\u5f8c\u9762 *\/\r\n        transition: transform 0.6s var(--ease-out);\r\n    }\r\n    \/* \u5076\u6578\u884c\u7684\u88dd\u98fe\u6846\u5728\u53f3\u908a *\/\r\n    .zz-row.reverse .img-decor { left: auto; right: 20px; }\r\n    \r\n    \/* Hover \u6642\u88dd\u98fe\u6846\u4f4d\u79fb\u4e92\u52d5 *\/\r\n    .zz-row:hover .img-decor { transform: translate(10px, 10px); }\r\n    .zz-row.reverse:hover .img-decor { transform: translate(-10px, 10px); }\r\n\r\n\r\n    \/* --- \u6587\u5b57\u5340\u57df --- *\/\r\n    .zz-text-col {\r\n        flex: 0.9;\r\n        opacity: 0; transform: translateX(30px);\r\n        transition: 1s var(--ease-out);\r\n        transition-delay: 0.2s; \/* \u6bd4\u5716\u7247\u665a\u4e00\u9ede\u51fa\u4f86 *\/\r\n    }\r\n    .zz-text-col.is-visible { opacity: 1; transform: translateX(0); }\r\n    \r\n    \/* \u5076\u6578\u884c\u6587\u5b57\u5f9e\u5de6\u908a\u6ed1\u5165 *\/\r\n    .zz-row.reverse .zz-text-col { transform: translateX(-30px); }\r\n    .zz-row.reverse .zz-text-col.is-visible { transform: translateX(0); }\r\n\r\n    .zz-num {\r\n        font-family: var(--font-serif);\r\n        font-size: 4rem;\r\n        color: rgba(74, 111, 100, 0.1); \/* \u6975\u6de1\u7684\u7da0\u8272 *\/\r\n        font-weight: 700;\r\n        line-height: 1;\r\n        margin-bottom: -20px; \/* \u758a\u5728\u6a19\u984c\u5f8c\u9762 *\/\r\n        position: relative;\r\n        z-index: 0;\r\n    }\r\n\r\n    .zz-item-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2rem;\r\n        color: var(--c-anchor-blue);\r\n        margin-bottom: 24px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .zz-item-desc {\r\n        font-size: 1.05rem;\r\n        color: var(--c-heritage-gray);\r\n        margin-bottom: 32px;\r\n        text-align: justify;\r\n    }\r\n\r\n    \/* \u6309\u9215\u6a23\u5f0f (Underline Style - \u66f4\u512a\u96c5) *\/\r\n    .zz-link {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        color: var(--c-stability-green);\r\n        font-weight: 600;\r\n        text-decoration: none;\r\n        padding-bottom: 4px;\r\n        border-bottom: 2px solid rgba(74, 111, 100, 0.3);\r\n        transition: all 0.3s;\r\n    }\r\n    .zz-link:hover {\r\n        border-bottom-color: var(--c-stability-green);\r\n        color: var(--c-green-hover);\r\n    }\r\n    .zz-arrow { margin-left: 8px; transition: transform 0.3s; }\r\n    .zz-link:hover .zz-arrow { transform: translateX(6px); }\r\n\r\n\r\n    \/* --- RWD Mobile --- *\/\r\n    @media (max-width: 968px) {\r\n        .zigzag-container { padding: 80px 5%; }\r\n        \r\n        .zz-row, .zz-row.reverse {\r\n            flex-direction: column; \/* \u5168\u90e8\u6539\u70ba\u5782\u76f4\u6392\u5217 *\/\r\n            gap: 30px;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .zz-img-col, .zz-text-col { flex: auto; width: 100%; }\r\n        \r\n        \/* \u5716\u7247\u88dd\u98fe\u6846\u7e2e\u5c0f\u4e00\u9ede\u4ee5\u514d\u8d85\u51fa\u87a2\u5e55 *\/\r\n        .img-decor { top: 10px; left: 10px; }\r\n        .zz-row.reverse .img-decor { right: 10px; }\r\n\r\n        .zz-item-title { font-size: 1.8rem; }\r\n        \r\n        \/* \u624b\u6a5f\u7248\u5f37\u5236\u986f\u793a *\/\r\n        .zz-header, .zz-img-col, .zz-text-col { opacity: 1 !important; transform: none !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-zigzag-section\" id=\"services\">\r\n    <div class=\"zigzag-container\">\r\n        \r\n        <div class=\"zz-header fade-in-scroll\">\r\n            <h2 class=\"zz-title\">\u5168\u65b9\u4f4d\u5bb6\u65cf\u50b3\u627f\u670d\u52d9<\/h2>\r\n            <div class=\"zz-desc\">\r\n                \u4e0d\u53ea\u662f\u8655\u7406\u5100\u5f0f\uff0c\u66f4\u8655\u7406\u95dc\u4fc2\u3002\u6211\u5011\u4ee5\u5c08\u696d\u9867\u554f\u8996\u89d2\uff0c\u70ba\u60a8\u68b3\u7406\u5f9e\u7a7a\u9593\u3001\u98a8\u6c34\u5230\u5100\u5f0f\u7684\u6240\u6709\u7d30\u7bc0\u3002\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"zz-row\">\r\n            <div class=\"zz-img-col fade-in-scroll\">\r\n                <div class=\"img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2025\/12\/photo_2025-12-29_15-57-43.jpg\" alt=\"Advisory\">\r\n                <\/div>\r\n                <div class=\"img-decor\"><\/div>\r\n            <\/div>\r\n            <div class=\"zz-text-col fade-in-scroll\">\r\n                <div class=\"zz-num\">01<\/div>\r\n                <h3 class=\"zz-item-title\">\u7956\u5148\u724c\u4f4d\u8aee\u8a62\u9867\u554f<\/h3>\r\n                <p class=\"zz-item-desc\">\r\n                    \u9762\u5c0d\u5bb6\u65cf\u9577\u8f29\u7684\u4e0d\u540c\u610f\u898b\uff0c\u60a8\u9700\u8981\u7b2c\u4e09\u65b9\u7684\u5ba2\u89c0\u5c08\u696d\u5efa\u8b70\u3002\u6211\u5011\u63d0\u4f9b\u6cd5\u898f\u3001\u7fd2\u4fd7\u8207\u5be6\u52d9\u9762\u7684\u7d9c\u5408\u5206\u6790\uff0c\u5354\u52a9\u5bb6\u65cf\u5efa\u7acb\u5171\u8b58\uff0c\u907f\u514d\u56e0\u8cc7\u8a0a\u843d\u5dee\u7522\u751f\u7684\u885d\u7a81\u3002\r\n                <\/p>\r\n                <a href=\"#\" class=\"zz-link\">\u670d\u52d9\u8a73\u60c5 <i class=\"fa-solid fa-arrow-right zz-arrow\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"zz-row reverse\">\r\n            <div class=\"zz-img-col fade-in-scroll\">\r\n                <div class=\"img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2025\/12\/photo_2025-12-29_15-57-52.jpg\" alt=\"Feng Shui\">\r\n                <\/div>\r\n                <div class=\"img-decor\"><\/div>\r\n            <\/div>\r\n            <div class=\"zz-text-col fade-in-scroll\">\r\n                <div class=\"zz-num\">02<\/div>\r\n                <h3 class=\"zz-item-title\">\u98a8\u6c34\u582a\u8f3f\u8207\u9078\u5740\u8a55\u4f30<\/h3>\r\n                <p class=\"zz-item-desc\">\r\n                    \u7d50\u5408\u73fe\u4ee3\u7a7a\u9593\u7f8e\u5b78\u8207\u50b3\u7d71\u582a\u8f3f\u667a\u6167\u3002\u7121\u8ad6\u662f\u5c45\u5bb6\u795e\u4f4d\u5b89\u5ea7\uff0c\u6216\u662f\u5916\u90e8\u5854\u4f4d\u3001\u6703\u9928\u7684\u6311\u9078\uff0c\u6211\u5011\u89aa\u81e8\u73fe\u5834\u6e2c\u91cf\uff0c\u70ba\u7956\u5148\u8207\u5f8c\u4ee3\u5b50\u5b6b\u5c0b\u627e\u6700\u5b89\u7a69\u7684\u6c23\u5834\u3002\r\n                <\/p>\r\n                <a href=\"#\" class=\"zz-link\">\u670d\u52d9\u8a73\u60c5 <i class=\"fa-solid fa-arrow-right zz-arrow\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"zz-row\">\r\n            <div class=\"zz-img-col fade-in-scroll\">\r\n                <div class=\"img-frame\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2025\/12\/photo_2025-12-29_16-10-00.jpg\" alt=\"Ceremony\">\r\n                <\/div>\r\n                <div class=\"img-decor\"><\/div>\r\n            <\/div>\r\n            <div class=\"zz-text-col fade-in-scroll\">\r\n                <div class=\"zz-num\">03<\/div>\r\n                <h3 class=\"zz-item-title\">\u5bb6\u65cf\u50b3\u627f\u5100\u5f0f\u898f\u5283<\/h3>\r\n                <p class=\"zz-item-desc\">\r\n                    \u5100\u5f0f\u4e0d\u53ea\u662f\u5f62\u5f0f\uff0c\u800c\u662f\u60c5\u611f\u7684\u8f09\u9ad4\u3002\u5f9e\u5206\u706b\u3001\u8fad\u7956\u3001\u9077\u51fa\u5230\u5b89\u5ea7\uff0c\u6211\u5011\u898f\u5283\u838a\u91cd\u3001\u5408\u5b9c\u4e14\u4e0d\u8ff7\u4fe1\u7684\u6d41\u7a0b\uff0c\u8b93\u614e\u7d42\u8ffd\u9060\u7684\u5fc3\u610f\u5728\u5100\u5f0f\u4e2d\u5713\u6eff\u50b3\u905e\u3002\r\n                <\/p>\r\n                <a href=\"#\" class=\"zz-link\">\u670d\u52d9\u8a73\u60c5 <i class=\"fa-solid fa-arrow-right zz-arrow\"><\/i><\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initZigzagAnimations() {\r\n            if ('IntersectionObserver' in window) {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach((entry) => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('is-visible');\r\n                            \/\/ \u5f37\u5236\u5beb\u5165 style \u4ee5\u78ba\u4fdd\u986f\u793a\r\n                            entry.target.style.opacity = 1;\r\n                            entry.target.style.transform = entry.target.classList.contains('zz-img-col') ? 'scale(1)' : 'translate(0)';\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, { threshold: 0.15 }); \/\/ \u7a0d\u5fae\u6ed1\u9032\u53bb\u4e00\u9ede\u518d\u89f8\u767c\r\n\r\n                const items = document.querySelectorAll('.fade-in-scroll');\r\n                if(items.length > 0) items.forEach(el => observer.observe(el));\r\n            } else {\r\n                forceShowZigzag();\r\n            }\r\n        }\r\n\r\n        function forceShowZigzag() {\r\n            document.querySelectorAll('.fade-in-scroll').forEach(el => {\r\n                el.classList.add('is-visible');\r\n                el.style.opacity = 1;\r\n                el.style.transform = 'none';\r\n            });\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", initZigzagAnimations);\r\n        window.addEventListener(\"load\", initZigzagAnimations);\r\n        setTimeout(() => {\r\n            \/\/ 1.5\u79d2\u5f8c\u6aa2\u67e5\uff0c\u5982\u679c\u6c92\u986f\u793a\u5c31\u5f37\u5236\u986f\u793a\r\n            const testEl = document.querySelector('.fade-in-scroll');\r\n            if(testEl && getComputedStyle(testEl).opacity === '0') {\r\n                forceShowZigzag();\r\n            }\r\n        }, 1500);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-450086d e-flex e-con-boxed e-con e-parent\" data-id=\"450086d\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be85780 elementor-widget elementor-widget-html\" data-id=\"be85780\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .custom-process-section {\r\n        --c-anchor-blue: #1F2A33;\r\n        --c-heritage-gray: #6B6E70;\r\n        --c-stability-green: #4A6F64;\r\n        --c-calm-ivory: #F6F4EF;\r\n        --c-white: #FFFFFF;\r\n        \r\n        --font-serif: 'Noto Serif TC', serif;\r\n        --font-sans: 'Noto Sans TC', sans-serif;\r\n        --ease-out: cubic-bezier(0.25, 1, 0.5, 1);\r\n\r\n        font-family: var(--font-sans);\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.7;\r\n        background-color: var(--c-calm-ivory); \/* \u80cc\u666f\u7c73\u767d *\/\r\n        width: 100%;\r\n        display: block;\r\n        padding: 100px 5%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .custom-process-section * { box-sizing: border-box; }\r\n\r\n    .proc-container { max-width: 1200px; margin: 0 auto; }\r\n\r\n    \/* \u6a19\u984c\u5340 *\/\r\n    .proc-header {\r\n        text-align: center; margin-bottom: 80px;\r\n        opacity: 0; transform: translateY(30px);\r\n        transition: 1s var(--ease-out);\r\n    }\r\n    .proc-header.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .proc-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2.5rem;\r\n        color: var(--c-anchor-blue);\r\n        margin-bottom: 16px;\r\n        font-weight: 600;\r\n        display: inline-block;\r\n        position: relative;\r\n    }\r\n    \/* \u6a19\u984c\u4e0b\u65b9\u7684\u88dd\u98fe\u9ede *\/\r\n    .proc-title::after {\r\n        content: ''; display: block; width: 8px; height: 8px;\r\n        background-color: var(--c-stability-green);\r\n        border-radius: 50%;\r\n        margin: 20px auto 0;\r\n    }\r\n\r\n    \/* --- \u6d41\u7a0b\u5361\u7247\u5bb9\u5668 --- *\/\r\n    .proc-steps {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr); \/* \u56db\u6b65\u9a5f\u4e26\u6392 *\/\r\n        gap: 20px;\r\n        position: relative;\r\n        margin-bottom: 100px;\r\n    }\r\n\r\n    \/* \u9023\u63a5\u7dda (\u8cab\u7a7f\u7dda) *\/\r\n    .proc-steps::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 40px; left: 10%; right: 10%; \/* \u63a7\u5236\u7dda\u689d\u9577\u5ea6 *\/\r\n        height: 2px;\r\n        background-color: rgba(31, 42, 51, 0.1); \/* \u6975\u6de1\u7684\u7dda *\/\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* \u55ae\u4e00\u6b65\u9a5f\u5361\u7247 *\/\r\n    .step-card {\r\n        background: var(--c-white);\r\n        padding: 40px 24px;\r\n        border-radius: 8px;\r\n        text-align: center;\r\n        position: relative;\r\n        z-index: 1; \/* \u84cb\u904e\u9023\u63a5\u7dda *\/\r\n        box-shadow: 0 10px 30px rgba(31, 42, 51, 0.05);\r\n        transition: transform 0.4s var(--ease-out), box-shadow 0.4s;\r\n        \r\n        opacity: 0; transform: translateY(30px); \/* \u521d\u59cb\u96b1\u85cf *\/\r\n    }\r\n    .step-card.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* Hover \u4e0a\u6d6e *\/\r\n    .step-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px rgba(31, 42, 51, 0.1);\r\n    }\r\n\r\n    \/* \u6b65\u9a5f\u5713\u9ede Icon *\/\r\n    .step-icon-box {\r\n        width: 80px; height: 80px;\r\n        background-color: var(--c-calm-ivory);\r\n        border-radius: 50%;\r\n        margin: 0 auto 24px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        border: 2px solid var(--c-white); \/* \u8b93\u5b83\u8ddf\u80cc\u666f\u7dda\u5206\u958b *\/\r\n        box-shadow: 0 0 0 4px var(--c-calm-ivory); \/* \u5916\u5708\u5149\u6688\u611f *\/\r\n        transition: 0.4s;\r\n    }\r\n    .step-card:hover .step-icon-box {\r\n        background-color: var(--c-stability-green);\r\n        color: var(--c-white);\r\n        transform: scale(1.1);\r\n    }\r\n\r\n    .step-icon { font-size: 1.8rem; color: var(--c-stability-green); transition: 0.4s; }\r\n    .step-card:hover .step-icon { color: var(--c-white); }\r\n\r\n    \/* \u6b65\u9a5f\u7de8\u865f (\u80cc\u666f\u6de1\u5b57) *\/\r\n    .step-num {\r\n        position: absolute; top: 10px; right: 15px;\r\n        font-family: var(--font-serif);\r\n        font-size: 3rem; color: #F2F0E6;\r\n        font-weight: 700; line-height: 1;\r\n        z-index: -1;\r\n    }\r\n\r\n    \/* \u6a19\u984c\u8207\u5167\u6587 *\/\r\n    .step-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 1.25rem; color: var(--c-anchor-blue);\r\n        margin-bottom: 12px; font-weight: 600;\r\n    }\r\n\r\n    .step-desc {\r\n        font-size: 0.95rem; color: var(--c-heritage-gray);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- \u88dc\u5145\u6587\u5b57 (\u91d1\u53e5\u6536\u5c3e) --- *\/\r\n    .proc-quote {\r\n        text-align: center;\r\n        max-width: 600px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        padding: 40px;\r\n        opacity: 0; transform: translateY(20px);\r\n    }\r\n    .proc-quote.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .quote-text {\r\n        font-family: var(--font-serif);\r\n        font-size: 1.5rem;\r\n        color: var(--c-anchor-blue);\r\n        font-weight: 500;\r\n        line-height: 1.6;\r\n        letter-spacing: 0.05em;\r\n    }\r\n    \/* \u88dd\u98fe\u5f15\u865f *\/\r\n    .quote-icon {\r\n        font-size: 2rem; color: rgba(194, 168, 120, 0.4); \/* \u6696\u7802\u91d1\uff0c\u900f\u660e *\/\r\n        display: block; margin-bottom: 20px;\r\n    }\r\n\r\n    \/* --- RWD Mobile --- *\/\r\n    @media (max-width: 968px) {\r\n        .custom-process-section { padding: 80px 5%; }\r\n        \r\n        .proc-steps {\r\n            grid-template-columns: 1fr; \/* \u5782\u76f4\u6392\u5217 *\/\r\n            gap: 40px;\r\n        }\r\n        \/* \u624b\u6a5f\u7248\u79fb\u9664\u6a6b\u5411\u9023\u63a5\u7dda\uff0c\u6539\u70ba\u5782\u76f4\u9023\u63a5\u7dda *\/\r\n        .proc-steps::before {\r\n            top: 40px; bottom: 40px; left: 50%; width: 2px; height: auto;\r\n            transform: translateX(-50%);\r\n        }\r\n\r\n        .step-card {\r\n            padding: 30px 20px;\r\n            \/* \u624b\u6a5f\u7248\u5361\u7247\u9700\u8981\u80cc\u666f\u8272\u5340\u9694 *\/\r\n        }\r\n        \r\n        .proc-title { font-size: 2rem; }\r\n        .quote-text { font-size: 1.25rem; }\r\n\r\n        \/* \u5f37\u5236\u986f\u793a *\/\r\n        .proc-header, .step-card, .proc-quote { opacity: 1 !important; transform: none !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-process-section\" id=\"process\">\r\n    <div class=\"proc-container\">\r\n        \r\n        <div class=\"proc-header fade-in-step\">\r\n            <h2 class=\"proc-title\">\u4e00\u6b65\u4e00\u6b65\uff0c\u5354\u52a9\u5bb6\u5ead\u5b89\u5fc3\u505a\u51fa\u6c7a\u5b9a<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"proc-steps\">\r\n            \r\n            <div class=\"step-card fade-in-step\">\r\n                <div class=\"step-num\">01<\/div>\r\n                <div class=\"step-icon-box\">\r\n                    <i class=\"fa-regular fa-comments step-icon\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"step-title\">\u7dda\u4e0a\u7406\u89e3\u8207<br>\u521d\u6b65\u8aaa\u660e<\/h3>\r\n                <p class=\"step-desc\">\u900f\u904e\u7dda\u4e0a\u6e9d\u901a\uff0c\u521d\u6b65\u4e86\u89e3\u5bb6\u65cf\u80cc\u666f\u8207\u9700\u6c42\uff0c\u5efa\u7acb\u57fa\u672c\u7684\u4fe1\u4efb\u8207\u5171\u8b58\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"step-card fade-in-step\" style=\"transition-delay: 0.1s;\">\r\n                <div class=\"step-num\">02<\/div>\r\n                <div class=\"step-icon-box\">\r\n                    <i class=\"fa-solid fa-clipboard-check step-icon\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"step-title\">\u500b\u5225\u72c0\u6cc1<br>\u8a55\u4f30<\/h3>\r\n                <p class=\"step-desc\">\u91dd\u5c0d\u5bb6\u65cf\u6210\u54e1\u7d50\u69cb\u3001\u5c45\u4f4f\u7a7a\u9593\u8207\u751f\u6d3b\u578b\u614b\uff0c\u9032\u884c\u5ba2\u89c0\u7684\u53ef\u884c\u6027\u5206\u6790\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"step-card fade-in-step\" style=\"transition-delay: 0.2s;\">\r\n                <div class=\"step-num\">03<\/div>\r\n                <div class=\"step-icon-box\">\r\n                    <i class=\"fa-solid fa-building-columns step-icon\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"step-title\">\u5be6\u9ad4\u6703\u9928<br>\u8aaa\u660e\u8207\u53c3\u8a2a<\/h3>\r\n                <p class=\"step-desc\">\u9080\u8acb\u5bb6\u65cf\u6210\u54e1\u89aa\u81e8\u73fe\u5834\uff0c\u611f\u53d7\u7a7a\u9593\u6c1b\u570d\uff0c\u4e26\u91dd\u5c0d\u7d30\u7bc0\u505a\u6df1\u5ea6\u89e3\u8aaa\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"step-card fade-in-step\" style=\"transition-delay: 0.3s;\">\r\n                <div class=\"step-num\">04<\/div>\r\n                <div class=\"step-icon-box\">\r\n                    <i class=\"fa-solid fa-users step-icon\"><\/i>\r\n                <\/div>\r\n                <h3 class=\"step-title\">\u5bb6\u5ead\u6210\u54e1<br>\u8a0e\u8ad6\u8207\u6c7a\u7b56<\/h3>\r\n                <p class=\"step-desc\">\u5728\u5145\u5206\u8cc7\u8a0a\u7684\u57fa\u790e\u4e0a\uff0c\u5354\u52a9\u5bb6\u65cf\u5167\u90e8\u9032\u884c\u6e9d\u901a\uff0c\u505a\u51fa\u6700\u9069\u5408\u7684\u9577\u671f\u5b89\u6392\u3002<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"proc-quote fade-in-step\" style=\"transition-delay: 0.4s;\">\r\n            <i class=\"fa-solid fa-quote-left quote-icon\"><\/i>\r\n            <p class=\"quote-text\">\r\n                \u6211\u5011\u76f8\u4fe1\uff0c\u91cd\u8981\u7684\u5bb6\u65cf\u5b89\u6392\uff0c<br>\r\n                \u503c\u5f97\u88ab\u5145\u5206\u7406\u89e3\uff0c\u800c\u4e0d\u662f\u88ab\u5feb\u901f\u6c7a\u5b9a\u3002\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initProcessAnimations() {\r\n            if ('IntersectionObserver' in window) {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach((entry) => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('is-visible');\r\n                            entry.target.style.opacity = 1;\r\n                            entry.target.style.transform = 'translateY(0)';\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, { threshold: 0.1 });\r\n\r\n                const items = document.querySelectorAll('.fade-in-step');\r\n                if(items.length > 0) items.forEach(el => observer.observe(el));\r\n            } else {\r\n                forceShowProcess();\r\n            }\r\n        }\r\n\r\n        function forceShowProcess() {\r\n            document.querySelectorAll('.fade-in-step').forEach(el => {\r\n                el.classList.add('is-visible');\r\n                el.style.opacity = 1;\r\n                el.style.transform = 'translateY(0)';\r\n            });\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", initProcessAnimations);\r\n        window.addEventListener(\"load\", initProcessAnimations);\r\n        setTimeout(forceShowProcess, 1000); \/\/ \u9632\u5446\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c77311e e-flex e-con-boxed e-con e-parent\" data-id=\"c77311e\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d5425a elementor-widget elementor-widget-html\" data-id=\"6d5425a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .custom-about-section {\r\n        --c-anchor-blue: #1F2A33;\r\n        --c-heritage-gray: #6B6E70;\r\n        --c-stability-green: #4A6F64;\r\n        --c-calm-ivory: #F6F4EF;\r\n        --c-white: #FFFFFF;\r\n        \r\n        --font-serif: 'Noto Serif TC', serif;\r\n        --font-sans: 'Noto Sans TC', sans-serif;\r\n        --ease-out: cubic-bezier(0.25, 1, 0.5, 1);\r\n\r\n        font-family: var(--font-sans);\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.8;\r\n        background-color: var(--c-calm-ivory);\r\n        width: 100%;\r\n        display: block;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .custom-about-section * { box-sizing: border-box; }\r\n    .about-container { max-width: 1200px; margin: 0 auto; padding: 0 5%; }\r\n\r\n    \/* ================= \u5340\u584a\u4e00\uff1a\u54c1\u724c\u7de3\u8d77 (\u63d0\u554f\u5f0f\u4f48\u5c40) ================= *\/\r\n    .about-origin-wrap {\r\n        padding: 120px 0 100px;\r\n        position: relative;\r\n    }\r\n\r\n    .origin-grid {\r\n        display: grid;\r\n        grid-template-columns: 0.8fr 0.1fr 1fr; \/* \u5de6\u6a19\u984c \/ \u7dda \/ \u53f3\u5167\u6587 *\/\r\n        gap: 40px;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    \/* \u5de6\u5074\u6a19\u984c *\/\r\n    .origin-title-col {\r\n        position: relative;\r\n        opacity: 0; transform: translateY(30px);\r\n        transition: 1s var(--ease-out);\r\n    }\r\n    .origin-title-col.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .origin-label {\r\n        font-size: 0.9rem; letter-spacing: 0.2em; color: var(--c-stability-green);\r\n        margin-bottom: 20px; display: block; font-weight: 600;\r\n    }\r\n\r\n    .origin-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2.8rem;\r\n        color: var(--c-anchor-blue);\r\n        line-height: 1.3;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* \u4e2d\u9593\u5206\u9694\u7dda *\/\r\n    .origin-line-col {\r\n        display: flex; justify-content: center; height: 100%;\r\n        padding-top: 20px;\r\n    }\r\n    .vertical-line {\r\n        width: 1px; height: 0; \/* \u521d\u59cb\u9ad8\u5ea6 0 *\/\r\n        background-color: rgba(31, 42, 51, 0.2);\r\n        transition: height 1.5s ease-out;\r\n    }\r\n    .vertical-line.is-visible { height: 300px; } \/* \u5c55\u958b\u9ad8\u5ea6 *\/\r\n\r\n    \/* \u53f3\u5074\u5167\u6587 *\/\r\n    .origin-text-col {\r\n        padding-top: 20px;\r\n        opacity: 0; transform: translateY(30px);\r\n        transition: 1s var(--ease-out); transition-delay: 0.3s;\r\n    }\r\n    .origin-text-col.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .origin-text {\r\n        font-size: 1.05rem;\r\n        text-align: justify;\r\n        margin-bottom: 30px;\r\n    }\r\n    \r\n    \/* \u5f37\u8abf\u6587\u5b57 *\/\r\n    .text-highlight {\r\n        color: var(--c-anchor-blue);\r\n        font-weight: 500;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    .text-highlight::after {\r\n        content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px;\r\n        background-color: rgba(74, 111, 100, 0.1); z-index: -1;\r\n    }\r\n\r\n\r\n    \/* ================= \u5340\u584a\u4e8c\uff1a\u54c1\u724c\u7406\u5ff5 (\u91cd\u758a\u5f0f\u4f48\u5c40) ================= *\/\r\n    .about-philosophy-wrap {\r\n        padding-bottom: 140px;\r\n        position: relative;\r\n    }\r\n\r\n    \/* \u5716\u7247\u5c64 *\/\r\n    .philo-img-box {\r\n        width: 100%;\r\n        height: 500px;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        position: relative;\r\n        opacity: 0; transform: scale(0.98);\r\n        transition: 1.2s var(--ease-out);\r\n    }\r\n    .philo-img-box.is-visible { opacity: 1; transform: scale(1); }\r\n\r\n    .philo-img-box img {\r\n        width: 100%; height: 100%; object-fit: cover;\r\n        \/* \u8b93\u5716\u7247\u7a0d\u5fae\u6697\u4e00\u9ede\uff0c\u51f8\u986f\u767d\u5361\u7247 *\/\r\n        filter: brightness(0.95); \r\n        transition: transform 10s ease; \/* \u6975\u6162\u901f\u653e\u5927\u7279\u6548 *\/\r\n    }\r\n    .philo-img-box:hover img { transform: scale(1.1); }\r\n\r\n    \/* \u6587\u5b57\u5361\u7247\u5c64 *\/\r\n    .philo-card {\r\n        position: absolute;\r\n        bottom: -60px; \/* \u51f8\u51fa\u5716\u7247\u5e95\u90e8 *\/\r\n        right: 80px;   \/* \u9760\u53f3 *\/\r\n        width: 500px;\r\n        background: var(--c-white);\r\n        padding: 60px;\r\n        border-radius: 4px; \/* \u7a0d\u5fae\u65b9\u6b63\u4e00\u9ede\uff0c\u5f37\u8abf\u7a69\u5b9a *\/\r\n        box-shadow: 0 20px 60px rgba(31, 42, 51, 0.1);\r\n        \r\n        opacity: 0; transform: translateY(40px);\r\n        transition: 1s var(--ease-out); transition-delay: 0.4s;\r\n    }\r\n    .philo-card.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* \u88dd\u98fe\u89d2\u6a19 *\/\r\n    .philo-card::before {\r\n        content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%;\r\n        background-color: var(--c-stability-green);\r\n    }\r\n\r\n    .philo-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2rem;\r\n        color: var(--c-anchor-blue);\r\n        margin-bottom: 24px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    .philo-text {\r\n        font-size: 1rem;\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.8;\r\n        text-align: justify;\r\n    }\r\n\r\n    \/* --- RWD Mobile --- *\/\r\n    @media (max-width: 968px) {\r\n        \/* \u7de3\u8d77\u5340 RWD *\/\r\n        .origin-grid {\r\n            grid-template-columns: 1fr; \/* \u55ae\u6b04 *\/\r\n            gap: 20px;\r\n        }\r\n        .origin-line-col { display: none; } \/* \u624b\u6a5f\u7248\u96b1\u85cf\u5206\u9694\u7dda *\/\r\n        .origin-title { font-size: 2.2rem; }\r\n        .origin-text-col { padding-top: 0; }\r\n        .about-origin-wrap { padding: 80px 0 60px; }\r\n\r\n        \/* \u7406\u5ff5\u5340 RWD *\/\r\n        .about-philosophy-wrap { padding-bottom: 80px; }\r\n        .philo-img-box { height: 300px; } \/* \u5716\u7247\u8b8a\u77ee *\/\r\n        \r\n        .philo-card {\r\n            position: relative; \/* \u53d6\u6d88\u7d55\u5c0d\u5b9a\u4f4d *\/\r\n            bottom: auto; right: auto;\r\n            width: 90%; \/* \u5bec\u5ea6 *\/\r\n            margin: -40px auto 0; \/* \u5f80\u4e0a\u84cb\u4f4f\u5716\u7247\u4e00\u9ede\u9ede *\/\r\n            padding: 40px 30px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-about-section\">\r\n    <div class=\"about-container\">\r\n        \r\n        <div class=\"about-origin-wrap\">\r\n            <div class=\"origin-grid\">\r\n                \r\n                <div class=\"origin-title-col fade-in-about\">\r\n                    <span class=\"origin-label\">OUR ORIGIN<\/span>\r\n                    <h2 class=\"origin-title\">\u70ba\u4ec0\u9ebc\u9700\u8981\u4e00\u500b<br>\u5bb6\u65cf\u9867\u554f\u5e73\u53f0\uff1f<\/h2>\r\n                <\/div>\r\n\r\n                <div class=\"origin-line-col\">\r\n                    <div class=\"vertical-line fade-in-line\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"origin-text-col fade-in-about\">\r\n                    <p class=\"origin-text\">\r\n                        \u96a8\u8457\u5bb6\u5ead\u7d50\u69cb\u6539\u8b8a\u3001\u5c45\u4f4f\u578b\u614b\u4e0d\u540c\uff0c\u8a31\u591a\u904e\u53bb\u88ab\u8996\u70ba\u300c\u7406\u6240\u7576\u7136\u300d\u7684\u505a\u6cd5\uff0c\u5728\u73fe\u4ee3\u751f\u6d3b\u4e2d\u5df2\u4e0d\u4e00\u5b9a\u9069\u7528\u3002\r\n                    <\/p>\r\n                    <p class=\"origin-text\">\r\n                        \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u6210\u7acb\u7684\u521d\u8877\uff0c\u6b63\u662f\u5e0c\u671b\u5354\u52a9\u5bb6\u5ead\u5728\u9762\u5c0d\u7956\u5148\u724c\u4f4d\u8207\u5bb6\u65cf\u5b89\u6392\u6642\uff0c\u80fd\u6709\u4e00\u500b<span class=\"text-highlight\">\u4e2d\u7acb\u3001\u5c08\u696d\u3001\u53ef\u5c0d\u8a71<\/span>\u7684\u8aee\u8a62\u5e73\u53f0\uff0c\u800c\u4e0d\u662f\u53ea\u80fd\u5728\u6709\u9650\u8cc7\u8a0a\u4e0b\u81ea\u884c\u6478\u7d22\u3002\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"about-philosophy-wrap\">\r\n            \r\n            <div class=\"philo-img-box fade-in-about\">\r\n                <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2025\/12\/photo_2025-12-29_16-50-07.jpg\" alt=\"Peaceful Living Space\">\r\n            <\/div>\r\n\r\n            <div class=\"philo-card fade-in-about\">\r\n                <h2 class=\"philo-title\">\u627f\u7e8c\u6587\u5316\uff0c<br>\u4e5f\u7167\u9867\u73fe\u5be6<\/h2>\r\n                <p class=\"philo-text\">\r\n                    \u6211\u5011\u5c0a\u91cd\u50b3\u7d71\u6587\u5316\u6240\u627f\u8f09\u7684\u60c5\u611f\u8207\u610f\u7fa9\uff0c\u540c\u6642\u4e5f\u7406\u89e3\u73fe\u4ee3\u5bb6\u5ead\u5728\u7a7a\u9593\u3001\u6642\u9593\u8207\u4eba\u529b\u4e0a\u7684\u9650\u5236\u3002\r\n                    <br><br>\r\n                    \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u7684\u89d2\u8272\uff0c\u662f\u5354\u52a9\u5bb6\u5ead\u5728\u6587\u5316\u8207\u73fe\u5be6\u4e4b\u9593\uff0c\u627e\u5230\u80fd\u5920<span class=\"text-highlight\">\u9577\u671f\u7dad\u6301\u3001\u5f7c\u6b64\u5b89\u5fc3\u7684\u5e73\u8861\u9ede<\/span>\u3002\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initAboutAnimations() {\r\n            if ('IntersectionObserver' in window) {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach((entry) => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('is-visible');\r\n                            \r\n                            \/\/ \u5f37\u5236\u5beb\u5165 style (\u9632\u5446)\r\n                            if(entry.target.classList.contains('vertical-line')) {\r\n                                entry.target.style.height = '300px';\r\n                            } else {\r\n                                entry.target.style.opacity = 1;\r\n                                entry.target.style.transform = entry.target.classList.contains('philo-img-box') ? 'scale(1)' : 'translateY(0)';\r\n                            }\r\n                            \r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, { threshold: 0.15 });\r\n\r\n                const items = document.querySelectorAll('.fade-in-about, .fade-in-line');\r\n                if(items.length > 0) items.forEach(el => observer.observe(el));\r\n            } else {\r\n                forceShowAbout();\r\n            }\r\n        }\r\n\r\n        function forceShowAbout() {\r\n            document.querySelectorAll('.fade-in-about').forEach(el => {\r\n                el.classList.add('is-visible');\r\n                el.style.opacity = 1;\r\n                el.style.transform = 'none';\r\n            });\r\n            document.querySelectorAll('.fade-in-line').forEach(el => {\r\n                el.style.height = '300px';\r\n            });\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", initAboutAnimations);\r\n        window.addEventListener(\"load\", initAboutAnimations);\r\n        setTimeout(forceShowAbout, 1500);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6269584 e-flex e-con-boxed e-con e-parent\" data-id=\"6269584\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73ce27a elementor-widget elementor-widget-html\" data-id=\"73ce27a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .custom-services-page {\r\n        --c-anchor-blue: #1F2A33;\r\n        --c-heritage-gray: #6B6E70;\r\n        --c-light-gray: #E5E5E5;\r\n        --c-stability-green: #4A6F64;\r\n        --c-calm-ivory: #F6F4EF;\r\n        --c-white: #FFFFFF;\r\n        \r\n        --font-serif: 'Noto Serif TC', serif;\r\n        --font-sans: 'Noto Sans TC', sans-serif;\r\n        --ease-out: cubic-bezier(0.25, 1, 0.5, 1);\r\n\r\n        font-family: var(--font-sans);\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.8;\r\n        width: 100%;\r\n        display: block;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .custom-services-page * { box-sizing: border-box; }\r\n    .svc-container { max-width: 1100px; margin: 0 auto; padding: 0 5%; }\r\n\r\n    \/* ================= \u5340\u584a\u4e09\uff1a\u9867\u554f\u89d2\u8272 (\u6df1\u85cd\u5ba3\u8a00\u5340) ================= *\/\r\n    .role-section {\r\n        background-color: var(--c-anchor-blue);\r\n        color: var(--c-white);\r\n        padding: 120px 0;\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n\r\n    .role-content {\r\n        max-width: 700px;\r\n        margin: 0 auto;\r\n        opacity: 0; transform: translateY(30px);\r\n        transition: 1s var(--ease-out);\r\n    }\r\n    .role-content.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .role-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2.2rem;\r\n        margin-bottom: 40px;\r\n        font-weight: 500;\r\n        letter-spacing: 0.05em;\r\n        position: relative;\r\n        display: inline-block;\r\n    }\r\n    .role-title::after {\r\n        content: ''; display: block; width: 40px; height: 1px;\r\n        background-color: var(--c-stability-green);\r\n        margin: 20px auto 0;\r\n    }\r\n\r\n    .role-text {\r\n        font-size: 1.15rem;\r\n        line-height: 2;\r\n        font-weight: 300;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    \/* \u80cc\u666f\u88dd\u98fe\uff1a\u6975\u6de1\u7684Logo\u6d6e\u6c34\u5370 *\/\r\n    .role-bg-icon {\r\n        position: absolute; top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        font-size: 20rem; opacity: 0.03; color: white;\r\n        pointer-events: none;\r\n        font-family: var(--font-serif); font-weight: 700;\r\n    }\r\n\r\n\r\n    \/* ================= \u4e09\u3001\u670d\u52d9\u9805\u76ee\u8a73\u60c5 (\u4ea4\u66ff\u5340\u584a) ================= *\/\r\n    \r\n    \/* \u901a\u7528\u5340\u584a\u8a2d\u5b9a *\/\r\n    .svc-detail-block {\r\n        padding: 100px 0;\r\n        display: flex; align-items: center;\r\n    }\r\n    \/* \u5947\u6578\u5340\u584a\uff1a\u7c73\u767d\u5e95 *\/\r\n    .svc-detail-block:nth-of-type(odd) { background-color: var(--c-calm-ivory); }\r\n    \/* \u5076\u6578\u5340\u584a\uff1a\u7d14\u767d\u5e95 *\/\r\n    .svc-detail-block:nth-of-type(even) { background-color: var(--c-white); }\r\n\r\n    .detail-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 80px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* \u5076\u6578\u5340\u584a\u53cd\u8f49 (\u5716\u53f3\u6587\u5de6) *\/\r\n    .svc-detail-block.reverse .detail-grid { direction: rtl; }\r\n    .svc-detail-block.reverse .detail-content { direction: ltr; } \/* \u6587\u5b57\u8f49\u56de\u4f86 *\/\r\n\r\n    \/* \u5716\u7247\u5340 *\/\r\n    .detail-img-box {\r\n        position: relative;\r\n        border-radius: 12px;\r\n        overflow: hidden;\r\n        box-shadow: 0 20px 50px rgba(31, 42, 51, 0.1);\r\n        opacity: 0; transform: scale(0.95);\r\n        transition: 1.2s var(--ease-out);\r\n    }\r\n    .detail-img-box.is-visible { opacity: 1; transform: scale(1); }\r\n\r\n    .detail-img-box img {\r\n        width: 100%; height: 100%; object-fit: cover;\r\n        transition: transform 1.5s ease;\r\n        display: block;\r\n    }\r\n    .svc-detail-block:hover .detail-img-box img { transform: scale(1.05); }\r\n\r\n    \/* \u6587\u5b57\u5340 *\/\r\n    .detail-content {\r\n        opacity: 0; transform: translateY(30px);\r\n        transition: 1s var(--ease-out); transition-delay: 0.2s;\r\n    }\r\n    .detail-content.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .detail-label {\r\n        font-size: 0.9rem; color: var(--c-stability-green); font-weight: 700;\r\n        letter-spacing: 0.1em; margin-bottom: 16px; display: block;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .detail-title {\r\n        font-family: var(--font-serif); font-size: 2rem; color: var(--c-anchor-blue);\r\n        margin-bottom: 24px; font-weight: 600;\r\n    }\r\n\r\n    .detail-desc {\r\n        font-size: 1.05rem; margin-bottom: 30px; text-align: justify;\r\n    }\r\n\r\n    \/* \u7279\u8272\u5217\u8868 (Checklist) *\/\r\n    .feature-list {\r\n        list-style: none; padding: 0; margin-bottom: 40px;\r\n    }\r\n    .feature-item {\r\n        margin-bottom: 12px; display: flex; align-items: flex-start;\r\n        font-size: 1rem; color: #555;\r\n    }\r\n    .f-icon {\r\n        color: var(--c-stability-green); margin-right: 12px; margin-top: 6px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    \/* \u6309\u9215 *\/\r\n    .detail-btn {\r\n        display: inline-flex; align-items: center; justify-content: center;\r\n        padding: 12px 32px;\r\n        border: 1px solid var(--c-anchor-blue);\r\n        color: var(--c-anchor-blue);\r\n        text-decoration: none; border-radius: 50px;\r\n        transition: all 0.3s ease;\r\n        font-weight: 500;\r\n    }\r\n    .detail-btn:hover {\r\n        background-color: var(--c-anchor-blue);\r\n        color: var(--c-white);\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 10px 20px rgba(31, 42, 51, 0.15);\r\n    }\r\n    \/* \u7da0\u8272\u6309\u9215 (LINE\u7528) *\/\r\n    .btn-green {\r\n        background-color: var(--c-stability-green); border-color: var(--c-stability-green); color: white;\r\n    }\r\n    .btn-green:hover {\r\n        background-color: #3A5850; border-color: #3A5850;\r\n    }\r\n\r\n    .btn-icon { margin-right: 10px; }\r\n\r\n    \/* --- RWD Mobile --- *\/\r\n    @media (max-width: 968px) {\r\n        .role-title { font-size: 1.8rem; }\r\n        .role-text { font-size: 1rem; text-align: justify; }\r\n        \r\n        .svc-detail-block { padding: 60px 0; }\r\n        .detail-grid { grid-template-columns: 1fr; gap: 40px; direction: ltr !important; } \/* \u624b\u6a5f\u7248\u5168\u90e8\u53d6\u6d88\u53cd\u8f49 *\/\r\n        .svc-detail-block.reverse .detail-content { direction: ltr; }\r\n\r\n        .detail-img-box { height: 250px; }\r\n        .detail-title { font-size: 1.6rem; }\r\n        \r\n        .detail-btn { width: 100%; } \/* \u624b\u6a5f\u7248\u6309\u9215\u6eff\u5bec *\/\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-services-page\">\r\n    \r\n    <section class=\"role-section\">\r\n        <div class=\"role-bg-icon\">\u627f<\/div> <div class=\"svc-container role-content fade-in-svc\">\r\n            <h2 class=\"role-title\">\u6211\u5011\u5982\u4f55\u53c3\u8207\u5bb6\u5ead\u7684\u898f\u5283\u904e\u7a0b<\/h2>\r\n            <div class=\"role-text\">\r\n                \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u4e0d\u4ee3\u66ff\u5bb6\u5ead\u505a\u51fa\u9078\u64c7\uff0c<br>\r\n                \u800c\u662f\u900f\u904e\u8aaa\u660e\u3001\u6bd4\u8f03\u8207\u8a55\u4f30\uff0c<br>\r\n                \u5354\u52a9\u5bb6\u5ead\u7406\u89e3\u4e0d\u540c\u5b89\u6392\u65b9\u5f0f\u80cc\u5f8c\u7684\u689d\u4ef6\u8207\u5f71\u97ff\u3002<br>\r\n                <br>\r\n                \u6700\u7d42\u7684\u6c7a\u5b9a\uff0c<br>\r\n                \u6c38\u9060\u7531\u5bb6\u5ead\u6210\u54e1\u5728\u5145\u5206\u7406\u89e3\u5f8c\u81ea\u884c\u505a\u51fa\u3002\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"svc-detail-block\">\r\n        <div class=\"svc-container\">\r\n            <div class=\"detail-grid\">\r\n                <div class=\"detail-img-box fade-in-svc\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2025\/12\/21-scaled.jpg\" alt=\"Consultation\">\r\n                <\/div>\r\n                <div class=\"detail-content fade-in-svc\">\r\n                    <span class=\"detail-label\">SERVICE 01<\/span>\r\n                    <h3 class=\"detail-title\">\u7956\u5148\u724c\u4f4d\u8aee\u8a62\u4e2d\u5fc3<\/h3>\r\n                    <p class=\"detail-desc\">\r\n                        \u7956\u5148\u724c\u4f4d\u8aee\u8a62\u4e2d\u5fc3\uff0c\u63d0\u4f9b\u8207\u7956\u5148\u724c\u4f4d\u76f8\u95dc\u7684\u57fa\u790e\u8aaa\u660e\u8207\u5e38\u898b\u554f\u984c\u89e3\u6790\uff0c\u5354\u52a9\u5bb6\u5ead\u5728\u898f\u5283\u524d\u5efa\u7acb\u5b8c\u6574\u7406\u89e3\u3002\r\n                    <\/p>\r\n                    <ul class=\"feature-list\">\r\n                        <li class=\"feature-item\"><i class=\"fa-solid fa-check f-icon\"><\/i> \u4e0d\u540c\u5b89\u7f6e\u65b9\u5f0f\u7684\u6982\u5ff5\u8aaa\u660e<\/li>\r\n                        <li class=\"feature-item\"><i class=\"fa-solid fa-check f-icon\"><\/i> \u5e38\u898b\u8ff7\u601d\u8207\u5be6\u52d9\u5dee\u7570<\/li>\r\n                        <li class=\"feature-item\"><i class=\"fa-solid fa-check f-icon\"><\/i> \u5bb6\u5ead\u689d\u4ef6\u8207\u9577\u671f\u8003\u91cf\u7684\u601d\u8003\u65b9\u5411<\/li>\r\n                    <\/ul>\r\n                    <a href=\"https:\/\/lin.ee\/95YKbcx\" class=\"detail-btn btn-green\">\r\n                        <i class=\"fa-brands fa-line btn-icon\"><\/i> \u52a0\u5165 LINE \u9032\u884c\u521d\u6b65\u8aee\u8a62\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"svc-detail-block reverse\">\r\n        <div class=\"svc-container\">\r\n            <div class=\"detail-grid\">\r\n                <div class=\"detail-img-box fade-in-svc\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2025\/12\/photo_2025-12-29_16-50-10.jpg\" alt=\"Feng Shui Planning\">\r\n                <\/div>\r\n                <div class=\"detail-content fade-in-svc\">\r\n                    <span class=\"detail-label\">SERVICE 02<\/span>\r\n                    <h3 class=\"detail-title\">\u98a8\u6c34\u547d\u7406\u5b89\u7f6e\u8a55\u4f30\u670d\u52d9<\/h3>\r\n                    <p class=\"detail-desc\">\r\n                        \u98a8\u6c34\u547d\u7406\u5728\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u7684\u670d\u52d9\u4e2d\uff0c\u5c6c\u65bc\u898f\u5283\u6642\u7684\u8f14\u52a9\u53c3\u8003\u5de5\u5177\u3002\u900f\u904e\u5c0d\u6642\u9593\u3001\u7a7a\u9593\u8207\u5bb6\u5ead\u689d\u4ef6\u7684\u7406\u89e3\uff0c\u63d0\u4f9b\u984d\u5916\u7684\u601d\u8003\u89d2\u5ea6\uff0c\u5354\u52a9\u5bb6\u5ead\u5728\u505a\u51fa\u5b89\u6392\u6642\u66f4\u70ba\u5468\u5168\u3002\r\n                    <\/p>\r\n                    <div style=\"background: #F9F9F9; padding: 15px; border-radius: 6px; margin-bottom: 30px; border-left: 3px solid #ccc; font-size: 0.9rem; color: #777;\">\r\n                        * \u672c\u670d\u52d9\u4e0d\u4f5c\u7d50\u679c\u4fdd\u8b49\uff0c\u50c5\u4f5c\u70ba\u898f\u5283\u904e\u7a0b\u4e2d\u7684\u8f14\u52a9\u53c3\u8003\u3002\r\n                    <\/div>\r\n                    <a href=\"#\" class=\"detail-btn\">\r\n                        \u9810\u7d04\u8aee\u8a62\u8aaa\u660e\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"svc-detail-block\">\r\n        <div class=\"svc-container\">\r\n            <div class=\"detail-grid\">\r\n                <div class=\"detail-img-box fade-in-svc\">\r\n                    <img decoding=\"async\" src=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2025\/12\/image-2.png\" alt=\"Physical Visit\">\r\n                <\/div>\r\n                <div class=\"detail-content fade-in-svc\">\r\n                    <span class=\"detail-label\">SERVICE 03<\/span>\r\n                    <h3 class=\"detail-title\">\u4e2d\u6b63\u6703\u9928\u5be6\u9ad4\u8aee\u8a62\u670d\u52d9<\/h3>\r\n                    <p class=\"detail-desc\">\r\n                        \u5c0d\u65bc\u9700\u8981\u9032\u4e00\u6b65\u4e86\u89e3\u5be6\u969b\u5b89\u6392\u65b9\u5f0f\u7684\u5bb6\u5ead\uff0c\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u53ef\u5354\u52a9\u5b89\u6392\u4e2d\u6b63\u6703\u9928\u7684\u5be6\u9ad4\u53c3\u8a2a\u8207\u8aaa\u660e\u3002\r\n                    <\/p>\r\n                    <p class=\"detail-desc\">\r\n                        \u900f\u904e\u73fe\u5834\u7a7a\u9593\u8207\u6d41\u7a0b\u4ecb\u7d39\uff0c\u8b93\u5bb6\u5ead\u6210\u54e1\u80fd\u5728\u6e05\u695a\u7406\u89e3\u5f8c\u9032\u884c\u8a0e\u8ad6\u8207\u6c7a\u7b56\u3002\r\n                    <\/p>\r\n                    <a href=\"#\" class=\"detail-btn\">\r\n                        \u9810\u7d04\u6703\u9928\u53c3\u8a2a\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initSvcPageAnimations() {\r\n            if ('IntersectionObserver' in window) {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach((entry) => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('is-visible');\r\n                            entry.target.style.opacity = 1;\r\n                            entry.target.style.transform = 'translateY(0)';\r\n                            \/\/ \u5716\u7247\u7279\u6b8a\u8655\u7406\r\n                            if(entry.target.classList.contains('detail-img-box')) {\r\n                                entry.target.style.transform = 'scale(1)';\r\n                            }\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, { threshold: 0.15 });\r\n\r\n                const items = document.querySelectorAll('.fade-in-svc');\r\n                if(items.length > 0) items.forEach(el => observer.observe(el));\r\n            } else {\r\n                forceShowSvcPage();\r\n            }\r\n        }\r\n\r\n        function forceShowSvcPage() {\r\n            document.querySelectorAll('.fade-in-svc').forEach(el => {\r\n                el.classList.add('is-visible');\r\n                el.style.opacity = 1;\r\n                el.style.transform = 'none';\r\n            });\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", initSvcPageAnimations);\r\n        window.addEventListener(\"load\", initSvcPageAnimations);\r\n        setTimeout(forceShowSvcPage, 1000);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9829d10 e-flex e-con-boxed e-con e-parent\" data-id=\"9829d10\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6e3b3f elementor-widget elementor-widget-html\" data-id=\"b6e3b3f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    \/* \u5c40\u90e8\u4f5c\u7528\u57df\u8b8a\u6578 *\/\r\n    .custom-faq-section {\r\n        --c-anchor-blue: #1F2A33;\r\n        --c-heritage-gray: #6B6E70;\r\n        --c-stability-green: #4A6F64;\r\n        --c-calm-ivory: #F6F4EF;\r\n        --c-white: #FFFFFF;\r\n        \r\n        --font-serif: 'Noto Serif TC', serif;\r\n        --font-sans: 'Noto Sans TC', sans-serif;\r\n        --ease-out: cubic-bezier(0.25, 1, 0.5, 1);\r\n\r\n        font-family: var(--font-sans);\r\n        color: var(--c-heritage-gray);\r\n        line-height: 1.7;\r\n        background-color: var(--c-calm-ivory);\r\n        width: 100%;\r\n        display: block;\r\n        padding: 100px 5%;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .custom-faq-section * { box-sizing: border-box; }\r\n    .faq-container { max-width: 900px; margin: 0 auto; }\r\n\r\n    \/* \u6a19\u984c\u5340 *\/\r\n    .faq-header {\r\n        text-align: center; margin-bottom: 60px;\r\n        opacity: 0; transform: translateY(30px);\r\n        transition: 1s var(--ease-out);\r\n    }\r\n    .faq-header.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    .faq-title {\r\n        font-family: var(--font-serif); font-size: 2.5rem; color: var(--c-anchor-blue);\r\n        margin-bottom: 16px; font-weight: 600; display: inline-block; position: relative;\r\n    }\r\n    .faq-title::after {\r\n        content: 'Q & A'; position: absolute; top: -30px; left: 50%; transform: translateX(-50%);\r\n        font-size: 4rem; opacity: 0.05; color: var(--c-anchor-blue); white-space: nowrap; pointer-events: none;\r\n    }\r\n\r\n    \/* FAQ \u5217\u8868 *\/\r\n    .faq-list { display: flex; flex-direction: column; gap: 20px; }\r\n\r\n    .faq-item {\r\n        background-color: var(--c-white); border-radius: 12px; overflow: hidden;\r\n        border: 1px solid transparent; box-shadow: 0 5px 20px rgba(31, 42, 51, 0.03);\r\n        transition: all 0.3s ease;\r\n        opacity: 0; transform: translateY(20px);\r\n    }\r\n    .faq-item.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* \u958b\u555f\u72c0\u614b *\/\r\n    .faq-item.is-open {\r\n        border-color: rgba(74, 111, 100, 0.3);\r\n        box-shadow: 0 10px 30px rgba(31, 42, 51, 0.08);\r\n    }\r\n\r\n    \/* \u6309\u9215\u672c\u9ad4 *\/\r\n    .faq-question {\r\n        padding: 24px 30px; display: flex; align-items: center; justify-content: space-between;\r\n        cursor: pointer; user-select: none; position: relative; width: 100%;\r\n        background: transparent; border: none; text-align: left;\r\n    }\r\n\r\n    .q-text-wrap { display: flex; align-items: center; gap: 20px; pointer-events: none; }\r\n\r\n    .q-mark {\r\n        font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700;\r\n        color: var(--c-stability-green); background: #F0F5F3;\r\n        width: 40px; height: 40px; border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n    }\r\n\r\n    .q-title-text {\r\n        font-size: 1.15rem; font-weight: 500; color: var(--c-anchor-blue);\r\n        transition: color 0.3s; margin: 0;\r\n    }\r\n    .faq-item.is-open .q-title-text { color: var(--c-stability-green); }\r\n\r\n    \/* Icon *\/\r\n    .faq-icon {\r\n        width: 24px; height: 24px; position: relative; flex-shrink: 0;\r\n        transition: transform 0.4s var(--ease-out); color: #CCC; pointer-events: none;\r\n    }\r\n    .faq-icon::before, .faq-icon::after {\r\n        content: ''; position: absolute; background-color: currentColor;\r\n        top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 2px;\r\n    }\r\n    .faq-icon::before { width: 100%; height: 2px; }\r\n    .faq-icon::after { width: 2px; height: 100%; transition: 0.4s; }\r\n\r\n    .faq-item.is-open .faq-icon { transform: rotate(180deg); color: var(--c-stability-green); }\r\n    .faq-item.is-open .faq-icon::after { height: 0; opacity: 0; }\r\n\r\n    \/* \u56de\u7b54\u5340 *\/\r\n    .faq-answer {\r\n        max-height: 0; overflow: hidden;\r\n        transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n        background-color: #FAFAFA;\r\n    }\r\n    .a-content {\r\n        padding: 0 30px 30px 90px; font-size: 1rem; color: var(--c-heritage-gray);\r\n        line-height: 1.8; opacity: 0; transform: translateY(10px); transition: 0.3s;\r\n    }\r\n    .faq-item.is-open .a-content { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }\r\n\r\n    \/* RWD *\/\r\n    @media (max-width: 768px) {\r\n        .custom-faq-section { padding: 80px 5%; }\r\n        .faq-title { font-size: 2rem; }\r\n        .faq-question { padding: 20px; }\r\n        .q-text-wrap { gap: 12px; }\r\n        .q-mark { width: 32px; height: 32px; font-size: 1.2rem; }\r\n        .q-title-text { font-size: 1.05rem; }\r\n        .a-content { padding: 0 20px 24px 20px; padding-left: 64px; }\r\n        \/* \u9632\u5446 *\/\r\n        .faq-header, .faq-item { opacity: 1 !important; transform: none !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-faq-section\" id=\"faq\">\r\n    <div class=\"faq-container\">\r\n        \r\n        <div class=\"faq-header fade-in-faq\">\r\n            <h2 class=\"faq-title\">\u5e38\u898b\u554f\u7b54<\/h2>\r\n            <div style=\"color: #888;\">\u91dd\u5c0d\u5bb6\u5ead\u5e38\u898b\u7684\u7591\u616e\uff0c\u6211\u5011\u6574\u7406\u4e86\u4ee5\u4e0b\u8aaa\u660e<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"faq-list\">\r\n            \r\n            <div class=\"faq-item fade-in-faq\">\r\n                <button class=\"faq-question\" type=\"button\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"q-text-wrap\">\r\n                        <span class=\"q-mark\">Q<\/span>\r\n                        <h3 class=\"q-title-text\">\u4e00\u5b9a\u8981\u5728\u5bb6\u4e2d\u5b89\u7f6e\u7956\u5148\u724c\u4f4d\u55ce\uff1f<\/h3>\r\n                    <\/div>\r\n                    <div class=\"faq-icon\"><\/div>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"a-content\">\r\n                        \u4e0d\u4e00\u5b9a\u3002\u9019\u9700\u8981\u4f9d\u64da\u76ee\u524d\u7684\u5bb6\u5ead\u7a7a\u9593\u3001\u5c45\u4f4f\u6210\u54e1\u72c0\u6cc1\uff08\u5982\u662f\u5426\u540c\u4f4f\u3001\u4fe1\u4ef0\u5dee\u7570\uff09\uff0c\u4ee5\u53ca\u672a\u4f86\u5341\u5e74\u3001\u4e8c\u5341\u5e74\u7684\u9577\u671f\u7167\u9867\u80fd\u529b\u9032\u884c\u7d9c\u5408\u8a55\u4f30\u3002\u6211\u5011\u6703\u5354\u52a9\u60a8\u91d0\u6e05\u5404\u7a2e\u5b89\u7f6e\u65b9\u5f0f\uff08\u5982\u5c45\u5bb6\u3001\u6703\u9928\u3001\u5bfa\u5edf\uff09\u7684\u512a\u7f3a\u9ede\u3002\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item fade-in-faq\" style=\"transition-delay: 0.1s;\">\r\n                <button class=\"faq-question\" type=\"button\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"q-text-wrap\">\r\n                        <span class=\"q-mark\">Q<\/span>\r\n                        <h3 class=\"q-title-text\">\u5bb6\u4eba\u610f\u898b\u4e0d\u540c\u6642\uff0c\u61c9\u8a72\u600e\u9ebc\u8655\u7406\uff1f<\/h3>\r\n                    <\/div>\r\n                    <div class=\"faq-icon\"><\/div>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"a-content\">\r\n                        \u9019\u662f\u975e\u5e38\u5e38\u898b\u7684\u60c5\u6cc1\u3002\u5efa\u8b70\u4e0d\u8981\u6025\u8457\u8aaa\u670d\u5c0d\u65b9\uff0c\u800c\u662f\u5148\u9032\u884c\u5b8c\u6574\u7684\u5ba2\u89c0\u8cc7\u8a0a\u8aaa\u660e\u3002\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u53ef\u4ee5\u4f5c\u70ba\u4e2d\u7acb\u7684\u7b2c\u4e09\u65b9\uff0c\u63d0\u4f9b\u4e0d\u5e36\u60c5\u7dd2\u7684\u5c08\u696d\u5206\u6790\uff0c\u907f\u514d\u5bb6\u5ead\u6210\u54e1\u5728\u8cc7\u8a0a\u4e0d\u8db3\u7684\u60c5\u6cc1\u4e0b\u5009\u4fc3\u6c7a\u5b9a\uff0c\u6e1b\u5c11\u6f5b\u5728\u7684\u885d\u7a81\u3002\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item fade-in-faq\" style=\"transition-delay: 0.2s;\">\r\n                <button class=\"faq-question\" type=\"button\" onclick=\"toggleFaq(this)\">\r\n                    <div class=\"q-text-wrap\">\r\n                        <span class=\"q-mark\">Q<\/span>\r\n                        <h3 class=\"q-title-text\">\u5df2\u7d93\u5b89\u7f6e\u5f8c\uff0c\u662f\u5426\u4ecd\u80fd\u91cd\u65b0\u8a55\u4f30\uff1f<\/h3>\r\n                    <\/div>\r\n                    <div class=\"faq-icon\"><\/div>\r\n                <\/button>\r\n                <div class=\"faq-answer\">\r\n                    <div class=\"a-content\">\r\n                        \u90e8\u5206\u60c5\u6cc1\u662f\u53ef\u4ee5\u7684\uff0c\u4f46\u9700\u8981\u8996\u539f\u672c\u7684\u5b89\u7f6e\u65b9\u5f0f\u8207\u6559\u6d3e\u7fd2\u4fd7\u800c\u5b9a\u3002\u6211\u5011\u6703\u5efa\u8b70\u60a8\u9810\u7d04\u8aee\u8a62\uff0c\u4f9d\u64da\u5be6\u969b\u7684\u73fe\u6cc1\u689d\u4ef6\u9032\u884c\u8a0e\u8ad6\uff0c\u6211\u5011\u6703\u70ba\u60a8\u8a55\u4f30\u8abf\u6574\u7684\u53ef\u884c\u6027\u8207\u76f8\u95dc\u6d41\u7a0b\u3002\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ \u5b9a\u7fa9\u4e00\u500b\u5168\u57df\u51fd\u5f0f\uff0c\u78ba\u4fdd onclick=\"toggleFaq(this)\" \u4e00\u5b9a\u80fd\u547c\u53eb\u5230\r\n    window.toggleFaq = function(button) {\r\n        \/\/ \u627e\u5230\u9019\u500b\u6309\u9215\u6240\u5728\u7684 .faq-item\r\n        var item = button.closest('.faq-item');\r\n        var answer = item.querySelector('.faq-answer');\r\n        var isOpen = item.classList.contains('is-open');\r\n\r\n        \/\/ 1. \u95dc\u9589\u5176\u4ed6\u6240\u6709\u5df2\u958b\u555f\u7684 (\u624b\u98a8\u7434\u6548\u679c)\r\n        var allItems = document.querySelectorAll('.custom-faq-section .faq-item');\r\n        allItems.forEach(function(otherItem) {\r\n            if (otherItem !== item) {\r\n                otherItem.classList.remove('is-open');\r\n                if (otherItem.querySelector('.faq-answer')) {\r\n                    otherItem.querySelector('.faq-answer').style.maxHeight = null;\r\n                }\r\n            }\r\n        });\r\n\r\n        \/\/ 2. \u5207\u63db\u7576\u524d\u9805\u76ee\r\n        if (isOpen) {\r\n            item.classList.remove('is-open');\r\n            answer.style.maxHeight = null;\r\n        } else {\r\n            item.classList.add('is-open');\r\n            answer.style.maxHeight = answer.scrollHeight + \"px\";\r\n        }\r\n    };\r\n\r\n    \/\/ \u52d5\u756b\u9032\u5834\u908f\u8f2f (\u9632\u5446\u7248)\r\n    (function() {\r\n        function showFaq() {\r\n            var items = document.querySelectorAll('.fade-in-faq');\r\n            items.forEach(function(el) {\r\n                el.classList.add('is-visible');\r\n                el.style.opacity = '1';\r\n                el.style.transform = 'translateY(0)';\r\n            });\r\n        }\r\n\r\n        \/\/ \u5617\u8a66\u4f7f\u7528 IntersectionObserver\r\n        if ('IntersectionObserver' in window) {\r\n            var observer = new IntersectionObserver(function(entries) {\r\n                entries.forEach(function(entry) {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('is-visible');\r\n                        entry.target.style.opacity = '1';\r\n                        entry.target.style.transform = 'translateY(0)';\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.1 });\r\n\r\n            var items = document.querySelectorAll('.fade-in-faq');\r\n            items.forEach(function(el) { observer.observe(el); });\r\n        } else {\r\n            showFaq();\r\n        }\r\n        \r\n        \/\/ 1\u79d2\u5f8c\u5f37\u5236\u986f\u793a\uff0c\u907f\u514dJS\u932f\u8aa4\u5c0e\u81f4\u770b\u4e0d\u5230\u5167\u5bb9\r\n        setTimeout(showFaq, 1000);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f1c78af e-flex e-con-boxed e-con e-parent\" data-id=\"f1c78af\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29bb688 elementor-widget elementor-widget-html\" data-id=\"29bb688\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    .custom-contact-section {\r\n        \/* \u91cd\u65b0\u5b9a\u7fa9\u5c40\u90e8\u8b8a\u6578 *\/\r\n        --c-anchor-blue: #1F2A33;\r\n        --c-heritage-gray: #6B6E70;\r\n        --c-stability-green: #4A6F64;\r\n        --c-green-hover: #3A5850;\r\n        --c-calm-ivory: #F6F4EF;\r\n        --c-white: #FFFFFF;\r\n        \r\n        --font-serif: 'Noto Serif TC', serif;\r\n        --font-sans: 'Noto Sans TC', sans-serif;\r\n        --ease-out: cubic-bezier(0.25, 1, 0.5, 1);\r\n\r\n        font-family: var(--font-sans);\r\n        color: var(--c-heritage-gray); \/* \u6539\u70ba\u6df1\u7070\u8272\u5b57 *\/\r\n        line-height: 1.8;\r\n        \r\n        \/* \u2605 \u95dc\u9375\u4fee\u6539\uff1a\u80cc\u666f\u6539\u70ba\u7c73\u767d *\/\r\n        background-color: var(--c-calm-ivory);\r\n        width: 100%;\r\n        display: block;\r\n        position: relative;\r\n        overflow: hidden;\r\n        border-top: 1px solid rgba(31, 42, 51, 0.08); \/* \u52a0\u4e0a\u6975\u6de1\u7684\u9802\u90e8\u7dda\u689d\u505a\u5340\u9694 *\/\r\n    }\r\n\r\n    .custom-contact-section * { box-sizing: border-box; }\r\n    \r\n    .contact-container { \r\n        max-width: 1000px; \r\n        margin: 0 auto; \r\n        padding: 120px 5%; \r\n        position: relative;\r\n        z-index: 2;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u80cc\u666f\u88dd\u98fe\uff1a\u6539\u70ba\u6975\u6de1\u7684\u6df1\u8272\u7dda\u689d *\/\r\n    .bg-circle-decor {\r\n        position: absolute;\r\n        top: 50%; left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 600px; height: 600px;\r\n        border: 1px solid rgba(31, 42, 51, 0.03); \/* \u6975\u6de1\u7070\u7dda *\/\r\n        border-radius: 50%;\r\n        z-index: 1;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* \u5167\u5bb9\u52d5\u756b\u5bb9\u5668 *\/\r\n    .contact-content {\r\n        opacity: 0; transform: translateY(30px);\r\n        transition: 1s var(--ease-out);\r\n    }\r\n    .contact-content.is-visible { opacity: 1; transform: translateY(0); }\r\n\r\n    \/* \u6a19\u984c\u5340 *\/\r\n    .contact-label {\r\n        font-size: 0.9rem; letter-spacing: 0.15em; color: var(--c-stability-green);\r\n        margin-bottom: 20px; display: block; font-weight: 700; text-transform: uppercase;\r\n    }\r\n\r\n    .contact-title {\r\n        font-family: var(--font-serif);\r\n        font-size: 2.8rem;\r\n        color: var(--c-anchor-blue); \/* \u6539\u70ba\u6df1\u85cd\u8272 *\/\r\n        margin-bottom: 30px;\r\n        font-weight: 600;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .contact-desc {\r\n        font-size: 1.1rem;\r\n        color: var(--c-heritage-gray); \/* \u6539\u70ba\u6696\u7070 *\/\r\n        max-width: 600px;\r\n        margin: 0 auto 60px;\r\n    }\r\n\r\n    \/* \u6309\u9215\u7fa4\u7d44 *\/\r\n    .cta-group {\r\n        display: flex;\r\n        justify-content: center;\r\n        gap: 24px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* \u901a\u7528\u6309\u9215\u6a23\u5f0f *\/\r\n    .contact-btn {\r\n        display: inline-flex; align-items: center; justify-content: center;\r\n        padding: 16px 40px;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: 500;\r\n        letter-spacing: 0.05em;\r\n        transition: all 0.3s ease;\r\n        font-size: 1.05rem;\r\n        min-width: 280px;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \u6309\u9215 1\uff1a\u52a0\u5165 LINE (\u7dad\u6301\u7da0\u8272\uff0c\u4f46\u5728\u4eae\u5e95\u4e0a\u66f4\u986f\u773c) *\/\r\n    .btn-primary {\r\n        background-color: var(--c-stability-green);\r\n        color: var(--c-white);\r\n        border: 1px solid var(--c-stability-green);\r\n        box-shadow: 0 10px 20px rgba(74, 111, 100, 0.2);\r\n    }\r\n    .btn-primary:hover {\r\n        background-color: var(--c-green-hover);\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 15px 30px rgba(74, 111, 100, 0.35);\r\n    }\r\n\r\n    \/* \u6309\u9215 2\uff1a\u9810\u7d04\u53c3\u8a2a (\u6539\u70ba\u6df1\u85cd\u8272\u908a\u6846) *\/\r\n    .btn-secondary {\r\n        background-color: transparent;\r\n        color: var(--c-anchor-blue); \/* \u6df1\u85cd\u5b57 *\/\r\n        border: 1px solid var(--c-anchor-blue); \/* \u6df1\u85cd\u6846 *\/\r\n    }\r\n    .btn-secondary:hover {\r\n        background-color: var(--c-anchor-blue); \/* Hover \u8b8a\u6df1\u85cd\u5e95 *\/\r\n        color: var(--c-white); \/* \u8b8a\u767d\u5b57 *\/\r\n        transform: translateY(-4px);\r\n        box-shadow: 0 10px 20px rgba(31, 42, 51, 0.15);\r\n    }\r\n\r\n    .btn-icon { margin-right: 12px; font-size: 1.2rem; }\r\n\r\n    \/* RWD Mobile *\/\r\n    @media (max-width: 768px) {\r\n        .contact-container { padding: 80px 5%; }\r\n        .contact-title { font-size: 2.2rem; }\r\n        .contact-desc { font-size: 1rem; text-align: justify; }\r\n\r\n        .cta-group {\r\n            flex-direction: column;\r\n            gap: 16px;\r\n            width: 100%;\r\n        }\r\n\r\n        .contact-btn {\r\n            width: 100%;\r\n            padding: 14px 20px;\r\n        }\r\n        \r\n        \/* \u5f37\u5236\u986f\u793a *\/\r\n        .contact-content { opacity: 1 !important; transform: none !important; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"custom-contact-section\" id=\"contact\">\r\n    <div class=\"bg-circle-decor\"><\/div>\r\n\r\n    <div class=\"contact-container\">\r\n        <div class=\"contact-content fade-in-contact\">\r\n            \r\n            <span class=\"contact-label\">CONTACT US<\/span>\r\n            <h2 class=\"contact-title\">\u806f\u7d61\u8207\u8aee\u8a62\u65b9\u5f0f<\/h2>\r\n            \r\n            <div class=\"contact-desc\">\r\n                \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f\u63d0\u4f9b\u7dda\u4e0a\u521d\u6b65\u8aaa\u660e\u8207\u8a55\u4f30\u670d\u52d9\uff0c<br class=\"desktop-br\">\r\n                \u91cd\u8981\u5b89\u6392\u5c07\u900f\u904e\u5be6\u9ad4\u8aee\u8a62\u8207\u6b63\u5f0f\u6d41\u7a0b\u9032\u884c\uff0c\u78ba\u4fdd\u60a8\u7684\u6bcf\u4e00\u4efd\u8a17\u4ed8\u90fd\u5b89\u5fc3\u7121\u865e\u3002\r\n            <\/div>\r\n\r\n            <div class=\"cta-group\">\r\n                <a href=\"https:\/\/lin.ee\/95YKbcx\" class=\"contact-btn btn-primary\" >\r\n                    <i class=\"fa-brands fa-line btn-icon\"><\/i>\r\n                    \u52a0\u5165 LINE \u521d\u6b65\u8aee\u8a62\r\n                <\/a>\r\n\r\n                <a href=\"#\" class=\"contact-btn btn-secondary\" onclick=\"alert('\u9023\u7d50\u81f3\u9810\u7d04\u8868\u55ae'); return false;\">\r\n                    <i class=\"fa-regular fa-calendar-check btn-icon\"><\/i>\r\n                    \u9810\u7d04\u8aaa\u660e\u6703\u6216\u53c3\u8a2a\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        function initContactAnim() {\r\n            if ('IntersectionObserver' in window) {\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach((entry) => {\r\n                        if (entry.isIntersecting) {\r\n                            entry.target.classList.add('is-visible');\r\n                            entry.target.style.opacity = 1;\r\n                            entry.target.style.transform = 'translateY(0)';\r\n                            observer.unobserve(entry.target);\r\n                        }\r\n                    });\r\n                }, { threshold: 0.1 });\r\n\r\n                const el = document.querySelector('.fade-in-contact');\r\n                if(el) observer.observe(el);\r\n            } else {\r\n                forceShowContact();\r\n            }\r\n        }\r\n\r\n        function forceShowContact() {\r\n            const el = document.querySelector('.fade-in-contact');\r\n            if(el) {\r\n                el.classList.add('is-visible');\r\n                el.style.opacity = 1;\r\n                el.style.transform = 'none';\r\n            }\r\n        }\r\n\r\n        document.addEventListener(\"DOMContentLoaded\", initContactAnim);\r\n        window.addEventListener(\"load\", initContactAnim);\r\n        setTimeout(forceShowContact, 1000);\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a469ee6 e-flex e-con-boxed e-con e-parent\" data-id=\"a469ee6\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f \u95dc\u65bc\u627f\u5b89 \u77e5\u8b58\u5c08\u5340 \u670d\u52d9\u6d41\u7a0b \u5e38\u898b\u554f\u7b54 \u806f\u7d61\u6211\u5011 \u9996\u9801 \u95dc\u65bc\u627f\u5b89 \u670d\u52d9\u6d41\u7a0b \u5e38\u898b\u554f\u7b54 \u806f\u7d61\u6211 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cheng-an.org\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An\" \/>\n<meta property=\"og:description\" content=\"\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f \u95dc\u65bc\u627f\u5b89 \u77e5\u8b58\u5c08\u5340 \u670d\u52d9\u6d41\u7a0b \u5e38\u898b\u554f\u7b54 \u806f\u7d61\u6211\u5011 \u9996\u9801 \u95dc\u65bc\u627f\u5b89 \u670d\u52d9\u6d41\u7a0b \u5e38\u898b\u554f\u7b54 \u806f\u7d61\u6211 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cheng-an.org\/\" \/>\n<meta property=\"og:site_name\" content=\"\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T05:04:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"31 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cheng-an.org\/\",\"url\":\"https:\/\/cheng-an.org\/\",\"name\":\"Home - \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An\",\"isPartOf\":{\"@id\":\"https:\/\/cheng-an.org\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cheng-an.org\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cheng-an.org\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png\",\"datePublished\":\"2025-12-24T08:42:10+00:00\",\"dateModified\":\"2026-04-01T05:04:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cheng-an.org\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cheng-an.org\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/cheng-an.org\/#primaryimage\",\"url\":\"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png\",\"contentUrl\":\"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png\",\"width\":2560,\"height\":1280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cheng-an.org\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cheng-an.org\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cheng-an.org\/#website\",\"url\":\"https:\/\/cheng-an.org\/\",\"name\":\"\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An\",\"description\":\"\u5c08\u6ce8\u65bc\u7956\u5148\u724c\u4f4d\u8655\u7406\u3001\u98a8\u6c34\u8a55\u4f30\u8207\u5bb6\u65cf\u50b3\u627f\u898f\u5283\",\"alternateName\":\"\u627f\u5b89\u5bb6\u65cf\u9867\u554f\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cheng-an.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cheng-an.org\/","og_locale":"zh_TW","og_type":"article","og_title":"Home - \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An","og_description":"\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f \u95dc\u65bc\u627f\u5b89 \u77e5\u8b58\u5c08\u5340 \u670d\u52d9\u6d41\u7a0b \u5e38\u898b\u554f\u7b54 \u806f\u7d61\u6211\u5011 \u9996\u9801 \u95dc\u65bc\u627f\u5b89 \u670d\u52d9\u6d41\u7a0b \u5e38\u898b\u554f\u7b54 \u806f\u7d61\u6211 [&hellip;]","og_url":"https:\/\/cheng-an.org\/","og_site_name":"\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An","article_modified_time":"2026-04-01T05:04:00+00:00","og_image":[{"url":"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"31 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cheng-an.org\/","url":"https:\/\/cheng-an.org\/","name":"Home - \u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An","isPartOf":{"@id":"https:\/\/cheng-an.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cheng-an.org\/#primaryimage"},"image":{"@id":"https:\/\/cheng-an.org\/#primaryimage"},"thumbnailUrl":"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png","datePublished":"2025-12-24T08:42:10+00:00","dateModified":"2026-04-01T05:04:00+00:00","breadcrumb":{"@id":"https:\/\/cheng-an.org\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cheng-an.org\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/cheng-an.org\/#primaryimage","url":"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png","contentUrl":"https:\/\/cheng-an.org\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_sgfsy7sgfsy7sgfs-scaled-e1769487411797.png","width":2560,"height":1280},{"@type":"BreadcrumbList","@id":"https:\/\/cheng-an.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cheng-an.org\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/cheng-an.org\/#website","url":"https:\/\/cheng-an.org\/","name":"\u627f\u5b89\u5bb6\u65cf\u79ae\u5100\u9867\u554f | Cheng-An","description":"\u5c08\u6ce8\u65bc\u7956\u5148\u724c\u4f4d\u8655\u7406\u3001\u98a8\u6c34\u8a55\u4f30\u8207\u5bb6\u65cf\u50b3\u627f\u898f\u5283","alternateName":"\u627f\u5b89\u5bb6\u65cf\u9867\u554f","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cheng-an.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/cheng-an.org\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheng-an.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cheng-an.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cheng-an.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheng-an.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/cheng-an.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":1111,"href":"https:\/\/cheng-an.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/1111"}],"wp:attachment":[{"href":"https:\/\/cheng-an.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}