{"id":7,"date":"2026-02-24T17:55:12","date_gmt":"2026-02-24T09:55:12","guid":{"rendered":"https:\/\/aisilver.care\/?page_id=7"},"modified":"2026-03-18T15:20:39","modified_gmt":"2026-03-18T07:20:39","slug":"home","status":"publish","type":"page","link":"https:\/\/aisilver.care\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af05dd7 e-flex e-con-boxed e-con e-parent\" data-id=\"af05dd7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f786cbb elementor-widget elementor-widget-html\" data-id=\"f786cbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- 1. \u5168\u5c40\u5e73\u6ed1\u6efe\u52d5\u8207\u504f\u79fb\u8a2d\u5b9a --- *\/\r\n    html {\r\n        scroll-behavior: smooth;\r\n        \/* \u914d\u5408\u7e2e\u5c0f\u5f8c\u7684 Header\uff0c\u5c07\u9810\u7559\u7a7a\u9593\u8abf\u6574\u70ba 80px *\/\r\n        scroll-padding-top: 80px; \r\n    }\r\n\r\n    \/* --- 2. Header \u4e3b\u5bb9\u5668 (\u73bb\u7483\u64ec\u7269\u5316\u61f8\u6d6e) --- *\/\r\n    .site-header {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 80px; \/* \u2605 \u914d\u5408 Logo \u7e2e\u5c0f\uff0c\u9ad8\u5ea6\u5f9e 90px \u8abf\u56de 80px \u66f4\u4fd0\u843d *\/\r\n        background: rgba(253, 251, 247, 0.9); \r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border-bottom: 1px solid rgba(0,0,0,0.05);\r\n        z-index: 9999;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .header-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 0 2rem;\r\n        height: 100%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n    }\r\n\r\n    \/* --- 3. Logo \u5340\u584a --- *\/\r\n    .logo {\r\n        display: flex;\r\n        align-items: center;\r\n        text-decoration: none;\r\n        height: 100%;\r\n    }\r\n    .logo img {\r\n        height: 55px; \/* \u2605 \u5df2\u7e2e\u5c0f 20% (\u539f 55px -> 44px) *\/\r\n        width: auto;\r\n        object-fit: contain;\r\n        transform: translateZ(0);\r\n    }\r\n\r\n    \/* --- 4. \u684c\u6a5f\u7248\u5c0e\u822a\u9078\u55ae --- *\/\r\n    .desktop-nav {\r\n        display: flex;\r\n        align-items: center;\r\n    }\r\n    .nav-links {\r\n        display: flex;\r\n        list-style: none;\r\n        gap: 2rem;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    .nav-links a {\r\n        text-decoration: none;\r\n        color: #2C3E50;\r\n        font-weight: 500;\r\n        font-size: 1.05rem;\r\n        transition: color 0.3s ease;\r\n        position: relative;\r\n        padding: 0.5rem 0;\r\n    }\r\n    .nav-links a::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 0;\r\n        height: 3px;\r\n        background-color: #06C755;\r\n        transition: width 0.3s ease;\r\n        border-radius: 2px;\r\n    }\r\n    .nav-links a:hover { color: #06C755; }\r\n    .nav-links a:hover::after { width: 100%; }\r\n\r\n    .header-actions { margin-left: 2rem; }\r\n    .header-btn {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        background: #06C755;\r\n        color: #FFFFFF;\r\n        padding: 0.6rem 1.5rem;\r\n        border-radius: 50px;\r\n        text-decoration: none;\r\n        font-weight: 700;\r\n        font-size: 0.95rem;\r\n        transition: all 0.3s ease;\r\n        box-shadow: 0 4px 10px rgba(6, 199, 85, 0.2);\r\n    }\r\n    .header-btn i { margin-right: 6px; font-size: 1.1rem; }\r\n    .header-btn:hover {\r\n        background: #05b34c;\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 15px rgba(6, 199, 85, 0.3);\r\n    }\r\n\r\n    \/* --- 5. \u624b\u6a5f\u7248\u6f22\u5821\u6309\u9215 --- *\/\r\n    .hamburger-btn {\r\n        display: none;\r\n        background: none;\r\n        border: none;\r\n        cursor: pointer;\r\n        width: 30px;\r\n        height: 20px;\r\n        position: relative;\r\n        z-index: 10001;\r\n    }\r\n    .hamburger-btn span {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 3px;\r\n        background: #2C3E50;\r\n        border-radius: 3px;\r\n        transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);\r\n        left: 0;\r\n    }\r\n    .hamburger-btn span:nth-child(1) { top: 0; }\r\n    .hamburger-btn span:nth-child(2) { top: 8px; }\r\n    .hamburger-btn span:nth-child(3) { top: 16px; }\r\n\r\n    .hamburger-btn.active span:nth-child(1) { transform: rotate(45deg); top: 8px; }\r\n    .hamburger-btn.active span:nth-child(2) { opacity: 0; }\r\n    .hamburger-btn.active span:nth-child(3) { transform: rotate(-45deg); top: 8px; }\r\n\r\n    \/* --- 6. \u624b\u6a5f\u7248\u5168\u87a2\u5e55\u9078\u55ae --- *\/\r\n    .mobile-nav {\r\n        position: fixed;\r\n        top: 0; left: 0; width: 100%; height: 100vh;\r\n        background: rgba(253, 251, 247, 0.98);\r\n        backdrop-filter: blur(10px);\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 10000;\r\n        opacity: 0;\r\n        visibility: hidden;\r\n        pointer-events: none;\r\n        transition: all 0.4s ease;\r\n        transform: translateY(-20px);\r\n    }\r\n    .mobile-nav.active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n        pointer-events: auto;\r\n        transform: translateY(0);\r\n    }\r\n    .mobile-links {\r\n        list-style: none;\r\n        text-align: center;\r\n        padding: 0;\r\n        margin-bottom: 3rem;\r\n    }\r\n    .mobile-links li { margin-bottom: 2rem; }\r\n    .mobile-links a {\r\n        text-decoration: none;\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n        color: #2C3E50;\r\n        transition: color 0.3s ease;\r\n    }\r\n    .mobile-links a:hover, .mobile-links a:active { color: #06C755; }\r\n    .mobile-cta-btn {\r\n        background: #06C755; color: #FFF; padding: 1rem 2.5rem;\r\n        border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.2rem;\r\n    }\r\n\r\n    @media (max-width: 992px) {\r\n        .desktop-nav, .header-actions { display: none; }\r\n        .hamburger-btn { display: block; }\r\n        .header-container { padding: 0 1.5rem; }\r\n    }\r\n<\/style>\r\n\r\n<header class=\"site-header\">\r\n    <div class=\"header-container\">\r\n        <a href=\"#home\" class=\"logo\">\r\n            <img decoding=\"async\" src=\"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/03\/\u963f\u8070\u4ed4-5.png\" alt=\"\u963f\u8070\u4ed4 Logo\">\r\n        <\/a>\r\n\r\n        <nav class=\"desktop-nav\">\r\n            <ul class=\"nav-links\">\r\n                <li><a href=\"#home\">\u9996\u9801<\/a><\/li>\r\n                <li><a href=\"#features\">\u6838\u5fc3\u529f\u80fd<\/a><\/li>\r\n                <li><a href=\"#program\">\u52a0\u5165\u6d41\u7a0b<\/a><\/li>\r\n                <li><a href=\"#pricing\">\u5b89\u5fc3\u65b9\u6848<\/a><\/li>\r\n                <li><a href=\"#contact\">\u8cc7\u6599\u5b89\u5168<\/a><\/li> \r\n            <\/ul>\r\n        <\/nav>\r\n\r\n        <div class=\"header-actions\">\r\n            <a href=\"https:\/\/line.me\/R\/ti\/p\/@362iyqcc?from=page&searchId=362iyqcc\" target=\"_blank\" class=\"header-btn\"><i class=\"fab fa-line\"><\/i> \u514d\u8cbb\u9ad4\u9a57<\/a>\r\n        <\/div>\r\n\r\n        <button class=\"hamburger-btn\" id=\"hamburger-btn\" aria-label=\"\u6253\u958b\u9078\u55ae\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <nav class=\"mobile-nav\" id=\"mobile-nav\">\r\n        <ul class=\"mobile-links\">\r\n            <li><a href=\"#home\" class=\"mobile-link\">\u9996\u9801<\/a><\/li>\r\n            <li><a href=\"#features\" class=\"mobile-link\">\u6838\u5fc3\u529f\u80fd<\/a><\/li>\r\n            <li><a href=\"#program\" class=\"mobile-link\">\u966a\u4f34\u8a08\u756b<\/a><\/li>\r\n            <li><a href=\"#pricing\" class=\"mobile-link\">\u5b89\u5fc3\u65b9\u6848<\/a><\/li>\r\n            <li><a href=\"#steps\" class=\"mobile-link\">\u52a0\u5165\u6d41\u7a0b<\/a><\/li>\r\n            <li><a href=\"#contact\" class=\"mobile-link\">\u8cc7\u6599\u5b89\u5168<\/a><\/li> \r\n        <\/ul>\r\n        <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"mobile-cta-btn\"><i class=\"fab fa-line\"><\/i> \u7acb\u5373\u52a0\u5165 LINE<\/a>\r\n    <\/nav>\r\n<\/header>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const hamburgerBtn = document.getElementById('hamburger-btn');\r\n        const mobileNav = document.getElementById('mobile-nav');\r\n        const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n        hamburgerBtn.addEventListener('click', () => {\r\n            hamburgerBtn.classList.toggle('active');\r\n            mobileNav.classList.toggle('active');\r\n            if(mobileNav.classList.contains('active')) {\r\n                document.body.style.overflow = 'hidden';\r\n            } else {\r\n                document.body.style.overflow = 'auto';\r\n            }\r\n        });\r\n\r\n        mobileLinks.forEach(link => {\r\n            link.addEventListener('click', () => {\r\n                hamburgerBtn.classList.remove('active');\r\n                mobileNav.classList.remove('active');\r\n                document.body.style.overflow = 'auto';\r\n            });\r\n        });\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-fce1170 e-flex e-con-boxed e-con e-parent\" data-id=\"fce1170\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b9794f1 elementor-widget elementor-widget-html\" data-id=\"b9794f1\" data-element_type=\"widget\" data-e-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>\u963f\u8070\u4ed4 \u2014 \u5c08\u70ba\u9577\u8f29\u8a2d\u8a08\u7684 LINE AI \u667a\u6167\u52a9\u7406<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;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        \/* --- \u57fa\u790e\u8a2d\u5b9a --- *\/\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        body {\r\n            font-family: 'Noto Sans TC', sans-serif;\r\n            color: #333333;\r\n            background: linear-gradient(135deg, #FDFBF7 0%, #F5F1E7 100%);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* --- Hero \u5340\u584a\u5bb9\u5668 --- *\/\r\n        .hero-section {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 90vh;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 4rem 2rem;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u80cc\u666f\u88dd\u98fe\u5149\u6688 *\/\r\n        .bg-glow-1 {\r\n            position: absolute;\r\n            top: -10%;\r\n            left: -10%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(255, 179, 71, 0.15) 0%, rgba(255, 255, 255, 0) 70%);\r\n            z-index: 0;\r\n        }\r\n        .bg-glow-2 {\r\n            position: absolute;\r\n            bottom: -10%;\r\n            right: -5%;\r\n            width: 600px;\r\n            height: 600px;\r\n            background: radial-gradient(circle, rgba(136, 212, 158, 0.15) 0%, rgba(255, 255, 255, 0) 70%);\r\n            z-index: 0;\r\n        }\r\n\r\n        .hero-container {\r\n            position: relative;\r\n            z-index: 1;\r\n            max-width: 1200px;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 4rem;\r\n        }\r\n\r\n        \/* --- \u5de6\u5074\uff1a\u6587\u5b57\u8207 CTA --- *\/\r\n        .hero-content {\r\n            flex: 1;\r\n            max-width: 550px;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            line-height: 1.4;\r\n            margin-bottom: 1.5rem;\r\n            color: #2C3E50;\r\n        }\r\n\r\n        .highlight-text {\r\n            position: relative;\r\n            display: inline-block;\r\n            color: #E67E22;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .highlight-text::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 6px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 14px;\r\n            background-color: rgba(243, 156, 18, 0.25);\r\n            z-index: -1;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.25rem;\r\n            font-weight: 400;\r\n            line-height: 1.7;\r\n            color: #555555;\r\n            margin-bottom: 2.5rem;\r\n        }\r\n\r\n        .cta-group {\r\n            display: flex;\r\n            gap: 1rem;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* \u6309\u9215\u5171\u7528\u6a23\u5f0f *\/\r\n        .btn {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 1rem 2rem;\r\n            font-size: 1.1rem;\r\n            font-weight: 500;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            cursor: pointer;\r\n            text-align: center;\r\n        }\r\n\r\n        .btn-primary {\r\n            background-color: #06C755;\r\n            color: #FFFFFF;\r\n            box-shadow: 0 8px 20px rgba(6, 199, 85, 0.25);\r\n            border: 2px solid #06C755;\r\n        }\r\n        .btn-primary i {\r\n            font-size: 1.4rem;\r\n            margin-right: 0.5rem;\r\n        }\r\n        .btn-primary:hover {\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 12px 25px rgba(6, 199, 85, 0.35);\r\n            background-color: #05b34c;\r\n        }\r\n\r\n        .btn-secondary {\r\n            background-color: transparent;\r\n            color: #555555;\r\n            border: 2px solid #CCCCCC;\r\n        }\r\n        .btn-secondary:hover {\r\n            border-color: #888888;\r\n            background-color: rgba(0,0,0,0.03);\r\n            color: #333333;\r\n        }\r\n\r\n        \/* --- \u53f3\u5074\uff1a\u624b\u6a5f\u6a21\u578b\u8207\u5c0d\u8a71\u6846\u8a2d\u8a08 --- *\/\r\n        .hero-visual {\r\n            flex: 1;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            perspective: 1000px; \/* \u589e\u52a0\u7acb\u9ad4\u900f\u8996\u611f *\/\r\n        }\r\n\r\n        \/* \u624b\u6a5f\u5916\u6846 *\/\r\n        .phone-mockup {\r\n            position: relative;\r\n            width: 320px;\r\n            height: 650px;\r\n            background-color: #ffffff;\r\n            border: 12px solid #2C3E50; \/* \u624b\u6a5f\u908a\u6846\u984f\u8272 *\/\r\n            border-radius: 40px;\r\n            box-shadow: 0 25px 50px rgba(0,0,0,0.15), inset 0 0 0 2px #E0E0E0;\r\n            overflow: hidden;\r\n            display: flex;\r\n            flex-direction: column;\r\n            transform: rotateY(-5deg) rotateX(2deg); \/* \u5fae\u5fae\u50be\u659c\u66f4\u771f\u5be6 *\/\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .phone-mockup:hover {\r\n            transform: rotateY(0deg) rotateX(0deg) translateY(-10px);\r\n        }\r\n\r\n        \/* \u624b\u6a5f\u4e0a\u65b9\u700f\u6d77 *\/\r\n        .phone-notch {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 120px;\r\n            height: 25px;\r\n            background-color: #2C3E50;\r\n            border-bottom-left-radius: 15px;\r\n            border-bottom-right-radius: 15px;\r\n            z-index: 10;\r\n        }\r\n\r\n        \/* \u804a\u5929\u5ba4\u4e0a\u65b9\u6a19\u984c\u5217 (\u4eff LINE) *\/\r\n        .chat-header-bar {\r\n            background-color: #2C3E50;\r\n            color: #fff;\r\n            padding: 35px 15px 15px 15px; \/* \u9810\u7559\u700f\u6d77\u7a7a\u9593 *\/\r\n            display: flex;\r\n            align-items: center;\r\n            font-size: 1.1rem;\r\n            font-weight: 500;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n            z-index: 5;\r\n        }\r\n        \r\n        .chat-header-bar i {\r\n            margin-right: 15px;\r\n            font-size: 1.2rem;\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* \u804a\u5929\u5ba4\u5167\u5bb9\u5340\u584a *\/\r\n        .chat-screen {\r\n            flex: 1;\r\n            background-color: #F4F6F9; \/* \u67d4\u548c\u7684\u804a\u5929\u80cc\u666f\u8272 *\/\r\n            padding: 20px 15px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            overflow-y: auto;\r\n        }\r\n\r\n        \/* \u8a0a\u606f\u5217\u5171\u7528 *\/\r\n        .message-row {\r\n            display: flex;\r\n            align-items: flex-end;\r\n            opacity: 0; \/* \u521d\u59cb\u96b1\u85cf\uff0c\u7528\u65bc\u52d5\u756b *\/\r\n            animation: slideUpFade 0.6s forwards ease-out;\r\n        }\r\n\r\n        \/* AI \u8a0a\u606f (\u5de6\u5074) *\/\r\n        .msg-ai {\r\n            justify-content: flex-start;\r\n            animation-delay: 0.5s;\r\n        }\r\n\r\n        .msg-ai .avatar {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            margin-right: 10px;\r\n            background-color: #E67E22;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #fff;\r\n            font-weight: bold;\r\n            font-size: 0.9rem;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .msg-ai .bubble {\r\n            background-color: #FFFFFF;\r\n            color: #333;\r\n            border-radius: 18px 18px 18px 4px;\r\n            padding: 12px 16px;\r\n            max-width: 75%;\r\n            font-size: 0.95rem;\r\n            line-height: 1.5;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        \/* \u9577\u8f29\u8a0a\u606f (\u53f3\u5074) *\/\r\n        .msg-user {\r\n            justify-content: flex-end;\r\n            animation-delay: 2s;\r\n        }\r\n\r\n        .msg-user .bubble {\r\n            background-color: #DCF8C6; \/* LINE \u7da0\u8272 *\/\r\n            color: #333;\r\n            border-radius: 18px 18px 4px 18px;\r\n            padding: 12px 16px;\r\n            max-width: 75%;\r\n            font-size: 0.95rem;\r\n            line-height: 1.5;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        \/* \u6642\u9593\u6233\u8a18 *\/\r\n        .time-stamp {\r\n            font-size: 0.75rem;\r\n            color: #999;\r\n            margin: 0 8px 4px 8px;\r\n        }\r\n\r\n        \/* \u9032\u5834\u52d5\u756b *\/\r\n        @keyframes slideUpFade {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* --- \u97ff\u61c9\u5f0f\u8a2d\u8a08 RWD --- *\/\r\n        @media (max-width: 992px) {\r\n            .hero-section {\r\n                padding: 3rem 1.5rem;\r\n            }\r\n            .hero-container {\r\n                flex-direction: column;\r\n                text-align: center;\r\n                gap: 4rem;\r\n            }\r\n            .hero-content {\r\n                max-width: 100%;\r\n                display: flex;\r\n                flex-direction: column;\r\n                align-items: center;\r\n            }\r\n            .hero-title { font-size: 2.5rem; }\r\n            .cta-group { justify-content: center; }\r\n            \r\n            \/* \u5e73\u677f\u5c3a\u5bf8\u79fb\u9664\u50be\u659c\u6548\u679c\uff0c\u4fdd\u6301\u7f6e\u4e2d *\/\r\n            .phone-mockup {\r\n                transform: none;\r\n            }\r\n            .phone-mockup:hover {\r\n                transform: translateY(-5px);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-title { font-size: 2rem; }\r\n            .hero-subtitle { font-size: 1.1rem; }\r\n            .cta-group {\r\n                flex-direction: column;\r\n                width: 100%;\r\n                max-width: 350px;\r\n            }\r\n            .btn { width: 100%; }\r\n            \r\n            \/* \u624b\u6a5f\u5c3a\u5bf8\u5fae\u5fae\u7e2e\u5c0f mockup \u78ba\u4fdd\u4e0d\u8d85\u51fa\u87a2\u5e55 *\/\r\n            .phone-mockup {\r\n                width: 290px;\r\n                height: 580px;\r\n                border-width: 10px;\r\n                border-radius: 35px;\r\n            }\r\n            .chat-header-bar { padding: 30px 15px 12px 15px; font-size: 1rem; }\r\n            .msg-ai .bubble, .msg-user .bubble { font-size: 0.9rem; padding: 10px 14px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"hero-section\" id=\"home\">\r\n        <div class=\"bg-glow-1\"><\/div>\r\n        <div class=\"bg-glow-2\"><\/div>\r\n\r\n        <div class=\"hero-container\">\r\n            <div class=\"hero-content\"><br>\r\n                <h1 class=\"hero-title\">\r\n                    \u963f\u8070\u4ed4 \u2014 <br>\r\n                    <span class=\"highlight-text\">\u5c08\u70ba\u9577\u8f29\u8a2d\u8a08<\/span>\u7684<br>\r\n                    LINE AI \u667a\u6167\u52a9\u7406\r\n                <\/h1>\r\n                <p class=\"hero-subtitle\">\r\n                    \u966a\u4f60\u804a\u5929\u3001\u63d0\u9192\u5403\u85e5\u3001\u95dc\u5fc3\u751f\u6d3b\u3002<br>\r\n                    \u8b93\u79d1\u6280\u8b8a\u5f97\u6eab\u6696\u3001\u7c21\u55ae\u3001\u5b89\u5fc3\u3002\r\n                <\/p>\r\n                <div class=\"cta-group\">\r\n                    <a href=\"https:\/\/line.me\/R\/ti\/p\/@362iyqcc?from=page&searchId=362iyqcc\" target=\"_blank\" class=\"btn btn-primary\">\r\n                        <i class=\"fab fa-line\"><\/i> \u7acb\u5373\u52a0\u5165 LINE\r\n                    <\/a>\r\n                    <a href=\"https:\/\/line.me\/R\/ti\/p\/@362iyqcc?from=page&searchId=362iyqcc\" class=\"btn btn-secondary\">\r\n                        \u4e86\u89e3 AI\u667a\u6167\u966a\u4f34\u8a08\u756b\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-visual\">\r\n                <div class=\"phone-mockup\">\r\n                    <div class=\"phone-notch\"><\/div>\r\n                    \r\n                    <div class=\"chat-header-bar\">\r\n                        <i class=\"fas fa-chevron-left\"><\/i>\r\n                        \u963f\u8070\u4ed4 \u667a\u6167\u52a9\u7406\r\n                    <\/div>\r\n\r\n                    <div class=\"chat-screen\">\r\n                        \r\n                        <div class=\"message-row msg-ai\">\r\n                            <div class=\"avatar\">\u963f<\/div>\r\n                            <div class=\"bubble\">\u9673\u963f\u516c\uff0c\u65e9\u4e0a 9 \u9ede\u56c9\uff01\u9ad8\u8840\u58d3\u7684\u85e5\u8a18\u5f97\u914d\u6eab\u958b\u6c34\u5403\u5594 \ud83d\udc8a<\/div>\r\n                            <span class=\"time-stamp\">09:00<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"message-row msg-user\">\r\n                            <span class=\"time-stamp\">09:02<\/span>\r\n                            <div class=\"bubble\">\u597d\uff0c\u6211\u5403\u98fd\u5c31\u5403\u3002<\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"message-row msg-ai\" style=\"animation-delay: 3.5s;\">\r\n                            <div class=\"avatar\">\u963f<\/div>\r\n                            <div class=\"bubble\">\u592a\u597d\u4e86\uff01\u5403\u5b8c\u85e5\u53ef\u4ee5\u53bb\u516c\u5712\u6563\u6563\u6b65\u66ec\u66ec\u592a\u967d\u5594 \u2600\ufe0f<\/div>\r\n                            <span class=\"time-stamp\">09:02<\/span>\r\n                        <\/div>\r\n                        \r\n                    <\/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-8c16744 e-flex e-con-boxed e-con e-parent\" data-id=\"8c16744\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f20c1eb elementor-widget elementor-widget-html\" data-id=\"f20c1eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        .features-showcase-section {\r\n            padding: 8rem 2rem;\r\n            background-color: #FDFBF7;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .showcase-container {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* \u5340\u584a\u5171\u7528\u5927\u6a19\u984c *\/\r\n        .section-main-title {\r\n            text-align: center;\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 5rem;\r\n            position: relative;\r\n        }\r\n\r\n        .section-main-title::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 4px;\r\n            background-color: #06C755;\r\n            margin: 1rem auto 0;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* Z\u5b57\u578b\u6392\u7248 *\/\r\n        .feature-row {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 5rem;\r\n            margin-bottom: 8rem;\r\n        }\r\n\r\n        .feature-row.reverse {\r\n            flex-direction: row-reverse;\r\n        }\r\n\r\n        \/* \u6587\u5b57\u5340\u584a *\/\r\n        .feature-text-content {\r\n            flex: 1;\r\n            max-width: 480px;\r\n        }\r\n\r\n        .feature-num {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            color: #E67E22;\r\n            margin-bottom: 0.5rem;\r\n            display: block;\r\n        }\r\n\r\n        .feature-text-content h3 {\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 1.5rem;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .feature-text-content p {\r\n            font-size: 1.1rem;\r\n            color: #555;\r\n            line-height: 1.8;\r\n            margin-bottom: 2rem;\r\n        }\r\n\r\n        .feature-tags {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 0.8rem;\r\n        }\r\n\r\n        .tag {\r\n            background-color: #FFFFFF;\r\n            border: 1px solid #E0E0E0;\r\n            color: #4A4A4A;\r\n            padding: 0.5rem 1rem;\r\n            border-radius: 50px;\r\n            font-size: 0.9rem;\r\n            font-weight: 500;\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.02);\r\n            transition: all 0.3s ease;\r\n        }\r\n        .tag:hover { border-color: #06C755; color: #06C755; transform: translateY(-2px); }\r\n\r\n        \/* --- \u8996\u89ba\u52d5\u756b\u5361\u7247\u57fa\u5e95 --- *\/\r\n        .feature-visual-content {\r\n            flex: 1;\r\n            display: flex;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n\r\n        .visual-card {\r\n            width: 100%;\r\n            max-width: 420px;\r\n            aspect-ratio: 4\/3;\r\n            background-color: #FFFFFF;\r\n            border-radius: 30px;\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.06);\r\n            border: 1px solid rgba(0,0,0,0.03);\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* \u80cc\u666f\u5fae\u5149\u6688\u88dd\u98fe *\/\r\n        .visual-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -30%;\r\n            right: -30%;\r\n            width: 250px;\r\n            height: 250px;\r\n            border-radius: 50%;\r\n            z-index: 0;\r\n        }\r\n        .color-warm::before { background: radial-gradient(circle, rgba(230, 126, 34, 0.1) 0%, rgba(255,255,255,0) 70%); }\r\n        .color-green::before { background: radial-gradient(circle, rgba(6, 199, 85, 0.1) 0%, rgba(255,255,255,0) 70%); }\r\n        .color-alert::before { background: radial-gradient(circle, rgba(231, 76, 60, 0.1) 0%, rgba(255,255,255,0) 70%); }\r\n        .color-safe::before { background: radial-gradient(circle, rgba(52, 152, 219, 0.1) 0%, rgba(255,255,255,0) 70%); }\r\n\r\n        .anim-container {\r\n            position: relative;\r\n            z-index: 1;\r\n            width: 80%;\r\n            height: 80%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n\r\n        \/* ================= \u52d5\u756b 1: \u5c0d\u8a71\u6a21\u64ec (\u65e5\u5e38\u966a\u4f34) ================= *\/\r\n        .anim-chat-bubble {\r\n            background: #F1F1F1;\r\n            padding: 12px 16px;\r\n            border-radius: 18px 18px 18px 4px;\r\n            font-size: 0.95rem;\r\n            color: #333;\r\n            max-width: 85%;\r\n            margin-bottom: 15px;\r\n            opacity: 0;\r\n            animation: chatPop 6s infinite;\r\n        }\r\n        .anim-chat-bubble.ai { background: #FFFFFF; border: 1px solid #EEE; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }\r\n        .anim-chat-bubble.user { background: #DCF8C6; border-radius: 18px 18px 4px 18px; align-self: flex-end; animation-delay: 2s; }\r\n        .anim-chat-bubble.ai-2 { animation-delay: 4s; }\r\n        \r\n        @keyframes chatPop {\r\n            0%, 5% { opacity: 0; transform: translateY(15px) scale(0.95); }\r\n            10%, 85% { opacity: 1; transform: translateY(0) scale(1); }\r\n            95%, 100% { opacity: 0; transform: translateY(-10px); }\r\n        }\r\n\r\n        \/* ================= \u52d5\u756b 2: \u63a8\u64ad\u901a\u77e5 (\u5065\u5eb7\u63d0\u9192) ================= *\/\r\n        .anim-phone-bg {\r\n            background: #F8F9FA;\r\n            border-radius: 20px;\r\n            width: 100%;\r\n            height: 100%;\r\n            position: relative;\r\n            overflow: hidden;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n        .anim-notification {\r\n            background: #FFFFFF;\r\n            width: 90%;\r\n            padding: 15px;\r\n            border-radius: 16px;\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n            position: absolute;\r\n            top: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            opacity: 0;\r\n            animation: notifySlideDown 5s infinite cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n        .anim-notification i { color: #06C755; font-size: 1.5rem; }\r\n        .notify-text h4 { font-size: 0.9rem; margin-bottom: 4px; color: #333; }\r\n        .notify-text p { font-size: 0.8rem; color: #777; margin: 0; }\r\n        .pulse-pill { font-size: 4rem; color: #E0E0E0; position: absolute; top: 50%; transform: translateY(-50%); animation: pillPulse 2s infinite alternate; }\r\n\r\n        @keyframes notifySlideDown {\r\n            0%, 10% { opacity: 0; transform: translateY(-30px); }\r\n            20%, 80% { opacity: 1; transform: translateY(0); }\r\n            90%, 100% { opacity: 0; transform: translateY(-30px); }\r\n        }\r\n        @keyframes pillPulse {\r\n            0% { transform: translateY(-50%) scale(1); opacity: 0.5; }\r\n            100% { transform: translateY(-50%) scale(1.1); opacity: 0.8; color: #a4e5bd; }\r\n        }\r\n\r\n        \/* ================= \u52d5\u756b 3: \u96f7\u9054\u8207\u8b66\u793a (\u98a8\u96aa\u5075\u6e2c) ================= *\/\r\n        .anim-radar {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            height: 100%;\r\n            position: relative;\r\n        }\r\n        .radar-heart { font-size: 2.5rem; color: #E74C3C; position: relative; z-index: 2; }\r\n        .radar-wave {\r\n            position: absolute;\r\n            width: 60px; height: 60px;\r\n            background: rgba(231, 76, 60, 0.4);\r\n            border-radius: 50%;\r\n            z-index: 1;\r\n            animation: radarPing 3s infinite ease-out;\r\n        }\r\n        .radar-wave:nth-child(2) { animation-delay: 1s; }\r\n        .anim-alert-card {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            background: #FFF3F3;\r\n            border: 1px solid #FFD3D3;\r\n            color: #D32F2F;\r\n            padding: 10px 15px;\r\n            border-radius: 12px;\r\n            font-size: 0.85rem;\r\n            font-weight: bold;\r\n            display: flex; align-items: center; gap: 8px;\r\n            opacity: 0;\r\n            animation: alertPopUp 6s infinite;\r\n        }\r\n\r\n        @keyframes radarPing {\r\n            0% { transform: scale(1); opacity: 0.8; }\r\n            100% { transform: scale(3.5); opacity: 0; }\r\n        }\r\n        @keyframes alertPopUp {\r\n            0%, 40% { opacity: 0; transform: translateY(20px); }\r\n            50%, 90% { opacity: 1; transform: translateY(0); }\r\n            100% { opacity: 0; transform: translateY(20px); }\r\n        }\r\n\r\n        \/* ================= \u52d5\u756b 4: \u6578\u64da\u5716\u8868 (\u5bb6\u5c6c\u5b89\u5fc3) ================= *\/\r\n        .anim-dashboard {\r\n            width: 100%;\r\n            display: flex; flex-direction: column; gap: 15px;\r\n        }\r\n        .chart-row { display: flex; flex-direction: column; gap: 6px; }\r\n        .chart-label { display: flex; justify-content: space-between; font-size: 0.8rem; color: #666; font-weight: 500;}\r\n        .chart-bar-bg { width: 100%; height: 8px; background: #F0F0F0; border-radius: 4px; overflow: hidden; }\r\n        .chart-bar-fill { height: 100%; border-radius: 4px; width: 0; }\r\n        .fill-blue { background: #3498DB; animation: growBar 4s infinite ease-out; }\r\n        .fill-green { background: #06C755; animation: growBar 4s infinite ease-out 0.5s; }\r\n        .fill-orange { background: #E67E22; animation: growBar 4s infinite ease-out 1s; }\r\n\r\n        @keyframes growBar {\r\n            0%, 10% { width: 0; }\r\n            50%, 90% { width: var(--target-width); }\r\n            100% { width: 0; }\r\n        }\r\n\r\n        \/* --- \u97ff\u61c9\u5f0f\u8a2d\u8a08 RWD --- *\/\r\n        @media (max-width: 992px) {\r\n            .feature-row, .feature-row.reverse { flex-direction: column; text-align: center; gap: 3rem; margin-bottom: 6rem; }\r\n            .feature-text-content { max-width: 100%; display: flex; flex-direction: column; align-items: center; }\r\n            .feature-tags { justify-content: center; }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .features-showcase-section { padding: 4rem 1.5rem; }\r\n            .section-main-title { font-size: 1.8rem; margin-bottom: 3rem; }\r\n            .feature-text-content h3 { font-size: 1.6rem; }\r\n            .feature-text-content p { font-size: 1rem; }\r\n            .visual-card { aspect-ratio: 1\/1; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"features-showcase-section\" id=\"features\">\r\n        <div class=\"showcase-container\">\r\n            \r\n            <h2 class=\"section-main-title\">\u5168\u65b9\u4f4d\u5b88\u8b77\u9577\u8f29\u7684\u667a\u6167\u751f\u6d3b<\/h2>\r\n\r\n            <div class=\"feature-row\">\r\n                <div class=\"feature-visual-content\">\r\n                    <div class=\"visual-card color-warm\">\r\n                        <div class=\"anim-container\" style=\"justify-content: flex-end; padding-bottom: 10px;\">\r\n                            <div class=\"anim-chat-bubble ai\">\r\n                                <i class=\"fas fa-sun\" style=\"color:#E67E22; margin-right:5px;\"><\/i>\u65e9\u5b89\uff01\u963f\u516c\uff0c\u4eca\u4ed4\u65e5\u5929\u6c23\u8b8a\u51b7\u56c9\uff0c\u611b\u7a7f\u71d2\u5594\ud83e\udde5\r\n                            <\/div>\r\n                            <div class=\"anim-chat-bubble user\">\r\n                                \u597d\uff0c\u6211\u77e5\u5f71\u3002\r\n                            <\/div>\r\n                            <div class=\"anim-chat-bubble ai ai-2\">\r\n                                \u8b9a\u5566\uff01\u6b32\u807d\u4e00\u5be1\u8001\u6b4c\u7121\uff1f\ud83c\udfb5\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-text-content\">\r\n                    <span class=\"feature-num\">01. \u65e5\u5e38\u966a\u4f34\u7cfb\u7d71<\/span>\r\n                    <h3>\u6bcf\u5929\uff0c\u90fd\u6709\u4eba\u966a\u4f60\u8aaa\u8a71<\/h3>\r\n                    <p>\u963f\u8070\u4ed4\u5c08\u70ba\u9577\u8f29\u8a2d\u8a08\u5c0d\u8a71\u908f\u8f2f\uff0c\u56de\u7b54\u7c21\u55ae\u3001\u6e05\u695a\u3001\u4e0d\u8907\u96dc\u3002\u4e0d\u9700\u8981\u4e0b\u8f09\u65b0 App\uff0c\u4e0d\u9700\u8981\u5b78\u7fd2\u8907\u96dc\u64cd\u4f5c\u3002\u53ea\u8981\u6253\u958b\u719f\u6089\u7684 LINE\uff0c\u5c31\u80fd\u96a8\u6642\u96a8\u5730\u958b\u59cb\u6eab\u6696\u7684\u804a\u5929\u3002<\/p>\r\n                    <div class=\"feature-tags\">\r\n                        <span class=\"tag\">\u5929\u6c23\u67e5\u8a62<\/span>\r\n                        <span class=\"tag\">\u7bc0\u6c23\u63d0\u9192<\/span>\r\n                        <span class=\"tag\">\u751f\u6d3b\u5c0f\u77e5\u8b58<\/span>\r\n                        <span class=\"tag\">\u53f0\/\u570b\u96d9\u8a9e\u652f\u63f4<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"feature-row reverse\">\r\n                <div class=\"feature-visual-content\">\r\n                    <div class=\"visual-card color-green\">\r\n                        <div class=\"anim-phone-bg\">\r\n                            <i class=\"fas fa-pills pulse-pill\"><\/i>\r\n                            <div class=\"anim-notification\">\r\n                                <i class=\"fas fa-bell\"><\/i>\r\n                                <div class=\"notify-text\">\r\n                                    <h4>\u5403\u85e5\u63d0\u9192<\/h4>\r\n                                    <p>\u65e9\u4e0a 9 \u9ede\u9ad8\u8840\u58d3\u85e5\uff0c\u8a18\u5f97\u914d\u6eab\u6c34\u5403\u5594\uff01<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-text-content\">\r\n                    <span class=\"feature-num\">02. \u5065\u5eb7\u8207\u63d0\u9192\u529f\u80fd<\/span>\r\n                    <h3>\u91cd\u8981\u7684\u4e8b\uff0c\u5e6b\u4f60\u8a18\u5f97<\/h3>\r\n                    <p>\u5e74\u7d00\u5927\u4e86\uff0c\u96e3\u514d\u6703\u5fd8\u8a18\u751f\u6d3b\u7463\u4e8b\u3002\u963f\u8070\u4ed4\u53ef\u4f9d\u500b\u4eba\u9700\u6c42\u81ea\u8a02\u63d0\u9192\u6642\u9593\uff0c\u4e3b\u52d5\u63a8\u64ad\u901a\u77e5\uff0c\u5927\u5e45\u6e1b\u5c11\u5fd8\u8a18\u5403\u85e5\u6216\u932f\u904e\u9580\u8a3a\u7684\u98a8\u96aa\uff0c\u505a\u9577\u8f29\u6700\u8cbc\u5fc3\u7684\u5065\u5eb7\u5c0f\u7ba1\u5bb6\u3002<\/p>\r\n                    <div class=\"feature-tags\">\r\n                        <span class=\"tag\">\u5403\u85e5\u63d0\u9192<\/span>\r\n                        <span class=\"tag\">\u56de\u8a3a\u63d0\u9192<\/span>\r\n                        <span class=\"tag\">\u904b\u52d5\u5efa\u8b70<\/span>\r\n                        <span class=\"tag\">\u7761\u7720\u95dc\u61f7<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"feature-row\">\r\n                <div class=\"feature-visual-content\">\r\n                    <div class=\"visual-card color-alert\">\r\n                        <div class=\"anim-container anim-radar\">\r\n                            <div class=\"radar-wave\"><\/div>\r\n                            <div class=\"radar-wave\"><\/div>\r\n                            <i class=\"fas fa-heartbeat radar-heart\"><\/i>\r\n                            <div class=\"anim-alert-card\">\r\n                                <i class=\"fas fa-exclamation-triangle\"><\/i>\r\n                                \u7cfb\u7d71\u95dc\u61f7\uff1a\u9577\u8f29\u8d85\u904e 24 \u5c0f\u6642\u672a\u4e92\u52d5\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-text-content\">\r\n                    <span class=\"feature-num\">03. \u60c5\u7dd2\u8207\u98a8\u96aa\u5075\u6e2c<\/span>\r\n                    <h3>\u61c2\u5f97\u50be\u807d\uff0c\u4e5f\u61c2\u5f97\u63d0\u9192<\/h3>\r\n                    <p>\u9019\u662f\u963f\u8070\u4ed4\u7684\u9032\u968e\u5b89\u5168\u6a5f\u5236\u3002\u7576\u7cfb\u7d71\u5075\u6e2c\u5230\u9577\u8f29\u6709\u7570\u5e38\u72c0\u6cc1\u6642\uff0c\u6703\u81ea\u52d5\u6a19\u8a18\u4e26\u767c\u9001\u95dc\u61f7\u63d0\u9192\u7d66\u5bb6\u5c6c\u6216\u5ba2\u670d\u5718\u968a\uff0c\u5728\u610f\u5916\u767c\u751f\u524d\uff0c\u591a\u62c9\u8d77\u4e00\u9053\u5b89\u5168\u9632\u8b77\u7db2\u3002<\/p>\r\n                    <div class=\"feature-tags\">\r\n                        <span class=\"tag\">\u9577\u6642\u9593\u672a\u4e92\u52d5\u5075\u6e2c<\/span>\r\n                        <span class=\"tag\">\u60c5\u7dd2\u4f4e\u843d\u8a9e\u53e5\u5206\u6790<\/span>\r\n                        <span class=\"tag\">\u534a\u591c\u983b\u7e41\u6c42\u52a9\u8b66\u793a<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"feature-row reverse\">\r\n                <div class=\"feature-visual-content\">\r\n                    <div class=\"visual-card color-safe\">\r\n                        <div class=\"anim-container anim-dashboard\">\r\n                            <div style=\"font-size:0.9rem; font-weight:bold; color:#333; margin-bottom:10px;\">\u672c\u9031\u6d3b\u8e8d\u5ea6\u5206\u6790<\/div>\r\n                            <div class=\"chart-row\">\r\n                                <div class=\"chart-label\"><span>\u5c0d\u8a71\u983b\u7387<\/span><span>\u9ad8<\/span><\/div>\r\n                                <div class=\"chart-bar-bg\"><div class=\"chart-bar-fill fill-blue\" style=\"--target-width: 85%;\"><\/div><\/div>\r\n                            <\/div>\r\n                            <div class=\"chart-row\">\r\n                                <div class=\"chart-label\"><span>\u5403\u85e5\u5b8c\u6210\u7387<\/span><span>100%<\/span><\/div>\r\n                                <div class=\"chart-bar-bg\"><div class=\"chart-bar-fill fill-green\" style=\"--target-width: 100%;\"><\/div><\/div>\r\n                            <\/div>\r\n                            <div class=\"chart-row\">\r\n                                <div class=\"chart-label\"><span>\u60c5\u7dd2\u6ce2\u52d5\u6307\u6578<\/span><span>\u5e73\u7a69<\/span><\/div>\r\n                                <div class=\"chart-bar-bg\"><div class=\"chart-bar-fill fill-orange\" style=\"--target-width: 30%;\"><\/div><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"feature-text-content\">\r\n                    <span class=\"feature-num\">04. \u5bb6\u5c6c\u5b89\u5fc3\u5c08\u5340<\/span>\r\n                    <h3>\u4e0d\u5728\u8eab\u908a\uff0c\u4e5f\u80fd\u5b89\u5fc3\u5b88\u8b77<\/h3>\r\n                    <p>\u5c08\u70ba\u5fd9\u788c\u7684\u5b50\u5973\u8a2d\u8a08\u3002\u900f\u904e\u6bcf\u9031\u7684\u4e92\u52d5\u5831\u544a\u8207\u6d3b\u8e8d\u5ea6\u5206\u6790\uff0c\u5373\u4f7f\u56e0\u5de5\u4f5c\u7121\u6cd5\u6bcf\u5929\u966a\u4f34\uff0c\u4e5f\u80fd\u96a8\u6642\u638c\u63e1\u7236\u6bcd\u7684\u8eab\u5fc3\u72c0\u6cc1\uff0c\u7528\u6700\u6c92\u6709\u58d3\u529b\u7684\u65b9\u5f0f\u8868\u9054\u95dc\u5fc3\u3002<\/p>\r\n                    <div class=\"feature-tags\">\r\n                        <span class=\"tag\">\u6bcf\u9031\u4e92\u52d5\u6458\u8981<\/span>\r\n                        <span class=\"tag\">\u60c5\u7dd2\u6ce2\u52d5\u63d0\u9192<\/span>\r\n                        <span class=\"tag\">\u6d3b\u8e8d\u5ea6\u5831\u544a<\/span>\r\n                        <span class=\"tag\">\u4ee3\u4ed8\u6703\u54e1\u6a5f\u5236<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\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-5e484ba e-flex e-con-boxed e-con e-parent\" data-id=\"5e484ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e507338 elementor-widget elementor-widget-html\" data-id=\"e507338\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        .pricing-section {\r\n            padding: 8rem 2rem;\r\n            background-color: #FFFFFF; \/* \u70ba\u4e86\u8207\u4e0a\u4e00\u5c64\u7684\u71d5\u9ea5\u8272\u505a\u51fa\u5340\u9694\uff0c\u9019\u88e1\u4f7f\u7528\u7d14\u767d\u5e95\u8272\uff0c\u8b93\u5361\u7247\u66f4\u8df3 *\/\r\n            overflow: hidden;\r\n            font-family: 'Noto Sans TC', sans-serif;\r\n        }\r\n\r\n        .pricing-container {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* \u5ef6\u7e8c\u4e00\u81f4\u7684\u5340\u584a\u5927\u6a19\u984c *\/\r\n        .section-main-title {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 5rem;\r\n            position: relative;\r\n        }\r\n        \r\n        .section-main-title::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 4px;\r\n            background-color: #E67E22; \/* \u65b9\u6848\u9801\u6539\u7528\u6eab\u6696\u6a58\u8272\u5e95\u7dda *\/\r\n            margin: 1rem auto 0;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* \u65b9\u6848\u5361\u7247\u7db2\u683c *\/\r\n        .pricing-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n            align-items: center; \/* \u8b93\u4e2d\u9593\u653e\u5927\u7684\u5361\u7247\u80fd\u5782\u76f4\u7f6e\u4e2d *\/\r\n        }\r\n\r\n        \/* \u5171\u7528\u65b9\u6848\u5361\u7247\u6a23\u5f0f *\/\r\n        .pricing-card {\r\n            background: #FDFBF7; \/* \u5361\u7247\u5e95\u8272\u7528\u71d5\u9ea5\u8272 *\/\r\n            border: 1px solid #F0EBE1;\r\n            border-radius: 24px;\r\n            padding: 3rem 2rem;\r\n            text-align: center;\r\n            position: relative;\r\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n            display: flex;\r\n            flex-direction: column;\r\n            height: 100%;\r\n        }\r\n\r\n        .pricing-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.06);\r\n            border-color: #FFFFFF;\r\n        }\r\n\r\n        \/* \u65b9\u6848\u540d\u7a31\u8207\u5716\u793a *\/\r\n        .plan-icon {\r\n            font-size: 2.5rem;\r\n            color: #BDC3C7;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .plan-name {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 1rem;\r\n        }\r\n\r\n        \/* \u50f9\u683c\u9810\u7559\u5340\u584a *\/\r\n        .plan-price {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #333;\r\n            margin-bottom: 2rem;\r\n            display: flex;\r\n            align-items: baseline;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .plan-price .currency { font-size: 1.2rem; font-weight: 500; margin-right: 4px; color: #7f8c8d; }\r\n        .plan-price .period { font-size: 1rem; font-weight: 400; color: #7f8c8d; margin-left: 4px; }\r\n        \r\n        \/* \u66ff\u63db\u7528\u7684\u50f9\u683c\u9810\u7559\u4f54\u4f4d\u7b26 *\/\r\n        .price-placeholder {\r\n            color: #CCCCCC;\r\n            font-size: 2rem;\r\n        }\r\n\r\n        \/* \u529f\u80fd\u5217\u8868 *\/\r\n        .plan-features {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0 0 2.5rem 0;\r\n            flex-grow: 1; \/* \u8b93\u6309\u9215\u81ea\u52d5\u5c0d\u9f4a\u5e95\u90e8 *\/\r\n            text-align: left;\r\n        }\r\n\r\n        .plan-features li {\r\n            font-size: 1.05rem;\r\n            color: #555;\r\n            margin-bottom: 1rem;\r\n            display: flex;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .plan-features li i {\r\n            color: #06C755; \/* LINE \u7da0\u8272\u6253\u52fe *\/\r\n            font-size: 1rem;\r\n            margin-top: 4px;\r\n            margin-right: 12px;\r\n        }\r\n\r\n        \/* \u7f3a\u4e4f\u7684\u529f\u80fd (\u8996\u89ba\u5f31\u5316) *\/\r\n        .plan-features li.disabled { color: #A6A6A6; }\r\n        .plan-features li.disabled i { color: #E0E0E0; }\r\n        .plan-features li.disabled i::before { content: \"\\f00d\"; } \/* \u53c9\u53c9\u5716\u793a *\/\r\n\r\n        \/* \u5171\u7528\u6309\u9215\u6a23\u5f0f *\/\r\n        .pricing-btn {\r\n            display: inline-block;\r\n            width: 100%;\r\n            padding: 1rem;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n        }\r\n\r\n        .btn-outline {\r\n            background-color: transparent;\r\n            color: #555;\r\n            border: 2px solid #E0E0E0;\r\n        }\r\n        \r\n        .btn-outline:hover {\r\n            border-color: #2C3E50;\r\n            color: #2C3E50;\r\n            background-color: rgba(0,0,0,0.02);\r\n        }\r\n\r\n        \/* --- \ud83d\udc51 \u4e3b\u63a8\u65b9\u6848\uff1a\u5b89\u5fc3\u6703\u54e1 (\u9ad8\u5149\u8a2d\u8a08) --- *\/\r\n        .card-popular {\r\n            background-color: #FFFFFF;\r\n            border: 2px solid #06C755;\r\n            box-shadow: 0 20px 40px rgba(6, 199, 85, 0.1);\r\n            transform: scale(1.05); \/* \u5fae\u5fae\u653e\u5927\u7a81\u51fa *\/\r\n            z-index: 2;\r\n        }\r\n        \r\n        .card-popular:hover {\r\n            transform: scale(1.05) translateY(-10px);\r\n            box-shadow: 0 25px 50px rgba(6, 199, 85, 0.15);\r\n        }\r\n\r\n        .card-popular .plan-icon { color: #06C755; }\r\n        \r\n        \/* \u63a8\u85a6\u6a19\u7c64 Badge *\/\r\n        .popular-badge {\r\n            position: absolute;\r\n            top: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background-color: #E67E22;\r\n            color: #FFF;\r\n            padding: 6px 20px;\r\n            border-radius: 20px;\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            box-shadow: 0 4px 10px rgba(230, 126, 34, 0.3);\r\n        }\r\n\r\n        .card-popular .btn-primary {\r\n            background-color: #06C755;\r\n            color: #FFF;\r\n            border: 2px solid #06C755;\r\n            box-shadow: 0 8px 20px rgba(6, 199, 85, 0.25);\r\n        }\r\n        \r\n        .card-popular .btn-primary:hover {\r\n            background-color: #05b34c;\r\n            border-color: #05b34c;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 25px rgba(6, 199, 85, 0.35);\r\n        }\r\n\r\n        \/* --- \u9ad8\u7aef\u65b9\u6848\u5fae\u8abf --- *\/\r\n        .card-premium .plan-icon { color: #E67E22; }\r\n\r\n\r\n        \/* --- \u97ff\u61c9\u5f0f\u8a2d\u8a08 RWD --- *\/\r\n        @media (max-width: 992px) {\r\n            .pricing-grid {\r\n                grid-template-columns: 1fr; \/* \u5e73\u677f\u8207\u624b\u6a5f\u6539\u70ba\u55ae\u6b04\u5782\u76f4\u5806\u758a *\/\r\n                gap: 3rem;\r\n                max-width: 450px;\r\n                margin: 0 auto;\r\n            }\r\n            .card-popular {\r\n                transform: scale(1); \/* \u79fb\u9664\u653e\u5927\u6548\u679c\u907f\u514d\u8d85\u51fa\u7248\u9762 *\/\r\n            }\r\n            .card-popular:hover {\r\n                transform: translateY(-5px);\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 576px) {\r\n            .pricing-section { padding: 5rem 1.5rem; }\r\n            .section-main-title { font-size: 2rem; margin-bottom: 4rem; }\r\n            .pricing-card { padding: 2.5rem 1.5rem; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"pricing-section\" id=\"pricing\">\r\n        <div class=\"pricing-container\">\r\n            \r\n            <h2 class=\"section-main-title\">\u7c21\u55ae\u900f\u660e\u7684\u5b89\u5fc3\u65b9\u6848<\/h2>\r\n\r\n            <div class=\"pricing-grid\">\r\n                \r\n                <div class=\"pricing-card\">\r\n                    <i class=\"fas fa-seedling plan-icon\"><\/i>\r\n                    <h3 class=\"plan-name\">\u514d\u8cbb\u7248<\/h3>\r\n                    \r\n                    <div class=\"plan-price\">\r\n                        <span class=\"currency\">NT$<\/span>\r\n                        <span class=\"price-placeholder\">0<\/span>\r\n                        <span class=\"period\">\/\u6708<\/span>\r\n                    <\/div>\r\n\r\n                    <ul class=\"plan-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> \u57fa\u790e\u65e5\u5e38\u804a\u5929<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5929\u6c23\u8207\u7bc0\u6c23\u67e5\u8a62<\/li>\r\n                        <li class=\"disabled\"><i class=\"fas fa-times\"><\/i> \u5168\u90e8\u63d0\u9192\u529f\u80fd<\/li>\r\n                        <li class=\"disabled\"><i class=\"fas fa-times\"><\/i> \u60c5\u7dd2\u5206\u6790\u8207\u95dc\u61f7\u901a\u77e5<\/li>\r\n                    <\/ul>\r\n\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"pricing-btn btn-outline\">\u958b\u59cb\u514d\u8cbb\u9ad4\u9a57<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card card-popular\">\r\n                    <div class=\"popular-badge\">\u5bb6\u5c6c\u6700\u5b89\u5fc3\u63a8\u85a6<\/div>\r\n                    <i class=\"fas fa-shield-heart plan-icon\"><\/i>\r\n                    <h3 class=\"plan-name\">\u5b89\u5fc3\u6703\u54e1<\/h3>\r\n                    \r\n                    <div class=\"plan-price\">\r\n                        <span class=\"currency\">NT$<\/span>\r\n                        <span class=\"price-placeholder\">---<\/span>\r\n                        <span class=\"period\">\/\u6708<\/span>\r\n                    <\/div>\r\n\r\n                    <ul class=\"plan-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5305\u542b\u514d\u8cbb\u7248\u6240\u6709\u529f\u80fd<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5403\u85e5\u3001\u56de\u8a3a\u7b49\u5168\u90e8\u63d0\u9192<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u7cfb\u7d71\u60c5\u7dd2\u5206\u6790\u6a5f\u5236<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u95dc\u61f7\u8b66\u793a\u5373\u6642\u901a\u77e5<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5bb6\u5c6c\u5c08\u5c6c\u5f8c\u53f0\u6458\u8981<\/li>\r\n                    <\/ul>\r\n\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"pricing-btn btn-primary\">\u5347\u7d1a\u5b89\u5fc3\u5b88\u8b77<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"pricing-card card-premium\">\r\n                    <i class=\"fas fa-user-tie plan-icon\"><\/i>\r\n                    <h3 class=\"plan-name\">\u7ba1\u5bb6\u670d\u52d9\uff08\u9ad8\u7aef\uff09<\/h3>\r\n                    \r\n                    <div class=\"plan-price\">\r\n                        <span class=\"currency\">NT$<\/span>\r\n                        <span class=\"price-placeholder\">---<\/span>\r\n                        <span class=\"period\">\/\u6708<\/span>\r\n                    <\/div>\r\n\r\n                    <ul class=\"plan-features\">\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5305\u542b\u5b89\u5fc3\u6703\u54e1\u6240\u6709\u529f\u80fd<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5c08\u5c6c\u771f\u4eba\u5ba2\u670d\u4ecb\u5165\u652f\u63f4<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5354\u52a9\u8a2d\u5b9a\u5ba2\u88fd\u5316\u63d0\u9192<\/li>\r\n                        <li><i class=\"fas fa-check\"><\/i> \u5c08\u5c6c\u5065\u5eb7\u9867\u554f\u8aee\u8a62\u670d\u52d9<\/li>\r\n                    <\/ul>\r\n\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"pricing-btn btn-outline\">\u806f\u7e6b\u5c08\u5c6c\u9867\u554f<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\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-9c4a93a e-flex e-con-boxed e-con e-parent\" data-id=\"9c4a93a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d6e299 elementor-widget elementor-widget-html\" data-id=\"5d6e299\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        .ai-program-wrapper {\r\n            background-color: #FDFBF7; \/* \u56de\u6b78\u71d5\u9ea5\u6eab\u6696\u5e95\u8272 *\/\r\n            font-family: 'Noto Sans TC', sans-serif;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u5171\u7528\u5bb9\u5668\u8a2d\u5b9a *\/\r\n        .program-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 8rem 2rem;\r\n        }\r\n        \r\n        \/* \u5340\u584a\u5167\u5c0f\u6a19\u984c *\/\r\n        .sub-section-title {\r\n            text-align: center;\r\n            font-size: 2.2rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 4rem;\r\n        }\r\n\r\n        \/* ================= 1. \u8a08\u756b\u9858\u666f (Vision) ================= *\/\r\n        .vision-section {\r\n            text-align: center;\r\n            padding-bottom: 4rem;\r\n            border-bottom: 1px solid rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .vision-title {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 1rem;\r\n        }\r\n        \r\n        .vision-subtitle {\r\n            font-size: 1.5rem;\r\n            color: #E67E22;\r\n            font-weight: 500;\r\n            margin-bottom: 3rem;\r\n        }\r\n        \r\n        .vision-content {\r\n            font-size: 1.15rem;\r\n            line-height: 1.8;\r\n            color: #555;\r\n            max-width: 800px;\r\n            margin: 0 auto 3rem auto;\r\n        }\r\n\r\n        .vision-goals {\r\n            display: flex;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n            gap: 1.5rem;\r\n        }\r\n        \r\n        .goal-badge {\r\n            background: #FFFFFF;\r\n            border: 1px solid #E0E0E0;\r\n            padding: 0.8rem 1.5rem;\r\n            border-radius: 50px;\r\n            font-weight: 700;\r\n            color: #06C755;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        .goal-badge:hover { transform: translateY(-3px); border-color: #06C755; }\r\n\r\n        \/* ================= 2. \u5408\u4f5c\u6a21\u5f0f (Cooperation) ================= *\/\r\n        .coop-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .coop-card {\r\n            background: #FFFFFF;\r\n            padding: 3rem 2rem;\r\n            border-radius: 24px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n            border: 1px solid transparent;\r\n            transition: all 0.4s ease;\r\n            text-align: center;\r\n        }\r\n        .coop-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.06); border-color: #06C755; }\r\n        \r\n        .coop-icon { font-size: 3rem; color: #2C3E50; margin-bottom: 1.5rem; }\r\n        .coop-card h4 { font-size: 1.5rem; font-weight: 700; color: #2C3E50; margin-bottom: 1.5rem; }\r\n        .coop-list { list-style: none; padding: 0; text-align: left; }\r\n        .coop-list li { margin-bottom: 1rem; color: #555; display: flex; align-items: center; gap: 10px; }\r\n        .coop-list li i { color: #E67E22; font-size: 0.8rem; }\r\n\r\n        \/* ================= 3. \u8a08\u756b\u5be6\u7e3e\u8207\u65b0\u805e (Cases) ================= *\/\r\n        .cases-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 3rem;\r\n        }\r\n        \r\n        .case-card {\r\n            background: #FFFFFF;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.04);\r\n            transition: all 0.4s ease;\r\n        }\r\n        .case-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }\r\n        \r\n        \/* \u7167\u7247\u9810\u7559\u5340\u584a *\/\r\n        .case-img-placeholder {\r\n            width: 100%;\r\n            height: 240px;\r\n            background-color: #E8E8E8;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #999;\r\n            font-weight: 500;\r\n            position: relative;\r\n        }\r\n        .case-img-placeholder img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }\r\n        \r\n        .case-content { padding: 2.5rem; }\r\n        .case-meta { display: flex; gap: 15px; font-size: 0.9rem; color: #777; margin-bottom: 1rem; font-weight: 500;}\r\n        .case-meta i { color: #3498DB; }\r\n        .case-title { font-size: 1.6rem; font-weight: 700; color: #2C3E50; margin-bottom: 1.5rem; }\r\n        \r\n        .case-details { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }\r\n        .detail-box h5 { font-size: 1rem; color: #2C3E50; margin-bottom: 0.8rem; border-bottom: 2px solid #F0F0F0; padding-bottom: 0.5rem; display: inline-block; }\r\n        .detail-box ul { list-style: none; padding: 0; margin: 0; color: #555; font-size: 0.95rem; }\r\n        .detail-box ul li { margin-bottom: 0.5rem; display: flex; align-items: flex-start; gap: 8px; }\r\n        .detail-box ul li i { color: #06C755; margin-top: 4px; font-size: 0.8rem; }\r\n\r\n        \/* ================= 4. \u5a92\u9ad4\u8207\u5408\u4f5c\u5925\u4f34 (Partners Marquee) ================= *\/\r\n        .partners-section {\r\n            background-color: #FFFFFF;\r\n            padding: 6rem 0;\r\n            border-top: 1px solid rgba(0,0,0,0.03);\r\n            border-bottom: 1px solid rgba(0,0,0,0.03);\r\n        }\r\n        \r\n        .marquee-wrapper {\r\n            width: 100%;\r\n            overflow: hidden;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \/* \u5de6\u53f3\u908a\u7de3\u6de1\u51fa\u906e\u7f69\uff0c\u589e\u52a0\u8cea\u611f *\/\r\n        .marquee-wrapper::before, .marquee-wrapper::after {\r\n            content: ''; position: absolute; top: 0; width: 150px; height: 100%; z-index: 2; pointer-events: none;\r\n        }\r\n        .marquee-wrapper::before { left: 0; background: linear-gradient(to right, #FFFFFF 0%, transparent 100%); }\r\n        .marquee-wrapper::after { right: 0; background: linear-gradient(to left, #FFFFFF 0%, transparent 100%); }\r\n\r\n        .marquee-content {\r\n            display: flex;\r\n            gap: 4rem;\r\n            animation: scrollMarquee 25s linear infinite;\r\n            padding-left: 4rem; \/* \u78ba\u4fdd\u7121\u7e2b\u63a5\u8ecc *\/\r\n        }\r\n        .marquee-content:hover { animation-play-state: paused; } \/* \u6ed1\u9f20\u61f8\u505c\u66ab\u505c *\/\r\n        \r\n        \/* \u66ff\u63db\u70ba\u5e36\u9023\u7d50\u7684\u4e7e\u6de8\u767d\u6846\u6a23\u5f0f *\/\r\n        .partner-logo-placeholder {\r\n            width: 180px; height: 80px; background: #FFFFFF; border-radius: 12px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            border: 1px solid #EBEBEB; padding: 15px; flex-shrink: 0; transition: all 0.3s ease;\r\n            text-decoration: none; color: #999; font-weight: 700; font-size: 0.95rem; letter-spacing: 1px;\r\n        }\r\n        .partner-logo-placeholder:hover { \r\n            background: #FDFBF7; box-shadow: 0 4px 15px rgba(0,0,0,0.04); border-color: #06C755; color: #06C755; \r\n        }\r\n\r\n        @keyframes scrollMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\r\n\r\n        \/* ================= 5. \u5982\u4f55\u53c3\u8207 CTA (Join Us) ================= *\/\r\n        .join-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 2rem;\r\n        }\r\n        \r\n        .join-card {\r\n            background: #2C3E50;\r\n            border-radius: 24px;\r\n            padding: 3rem 2rem;\r\n            text-align: center;\r\n            color: #FFFFFF;\r\n            transition: all 0.3s ease;\r\n        }\r\n        .join-card.highlight { background: #E67E22; transform: scale(1.05); } \/* \u4f01\u696d\u8d0a\u52a9\u9ad8\u5149 *\/\r\n        .join-card.light { background: #FFFFFF; border: 2px solid #2C3E50; color: #2C3E50; }\r\n        \r\n        .join-role { font-size: 1.4rem; font-weight: 700; margin-bottom: 2rem; }\r\n        \r\n        .action-btn {\r\n            display: inline-block; width: 100%; padding: 1rem; border-radius: 50px;\r\n            font-weight: 700; text-decoration: none; transition: all 0.3s ease;\r\n        }\r\n        \/* \u6309\u9215\u914d\u8272\u5c0d\u61c9\u5361\u7247\u5e95\u8272 *\/\r\n        .join-card .action-btn { background: #FFFFFF; color: #2C3E50; }\r\n        .join-card .action-btn:hover { background: #E0E0E0; }\r\n        .join-card.highlight .action-btn { color: #E67E22; }\r\n        .join-card.light .action-btn { background: #2C3E50; color: #FFFFFF; }\r\n        .join-card.light .action-btn:hover { background: #1a252f; }\r\n\r\n\r\n        \/* ================= \u97ff\u61c9\u5f0f\u8a2d\u8a08 RWD ================= *\/\r\n        @media (max-width: 992px) {\r\n            .vision-title { font-size: 2.5rem; }\r\n            .coop-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .cases-grid { grid-template-columns: 1fr; }\r\n            .join-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }\r\n            .join-card.highlight { transform: scale(1); }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .program-container { padding: 5rem 1.5rem; }\r\n            .vision-title { font-size: 2rem; }\r\n            .vision-subtitle { font-size: 1.2rem; }\r\n            .coop-grid { grid-template-columns: 1fr; }\r\n            .case-details { grid-template-columns: 1fr; gap: 1rem; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"ai-program-wrapper\" id=\"program\">\r\n        \r\n        <section class=\"program-container vision-section\">\r\n            <h2 class=\"vision-title\">AI\u667a\u6167\u966a\u4f34\u8a08\u756b\uff08\u963f\u8070\u4ed4\uff09<\/h2>\r\n            <h3 class=\"vision-subtitle\">\u8b93\u79d1\u6280\u8d70\u9032\u793e\u5340\uff0c\u966a\u4f34\u6bcf\u4e00\u4f4d\u9700\u8981\u88ab\u95dc\u5fc3\u7684\u9577\u8f29\u3002<\/h3>\r\n            <p class=\"vision-content\">\r\n                \u96a8\u8457\u9ad8\u9f61\u793e\u6703\u4f86\u81e8\uff0c\u7368\u5c45\u8207\u9ad8\u95dc\u61f7\u9577\u8005\u9010\u5e74\u589e\u52a0\u3002<br>\r\n                AI\u667a\u6167\u966a\u4f34\u8a08\u756b\u900f\u904e\u963f\u8070\u4ed4\u7cfb\u7d71\uff0c\u63a8\u52d5\u793e\u5340\u6578\u4f4d\u966a\u4f34\u8207\u667a\u6167\u95dc\u61f7\u652f\u6301\u3002\r\n            <\/p>\r\n            <div class=\"vision-goals\">\r\n                <div class=\"goal-badge\"><i class=\"fas fa-hand-holding-heart\"><\/i> \u964d\u4f4e\u9577\u8f29\u5b64\u7368\u611f<\/div>\r\n                <div class=\"goal-badge\"><i class=\"fas fa-clipboard-list\"><\/i> \u5efa\u7acb\u6578\u4f4d\u95dc\u61f7\u540d\u55ae<\/div>\r\n                <div class=\"goal-badge\"><i class=\"fas fa-link\"><\/i> \u4e32\u9023\u5bb6\u5c6c\u8207\u793e\u5340\u8cc7\u6e90<\/div>\r\n                <div class=\"goal-badge\"><i class=\"fas fa-shield-alt\"><\/i> \u5f37\u5316\u9ad8\u98a8\u96aa\u9810\u8b66\u6a5f\u5236<\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"program-container\">\r\n            <h2 class=\"sub-section-title\">\u6211\u5011\u5982\u4f55\u8207\u793e\u5340\u5408\u4f5c\uff1f<\/h2>\r\n            <div class=\"coop-grid\">\r\n                <div class=\"coop-card\">\r\n                    <i class=\"fas fa-users coop-icon\"><\/i>\r\n                    <h4>\u793e\u5340\u64da\u9ede\u5408\u4f5c<\/h4>\r\n                    <ul class=\"coop-list\">\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u8209\u8fa6\u793e\u5340\u8aaa\u660e\u6703<\/li>\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u73fe\u5834\u6559\u5b78\u52a0\u5165\u64cd\u4f5c<\/li>\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u5354\u52a9\u9577\u8005\u6578\u4f4d\u966a\u4f34\u5efa\u6a94<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"coop-card\">\r\n                    <i class=\"fas fa-map-marked-alt coop-icon\"><\/i>\r\n                    <h4>\u91cc\u9577\u5408\u4f5c\u6a21\u5f0f<\/h4>\r\n                    <ul class=\"coop-list\">\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u5c0e\u5165\u9ad8\u95dc\u61f7\u9577\u8005\u540d\u55ae<\/li>\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u6578\u4f4d\u7c3d\u5230\u8207\u6d3b\u8e8d\u5ea6\u8ffd\u8e64<\/li>\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u91cc\u8fa6\u516c\u5ba4\u95dc\u61f7\u6a5f\u5236\u6574\u5408<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div class=\"coop-card\">\r\n                    <i class=\"fas fa-hands-helping coop-icon\"><\/i>\r\n                    <h4>\u516c\u76ca\u55ae\u4f4d\u5408\u4f5c<\/h4>\r\n                    <ul class=\"coop-list\">\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u5f31\u52e2\u5bb6\u5ead\u6578\u4f4d\u652f\u63f4<\/li>\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u7368\u5c45\u9577\u8005\u5c08\u5c6c\u966a\u4f34<\/li>\r\n                        <li><i class=\"fas fa-circle\"><\/i> \u653f\u5e9c\u88dc\u52a9\u8a08\u756b\u4e32\u63a5<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"program-container\" style=\"padding-top: 0;\">\r\n            <h2 class=\"sub-section-title\">\u8a08\u756b\u5be6\u7e3e\u8207\u5f71\u97ff\u529b<\/h2>\r\n            <div class=\"cases-grid\">\r\n                \r\n                <div class=\"case-card\">\r\n                    <div class=\"case-img-placeholder\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg\" alt=\"\u793e\u5340\u966a\u4f34\u884c\u52d5\">\r\n                    <\/div>\r\n                    <div class=\"case-content\">\r\n                        <div class=\"case-meta\">\r\n                            <span><i class=\"fas fa-map-marker-alt\"><\/i> \u67d0\u67d0\u793e\u5340<\/span>\r\n                            <span><i class=\"far fa-calendar-alt\"><\/i> 2026\u5e74<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"case-title\">\u6848\u4f8b\u4e00\uff1a\u793e\u5340\u966a\u4f34\u884c\u52d5<\/h3>\r\n                        \r\n                        <div class=\"case-details\">\r\n                            <div class=\"detail-box\">\r\n                                <h5>\u6d3b\u52d5\u5167\u5bb9<\/h5>\r\n                                <ul>\r\n                                    <li><i class=\"fas fa-check\"><\/i> \u6559\u5b78 LINE \u64cd\u4f5c<\/li>\r\n                                    <li><i class=\"fas fa-check\"><\/i> \u5354\u52a9\u9577\u8005\u52a0\u5165\u963f\u8070\u4ed4<\/li>\r\n                                    <li><i class=\"fas fa-check\"><\/i> \u5efa\u7acb\u5065\u5eb7\u63d0\u9192\u6a5f\u5236<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                            <div class=\"detail-box\">\r\n                                <h5>\u8a08\u756b\u6210\u679c<\/h5>\r\n                                <ul>\r\n                                    <li><i class=\"fas fa-star\" style=\"color:#E67E22;\"><\/i> \u53c3\u8207\u9577\u8005 60+ \u4f4d<\/li>\r\n                                    <li><i class=\"fas fa-star\" style=\"color:#E67E22;\"><\/i> \u5efa\u7acb\u95dc\u61f7\u540d\u55ae 15 \u4f4d<\/li>\r\n                                    <li><i class=\"fas fa-star\" style=\"color:#E67E22;\"><\/i> \u5bb6\u5c6c\u53c3\u8207\u7387\u986f\u8457\u63d0\u5347<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"case-card\">\r\n                    <div class=\"case-img-placeholder\">\r\n                        <img decoding=\"async\" src=\"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/lonely-senior-elderly-man-male-enjoying-looking-out-window-home-view-from-his-windowside-view-senior-man-who-has-chronic-illness-alzheimer-s-disease-sitting-living-room-1.jpg\" alt=\"\u7368\u5c45\u8001\u4eba\u8a66\u8fa6\u8a08\u756b\">\r\n                    <\/div>\r\n                    <div class=\"case-content\">\r\n                        <div class=\"case-meta\">\r\n                            <span><i class=\"fas fa-handshake\"><\/i> \u67d0\u516c\u76ca\u5354\u6703<\/span>\r\n                            <span><i class=\"far fa-clock\"><\/i> \u8a66\u8fa6\u4e09\u500b\u6708<\/span>\r\n                        <\/div>\r\n                        <h3 class=\"case-title\">\u6848\u4f8b\u4e8c\uff1a\u7368\u5c45\u8001\u4eba\u8a66\u8fa6\u8a08\u756b<\/h3>\r\n                        \r\n                        <div class=\"case-details\">\r\n                            <div class=\"detail-box\">\r\n                                <h5>\u8a08\u756b\u6210\u679c<\/h5>\r\n                                <ul>\r\n                                    <li><i class=\"fas fa-chart-line\"><\/i> \u4e92\u52d5\u983b\u7387\u63d0\u5347 40%<\/li>\r\n                                    <li><i class=\"fas fa-moon\"><\/i> \u591c\u9593\u5b64\u55ae\u6c42\u52a9\u964d\u4f4e<\/li>\r\n                                    <li><i class=\"fas fa-bell\"><\/i> \u60c5\u7dd2\u9810\u8b66\u6210\u529f\u63d0\u524d\u95dc\u61f7<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"partners-section\">\r\n            <h2 class=\"sub-section-title\" style=\"margin-bottom: 3rem;\">\u966a\u4f34\u7684\u529b\u91cf\uff0c\u4f86\u81ea\u66f4\u591a\u652f\u6301<\/h2>\r\n            <div class=\"marquee-wrapper\">\r\n                <div class=\"marquee-content\">\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    \r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"partner-logo-placeholder\">\u55ae\u4f4d Logo \u9810\u7559<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <section class=\"program-container\">\r\n            <h2 class=\"sub-section-title\">\u6210\u70ba\u667a\u6167\u966a\u4f34\u7684\u4e00\u4efd\u5b50<\/h2>\r\n            <div class=\"join-grid\">\r\n                \r\n                <div class=\"join-card\">\r\n                    <div class=\"join-role\">\u91cc\u9577 \/ \u793e\u5340\u55ae\u4f4d<\/div>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"action-btn\">\u7533\u8acb\u8209\u8fa6\u8aaa\u660e\u6703<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"join-card highlight\">\r\n                    <div class=\"join-role\">\u4f01\u696d CSR \u5408\u4f5c<\/div>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"action-btn\">\u4f01\u696d\u8d0a\u52a9\u5f31\u52e2\u9577\u8005\u6703\u54e1<\/a>\r\n                <\/div>\r\n\r\n                <div class=\"join-card light\">\r\n                    <div class=\"join-role\">\u4e00\u822c\u6c11\u773e<\/div>\r\n                    <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"action-btn\">\u652f\u6301\u966a\u4f34\u540d\u984d<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/section>\r\n\r\n    <\/div>\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-2404f5f e-flex e-con-boxed e-con e-parent\" data-id=\"2404f5f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d83d040 elementor-widget elementor-widget-html\" data-id=\"d83d040\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        .bento-features-section {\r\n            padding: 8rem 2rem;\r\n            background-color: #FDFBF7;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .bento-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* \u5340\u584a\u5171\u7528\u5927\u6a19\u984c *\/\r\n        .section-main-title {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 4rem;\r\n            letter-spacing: 1px;\r\n        }\r\n        .section-main-title span { color: #06C755; }\r\n\r\n        \/* Bento \u7db2\u683c\u7cfb\u7d71 *\/\r\n        .bento-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            grid-auto-rows: minmax(320px, auto);\r\n            gap: 1.5rem;\r\n        }\r\n\r\n        \/* \u5171\u901a\u5361\u7247\u6a23\u5f0f *\/\r\n        .bento-card {\r\n            background-color: #FFFFFF;\r\n            border-radius: 32px;\r\n            padding: 2.5rem;\r\n            position: relative;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.03);\r\n            border: 1px solid rgba(0,0,0,0.02);\r\n            transition: transform 0.4s ease, box-shadow 0.4s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .bento-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n        }\r\n\r\n        \/* \u5206\u914d\u5361\u7247\u4f54\u64da\u7684\u7db2\u683c\u7a7a\u9593 *\/\r\n        .card-chat { grid-column: span 2; grid-row: span 2; justify-content: space-between; } \r\n        .card-health { grid-column: span 1; grid-row: span 1; }\r\n        .card-alert { grid-column: span 1; grid-row: span 1; }\r\n        .card-family { grid-column: span 3; grid-row: span 1; flex-direction: row; align-items: center; }\r\n\r\n        \/* \u5361\u7247\u6587\u5b57\u5167\u5bb9 *\/\r\n        .card-content { z-index: 2; position: relative; }\r\n        \r\n        .bento-num {\r\n            display: inline-block;\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            color: #FFFFFF;\r\n            background-color: #2C3E50;\r\n            padding: 0.3rem 0.8rem;\r\n            border-radius: 20px;\r\n            margin-bottom: 1rem;\r\n        }\r\n        .card-health .bento-num { background-color: #06C755; }\r\n        .card-alert .bento-num { background-color: #E74C3C; }\r\n        .card-family .bento-num { background-color: #3498DB; }\r\n\r\n        .bento-card h3 {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 1rem;\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .bento-card p {\r\n            font-size: 1rem;\r\n            color: #555;\r\n            line-height: 1.6;\r\n            margin-bottom: 1.5rem;\r\n            max-width: 90%;\r\n        }\r\n\r\n        \/* \u6a19\u7c64\u8a2d\u8a08 *\/\r\n        .bento-tags { display: flex; flex-wrap: wrap; gap: 0.6rem; }\r\n        .bento-tag {\r\n            font-size: 0.85rem;\r\n            color: #666;\r\n            background: rgba(0,0,0,0.03);\r\n            padding: 0.4rem 0.8rem;\r\n            border-radius: 8px;\r\n            transition: all 0.3s ease;\r\n        }\r\n        .bento-card:hover .bento-tag { background: #FFFFFF; box-shadow: 0 2px 8px rgba(0,0,0,0.05); color: #333; }\r\n\r\n        \/* ================= \u6838\u5fc3\u52d5\u756b\u5340\u584a ================= *\/\r\n        .bento-visual { position: absolute; z-index: 1; }\r\n\r\n        \/* 1\ufe0f\u20e3 \u804a\u5929\u966a\u4f34\u52d5\u756b\u914d\u7f6e (\u652f\u63f4 RWD) *\/\r\n        .bento-chat-ui {\r\n            background: #F4F6F9; \/* \u4eff LINE \u80cc\u666f\u8272 *\/\r\n            border-radius: 24px;\r\n            padding: 1.5rem;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: flex-end;\r\n            position: relative;\r\n            z-index: 1;\r\n            overflow: hidden;\r\n        }\r\n        \r\n        .bento-chat-bubble {\r\n            background: #FFF; border: 1px solid #EEE; padding: 12px 16px; border-radius: 18px 18px 18px 4px;\r\n            font-size: 0.9rem; margin-bottom: 10px; max-width: 90%; box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n            opacity: 0;\r\n            animation: autoPopUp 6s infinite; \/* \u81ea\u52d5\u5faa\u74b0\u64ad\u653e *\/\r\n        }\r\n        .bento-chat-bubble.user { \r\n            background: #DCF8C6; border-radius: 18px 18px 4px 18px; align-self: flex-end; \r\n            animation-delay: 2s; \/* \u5ef6\u9072 2 \u79d2\u51fa\u73fe *\/\r\n        }\r\n        \r\n        @keyframes autoPopUp {\r\n            0%, 5% { opacity: 0; transform: translateY(15px); }\r\n            15%, 85% { opacity: 1; transform: translateY(0); }\r\n            95%, 100% { opacity: 0; transform: translateY(-15px); }\r\n        }\r\n\r\n        \/* 2\ufe0f\u20e3 \u5065\u5eb7\u63d0\u9192\u52d5\u756b *\/\r\n        .card-health .bento-visual { top: 20px; right: 20px; font-size: 4rem; color: rgba(6, 199, 85, 0.15); }\r\n        .health-icon i { animation: floatPill 3s infinite ease-in-out; display: inline-block; }\r\n        @keyframes floatPill {\r\n            0%, 100% { transform: translateY(0) rotate(0deg); }\r\n            50% { transform: translateY(-10px) rotate(15deg); color: rgba(6, 199, 85, 0.3); }\r\n        }\r\n\r\n        \/* 3\ufe0f\u20e3 \u98a8\u96aa\u9810\u8b66\u52d5\u756b *\/\r\n        .card-alert .bento-visual { bottom: 20px; right: 20px; font-size: 4rem; color: rgba(231, 76, 60, 0.15); }\r\n        .alert-icon i { animation: autoHeartbeat 2s infinite; display: inline-block; }\r\n        @keyframes autoHeartbeat { \r\n            0% { transform: scale(1); } \r\n            15% { transform: scale(1.15); color: rgba(231, 76, 60, 0.3); } \r\n            30% { transform: scale(1); } \r\n        }\r\n\r\n        \/* 4\ufe0f\u20e3 \u5bb6\u5c6c\u5b89\u5fc3\u5716\u8868\u52d5\u756b *\/\r\n        .card-family .card-content { flex: 1; }\r\n        .card-family .bento-visual { position: relative; flex: 1; height: 100%; display: flex; align-items: center; justify-content: center; }\r\n        .bento-chart-container { width: 80%; display: flex; flex-direction: column; gap: 15px; }\r\n        .b-chart-bar { width: 100%; height: 12px; background: #F0F0F0; border-radius: 6px; overflow: hidden; }\r\n        .b-chart-fill { height: 100%; width: 0; border-radius: 6px; animation: fillBar 5s infinite ease-out; }\r\n        .c1 { background: #3498DB; animation-delay: 0s;}\r\n        .c2 { background: #E67E22; animation-delay: 0.2s;}\r\n        .c3 { background: #06C755; animation-delay: 0.4s;}\r\n        \r\n        @keyframes fillBar {\r\n            0%, 10% { width: 0; }\r\n            40%, 80% { width: var(--target-width); }\r\n            95%, 100% { width: 0; }\r\n        }\r\n\r\n        \/* ================= \u97ff\u61c9\u5f0f\u8a2d\u8a08 RWD \u6838\u5fc3\u8abf\u6574 ================= *\/\r\n        \/* \u684c\u6a5f\u7248\u5c0d\u8a71\u6846\u4f48\u5c40 *\/\r\n        @media (min-width: 993px) {\r\n            .card-chat .card-content { width: 55%; }\r\n            .bento-chat-ui {\r\n                position: absolute; right: 0; bottom: 0;\r\n                width: 45%; height: 85%;\r\n                border-bottom-left-radius: 0;\r\n                border-top-left-radius: 40px;\r\n                border-top-right-radius: 0;\r\n            }\r\n        }\r\n\r\n        \/* \u5e73\u677f\u5c3a\u5bf8 *\/\r\n        @media (max-width: 992px) {\r\n            .bento-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .card-chat { grid-column: span 2; grid-row: auto; }\r\n            .card-family { grid-column: span 2; flex-direction: column; }\r\n            .card-family .bento-visual { width: 100%; margin-top: 2rem; }\r\n            \r\n            \/* \u5e73\u677f\u7248\u7684\u5c0d\u8a71\u6846\u6539\u70ba\u63a5\u5728\u6587\u5b57\u4e0b\u65b9 *\/\r\n            .bento-chat-ui {\r\n                margin-top: 2rem; width: 100%; min-height: 200px;\r\n                border: 1px solid #EBEBEB;\r\n            }\r\n            .card-chat p { max-width: 100%; }\r\n        }\r\n\r\n        \/* \u624b\u6a5f\u5c3a\u5bf8 *\/\r\n        @media (max-width: 768px) {\r\n            .bento-grid { grid-template-columns: 1fr; }\r\n            .card-chat, .card-health, .card-alert, .card-family { grid-column: span 1; padding: 2rem 1.5rem; }\r\n            .bento-card h3 { font-size: 1.5rem; }\r\n            \r\n            \/* \u78ba\u4fdd\u624b\u6a5f\u7248\u5c0d\u8a71\u6846\u52d5\u756b\u5b8c\u7f8e\u5448\u73fe *\/\r\n            .bento-chat-ui {\r\n                margin-top: 2rem; width: 100%; min-height: 220px;\r\n                border: 1px solid #EBEBEB;\r\n                padding: 1rem;\r\n            }\r\n            .bento-chat-bubble { font-size: 0.85rem; padding: 10px 14px; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"bento-features-section\">\r\n        <div class=\"bento-container\">\r\n            \r\n            <h2 class=\"section-main-title\">\u7528\u79d1\u6280\uff0c\u7e54\u8d77\u4e00\u5f35<span>\u6eab\u6696\u7684\u7db2<\/span><\/h2>\r\n\r\n            <div class=\"bento-grid\">\r\n                \r\n                <div class=\"bento-card card-chat\">\r\n                    <div class=\"card-content\">\r\n                        <span class=\"bento-num\">01<\/span>\r\n                        <h3>\u6bcf\u5929\uff0c\u90fd\u6709\u4eba\u966a\u4f60\u8aaa\u8a71<\/h3>\r\n                        <p>\u963f\u8070\u4ed4\u5c08\u70ba\u9577\u8f29\u8a2d\u8a08\u5c0d\u8a71\u908f\u8f2f\uff0c\u56de\u7b54\u7c21\u55ae\u3001\u6e05\u695a\u3001\u4e0d\u8907\u96dc\u3002\u4e0d\u9700\u8981\u4e0b\u8f09\u65b0 App\uff0c\u4e0d\u9700\u8981\u5b78\u7fd2\u64cd\u4f5c\u3002\u53ea\u8981\u6253\u958b\u719f\u6089\u7684 LINE\uff0c\u5c31\u80fd\u958b\u59cb\u804a\u5929\u3002<\/p>\r\n                        <div class=\"bento-tags\">\r\n                            <span class=\"bento-tag\">\u5929\u6c23\u67e5\u8a62<\/span><span class=\"bento-tag\">\u7bc0\u6c23\u63d0\u9192<\/span>\r\n                            <span class=\"bento-tag\">\u751f\u6d3b\u5c0f\u77e5\u8b58<\/span><span class=\"bento-tag\">\u7c21\u77ed\u5c0d\u8a71<\/span><span class=\"bento-tag\">\u96d9\u8a9e\u652f\u63f4<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"bento-chat-ui\">\r\n                        <div class=\"bento-chat-bubble\">\r\n                            <i class=\"fas fa-sun\" style=\"color:#E67E22; margin-right:4px;\"><\/i>\u963f\u516c\uff0c\u4eca\u4ed4\u65e5\u6703\u843d\u96e8\u5594\uff0c\u51fa\u9580\u8a18\u5f97\u5e36\u5098 \u2614\ufe0f\r\n                        <\/div>\r\n                        <div class=\"bento-chat-bubble user\">\r\n                            \u597d\uff0c\u591a\u8b1d\u963f\u8070\u4ed4\u3002\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bento-card card-health\">\r\n                    <div class=\"bento-visual health-icon\"><i class=\"fas fa-pills\"><\/i><\/div>\r\n                    <div class=\"card-content\">\r\n                        <span class=\"bento-num\">02<\/span>\r\n                        <h3>\u91cd\u8981\u7684\u4e8b\uff0c\u5e6b\u4f60\u8a18\u5f97<\/h3>\r\n                        <p>\u53ef\u4f9d\u500b\u4eba\u9700\u6c42\u81ea\u8a02\u63d0\u9192\u6642\u9593\uff0c\u6e1b\u5c11\u5fd8\u8a18\u5403\u85e5\u6216\u932f\u904e\u9580\u8a3a\u7684\u98a8\u96aa\u3002<\/p>\r\n                        <div class=\"bento-tags\">\r\n                            <span class=\"bento-tag\">\u5403\u85e5\u63d0\u9192<\/span><span class=\"bento-tag\">\u56de\u8a3a\u63d0\u9192<\/span>\r\n                            <span class=\"bento-tag\">\u904b\u52d5\u5efa\u8b70<\/span><span class=\"bento-tag\">\u7761\u7720\u95dc\u61f7<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bento-card card-alert\">\r\n                    <div class=\"bento-visual alert-icon\"><i class=\"fas fa-heartbeat\"><\/i><\/div>\r\n                    <div class=\"card-content\">\r\n                        <span class=\"bento-num\">03<\/span>\r\n                        <h3>\u61c2\u5f97\u50be\u807d\uff0c\u61c2\u5f97\u63d0\u9192<\/h3>\r\n                        <p>\u5075\u6e2c\u60c5\u7dd2\u4f4e\u843d\u3001\u534a\u591c\u6c42\u52a9\u6216\u9577\u6642\u9593\u672a\u4e92\u52d5\uff0c\u7cfb\u7d71\u81ea\u52d5\u6a19\u8a18\u4e26\u901a\u77e5\u5bb6\u5c6c\u3002<\/p>\r\n                        <div class=\"bento-tags\">\r\n                            <span class=\"bento-tag\">\u4e45\u672a\u4e92\u52d5<\/span><span class=\"bento-tag\">\u60c5\u7dd2\u5206\u6790<\/span>\r\n                            <span class=\"bento-tag\">\u91cd\u8907\u6c42\u52a9\u8b66\u793a<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"bento-card card-family\">\r\n                    <div class=\"card-content\">\r\n                        <span class=\"bento-num\">04<\/span>\r\n                        <h3>\u4e0d\u5728\u8eab\u908a\uff0c\u4e5f\u80fd\u5b89\u5fc3\u5b88\u8b77<\/h3>\r\n                        <p>\u900f\u904e\u6bcf\u9031\u4e92\u52d5\u6458\u8981\u8207\u6d3b\u8e8d\u5ea6\u5831\u544a\uff0c\u5373\u4f7f\u5de5\u4f5c\u5fd9\u788c\uff0c\u4e5f\u80fd\u96a8\u6642\u638c\u63e1\u7236\u6bcd\u8eab\u5fc3\u72c0\u6cc1\uff0c\u5efa\u7acb\u96b1\u5f62\u7684\u5b89\u5168\u5b88\u8b77\u7db2\u3002<\/p>\r\n                        <div class=\"bento-tags\">\r\n                            <span class=\"bento-tag\">\u6bcf\u9031\u4e92\u52d5\u6458\u8981<\/span><span class=\"bento-tag\">\u6d3b\u8e8d\u5ea6\u5831\u544a<\/span>\r\n                            <span class=\"bento-tag\">\u60c5\u7dd2\u6ce2\u52d5\u63d0\u9192<\/span><span class=\"bento-tag\">\u4ee3\u4ed8\u6a5f\u5236<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"bento-visual\">\r\n                        <div class=\"bento-chart-container\">\r\n                            <div>\r\n                                <span style=\"font-size:0.8rem; color:#666; display:block; margin-bottom:4px;\">\u5c0d\u8a71\u6d3b\u8e8d\u5ea6<\/span>\r\n                                <div class=\"b-chart-bar\"><div class=\"b-chart-fill c1\" style=\"--target-width: 85%;\"><\/div><\/div>\r\n                            <\/div>\r\n                            <div>\r\n                                <span style=\"font-size:0.8rem; color:#666; display:block; margin-bottom:4px;\">\u60c5\u7dd2\u5e73\u7a69\u6307\u6578<\/span>\r\n                                <div class=\"b-chart-bar\"><div class=\"b-chart-fill c2\" style=\"--target-width: 60%;\"><\/div><\/div>\r\n                            <\/div>\r\n                            <div>\r\n                                <span style=\"font-size:0.8rem; color:#666; display:block; margin-bottom:4px;\">\u5065\u5eb7\u63d0\u9192\u5b8c\u6210\u7387<\/span>\r\n                                <div class=\"b-chart-bar\"><div class=\"b-chart-fill c3\" style=\"--target-width: 95%;\"><\/div><\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\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-c1ca2f2 e-flex e-con-boxed e-con e-parent\" data-id=\"c1ca2f2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef991a elementor-widget elementor-widget-html\" data-id=\"2ef991a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n        \/* \u5171\u7528\u8a2d\u5b9a\u5ef6\u7e8c *\/\r\n        .section-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 8rem 2rem;\r\n        }\r\n        .section-title {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: #2C3E50;\r\n            margin-bottom: 4rem;\r\n            position: relative;\r\n        }\r\n        .section-title::after {\r\n            content: ''; display: block; width: 60px; height: 4px;\r\n            background-color: #06C755; margin: 1rem auto 0; border-radius: 2px;\r\n        }\r\n\r\n        \/* ================= \u4e94\u3001\u8cc7\u6599\u5b89\u5168\u8207\u96b1\u79c1 ================= *\/\r\n        .security-section {\r\n            background-color: #FFFFFF;\r\n        }\r\n        .security-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 2rem;\r\n        }\r\n        .security-card {\r\n            background: #FDFBF7;\r\n            border: 1px solid #F0EBE1;\r\n            border-radius: 20px;\r\n            padding: 3rem 2rem;\r\n            text-align: center;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n        \/* \u9802\u90e8\u5b89\u5168\u611f\u7da0\u8272\u98fe\u689d *\/\r\n        .security-card::before {\r\n            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px;\r\n            background: #06C755; transform: scaleX(0); transition: transform 0.4s ease;\r\n        }\r\n        .security-card:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.05); background: #FFFFFF; }\r\n        .security-card:hover::before { transform: scaleX(1); }\r\n        \r\n        .security-icon {\r\n            font-size: 2.5rem;\r\n            color: #2C3E50;\r\n            margin-bottom: 1.5rem;\r\n            display: inline-block;\r\n            transition: transform 0.3s ease;\r\n        }\r\n        .security-card:hover .security-icon { transform: scale(1.1); color: #06C755; }\r\n        .security-card h4 { font-size: 1.2rem; font-weight: 700; color: #333; }\r\n\r\n        \/* ================= \u516d\u3001\u52a0\u5165\u6d41\u7a0b (\u4e09\u6b65\u9a5f) ================= *\/\r\n        .steps-section {\r\n            background-color: #FDFBF7;\r\n        }\r\n        .steps-wrapper {\r\n            position: relative;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: space-between;\r\n        }\r\n        \/* \u6a6b\u5411\u9023\u63a5\u865b\u7dda\u8207\u6d41\u52d5\u52d5\u756b *\/\r\n        .steps-line {\r\n            position: absolute;\r\n            top: 45px; left: 15%; right: 15%; height: 4px;\r\n            background: repeating-linear-gradient(to right, #E0E0E0, #E0E0E0 10px, transparent 10px, transparent 20px);\r\n            z-index: 1;\r\n        }\r\n        .steps-line-fill {\r\n            position: absolute; top: 0; left: 0; height: 100%; width: 100%;\r\n            background: linear-gradient(90deg, transparent, #06C755, transparent);\r\n            background-size: 200% 100%;\r\n            animation: flowLine 3s linear infinite;\r\n            opacity: 0.5;\r\n        }\r\n        @keyframes flowLine { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }\r\n\r\n        .step-item {\r\n            flex: 1; text-align: center; position: relative; z-index: 2;\r\n        }\r\n        .step-icon-box {\r\n            width: 90px; height: 90px; margin: 0 auto 1.5rem;\r\n            background: #FFFFFF; border-radius: 50%;\r\n            box-shadow: 0 10px 25px rgba(0,0,0,0.06);\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 2.2rem; color: #E67E22; border: 4px solid #FDFBF7;\r\n            transition: all 0.4s ease;\r\n        }\r\n        .step-item:hover .step-icon-box { transform: scale(1.1); color: #06C755; border-color: #E8F8EE; }\r\n        \r\n        .step-num { font-size: 0.9rem; font-weight: 700; color: #999; margin-bottom: 0.5rem; letter-spacing: 1px; }\r\n        .step-item h4 { font-size: 1.4rem; font-weight: 700; color: #2C3E50; }\r\n\r\n        \/* ================= \u4e03\u3001\u54c1\u724c\u7406\u5ff5\u9801 (Final CTA) ================= *\/\r\n        .philosophy-section {\r\n            background-color: #2C3E50; \/* \u6df1\u9083\u8cea\u611f\u85cd\uff0c\u6c89\u6fb1\u60c5\u7dd2 *\/\r\n            color: #FFFFFF;\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            padding: 10rem 2rem;\r\n        }\r\n        \/* \u6eab\u6696\u7684\u5149\u6688\u80cc\u666f *\/\r\n        .philosophy-section::before {\r\n            content: ''; position: absolute; top: -50%; left: 50%; transform: translateX(-50%);\r\n            width: 800px; height: 800px; background: radial-gradient(circle, rgba(230, 126, 34, 0.15) 0%, transparent 70%);\r\n            z-index: 0; pointer-events: none;\r\n        }\r\n        .phil-container { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; }\r\n        \r\n        .phil-title { font-size: 3.5rem; font-weight: 700; margin-bottom: 2rem; line-height: 1.3; }\r\n        .phil-title span { color: #E67E22; position: relative; display: inline-block; }\r\n        .phil-title span::after {\r\n            content: ''; position: absolute; bottom: 5px; left: 0; width: 100%; height: 12px;\r\n            background: rgba(230, 126, 34, 0.3); z-index: -1;\r\n        }\r\n        \r\n        .phil-desc { font-size: 1.3rem; line-height: 2; color: #BDC3C7; margin-bottom: 3rem; }\r\n        \r\n        .phil-quote {\r\n            font-size: 2rem; font-weight: 700; color: #FFFFFF;\r\n            padding: 2rem 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1);\r\n            margin-bottom: 4rem; display: inline-block;\r\n        }\r\n\r\n        \/* \u6700\u7d42\u884c\u52d5\u547c\u7c72\u6309\u9215 *\/\r\n        .final-cta-btn {\r\n            display: inline-flex; align-items: center; justify-content: center;\r\n            background: #06C755; color: #FFF; font-size: 1.2rem; font-weight: 700;\r\n            padding: 1.2rem 3rem; border-radius: 50px; text-decoration: none;\r\n            box-shadow: 0 10px 30px rgba(6, 199, 85, 0.3); transition: all 0.4s ease;\r\n        }\r\n        .final-cta-btn i { font-size: 1.5rem; margin-right: 10px; }\r\n        .final-cta-btn:hover { background: #05b34c; transform: translateY(-5px); box-shadow: 0 15px 40px rgba(6, 199, 85, 0.4); }\r\n\r\n\r\n        \/* ================= \u97ff\u61c9\u5f0f\u8a2d\u8a08 RWD ================= *\/\r\n        @media (max-width: 992px) {\r\n            .security-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .phil-title { font-size: 2.8rem; }\r\n            .phil-quote { font-size: 1.6rem; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .section-container { padding: 5rem 1.5rem; }\r\n            .section-title { font-size: 2rem; }\r\n            \r\n            \/* \u5b89\u5168\u5340\u584a\u6539\u55ae\u6b04 *\/\r\n            .security-grid { grid-template-columns: 1fr; gap: 1rem; }\r\n            \r\n            \/* \u6d41\u7a0b\u5340\u584a\u6539\u5782\u76f4\u7dda *\/\r\n            .steps-wrapper { flex-direction: column; gap: 3rem; }\r\n            .steps-line {\r\n                top: 0; bottom: 0; left: 50%; width: 4px; height: 100%; transform: translateX(-50%);\r\n                background: repeating-linear-gradient(to bottom, #E0E0E0, #E0E0E0 10px, transparent 10px, transparent 20px);\r\n            }\r\n            .steps-line-fill {\r\n                background: linear-gradient(180deg, transparent, #06C755, transparent);\r\n                background-size: 100% 200%;\r\n                animation: flowLineVertical 3s linear infinite;\r\n            }\r\n            @keyframes flowLineVertical { 0% { background-position: 0 100%; } 100% { background-position: 0 -100%; } }\r\n            \r\n            \/* \u54c1\u724c\u7406\u5ff5\u5fae\u8abf *\/\r\n            .phil-title { font-size: 2.2rem; }\r\n            .phil-desc { font-size: 1.1rem; text-align: justify; }\r\n            .phil-quote { font-size: 1.4rem; padding: 1.5rem 0; margin-bottom: 3rem; }\r\n            .final-cta-btn { width: 100%; }\r\n        }\r\n    <\/style>\r\n\r\n    <section class=\"security-section\"id=\"contact\">\r\n        <div class=\"section-container\">\r\n            <h2 class=\"section-title\">\u8cc7\u6599\u5b89\u5168\u8207\u96b1\u79c1\u627f\u8afe<\/h2>\r\n            <div class=\"security-grid\">\r\n                \r\n                <div class=\"security-card\">\r\n                    <i class=\"fas fa-server security-icon\"><\/i>\r\n                    <h4>\u81ea\u6709 CRM \u7cfb\u7d71\u5132\u5b58<\/h4>\r\n                <\/div>\r\n                \r\n                <div class=\"security-card\">\r\n                    <i class=\"fas fa-user-shield security-icon\"><\/i>\r\n                    <h4>\u4e0d\u8ca9\u552e\u500b\u8cc7<\/h4>\r\n                <\/div>\r\n                \r\n                <div class=\"security-card\">\r\n                    <i class=\"fas fa-lock security-icon\"><\/i>\r\n                    <h4>\u52a0\u5bc6\u50b3\u8f38<\/h4>\r\n                <\/div>\r\n                \r\n                <div class=\"security-card\">\r\n                    <i class=\"fas fa-trash-alt security-icon\"><\/i>\r\n                    <h4>\u53ef\u7533\u8acb\u522a\u9664\u8cc7\u6599<\/h4>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"steps-section\">\r\n        <div class=\"section-container\">\r\n            <h2 class=\"section-title\" style=\"margin-bottom: 5rem;\">\u4e09\u6b65\u9a5f\u958b\u59cb\u4f7f\u7528<\/h2>\r\n            \r\n            <div class=\"steps-wrapper\">\r\n                <div class=\"steps-line\"><div class=\"steps-line-fill\"><\/div><\/div>\r\n\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-num\">STEP 01<\/div>\r\n                    <div class=\"step-icon-box\"><i class=\"fab fa-line\"><\/i><\/div>\r\n                    <h4>\u52a0\u5165 LINE \u5b98\u65b9\u5e33\u865f<\/h4>\r\n                <\/div>\r\n\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-num\">STEP 02<\/div>\r\n                    <div class=\"step-icon-box\"><i class=\"fas fa-id-card\"><\/i><\/div>\r\n                    <h4>\u586b\u5beb\u57fa\u672c\u8cc7\u6599<\/h4>\r\n                <\/div>\r\n\r\n                <div class=\"step-item\">\r\n                    <div class=\"step-num\">STEP 03<\/div>\r\n                    <div class=\"step-icon-box\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n                    <h4>\u958b\u59cb\u804a\u5929\u966a\u4f34<\/h4>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"philosophy-section\">\r\n        <div class=\"phil-container\">\r\n            \r\n            <h2 class=\"phil-title\">\u79d1\u6280\u4e0d\u662f\u51b7\u7684\uff0c<br>\u5b83\u53ef\u4ee5<span>\u5f88\u6eab\u6696<\/span>\u3002<\/h2>\r\n            \r\n            <p class=\"phil-desc\">\r\n                \u963f\u8070\u4ed4\u7684\u8a95\u751f\uff0c\u662f\u70ba\u4e86\u966a\u4f34\u9577\u8f29\u8de8\u8d8a\u6578\u4f4d\u6050\u61fc\u3002<br>\r\n                \u6211\u5011\u76f8\u4fe1\uff1a\r\n            <\/p>\r\n            \r\n            <div class=\"phil-quote\">\r\n                \u771f\u6b63\u7684 AI\uff0c\u4e0d\u53ea\u662f\u56de\u7b54\u554f\u984c\uff0c<br>\r\n                \u800c\u662f\u966a\u4f34\u4eba\u751f\u3002\r\n            <\/div>\r\n            \r\n            <div>\r\n                <a href=\"#URL-\u9810\u7559\u4f4d\u7f6e\" class=\"final-cta-btn\">\r\n                    <i class=\"fab fa-line\"><\/i> \u8b93\u963f\u8070\u4ed4\u958b\u59cb\u966a\u4f34\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\t\t\t\t<\/div>\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>\u9996\u9801 \u6838\u5fc3\u529f\u80fd \u52a0\u5165\u6d41\u7a0b \u5b89\u5fc3\u65b9\u6848 \u8cc7\u6599\u5b89\u5168 \u514d\u8cbb\u9ad4\u9a57 \u9996\u9801 \u6838\u5fc3\u529f\u80fd \u966a\u4f34\u8a08\u756b \u5b89\u5fc3\u65b9\u6848 \u52a0\u5165\u6d41\u7a0b \u8cc7\u6599\u5b89\u5168 [&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-7","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>home - \u963f\u8070\u4ed4AI<\/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:\/\/aisilver.care\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"home - \u963f\u8070\u4ed4AI\" \/>\n<meta property=\"og:description\" content=\"\u9996\u9801 \u6838\u5fc3\u529f\u80fd \u52a0\u5165\u6d41\u7a0b \u5b89\u5fc3\u65b9\u6848 \u8cc7\u6599\u5b89\u5168 \u514d\u8cbb\u9ad4\u9a57 \u9996\u9801 \u6838\u5fc3\u529f\u80fd \u966a\u4f34\u8a08\u756b \u5b89\u5fc3\u65b9\u6848 \u52a0\u5165\u6d41\u7a0b \u8cc7\u6599\u5b89\u5168 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/aisilver.care\/\" \/>\n<meta property=\"og:site_name\" content=\"\u963f\u8070\u4ed4AI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-18T07:20:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg\" \/>\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=\"32 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/aisilver.care\/\",\"url\":\"https:\/\/aisilver.care\/\",\"name\":\"home - \u963f\u8070\u4ed4AI\",\"isPartOf\":{\"@id\":\"https:\/\/aisilver.care\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/aisilver.care\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/aisilver.care\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg\",\"datePublished\":\"2026-02-24T09:55:12+00:00\",\"dateModified\":\"2026-03-18T07:20:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/aisilver.care\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/aisilver.care\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/aisilver.care\/#primaryimage\",\"url\":\"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg\",\"contentUrl\":\"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/aisilver.care\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/aisilver.care\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/aisilver.care\/#website\",\"url\":\"https:\/\/aisilver.care\/\",\"name\":\"\u963f\u8070\u4ed4 \u2014 \u9577\u8f29\u5c08\u5c6c\u7684 LINE AI \u52a9\u7406\",\"description\":\"\u966a\u4f60\u804a\u5929\u3001\u63d0\u9192\u5403\u85e5\u3001\u95dc\u5fc3\u751f\u6d3b\u3002\u963f\u8070\u4ed4\u662f\u5c08\u70ba\u9577\u8f29\u8a2d\u8a08\u7684 LINE AI \u52a9\u7406\uff0c\u4e0d\u50c5\u662f\u9577\u8f29\u6700\u8cbc\u5fc3\u7684\u6578\u4f4d\u73a9\u4f34\uff0c\u66f4\u662f\u5bb6\u5c6c\u6700\u5b89\u5fc3\u7684\u667a\u6167\u5b88\u8b77\u7db2\u3002\u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u53ef\u4ee5\u5f88\u6eab\u67d4\u3002\",\"alternateName\":\"\u963f\u8070\u4ed4 AI \u667a\u6167\u966a\u4f34\u7cfb\u7d71\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/aisilver.care\/?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 - \u963f\u8070\u4ed4AI","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:\/\/aisilver.care\/","og_locale":"zh_TW","og_type":"article","og_title":"home - \u963f\u8070\u4ed4AI","og_description":"\u9996\u9801 \u6838\u5fc3\u529f\u80fd \u52a0\u5165\u6d41\u7a0b \u5b89\u5fc3\u65b9\u6848 \u8cc7\u6599\u5b89\u5168 \u514d\u8cbb\u9ad4\u9a57 \u9996\u9801 \u6838\u5fc3\u529f\u80fd \u966a\u4f34\u8a08\u756b \u5b89\u5fc3\u65b9\u6848 \u52a0\u5165\u6d41\u7a0b \u8cc7\u6599\u5b89\u5168 [&hellip;]","og_url":"https:\/\/aisilver.care\/","og_site_name":"\u963f\u8070\u4ed4AI","article_modified_time":"2026-03-18T07:20:39+00:00","og_image":[{"url":"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"32 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/aisilver.care\/","url":"https:\/\/aisilver.care\/","name":"home - \u963f\u8070\u4ed4AI","isPartOf":{"@id":"https:\/\/aisilver.care\/#website"},"primaryImageOfPage":{"@id":"https:\/\/aisilver.care\/#primaryimage"},"image":{"@id":"https:\/\/aisilver.care\/#primaryimage"},"thumbnailUrl":"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg","datePublished":"2026-02-24T09:55:12+00:00","dateModified":"2026-03-18T07:20:39+00:00","breadcrumb":{"@id":"https:\/\/aisilver.care\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/aisilver.care\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/aisilver.care\/#primaryimage","url":"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg","contentUrl":"https:\/\/aisilver.care\/wp-content\/uploads\/2026\/02\/middle-age-friends-having-fun-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/aisilver.care\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/aisilver.care\/"},{"@type":"ListItem","position":2,"name":"home"}]},{"@type":"WebSite","@id":"https:\/\/aisilver.care\/#website","url":"https:\/\/aisilver.care\/","name":"\u963f\u8070\u4ed4 \u2014 \u9577\u8f29\u5c08\u5c6c\u7684 LINE AI \u52a9\u7406","description":"\u966a\u4f60\u804a\u5929\u3001\u63d0\u9192\u5403\u85e5\u3001\u95dc\u5fc3\u751f\u6d3b\u3002\u963f\u8070\u4ed4\u662f\u5c08\u70ba\u9577\u8f29\u8a2d\u8a08\u7684 LINE AI \u52a9\u7406\uff0c\u4e0d\u50c5\u662f\u9577\u8f29\u6700\u8cbc\u5fc3\u7684\u6578\u4f4d\u73a9\u4f34\uff0c\u66f4\u662f\u5bb6\u5c6c\u6700\u5b89\u5fc3\u7684\u667a\u6167\u5b88\u8b77\u7db2\u3002\u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u53ef\u4ee5\u5f88\u6eab\u67d4\u3002","alternateName":"\u963f\u8070\u4ed4 AI \u667a\u6167\u966a\u4f34\u7cfb\u7d71","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aisilver.care\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/aisilver.care\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aisilver.care\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aisilver.care\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aisilver.care\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aisilver.care\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/aisilver.care\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":83,"href":"https:\/\/aisilver.care\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/83"}],"wp:attachment":[{"href":"https:\/\/aisilver.care\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}