{"id":6,"date":"2025-12-17T08:30:01","date_gmt":"2025-12-17T08:30:01","guid":{"rendered":"https:\/\/wujang.com\/?page_id=6"},"modified":"2026-03-19T09:41:03","modified_gmt":"2026-03-19T09:41:03","slug":"home","status":"publish","type":"page","link":"https:\/\/wujang.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7dca40a e-flex e-con-boxed e-con e-parent\" data-id=\"7dca40a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73802f4 elementor-widget elementor-widget-html\" data-id=\"73802f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. \u5168\u7ad9\u5e73\u6ed1\u6efe\u52d5\u8a2d\u5b9a *\/\r\nhtml {\r\n    scroll-behavior: smooth;\r\n    scroll-padding-top: 100px; \r\n}\r\n\r\n\/* \u5f15\u5165\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-white: #FFFFFF;\r\n    --wj-black: #0f172a;\r\n    --wj-green-main: #00994d;\r\n    --wj-green-neon: #00E676; \r\n}\r\n\r\n\/* =========================================\r\n   Desktop: \u61f8\u6d6e\u81a0\u56ca\u5c0e\u822a (> 1024px \u986f\u793a)\r\n   ========================================= *\/\r\n.wj-nav-container {\r\n    position: fixed;\r\n    top: 20px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    z-index: 99999;\r\n    width: auto;\r\n    display: flex;\r\n    justify-content: center;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.wj-nav-capsule {\r\n    background: rgba(255, 255, 255, 0.9);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(15, 23, 42, 0.08);\r\n    border-radius: 50px;\r\n    \/* \u9019\u88e1\u7684 padding \u6c7a\u5b9a\u4e86\u81a0\u56ca\u7684\u80d6\u7626 *\/\r\n    padding: 6px 20px 6px 15px; \r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n}\r\n\r\n.wj-nav-container.scrolled .wj-nav-capsule {\r\n    background: rgba(255, 255, 255, 0.98);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* --- [Desktop Logo \u5f37\u5236\u7e2e\u5c0f\u8a2d\u5b9a] --- *\/\r\n.wj-desktop-logo-link {\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    transition: transform 0.2s;\r\n}\r\n.wj-desktop-logo-link:active { transform: scale(0.95); }\r\n\r\n.wj-desktop-logo-img {\r\n    \/* \u3010\u95dc\u9375\u4fee\u6539\u3011\u5f37\u5236\u9650\u5236\u9ad8\u5ea6\uff0c\u7121\u8ad6\u539f\u5716\u591a\u5927\uff0c\u90fd\u6703\u7e2e\u5230\u9019\u500b\u9ad8\u5ea6 *\/\r\n    height: 32px !important; \r\n    width: auto;\r\n    object-fit: contain; \/* \u78ba\u4fdd\u5716\u7247\u4e0d\u8b8a\u5f62 *\/\r\n    display: block;\r\n}\r\n\r\n\/* \u5c0e\u822a\u9023\u7d50\u7fa4 *\/\r\n.wj-nav-links {\r\n    display: flex; align-items: center; gap: 5px; \r\n    border-left: 1px solid #e2e8f0;\r\n    padding-left: 15px;\r\n}\r\n\r\n.wj-nav-item {\r\n    text-decoration: none;\r\n    font-family: 'Noto Sans TC', sans-serif;\r\n    font-size: 0.95rem;\r\n    font-weight: 500;\r\n    color: var(--wj-black);\r\n    padding: 8px 16px;\r\n    border-radius: 30px;\r\n    transition: all 0.3s ease;\r\n    white-space: nowrap;\r\n}\r\n\r\n.wj-nav-item:hover { color: var(--wj-green-main); background: rgba(0, 153, 77, 0.05); }\r\n.wj-nav-item.active { color: var(--wj-white); background: var(--wj-black); }\r\n\r\n\r\n\/* =========================================\r\n   Mobile\/Tablet: RWD Header (<= 1024px \u986f\u793a)\r\n   ========================================= *\/\r\n.wj-mobile-header {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0; left: 0; right: 0;\r\n    height: 60px;\r\n    background: rgba(255, 255, 255, 0.95);\r\n    backdrop-filter: blur(10px);\r\n    border-bottom: 1px solid rgba(0,0,0,0.05);\r\n    z-index: 99999;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 0 20px;\r\n    transition: all 0.3s;\r\n}\r\n\r\n\/* --- [Mobile Logo \u5f37\u5236\u7e2e\u5c0f\u8a2d\u5b9a] --- *\/\r\n.wj-mobile-logo-link {\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    height: 100%; \r\n}\r\n\r\n.wj-mobile-logo-img {\r\n    \/* \u3010\u95dc\u9375\u4fee\u6539\u3011\u624b\u6a5f\u7248\u9ad8\u5ea6\u9650\u5236 *\/\r\n    height: 28px !important; \r\n    width: auto;\r\n    object-fit: contain;\r\n    display: block;\r\n}\r\n\r\n\/* \u6f22\u5821\u6309\u9215 *\/\r\n.wj-burger-btn {\r\n    width: 40px; height: 40px;\r\n    display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 6px;\r\n    cursor: pointer;\r\n    z-index: 100000; \r\n}\r\n.wj-burger-line {\r\n    width: 24px; height: 2px; background: var(--wj-black); border-radius: 2px;\r\n    transition: all 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);\r\n}\r\n\r\n\/* \u6f22\u5821\u52d5\u756b *\/\r\n.wj-burger-btn.active .wj-burger-line:nth-child(1) { transform: rotate(45deg) translate(5px, 6px); background: var(--wj-black); }\r\n.wj-burger-btn.active .wj-burger-line:nth-child(2) { opacity: 0; transform: translateX(-20px); }\r\n.wj-burger-btn.active .wj-burger-line:nth-child(3) { transform: rotate(-45deg) translate(5px, -6px); background: var(--wj-black); }\r\n\r\n\r\n\/* =========================================\r\n   Mobile Menu: \u5168\u87a2\u5e55\u6c88\u6d78\u5f0f\u9078\u55ae\r\n   ========================================= *\/\r\n.wj-mobile-menu {\r\n    position: fixed;\r\n    top: 0; left: 0; width: 100%; height: 100vh;\r\n    background: rgba(255, 255, 255, 0.98); \r\n    z-index: 99998; \r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    opacity: 0;\r\n    pointer-events: none; \r\n    transition: opacity 0.4s ease;\r\n}\r\n\r\n.wj-mobile-menu::before {\r\n    content: ''; position: absolute; bottom: -20%; right: -20%;\r\n    width: 300px; height: 300px;\r\n    background: radial-gradient(circle, var(--wj-green-neon) 0%, transparent 70%);\r\n    opacity: 0.15; filter: blur(40px);\r\n}\r\n\r\n.wj-mobile-menu.open {\r\n    opacity: 1;\r\n    pointer-events: all;\r\n}\r\n\r\n.wj-mm-list {\r\n    list-style: none; padding: 0; margin: 0;\r\n    text-align: center;\r\n    width: 100%;\r\n}\r\n\r\n.wj-mm-item {\r\n    margin-bottom: 25px;\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.wj-mm-link {\r\n    font-family: 'Space Grotesk', 'Noto Sans TC', sans-serif;\r\n    font-size: 2rem; \r\n    font-weight: 900;\r\n    color: var(--wj-black);\r\n    text-decoration: none;\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 5px 10px;\r\n}\r\n\r\n.wj-mm-link::after {\r\n    content: ''; position: absolute; bottom: 5px; left: 0; width: 0%; height: 8px;\r\n    background: var(--wj-green-neon);\r\n    opacity: 0.3;\r\n    transition: width 0.3s ease;\r\n    z-index: -1;\r\n}\r\n.wj-mm-link:hover::after, .wj-mm-link:active::after {\r\n    width: 100%;\r\n}\r\n\r\n.wj-mobile-menu.open .wj-mm-item:nth-child(1) { transition-delay: 0.1s; opacity: 1; transform: translateY(0); }\r\n.wj-mobile-menu.open .wj-mm-item:nth-child(2) { transition-delay: 0.2s; opacity: 1; transform: translateY(0); }\r\n.wj-mobile-menu.open .wj-mm-item:nth-child(3) { transition-delay: 0.3s; opacity: 1; transform: translateY(0); }\r\n.wj-mobile-menu.open .wj-mm-item:nth-child(4) { transition-delay: 0.4s; opacity: 1; transform: translateY(0); }\r\n.wj-mobile-menu.open .wj-mm-item:nth-child(5) { transition-delay: 0.5s; opacity: 1; transform: translateY(0); }\r\n\r\n\r\n\/* \u65b7\u9ede\u8a2d\u5b9a *\/\r\n@media (max-width: 1024px) {\r\n    .wj-nav-container { display: none !important; }\r\n    .wj-mobile-header { display: flex !important; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"wj-nav-container\" id=\"desktopNav\">\r\n    <div class=\"wj-nav-capsule\">\r\n        <div class=\"wj-desktop-logo-link\" onclick=\"scrollToTop()\">\r\n            <img decoding=\"async\" src=\"https:\/\/wujang.com\/wp-content\/uploads\/2026\/02\/\u7121\u75864@4x.png\" alt=\"\u7121\u7586\u884c\u92b7 Logo\" class=\"wj-desktop-logo-img\">\r\n        <\/div>\r\n        \r\n        <div class=\"wj-nav-links\">\r\n            <a href=\"#wj-section-about\" class=\"wj-nav-item\">\u96c6\u5718\u80cc\u666f<\/a>\r\n            <a href=\"#wj-vm-v12\" class=\"wj-nav-item\">\u9858\u666f<\/a>\r\n            <a href=\"#wj-products-v18\" class=\"wj-nav-item\">\u6838\u5fc3\u7522\u54c1<\/a>\r\n            <a href=\"#wj-empower-v20\" class=\"wj-nav-item\">\u8ce6\u80fd\u7cfb\u7d71<\/a>\r\n            <a href=\"#wj-footer-v23\" class=\"wj-nav-item active\">\u806f\u7e6b\u6211\u5011<\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"wj-mobile-header\">\r\n    <div class=\"wj-mobile-logo-link\" onclick=\"scrollToTop()\">\r\n        <img decoding=\"async\" src=\"https:\/\/wujang.com\/wp-content\/uploads\/2026\/02\/\u7121\u75864@4x.png\" alt=\"\u7121\u7586\u884c\u92b7 Logo\" class=\"wj-mobile-logo-img\">\r\n    <\/div>\r\n    \r\n    <div class=\"wj-burger-btn\" onclick=\"toggleMobileMenu(this)\">\r\n        <span class=\"wj-burger-line\"><\/span>\r\n        <span class=\"wj-burger-line\"><\/span>\r\n        <span class=\"wj-burger-line\"><\/span>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"wj-mobile-menu\" id=\"mobileMenu\">\r\n    <ul class=\"wj-mm-list\">\r\n        <li class=\"wj-mm-item\"><a href=\"#wj-section-about\" class=\"wj-mm-link\" onclick=\"closeMobileMenu()\">\u96c6\u5718\u80cc\u666f<\/a><\/li>\r\n        <li class=\"wj-mm-item\"><a href=\"#wj-vm-v12\" class=\"wj-mm-link\" onclick=\"closeMobileMenu()\">\u9858\u666f<\/a><\/li>\r\n        <li class=\"wj-mm-item\"><a href=\"#wj-products-v18\" class=\"wj-mm-link\" onclick=\"closeMobileMenu()\">\u6838\u5fc3\u7522\u54c1<\/a><\/li>\r\n        <li class=\"wj-mm-item\"><a href=\"#wj-empower-v20\" class=\"wj-mm-link\" onclick=\"closeMobileMenu()\">\u8ce6\u80fd\u7cfb\u7d71<\/a><\/li>\r\n        <li class=\"wj-mm-item\"><a href=\"#wj-footer-v23\" class=\"wj-mm-link\" onclick=\"closeMobileMenu()\">\u806f\u7e6b\u6211\u5011<\/a><\/li>\r\n    <\/ul>\r\n<\/div>\r\n\r\n<script>\r\n    \/\/ 1. \u56de\u5230\u9996\u9801\u529f\u80fd\r\n    function scrollToTop() {\r\n        window.scrollTo({\r\n            top: 0,\r\n            behavior: 'smooth'\r\n        });\r\n        closeMobileMenu();\r\n    }\r\n\r\n    \/\/ 2. \u5207\u63db\u624b\u6a5f\u9078\u55ae\r\n    function toggleMobileMenu(btn) {\r\n        const menu = document.getElementById('mobileMenu');\r\n        const burgerBtn = document.querySelector('.wj-burger-btn'); \r\n        \r\n        if (menu.classList.contains('open')) {\r\n            menu.classList.remove('open');\r\n            burgerBtn.classList.remove('active');\r\n        } else {\r\n            menu.classList.add('open');\r\n            burgerBtn.classList.add('active');\r\n        }\r\n    }\r\n\r\n    \/\/ 3. \u9ede\u64ca\u9023\u7d50\u5f8c\u95dc\u9589\u9078\u55ae\r\n    function closeMobileMenu() {\r\n        const menu = document.getElementById('mobileMenu');\r\n        const burgerBtn = document.querySelector('.wj-burger-btn');\r\n        \r\n        menu.classList.remove('open');\r\n        if(burgerBtn) burgerBtn.classList.remove('active');\r\n    }\r\n\r\n    \/\/ 4. \u96fb\u8166\u7248\u6372\u52d5\u76e3\u807d\r\n    window.addEventListener('scroll', () => {\r\n        const nav = document.getElementById('desktopNav');\r\n        if (nav && window.scrollY > 50) {\r\n            nav.classList.add('scrolled');\r\n        } else if (nav) {\r\n            nav.classList.remove('scrolled');\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-4a2327e e-con-full e-flex e-con e-parent\" data-id=\"4a2327e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7731bc2 elementor-widget elementor-widget-html\" data-id=\"7731bc2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u5f15\u5165\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-white: #FFFFFF;\r\n    --wj-bg-light: #F8FAFC;\r\n    --wj-text-black: #1e293b;\r\n    --wj-text-gray: #64748b;\r\n    \/* \u3010\u8272\u5f69\u5347\u7d1a\u6838\u5fc3\u3011 *\/\r\n    \/* \u539f\u672c\u7684\u4e3b\u7da0\u8272 -> \u66ff\u63db\u70ba\u6df1\u9752\u7da0\u8272 (\u7528\u65bc\u5f37\u8abf\u3001\u908a\u6846\u3001\u4e3b\u8996\u89ba\u5143\u7d20) *\/\r\n    --wj-green-main: #1b504a; \r\n    \/* \u539f\u672c\u7684\u4eae\u7da0\u8272 -> \u66ff\u63db\u70ba\u6c88\u7a69\u7070\u7da0\u8272 (\u7528\u65bcHover\u72c0\u614b\u3001\u6b21\u8981\u5149\u6688) *\/\r\n    --wj-green-bright: #2e5953;\r\n}\r\n\r\n#wj-hero-v24 {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 650px; \r\n    height: 85vh;\r\n    max-height: 800px;\r\n    background-color: var(--wj-white);\r\n    font-family: 'Inter', 'Noto Sans TC', sans-serif;\r\n    overflow: hidden;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    z-index: 1; \r\n}\r\n\r\n\/* =========================================\r\n   [\u80cc\u666f\u6838\u5fc3] \u9ede\u9663\u77e9\u9663 (\u4f7f\u7528\u65b0\u4e3b\u8272)\r\n   ========================================= *\/\r\n#wj-hero-v24::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    \/* \u4f7f\u7528\u65b0\u7684\u6df1\u9752\u7da0\u8272 *\/\r\n    background-image: radial-gradient(var(--wj-green-main) 1.5px, transparent 1.5px);\r\n    background-size: 40px 40px; \r\n    opacity: 0.12; \r\n    z-index: 0;\r\n    pointer-events: none;\r\n    mask-image: radial-gradient(circle at center, black 50%, transparent 100%);\r\n    -webkit-mask-image: radial-gradient(circle at center, black 50%, transparent 100%);\r\n}\r\n\r\n\/* =========================================\r\n   [\u4f48\u5c40\u5bb9\u5668]\r\n   ========================================= *\/\r\n.wj-container-limit {\r\n    width: 100%;\r\n    max-width: 1200px; \r\n    height: 100%;\r\n    display: flex;\r\n    flex-wrap: wrap; \r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 0 20px; \r\n}\r\n\r\n\/* =========================================\r\n   \u5de6\u5074\uff1a\u6587\u6848\u5340\r\n   ========================================= *\/\r\n.wj-left-content {\r\n    flex: 1.2;\r\n    min-width: 350px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    padding-right: 40px;\r\n    z-index: 10;\r\n}\r\n\r\n\/* \u54c1\u724c\u6a19\u7c64 *\/\r\n.wj-brand-tag {\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-black);\r\n    margin-bottom: 24px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    border-left: 4px solid var(--wj-green-main);\r\n    padding-left: 12px;\r\n    letter-spacing: 1px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.1s;\r\n}\r\n\r\n\/* \u4e3b\u6a19\u984c *\/\r\n.wj-main-title {\r\n    font-size: clamp(2.2rem, 3.5vw, 3.5rem);\r\n    font-weight: 900;\r\n    line-height: 1.25;\r\n    color: var(--wj-text-black);\r\n    margin-bottom: 30px;\r\n    letter-spacing: -0.02em;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.3s;\r\n    transition: text-shadow 0.3s;\r\n}\r\n.wj-main-title span { display: block; }\r\n.wj-main-title:hover {\r\n    \/* \u66f4\u65b0 Hover \u5149\u6688\u984f\u8272 (\u4f7f\u7528\u65b0\u8f14\u52a9\u8272\u7684 RGB \u503c: 46, 89, 83) *\/\r\n    text-shadow: 3px 2px 0px rgba(46, 89, 83, 0.2);\r\n}\r\n\r\n\/* \u6558\u8ff0\u5340\u584a *\/\r\n.wj-desc-box {\r\n    padding-top: 24px;\r\n    border-top: 1px solid #e2e8f0;\r\n    max-width: 480px;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.5s;\r\n    background: rgba(255,255,255,0.8); \r\n    backdrop-filter: blur(5px);\r\n    border-radius: 0 0 10px 0;\r\n}\r\n\r\n.wj-desc-text {\r\n    font-size: 1rem;\r\n    line-height: 1.75;\r\n    color: var(--wj-text-gray);\r\n    margin-bottom: 24px;\r\n    font-weight: 500;\r\n    text-align: justify;\r\n    text-justify: inter-character;\r\n}\r\n\r\n\/* \u5f37\u8abf\u6587\u5b57 (Highlight) *\/\r\n.wj-highlight-green {\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    font-weight: 700;\r\n    \/* \u66f4\u65b0\u80cc\u666f\u6f38\u5c64\u7684 RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: linear-gradient(to right, rgba(27, 80, 74, 0.1) 50%, rgba(27, 80, 74, 0.3) 50%);\r\n    background-size: 200% 100%;\r\n    background-position: 0% 0%;\r\n    padding: 0 4px;\r\n    border-radius: 4px;\r\n    transition: all 0.4s ease;\r\n    cursor: default;\r\n}\r\n.wj-highlight-green:hover {\r\n    background-position: -100% 0%;\r\n    color: var(--wj-green-bright); \/* Hover \u8b8a\u70ba\u65b0\u8f14\u52a9\u8272 *\/\r\n}\r\n\r\n.wj-slogan {\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-black);\r\n    margin-top: 10px;\r\n    display: flex; align-items: center;\r\n    opacity: 0;\r\n    animation: fadeUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.7s;\r\n}\r\n.wj-slogan::before {\r\n    content: '\u2014'; margin-right: 10px; \r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    font-weight: 900;\r\n    transition: margin-right 0.3s;\r\n}\r\n.wj-slogan:hover::before { margin-right: 15px; }\r\n\r\n\r\n\/* =========================================\r\n   \u53f3\u5074\uff1a\u52d5\u756b\u8996\u89ba\u5340\r\n   ========================================= *\/\r\n.wj-right-visual {\r\n    flex: 1;\r\n    min-width: 350px;\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: flex-end;\r\n    overflow: hidden;\r\n    z-index: 5;\r\n    background-color: var(--wj-bg-light);\r\n    border-radius: 20px;\r\n    margin: 40px 0;\r\n    mask-image: linear-gradient(to top, black 20%, black 60%, transparent 100%);\r\n    -webkit-mask-image: linear-gradient(to top, black 20%, black 60%, transparent 100%);\r\n}\r\n\r\n\/* \u5167\u90e8\u88dd\u98fe\uff1a\u53f3\u5074\u5bb9\u5668\u81ea\u5df1\u7684\u6de1\u9ede\u9ede *\/\r\n.wj-right-visual::after {\r\n    content: ''; position: absolute; inset: 0;\r\n    background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);\r\n    background-size: 30px 30px;\r\n    opacity: 0.3;\r\n    z-index: -1;\r\n}\r\n\r\n.wj-stream-container {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    width: 100%;\r\n    height: 120%; \r\n    padding: 0 20px;\r\n    transform: skewX(-5deg);\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.wj-word-col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-end; \r\n    font-family: 'Inter', sans-serif;\r\n    font-weight: 800;\r\n    font-size: 1.4rem;\r\n    color: #cbd5e1;\r\n    line-height: 1.6;\r\n    text-transform: uppercase;\r\n    white-space: nowrap;\r\n    user-select: none;\r\n    animation: flowUp linear infinite;\r\n    opacity: 0.4;\r\n    transition: all 0.5s ease;\r\n}\r\n.wj-word-col span { display: block; margin-bottom: 20px; }\r\n\r\n\/* \u4e92\u52d5\uff1a\u53f3\u5074\u6587\u5b57\u96f2\u8272\u5f69\u66f4\u65b0 *\/\r\n.wj-right-visual:hover .wj-word-col { opacity: 0.3; }\r\n.wj-right-visual:hover .wj-word-col:nth-child(odd) {\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    opacity: 1;\r\n    \/* \u66f4\u65b0\u6587\u5b57\u5149\u6688 RGBA (\u4f7f\u7528\u65b0\u8f14\u52a9\u8272 RGB: 46, 89, 83) *\/\r\n    text-shadow: 0 0 15px rgba(46, 89, 83, 0.4);\r\n}\r\n.wj-right-visual:hover .wj-word-col:nth-child(even) {\r\n    color: var(--wj-text-black);\r\n    opacity: 0.8;\r\n}\r\n\r\n\/* \u52d5\u756b\u8a2d\u5b9a *\/\r\n.col-1 { animation-duration: 18s; animation-delay: -5s; }\r\n.col-2 { animation-duration: 25s; animation-delay: -1s; font-size: 1.1rem; }\r\n.col-3 { animation-duration: 20s; animation-delay: -10s; }\r\n.col-4 { animation-duration: 28s; animation-delay: -3s; font-size: 1.1rem; }\r\n.col-5 { animation-duration: 15s; animation-delay: -7s; }\r\n\r\n@keyframes flowUp { \r\n    0% { transform: translateY(0); } \r\n    100% { transform: translateY(-50%); } \r\n}\r\n\r\n@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n\/* RWD *\/\r\n@media (max-width: 900px) {\r\n    #wj-hero-v24 { height: auto; padding: 60px 0; min-height: auto; }\r\n    .wj-container-limit { flex-direction: column-reverse; padding: 0 20px; }\r\n    .wj-left-content { padding-right: 0; margin-top: 40px; }\r\n    .wj-right-visual { height: 350px; margin: 0; width: 100%; min-width: auto; align-items: flex-end;}\r\n    .wj-main-title { font-size: 2rem; }\r\n    .wj-desc-box { max-width: 100%; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wj-hero-v24\">\r\n    <div class=\"wj-container-limit\">\r\n        \r\n        <div class=\"wj-left-content\">\r\n            <div class=\"wj-brand-tag\">\u7687\u9806\u96c6\u5718\u65d7\u4e0b \uff5c \u7121\u7586\u884c\u92b7<\/div>\r\n            \r\n            <h1 class=\"wj-main-title\">\r\n                <span>\u901a\u8def\u6574\u5408 \u00d7<\/span>\r\n                <span>\u793e\u5340\u6df1\u8015 \u00d7<\/span>\r\n                <span>\u50f9\u503c\u578b\u7522\u54c1\u4ee3\u92b7<\/span>\r\n            <\/h1>\r\n\r\n            <div class=\"wj-desc-box\">\r\n                <p class=\"wj-desc-text\">\r\n                    \u771f\u6b63\u9577\u671f\u4e14\u7a69\u5b9a\u7684\u5e02\u5834\uff0c\u4e0d\u4f86\u81ea\u4e00\u6b21\u6027\u7684\u6d41\u91cf\u7206\u767c\uff0c<br>\r\n                    \u800c\u662f\u4f86\u81ea <span class=\"wj-highlight-green\">\u4fe1\u4efb\u3001\u95dc\u4fc2\u8207\u793e\u7fa4<\/span>\u3002\r\n                <\/p>\r\n                <p class=\"wj-desc-text\">\r\n                    \u7121\u7586\u4ee5\u300c\u793e\u5340\u901a\u8def\u300d\u70ba\u6838\u5fc3\uff0c\u6574\u5408\u96c6\u5718\u8cc7\u6e90\uff0c<br>\r\n                    \u6253\u9020\u4e00\u500b\u80fd\u8b93\u7d93\u92b7\u5925\u4f34 <span class=\"wj-highlight-green\">\u7a69\u5b9a\u6210\u4ea4\u3001\u9577\u671f\u5206\u6f64\u3001\u6301\u7e8c\u6210\u9577<\/span> \u7684\u4ee3\u92b7\u9ad4\u7cfb\u3002\r\n                <\/p>\r\n                <div class=\"wj-slogan\">\r\n                    \u7121\u7586\uff0c\u4e00\u689d\u53ef\u9577\u53ef\u4e45\u7684\u4e8b\u696d\u901a\u8def\u3002\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-right-visual\">\r\n            <div class=\"wj-stream-container\">\r\n                <div class=\"wj-word-col col-1\">\r\n                    <span>Trust<\/span><span>Value<\/span><span>Growth<\/span><span>Sales<\/span>\r\n                    <span>Trust<\/span><span>Value<\/span><span>Growth<\/span><span>Sales<\/span>\r\n                    <span>Trust<\/span><span>Value<\/span><span>Growth<\/span><span>Sales<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"wj-word-col col-2\">\r\n                    <span>Community<\/span><span>Network<\/span><span>Connect<\/span><span>Share<\/span>\r\n                    <span>Community<\/span><span>Network<\/span><span>Connect<\/span><span>Share<\/span>\r\n                    <span>Community<\/span><span>Network<\/span><span>Connect<\/span><span>Share<\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"wj-word-col col-3\">\r\n                    <span>WUJIANG<\/span><span>MARKETING<\/span><span>SYSTEM<\/span><span>FUTURE<\/span>\r\n                    <span>WUJIANG<\/span><span>MARKETING<\/span><span>SYSTEM<\/span><span>FUTURE<\/span>\r\n                    <span>WUJIANG<\/span><span>MARKETING<\/span><span>SYSTEM<\/span><span>FUTURE<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"wj-word-col col-4\">\r\n                    <span>Profit<\/span><span>Stable<\/span><span>Longterm<\/span><span>Base<\/span>\r\n                    <span>Profit<\/span><span>Stable<\/span><span>Longterm<\/span><span>Base<\/span>\r\n                    <span>Profit<\/span><span>Stable<\/span><span>Longterm<\/span><span>Base<\/span>\r\n                <\/div>\r\n\r\n                 <div class=\"wj-word-col col-5\">\r\n                    <span>Link<\/span><span>Data<\/span><span>Core<\/span><span>Flow<\/span>\r\n                    <span>Link<\/span><span>Data<\/span><span>Core<\/span><span>Flow<\/span>\r\n                    <span>Link<\/span><span>Data<\/span><span>Core<\/span><span>Flow<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4b8ff0 e-flex e-con-boxed e-con e-parent\" data-id=\"e4b8ff0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03e0953 e-flex e-con-boxed e-con e-parent\" data-id=\"03e0953\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cb9ef8f elementor-widget elementor-widget-html\" data-id=\"cb9ef8f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u5f15\u5165\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;800&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-white: #FFFFFF;\r\n    --wj-bg-light: #F8FAFC;\r\n    --wj-text-black: #1e293b;\r\n    --wj-text-gray: #64748b;\r\n    \/* \u3010\u8272\u5f69\u5347\u7d1a\u6838\u5fc3\u3011 *\/\r\n    \/* \u539f\u672c\u7684\u4e3b\u7da0\u8272 -> \u66ff\u63db\u70ba\u6df1\u9752\u7da0\u8272 (\u7528\u65bc\u5f37\u8abf\u3001\u908a\u6846\u3001\u4e3b\u8996\u89ba\u5143\u7d20) *\/\r\n    --wj-green-main: #1b504a; \r\n    \/* \u539f\u672c\u7684\u4eae\u7da0\u8272 -> \u66ff\u63db\u70ba\u6c88\u7a69\u7070\u7da0\u8272 (\u7528\u65bcHover\u72c0\u614b\u3001\u6b21\u8981\u5149\u6688) *\/\r\n    --wj-green-bright: #2e5953;\r\n    --wj-border-light: #e2e8f0;\r\n}\r\n\r\n#wj-section-about {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: var(--wj-white);\r\n    font-family: 'Inter', 'Noto Sans TC', sans-serif;\r\n    padding: 100px 5%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    z-index: 1; \r\n}\r\n\r\n\/* =========================================\r\n   [\u80cc\u666f\u6838\u5fc3] \u9ede\u9663\u77e9\u9663 (\u4f7f\u7528\u65b0\u4e3b\u8272)\r\n   ========================================= *\/\r\n#wj-section-about::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    \/* \u4f7f\u7528\u65b0\u7684\u6df1\u9752\u7da0\u8272 *\/\r\n    background-image: radial-gradient(var(--wj-green-main) 1.5px, transparent 1.5px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.08; \r\n    z-index: 0; \r\n    pointer-events: none;\r\n}\r\n\r\n\/* --- \u5bb9\u5668\u4f48\u5c40 --- *\/\r\n.wj-about-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- 1. \u982d\u90e8\u7c21\u4ecb\u5340 --- *\/\r\n.wj-section-header {\r\n    margin-bottom: 80px;\r\n    max-width: 800px;\r\n}\r\n\r\n.wj-subtitle-tag {\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    letter-spacing: 1px;\r\n    margin-bottom: 20px;\r\n    display: inline-block;\r\n    border-bottom: 2px solid var(--wj-green-bright); \/* \u4f7f\u7528\u65b0\u8f14\u52a9\u8272 *\/\r\n    padding-bottom: 4px;\r\n}\r\n\r\n.wj-section-title {\r\n    font-size: clamp(2rem, 3vw, 2.8rem);\r\n    font-weight: 900;\r\n    color: var(--wj-text-black);\r\n    line-height: 1.3;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n\/* \u7c21\u4ecb\u6587\u5b57 *\/\r\n.wj-intro-block {\r\n    font-size: 1.05rem;\r\n    line-height: 1.8;\r\n    color: var(--wj-text-gray);\r\n    text-align: justify;\r\n    text-justify: inter-character;\r\n    border-left: 4px solid var(--wj-border-light);\r\n    padding-left: 24px;\r\n    transition: border-color 0.3s;\r\n    background: rgba(255,255,255,0.6); \r\n    backdrop-filter: blur(2px);\r\n}\r\n.wj-intro-block:hover {\r\n    border-left-color: var(--wj-green-bright); \/* Hover \u8b8a\u70ba\u65b0\u8f14\u52a9\u8272 *\/\r\n}\r\n.wj-intro-block strong {\r\n    color: var(--wj-text-black);\r\n    font-weight: 700;\r\n}\r\n\r\n\/* --- 2. \u4e09\u5927\u4e8b\u696d\u9ad4 (Grid Cards) --- *\/\r\n.wj-pillars-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.wj-pillar-card {\r\n    background: var(--wj-white);\r\n    border: 1px solid var(--wj-border-light);\r\n    border-radius: 12px;\r\n    padding: 40px 30px;\r\n    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transform: translateY(0);\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u5361\u7247 Hover \u7279\u6548 *\/\r\n.wj-pillar-card:hover {\r\n    transform: translateY(-10px);\r\n    box-shadow: 0 20px 40px rgba(0,0,0,0.08);\r\n    border-color: var(--wj-green-bright); \/* Hover \u8b8a\u70ba\u65b0\u8f14\u52a9\u8272 *\/\r\n}\r\n\r\n.wj-pillar-num {\r\n    position: absolute;\r\n    top: -20px; right: -20px;\r\n    font-size: 8rem;\r\n    font-weight: 900;\r\n    color: #f1f5f9;\r\n    z-index: 0;\r\n    transition: color 0.4s;\r\n}\r\n.wj-pillar-card:hover .wj-pillar-num {\r\n    \/* \u66f4\u65b0\u6578\u5b57\u5149\u6688 RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    color: rgba(27, 80, 74, 0.1);\r\n}\r\n\r\n.wj-pillar-content {\r\n    position: relative; z-index: 1;\r\n}\r\n\r\n.wj-pillar-icon {\r\n    width: 50px; height: 50px;\r\n    \/* \u66f4\u65b0 Icon \u80cc\u666f RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: rgba(27, 80, 74, 0.1);\r\n    border-radius: 8px;\r\n    margin-bottom: 24px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    font-size: 1.5rem;\r\n}\r\n\r\n.wj-pillar-title {\r\n    font-size: 1.25rem;\r\n    font-weight: 800;\r\n    color: var(--wj-text-black);\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.wj-pillar-desc {\r\n    font-size: 0.95rem;\r\n    color: var(--wj-text-gray);\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* --- 3. \u89d2\u8272\u5b9a\u4f4d (System Checklist) --- *\/\r\n.wj-positioning-box {\r\n    background: #f8fafc;\r\n    border-radius: 16px;\r\n    padding: 60px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.wj-pos-title-area {\r\n    flex: 1;\r\n    min-width: 300px;\r\n    margin-bottom: 30px;\r\n}\r\n.wj-pos-title {\r\n    font-size: 1.8rem;\r\n    font-weight: 800;\r\n    color: var(--wj-text-black);\r\n    margin-bottom: 20px;\r\n}\r\n.wj-pos-desc {\r\n    color: var(--wj-text-gray);\r\n    line-height: 1.6;\r\n}\r\n\r\n.wj-role-list {\r\n    flex: 1.2;\r\n    min-width: 300px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n}\r\n\r\n.wj-role-item {\r\n    background: var(--wj-white);\r\n    padding: 20px 30px;\r\n    border-radius: 50px;\r\n    box-shadow: 0 4px 10px rgba(0,0,0,0.03);\r\n    display: flex;\r\n    align-items: center;\r\n    font-weight: 700;\r\n    color: var(--wj-text-black);\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    border: 1px solid transparent;\r\n}\r\n\r\n.wj-role-item:hover {\r\n    transform: translateX(10px);\r\n    border-color: var(--wj-green-bright); \/* Hover \u8b8a\u70ba\u65b0\u8f14\u52a9\u8272 *\/\r\n    \/* \u66f4\u65b0 Hover \u5149\u6688 RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    box-shadow: 0 10px 20px rgba(27, 80, 74, 0.1);\r\n}\r\n\r\n.wj-check-icon {\r\n    width: 24px; height: 24px;\r\n    background: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-right: 20px;\r\n    font-size: 0.8rem;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* --- 4. \u5e95\u90e8\u7d50\u8a9e --- *\/\r\n.wj-section-footer {\r\n    margin-top: 80px;\r\n    text-align: center;\r\n    padding: 40px 0;\r\n    border-top: 1px solid var(--wj-border-light);\r\n    position: relative;\r\n    z-index: 2;\r\n    background: rgba(255,255,255,0.8);\r\n    backdrop-filter: blur(5px);\r\n}\r\n.wj-footer-text {\r\n    font-size: 1.25rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-black);\r\n}\r\n.wj-footer-highlight {\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n.wj-footer-highlight::after {\r\n    content: '';\r\n    position: absolute; bottom: 0; left: 0; width: 100%; height: 3px;\r\n    \/* \u66f4\u65b0\u5e95\u90e8\u87a2\u5149\u7b46\u6548\u679c RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: rgba(27, 80, 74, 0.3);\r\n}\r\n\r\n\/* --- RWD --- *\/\r\n@media (max-width: 900px) {\r\n    #wj-section-about { padding: 60px 20px; }\r\n    .wj-pillars-grid { grid-template-columns: 1fr; }\r\n    .wj-positioning-box { padding: 30px; flex-direction: column; }\r\n    .wj-role-list { width: 100%; }\r\n    .wj-role-item { padding: 15px 20px; font-size: 0.95rem; border-radius: 12px;}\r\n    .wj-section-title { font-size: 1.8rem; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wj-section-about\">\r\n    <div class=\"wj-about-container\">\r\n        \r\n        <div class=\"wj-section-header\">\r\n            <div class=\"wj-subtitle-tag\">\u7121\u7586\u884c\u92b7 \uff5c \u96c6\u5718\u80cc\u666f<\/div>\r\n            <h2 class=\"wj-section-title\">\r\n                \u7687\u9806\u96c6\u5718\u65d7\u4e0b<br>\u5c08\u696d\u4ee3\u92b7\u5e73\u53f0\r\n            <\/h2>\r\n            <div class=\"wj-intro-block\">\r\n                <p>\r\n                    \u7121\u7586\u884c\u92b7\u70ba <strong>\u7687\u9806\u96c6\u5718<\/strong> \u65d7\u4e0b\u6b63\u5f0f\u898f\u5283\u4e4b\u884c\u92b7\u8207\u901a\u8def\u4ee3\u92b7\u516c\u53f8\uff0c\u627f\u63a5\u96c6\u5718\u5728\u591a\u5143\u4e8b\u696d\u9ad4\u7684 <strong>\u5c0d\u5916\u92b7\u552e\u3001\u901a\u8def\u5408\u4f5c\u8207\u7d93\u92b7\u9ad4\u7cfb\u5efa\u7f6e<\/strong>\u3002\u6211\u5011\u5c07\u9f90\u5927\u7684\u96c6\u5718\u8cc7\u6e90\u8f49\u5316\u70ba\u5e02\u5834\u52d5\u80fd\uff0c\u70ba\u5408\u4f5c\u5925\u4f34\u642d\u5efa\u6700\u7a69\u56fa\u7684\u6a4b\u6a11\u3002\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-pillars-grid\">\r\n            <div class=\"wj-pillar-card\">\r\n                <div class=\"wj-pillar-num\">01<\/div>\r\n                <div class=\"wj-pillar-content\">\r\n                    <div class=\"wj-pillar-icon\">\u269c\ufe0f<\/div>\r\n                    <div class=\"wj-pillar-title\">\u6587\u5316\u79ae\u5100\u8207<br>\u751f\u547d\u670d\u52d9<\/div>\r\n                    <div class=\"wj-pillar-desc\">\u4ee5\u5c0a\u91cd\u8207\u5c08\u696d\u70ba\u6838\u5fc3\uff0c\u6574\u5408\u96c6\u5718\u79ae\u5100\u670d\u52d9\u8cc7\u6e90\uff0c\u63d0\u4f9b\u5168\u65b9\u4f4d\u7684\u751f\u547d\u95dc\u61f7\u898f\u5283\u3002<\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"wj-pillar-card\">\r\n                <div class=\"wj-pillar-num\">02<\/div>\r\n                <div class=\"wj-pillar-content\">\r\n                    <div class=\"wj-pillar-icon\">\ud83c\udfe2<\/div>\r\n                    <div class=\"wj-pillar-title\">\u4e0d\u52d5\u7522\u8207<br>\u8cc7\u7522\u578b\u5546\u54c1<\/div>\r\n                    <div class=\"wj-pillar-desc\">\u7d50\u5408\u5e02\u5834\u8da8\u52e2\u5206\u6790\uff0c\u4ee3\u7406\u92b7\u552e\u5177\u589e\u503c\u6f5b\u529b\u7684\u512a\u8cea\u4e0d\u52d5\u7522\u8207\u8cc7\u7522\u914d\u7f6e\u9805\u76ee\u3002<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-pillar-card\">\r\n                <div class=\"wj-pillar-num\">03<\/div>\r\n                <div class=\"wj-pillar-content\">\r\n                    <div class=\"wj-pillar-icon\">\ud83c\udf3f<\/div>\r\n                    <div class=\"wj-pillar-title\">\u9280\u9aee\u8207<br>\u5927\u5065\u5eb7\u7522\u696d<\/div>\r\n                    <div class=\"wj-pillar-desc\">\u4f48\u5c40\u9ad8\u9f61\u5316\u793e\u6703\u9700\u6c42\uff0c\u56b4\u9078\u5065\u5eb7\u4fc3\u9032\u8207\u9280\u9aee\u7167\u8b77\u7522\u54c1\uff0c\u6df1\u8015\u6a02\u9f61\u5e02\u5834\u3002<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-positioning-box\">\r\n            <div class=\"wj-pos-title-area\">\r\n                <h3 class=\"wj-pos-title\">\u6211\u5011\u7684<br>\u89d2\u8272\u5b9a\u4f4d<\/h3>\r\n                <p class=\"wj-pos-desc\">\u4e0d\u53ea\u662f\u4ee3\u92b7\uff0c\u6211\u5011\u662f\u9ad4\u7cfb\u7684\u5efa\u69cb\u8005\u3002<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"wj-role-list\">\r\n                <div class=\"wj-role-item\">\r\n                    <div class=\"wj-check-icon\">\u2713<\/div>\r\n                    \u96c6\u5718\u7522\u54c1\u7684\u300c\u5e02\u5834\u51fa\u53e3\u300d\r\n                <\/div>\r\n                <div class=\"wj-role-item\">\r\n                    <div class=\"wj-check-icon\">\u2713<\/div>\r\n                    \u793e\u5340\u901a\u8def\u7684\u300c\u6574\u5408\u5e73\u53f0\u300d\r\n                <\/div>\r\n                <div class=\"wj-role-item\">\r\n                    <div class=\"wj-check-icon\">\u2713<\/div>\r\n                    \u7d93\u92b7\u5925\u4f34\u7684\u300c\u5f8c\u52e4\u8207\u8ce6\u80fd\u4e2d\u5fc3\u300d\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-section-footer\">\r\n            <div class=\"wj-footer-text\">\r\n                \u6211\u5011\u4e0d\u53ea\u662f\u4ee3\u92b7\u5546\u54c1\uff0c\u66f4\u662f <span class=\"wj-footer-highlight\">\u966a\u4f34\u901a\u8def\u5925\u4f34\u4e00\u8d77\u6210\u9577<\/span> \u7684\u9577\u671f\u5408\u4f5c\u5e73\u53f0\u3002\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\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-2873426 e-flex e-con-boxed e-con e-parent\" data-id=\"2873426\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3715eff e-flex e-con-boxed e-con e-parent\" data-id=\"3715eff\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-352ad9d elementor-widget elementor-widget-html\" data-id=\"352ad9d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u5f15\u5165\u9ad8\u8cea\u611f\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;800&family=Space+Grotesk:wght@500;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-bg-section: #FFFFFF;\r\n    --wj-text-primary: #0f172a;\r\n    --wj-text-secondary: #64748b;\r\n    \/* \u3010\u8272\u5f69\u5347\u7d1a\u6838\u5fc3\u3011 *\/\r\n    \/* \u539f\u672c\u7684\u4e3b\u7da0\u8272 -> \u66ff\u63db\u70ba\u6df1\u9752\u7da0\u8272 (\u7528\u65bc\u5f37\u8abf\u3001\u908a\u6846\u3001\u4e3b\u8996\u89ba\u5143\u7d20) *\/\r\n    --wj-accent-dark: #1b504a; \r\n    \/* \u539f\u672c\u7684\u4eae\u7da0\u8272 -> \u66ff\u63db\u70ba\u6c88\u7a69\u7070\u7da0\u8272 (\u7528\u65bcHover\u72c0\u614b\u3001\u6b21\u8981\u5149\u6688) *\/\r\n    --wj-accent-neon: #2e5953;\r\n    \/* \u7528\u65bc\u9ede\u9663\u5716\u7684\u4e3b\u8272\u8b8a\u6578 *\/\r\n    --wj-green-main: #1b504a; \r\n    --wj-border: #e2e8f0;\r\n    --wj-surface: #f8fafc;\r\n}\r\n\r\n#wj-vm-v12 {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: var(--wj-bg-section);\r\n    font-family: 'Inter', 'Noto Sans TC', sans-serif;\r\n    padding: 120px 5%;\r\n    box-sizing: border-box;\r\n    min-height: 85vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   [\u80cc\u666f\u6838\u5fc3] \u7da0\u8272\u9ede\u9663\u77e9\u9663\r\n   ========================================= *\/\r\n#wj-vm-v12::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    \/* \u4f7f\u7528\u65b0\u7684\u6df1\u9752\u7da0\u8272 *\/\r\n    background-image: radial-gradient(var(--wj-green-main) 1.5px, transparent 1.5px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.08;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n\r\n.wj-vm-layout {\r\n    display: flex;\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    gap: 100px;\r\n    position: relative;\r\n    z-index: 2;\r\n    align-items: flex-start;\r\n}\r\n\r\n\/* =========================================\r\n   Left: Vision (Typography Driven)\r\n   ========================================= *\/\r\n.wj-vision-col {\r\n    flex: 0.8;\r\n    position: sticky;\r\n    top: 120px;\r\n}\r\n\r\n.wj-vision-badge {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    color: var(--wj-accent-dark); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 24px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    \/* \u66f4\u65b0\u80cc\u666f\u8272 RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: rgba(27, 80, 74, 0.1);\r\n    padding: 8px 16px;\r\n    border-radius: 4px;\r\n    \/* \u66f4\u65b0\u908a\u6846\u8272 RGBA *\/\r\n    border: 1px solid rgba(27, 80, 74, 0.2);\r\n}\r\n\r\n.wj-vision-head {\r\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    color: var(--wj-text-primary);\r\n    margin-bottom: 32px;\r\n    letter-spacing: -1px;\r\n}\r\n.wj-gradient-text {\r\n    \/* \u4f7f\u7528\u65b0\u4e3b\u8272\u8207\u8f14\u52a9\u8272\u505a\u6f38\u5c64 *\/\r\n    background: linear-gradient(135deg, var(--wj-accent-dark) 0%, var(--wj-accent-neon) 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.wj-vision-p {\r\n    font-size: 1.125rem;\r\n    line-height: 1.8;\r\n    color: var(--wj-text-secondary);\r\n    font-weight: 500;\r\n    text-align: justify;\r\n}\r\n\r\n\/* =========================================\r\n   Right: Mission Interface (The Premium Bars)\r\n   ========================================= *\/\r\n.wj-mission-stack {\r\n    flex: 1.2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n}\r\n\r\n\/* The Bar Container *\/\r\n.wj-interface-bar {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 36px 40px;\r\n    background: var(--wj-bg-section);\r\n    border: 1px solid var(--wj-border);\r\n    border-radius: 16px;\r\n    cursor: pointer;\r\n    overflow: hidden;\r\n    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u80cc\u666f\u4e92\u52d5\u5c64\uff1a\u7db2\u683c\u7d0b\u7406 (Grid Reveal) *\/\r\n.wj-bg-reveal {\r\n    position: absolute;\r\n    inset: 0;\r\n    background-color: var(--wj-accent-dark); \/* \u6fc0\u6d3b\u5f8c\u4f7f\u7528\u65b0\u4e3b\u8272\u80cc\u666f *\/\r\n    background-image: \r\n        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),\r\n        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);\r\n    background-size: 30px 30px;\r\n    transform: translateX(-100%);\r\n    transition: transform 0.5s cubic-bezier(0.65, 0, 0.35, 1);\r\n    z-index: 0;\r\n}\r\n\r\n.wj-interface-bar:hover .wj-bg-reveal {\r\n    transform: translateX(0);\r\n}\r\n\r\n.wj-interface-bar:hover {\r\n    border-color: var(--wj-accent-dark); \/* \u908a\u6846\u8b8a\u65b0\u4e3b\u8272 *\/\r\n    transform: translateY(-2px);\r\n    \/* \u66f4\u65b0 Hover \u9670\u5f71 RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    box-shadow: 0 20px 40px -5px rgba(27, 80, 74, 0.15);\r\n}\r\n\r\n\/* Icon \u5340\u57df *\/\r\n.wj-icon-box {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 64px; height: 64px;\r\n    background: var(--wj-surface);\r\n    border-radius: 12px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 1.8rem;\r\n    color: var(--wj-text-primary);\r\n    margin-right: 32px;\r\n    transition: all 0.4s ease;\r\n    border: 1px solid var(--wj-border);\r\n    flex-shrink: 0;\r\n}\r\n.wj-interface-bar:hover .wj-icon-box {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-color: rgba(255, 255, 255, 0.2);\r\n    color: var(--wj-accent-neon); \/* Icon \u8b8a\u65b0\u8f14\u52a9\u8272 *\/\r\n    transform: scale(1.1);\r\n}\r\n\r\n\/* \u5167\u5bb9\u5340\u57df *\/\r\n.wj-content-box {\r\n    position: relative;\r\n    z-index: 1;\r\n    flex-grow: 1;\r\n}\r\n\r\n.wj-meta-num {\r\n    font-family: 'Space Grotesk', monospace;\r\n    font-size: 0.8rem;\r\n    color: var(--wj-accent-dark); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    font-weight: 700;\r\n    display: block;\r\n    margin-bottom: 6px;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.wj-main-head {\r\n    font-size: 1.35rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-primary);\r\n    margin-bottom: 4px;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.wj-sub-desc {\r\n    font-size: 0.95rem;\r\n    color: var(--wj-text-secondary);\r\n    transition: color 0.3s;\r\n}\r\n\r\n.wj-interface-bar:hover .wj-meta-num { color: var(--wj-accent-neon); } \/* Hover \u8b8a\u65b0\u8f14\u52a9\u8272 *\/\r\n.wj-interface-bar:hover .wj-main-head { color: #FFFFFF; }\r\n.wj-interface-bar:hover .wj-sub-desc { color: rgba(255, 255, 255, 0.7); }\r\n\r\n\/* \u53f3\u5074\u7bad\u982d *\/\r\n.wj-arrow-action {\r\n    position: relative;\r\n    z-index: 1;\r\n    width: 40px; height: 40px;\r\n    display: flex; align-items: center; justify-content: center;\r\n    color: white;\r\n    opacity: 0;\r\n    transform: translateX(-20px);\r\n    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n}\r\n.wj-interface-bar:hover .wj-arrow-action {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n.wj-arrow-icon {\r\n    width: 24px; height: 24px;\r\n    fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;\r\n}\r\n\r\n\/* RWD *\/\r\n@media (max-width: 960px) {\r\n    #wj-vm-v12 { padding: 60px 20px; }\r\n    .wj-vm-layout { flex-direction: column; gap: 60px; }\r\n    .wj-vision-col { position: static; margin-bottom: 20px; }\r\n    .wj-interface-bar { padding: 24px; }\r\n    .wj-icon-box { width: 50px; height: 50px; font-size: 1.5rem; margin-right: 20px; }\r\n    .wj-main-head { font-size: 1.15rem; }\r\n    .wj-arrow-action { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wj-vm-v12\">\r\n    <div class=\"wj-vm-layout\">\r\n        \r\n        <div class=\"wj-vision-col\">\r\n            <div class=\"wj-vision-badge\">Vision 2025<\/div>\r\n            <h2 class=\"wj-vision-head\">\r\n                \u6253\u9020\u53f0\u7063<br>\u6700\u5177\u4fe1\u4efb\u529b\u7684<br>\r\n                <span class=\"wj-gradient-text\">\u793e\u5340\u578b\u50f9\u503c\u7522\u54c1<br>\u4ee3\u92b7\u5e73\u53f0<\/span>\r\n            <\/h2>\r\n            <p class=\"wj-vision-p\">\r\n                \u6211\u5011\u6df1\u4fe1\uff0c\u5546\u696d\u7684\u672c\u8cea\u662f\u4fe1\u4efb\u3002\u7121\u7586\u884c\u92b7\u81f4\u529b\u65bc\u5efa\u7acb\u4e00\u500b\u900f\u660e\u3001\u9ad8\u6548\u4e14\u5177\u5099\u6df1\u539a\u4fe1\u4efb\u57fa\u790e\u7684\u751f\u614b\u7cfb\u7d71\u3002\u8b93\u6bcf\u4e00\u4f4d\u7528\u5fc3\u7d93\u71df\u793e\u7fa4\u7684\u5925\u4f34\uff0c\u90fd\u80fd\u5728\u9019\u500b\u9ad4\u7cfb\u4e2d\u627e\u5230\u6b78\u5c6c\uff0c\u4e26\u64c1\u6709\u7a69\u5b9a\u4e14\u6709\u5c0a\u56b4\u7684\u6536\u5165\u4f86\u6e90\u3002\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"wj-mission-stack\">\r\n            \r\n            <div class=\"wj-interface-bar\">\r\n                <div class=\"wj-bg-reveal\"><\/div> <div class=\"wj-icon-box\">\ud83c\udfe0<\/div>\r\n                \r\n                <div class=\"wj-content-box\">\r\n                    <span class=\"wj-meta-num\">MISSION \/\/ 01<\/span>\r\n                    <h3 class=\"wj-main-head\">\u8b93\u597d\u7522\u54c1\uff0c\u8d70\u9032\u771f\u6b63\u9700\u8981\u7684\u5bb6\u5ead<\/h3>\r\n                    <p class=\"wj-sub-desc\">\u7cbe\u9078\u50f9\u503c\u7522\u54c1 \u00d7 \u7cbe\u6e96\u793e\u5340\u5c0d\u63a5<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wj-arrow-action\">\r\n                    <svg class=\"wj-arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-interface-bar\">\r\n                <div class=\"wj-bg-reveal\"><\/div>\r\n                \r\n                <div class=\"wj-icon-box\">\ud83e\udd1d<\/div>\r\n                \r\n                <div class=\"wj-content-box\">\r\n                    <span class=\"wj-meta-num\">MISSION \/\/ 02<\/span>\r\n                    <h3 class=\"wj-main-head\">\u8b93\u901a\u8def\u5925\u4f34\uff0c\u4e0d\u518d\u55ae\u6253\u7368\u9b25<\/h3>\r\n                    <p class=\"wj-sub-desc\">\u96c6\u5718\u8cc7\u6e90\u8ce6\u80fd \u00d7 \u5b8c\u6574\u5f8c\u52e4\u652f\u63f4<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wj-arrow-action\">\r\n                    <svg class=\"wj-arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-interface-bar\">\r\n                <div class=\"wj-bg-reveal\"><\/div>\r\n                \r\n                <div class=\"wj-icon-box\">\ud83d\udcc8<\/div>\r\n                \r\n                <div class=\"wj-content-box\">\r\n                    <span class=\"wj-meta-num\">MISSION \/\/ 03<\/span>\r\n                    <h3 class=\"wj-main-head\">\u8b93\u92b7\u552e\uff0c\u6210\u70ba\u53ef\u7d2f\u7a4d\u7684\u4e8b\u696d<\/h3>\r\n                    <p class=\"wj-sub-desc\">\u5efa\u7acb\u88ab\u52d5\u6536\u76ca \u00d7 \u9577\u671f\u4e8b\u696d\u898f\u5283<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"wj-arrow-action\">\r\n                    <svg class=\"wj-arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\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-714292f e-flex e-con-boxed e-con e-parent\" data-id=\"714292f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a96be0 e-flex e-con-boxed e-con e-parent\" data-id=\"7a96be0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-03eedd1 elementor-widget elementor-widget-html\" data-id=\"03eedd1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u5f15\u5165\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-bg-white: #FFFFFF;\r\n    --wj-text-dark: #0f172a;\r\n    --wj-text-mute: #64748b;\r\n    \/* \u3010\u8272\u5f69\u5347\u7d1a\u6838\u5fc3\u3011 *\/\r\n    \/* \u539f\u672c\u7684\u4e3b\u7da0\u8272 -> \u66ff\u63db\u70ba\u6df1\u9752\u7da0\u8272 (\u7528\u65bc\u5f37\u8abf\u3001\u908a\u6846\u3001\u4e3b\u8996\u89ba\u5143\u7d20) *\/\r\n    --wj-green-main: #1b504a; \r\n    \/* \u539f\u672c\u7684\u4eae\u7da0\u8272 -> \u66ff\u63db\u70ba\u6c88\u7a69\u7070\u7da0\u8272 (\u7528\u65bcHover\u72c0\u614b\u3001\u6b21\u8981\u5149\u6688) *\/\r\n    --wj-green-neon: #2e5953; \r\n    --wj-border-light: #e2e8f0;\r\n    --wj-bg-surface: #f8fafc;\r\n}\r\n\r\n#wj-products-v18 {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: var(--wj-bg-white);\r\n    font-family: 'Space Grotesk', 'Noto Sans TC', sans-serif;\r\n    padding: 100px 5%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   [\u80cc\u666f\u6838\u5fc3] \u9ede\u9663\u77e9\u9663 (\u4f7f\u7528\u65b0\u4e3b\u8272)\r\n   ========================================= *\/\r\n#wj-products-v18::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    \/* \u4f7f\u7528\u65b0\u7684\u6df1\u9752\u7da0\u8272 *\/\r\n    background-image: radial-gradient(var(--wj-green-main) 1.5px, transparent 1.5px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.08; \r\n    z-index: 0; \r\n    pointer-events: none;\r\n}\r\n\r\n.wj-flip-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- Header --- *\/\r\n.wj-flip-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n}\r\n.wj-flip-title {\r\n    font-size: clamp(2rem, 3.5vw, 3rem);\r\n    font-weight: 900;\r\n    color: var(--wj-text-dark);\r\n    margin-bottom: 15px;\r\n}\r\n.wj-flip-subtitle {\r\n    font-size: 1rem;\r\n    color: var(--wj-text-mute);\r\n    font-weight: 500;\r\n}\r\n\r\n\/* --- 3D Flip Grid System --- *\/\r\n.wj-card-grid-3d {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n\/* \u5361\u7247\u5bb9\u5668 *\/\r\n.wj-flip-card {\r\n    background-color: transparent;\r\n    height: 580px;\r\n    perspective: 1500px;\r\n    cursor: default;\r\n    position: relative;\r\n    margin: 0;\r\n}\r\n\r\n\/* \u7ffb\u8f49\u6838\u5fc3 *\/\r\n.wj-card-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    text-align: center;\r\n    transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    transform-style: preserve-3d;\r\n    transform-origin: center center;\r\n}\r\n\r\n.wj-flip-card:hover .wj-card-inner {\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n\/* === \u6b63\u53cd\u9762\u5171\u7528\u8a2d\u5b9a === *\/\r\n.wj-card-front, .wj-card-back {\r\n    position: absolute;\r\n    top: 0; left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: 0;\r\n    -webkit-backface-visibility: hidden;\r\n    backface-visibility: hidden;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--wj-border-light);\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    background: #FFFFFF;\r\n}\r\n\r\n\/* === \u6b63\u9762 (Front) === *\/\r\n.wj-card-front {\r\n    z-index: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transform: rotateY(0deg);\r\n}\r\n\r\n.wj-front-aurora {\r\n    position: absolute;\r\n    top: -50%; left: -50%; width: 200%; height: 200%;\r\n    \/* \u66f4\u65b0\u6975\u5149\u80cc\u666f RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: radial-gradient(circle, rgba(27, 80, 74, 0.08) 0%, transparent 60%);\r\n    animation: rotateAurora 10s linear infinite;\r\n    z-index: 0;\r\n}\r\n@keyframes rotateAurora { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n\r\n.wj-front-watermark {\r\n    position: absolute;\r\n    top: 15px; right: 20px;\r\n    font-size: 6rem;\r\n    font-weight: 900;\r\n    color: #f1f5f9;\r\n    line-height: 1;\r\n    z-index: 1;\r\n}\r\n\r\n.wj-front-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    padding: 30px;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.wj-front-icon {\r\n    font-size: 4rem;\r\n    margin-bottom: 25px;\r\n    \/* \u66f4\u65b0 Icon \u9670\u5f71 RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    filter: drop-shadow(0 15px 25px rgba(27, 80, 74, 0.2));\r\n    transition: transform 0.5s ease;\r\n}\r\n.wj-flip-card:hover .wj-front-icon { transform: scale(0.8); }\r\n\r\n.wj-front-title {\r\n    font-size: 1.6rem;\r\n    font-weight: 800;\r\n    color: var(--wj-text-dark);\r\n    margin-bottom: 15px;\r\n    line-height: 1.3;\r\n}\r\n\r\n.wj-front-tags {\r\n    display: flex;\r\n    gap: 6px;\r\n    margin-top: 5px;\r\n}\r\n.wj-ft-tag {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    \/* \u66f4\u65b0 Tag \u80cc\u666f RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: rgba(27, 80, 74, 0.05);\r\n    padding: 5px 10px;\r\n    border-radius: 50px;\r\n    \/* \u66f4\u65b0 Tag \u908a\u6846 RGBA *\/\r\n    border: 1px solid rgba(27, 80, 74, 0.1);\r\n}\r\n\r\n.wj-front-cta {\r\n    margin-top: auto;\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-mute);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    opacity: 0.7;\r\n}\r\n.wj-front-cta span {\r\n    width: 24px; height: 24px;\r\n    background: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    color: white;\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 1rem;\r\n}\r\n\r\n\r\n\/* === \u80cc\u9762 (Back) === *\/\r\n.wj-card-back {\r\n    transform: rotateY(180deg);\r\n    display: flex;\r\n    flex-direction: column;\r\n    text-align: left;\r\n    padding: 0;\r\n    z-index: 1;\r\n}\r\n\r\n\/* Header Compact *\/\r\n.wj-back-header {\r\n    background: var(--wj-bg-surface);\r\n    padding: 12px 20px;\r\n    border-bottom: 1px solid var(--wj-border-light);\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    flex-shrink: 0;\r\n}\r\n.wj-back-title { font-size: 0.95rem; font-weight: 800; color: var(--wj-text-dark); }\r\n.wj-back-icon-mini { font-size: 1.2rem; }\r\n\r\n\/* Body Compact *\/\r\n.wj-back-body {\r\n    padding: 15px 20px;\r\n    flex-grow: 1;\r\n    overflow-y: auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 15px;\r\n}\r\n\r\n.wj-data-section {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    padding-bottom: 15px;\r\n    border-bottom: 1px dashed var(--wj-border-light);\r\n}\r\n.wj-data-section:last-of-type { border-bottom: none; padding-bottom: 0; }\r\n\r\n.wj-section-label {\r\n    font-size: 0.7rem;\r\n    color: #94a3b8;\r\n    text-transform: uppercase;\r\n    font-weight: 700;\r\n    letter-spacing: 0.5px;\r\n    display: block;\r\n}\r\n\r\n\/* Pills Compact *\/\r\n.wj-pills-group {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 6px;\r\n}\r\n.wj-pill {\r\n    font-size: 0.85rem;\r\n    color: var(--wj-text-dark);\r\n    background: var(--wj-bg-surface);\r\n    padding: 5px 10px;\r\n    border-radius: 6px;\r\n    font-weight: 500;\r\n    line-height: 1.4;\r\n    border: 1px solid transparent;\r\n    transition: 0.2s;\r\n}\r\n.wj-pill:hover {\r\n    border-color: var(--wj-green-neon); \/* Hover \u8b8a\u70ba\u65b0\u8f14\u52a9\u8272 *\/\r\n    background: #fff;\r\n    color: var(--wj-green-main); \/* Hover \u8b8a\u70ba\u65b0\u4e3b\u8272 *\/\r\n}\r\n\r\n\/* Footer Target Compact *\/\r\n.wj-target-area {\r\n    margin-top: auto;\r\n    padding: 15px 20px;\r\n    background: var(--wj-bg-surface);\r\n    border-top: 1px solid var(--wj-border-light);\r\n}\r\n.wj-target-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 5px;}\r\n.wj-target-chip {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    display: flex; align-items: center;\r\n    \/* \u66f4\u65b0 Chip \u80cc\u666f RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: rgba(27, 80, 74, 0.08);\r\n    padding: 3px 8px;\r\n    border-radius: 4px;\r\n}\r\n\r\n\/* RWD Optimization *\/\r\n@media (max-width: 900px) {\r\n    #wj-products-v18 { padding: 60px 20px; }\r\n    .wj-card-grid-3d { grid-template-columns: 1fr; gap: 30px; }\r\n    .wj-flip-card { height: 520px; } \r\n    .wj-flip-card.active .wj-card-inner { transform: rotateY(180deg); }\r\n    .wj-pill { font-size: 0.8rem; padding: 4px 8px; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wj-products-v18\">\r\n    <div class=\"wj-flip-container\">\r\n        \r\n        <div class=\"wj-flip-header\">\r\n            <h2 class=\"wj-flip-title\">\u4e09\u5927\u6838\u5fc3\u4ee3\u92b7\u7522\u54c1\u7dda<\/h2>\r\n            <div class=\"wj-flip-subtitle\">\u805a\u7126\u9ad8\u4fe1\u4efb\u3001\u9577\u9031\u671f\u3001\u53ef\u91cd\u8907\u6210\u4ea4\u7684\u85cd\u6d77\u5e02\u5834<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-card-grid-3d\">\r\n            \r\n            <div class=\"wj-flip-card\" onclick=\"this.classList.toggle('active')\">\r\n                <div class=\"wj-card-inner\">\r\n                    <div class=\"wj-card-front\">\r\n                        <div class=\"wj-front-aurora\"><\/div>\r\n                        <div class=\"wj-front-watermark\">01<\/div>\r\n                        <div class=\"wj-front-content\">\r\n                            <div class=\"wj-front-icon\">\ud83d\udd6f\ufe0f<\/div>\r\n                            <h3 class=\"wj-front-title\">\u6587\u5316\u79ae\u5100\u7522\u54c1<\/h3>\r\n                            <div class=\"wj-front-tags\">\r\n                                <span class=\"wj-ft-tag\">\u7a69\u5b9a\u9700\u6c42<\/span>\r\n                                <span class=\"wj-ft-tag\">\u9ad8\u4fe1\u4efb\u5ea6<\/span>\r\n                            <\/div>\r\n                            <div class=\"wj-front-cta\">HOVER TO EXPLORE <span>\u21bb<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"wj-card-back\">\r\n                        <div class=\"wj-back-header\">\r\n                            <span class=\"wj-back-title\">01 \u6587\u5316\u79ae\u5100\u7522\u54c1<\/span>\r\n                            <span class=\"wj-back-icon-mini\">\ud83d\udd6f\ufe0f<\/span>\r\n                        <\/div>\r\n                        <div class=\"wj-back-body\">\r\n                            <div class=\"wj-data-section\">\r\n                                <span class=\"wj-section-label\">PRODUCTS \u5305\u542b\u9805\u76ee<\/span>\r\n                                <div class=\"wj-pills-group\">\r\n                                    <span class=\"wj-pill\">\u795e\u4e3b\/\u7956\u5148\u724c\u4f4d<\/span>\r\n                                    <span class=\"wj-pill\">\u751f\u524d\u5951\u7d04<\/span>\r\n                                    <span class=\"wj-pill\">\u79ae\u5100\u898f\u5283<\/span>\r\n                                    <span class=\"wj-pill\">\u5f8c\u7e8c\u670d\u52d9\u6574\u5408<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"wj-data-section\">\r\n                                <span class=\"wj-section-label\">KEY FEATURES \u7279\u8272<\/span>\r\n                                <div class=\"wj-pills-group\">\r\n                                    <span class=\"wj-pill\">\u9ad8\u4fe1\u4efb\u9580\u6abb<\/span>\r\n                                    <span class=\"wj-pill\">\u975e\u885d\u52d5\u6d88\u8cbb<\/span>\r\n                                    <span class=\"wj-pill\">\u91cd\u8996\u5c08\u696d\u966a\u4f34<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"wj-target-area\">\r\n                            <span class=\"wj-section-label\" style=\"color:var(--wj-green-main)\">MATCH \u9069\u5408\u5c0d\u8c61<\/span>\r\n                            <div class=\"wj-target-row\">\r\n                                <div class=\"wj-target-chip\">\u91cc\u9577<\/div>\r\n                                <div class=\"wj-target-chip\">\u793e\u5340\u9818\u8896<\/div>\r\n                                <div class=\"wj-target-chip\">\u9280\u9aee\u901a\u8def<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-flip-card\" onclick=\"this.classList.toggle('active')\">\r\n                <div class=\"wj-card-inner\">\r\n                    <div class=\"wj-card-front\">\r\n                        <div class=\"wj-front-aurora\"><\/div>\r\n                        <div class=\"wj-front-watermark\">02<\/div>\r\n                        <div class=\"wj-front-content\">\r\n                            <div class=\"wj-front-icon\">\ud83c\udfe0<\/div>\r\n                            <h3 class=\"wj-front-title\">\u623f\u5730\u7522\u4ee3\u92b7<br>& \u8cc7\u7522\u578b\u5546\u54c1<\/h3>\r\n                            <div class=\"wj-front-tags\">\r\n                                <span class=\"wj-ft-tag\">\u8cc7\u7522\u914d\u7f6e<\/span>\r\n                                <span class=\"wj-ft-tag\">\u525b\u6027\u9700\u6c42<\/span>\r\n                            <\/div>\r\n                            <div class=\"wj-front-cta\">HOVER TO EXPLORE <span>\u21bb<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"wj-card-back\">\r\n                        <div class=\"wj-back-header\">\r\n                            <span class=\"wj-back-title\">02 \u623f\u5730\u7522\u8207\u8cc7\u7522<\/span>\r\n                            <span class=\"wj-back-icon-mini\">\ud83c\udfe0<\/span>\r\n                        <\/div>\r\n                        <div class=\"wj-back-body\">\r\n                            <div class=\"wj-data-section\">\r\n                                <span class=\"wj-section-label\">PRODUCTS \u5305\u542b\u9805\u76ee<\/span>\r\n                                <div class=\"wj-pills-group\">\r\n                                    <span class=\"wj-pill\">\u96c6\u5718\u5408\u4f5c\u5efa\u6848<\/span>\r\n                                    <span class=\"wj-pill\">\u5340\u57df\u4ee3\u92b7<\/span>\r\n                                    <span class=\"wj-pill\">\u81ea\u7528\u4f4f\u5b85<\/span>\r\n                                    <span class=\"wj-pill\">\u7a69\u5b9a\u6536\u76ca\u623f\u7522<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"wj-data-section\">\r\n                                <span class=\"wj-section-label\">KEY FEATURES \u7279\u8272<\/span>\r\n                                <div class=\"wj-pills-group\">\r\n                                    <span class=\"wj-pill\">\u7d50\u5408\u8cc7\u7522\u898f\u5283<\/span>\r\n                                    <span class=\"wj-pill\">\u53ef\u4ea4\u53c9\u92b7\u552e<\/span>\r\n                                    <span class=\"wj-pill\">\u5c08\u696d\u5f8c\u53f0\u652f\u63f4<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"wj-target-area\">\r\n                            <span class=\"wj-section-label\" style=\"color:var(--wj-green-main)\">MATCH \u9069\u5408\u5c0d\u8c61<\/span>\r\n                            <div class=\"wj-target-row\">\r\n                                <div class=\"wj-target-chip\">\u696d\u52d9\u4eba\u624d<\/div>\r\n                                <div class=\"wj-target-chip\">\u623f\u4ef2\u5925\u4f34<\/div>\r\n                                <div class=\"wj-target-chip\">\u659c\u69d3\u5718\u968a<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-flip-card\" onclick=\"this.classList.toggle('active')\">\r\n                <div class=\"wj-card-inner\">\r\n                    <div class=\"wj-card-front\">\r\n                        <div class=\"wj-front-aurora\"><\/div>\r\n                        <div class=\"wj-front-watermark\">03<\/div>\r\n                        <div class=\"wj-front-content\">\r\n                            <div class=\"wj-front-icon\">\ud83e\ude7a<\/div>\r\n                            <h3 class=\"wj-front-title\">\u5927\u5065\u5eb7\u8207<br>\u9280\u9aee\u76f8\u95dc\u7522\u54c1<\/h3>\r\n                            <div class=\"wj-front-tags\">\r\n                                <span class=\"wj-ft-tag\">\u9ad8\u983b\u9700\u6c42<\/span>\r\n                                <span class=\"wj-ft-tag\">\u6703\u54e1\u7d93\u71df<\/span>\r\n                            <\/div>\r\n                            <div class=\"wj-front-cta\">HOVER TO EXPLORE <span>\u21bb<\/span><\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"wj-card-back\">\r\n                        <div class=\"wj-back-header\">\r\n                            <span class=\"wj-back-title\">03 \u5927\u5065\u5eb7\u8207\u9280\u9aee<\/span>\r\n                            <span class=\"wj-back-icon-mini\">\ud83e\ude7a<\/span>\r\n                        <\/div>\r\n                        <div class=\"wj-back-body\">\r\n                            <div class=\"wj-data-section\">\r\n                                <span class=\"wj-section-label\">PRODUCTS \u5305\u542b\u9805\u76ee<\/span>\r\n                                <div class=\"wj-pills-group\">\r\n                                    <span class=\"wj-pill\">\u4fdd\u5065\u7522\u54c1<\/span>\r\n                                    <span class=\"wj-pill\">\u5065\u5eb7\u7ba1\u7406<\/span>\r\n                                    <span class=\"wj-pill\">\u990a\u751f\u6751\u6b0a\u76ca<\/span>\r\n                                    <span class=\"wj-pill\">\u5065\u5eb7\u6aa2\u6e2c<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"wj-data-section\">\r\n                                <span class=\"wj-section-label\">KEY FEATURES \u7279\u8272<\/span>\r\n                                <div class=\"wj-pills-group\">\r\n                                    <span class=\"wj-pill\">\u53ef\u6301\u7e8c\u56de\u8cfc<\/span>\r\n                                    <span class=\"wj-pill\">\u7d50\u5408\u793e\u7fa4<\/span>\r\n                                    <span class=\"wj-pill\">\u793e\u5340\u5951\u5408\u5ea6\u9ad8<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"wj-target-area\">\r\n                            <span class=\"wj-section-label\" style=\"color:var(--wj-green-main)\">MATCH \u9069\u5408\u5c0d\u8c61<\/span>\r\n                            <div class=\"wj-target-row\">\r\n                                <div class=\"wj-target-chip\">\u5065\u5eb7\u9867\u554f<\/div>\r\n                                <div class=\"wj-target-chip\">\u793e\u5340\u7d93\u71df\u8005<\/div>\r\n                                <div class=\"wj-target-chip\">\u6a02\u9f61\u5f9e\u696d<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\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-b3edaa0 e-flex e-con-boxed e-con e-parent\" data-id=\"b3edaa0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d33a56 e-flex e-con-boxed e-con e-parent\" data-id=\"2d33a56\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ff80af elementor-widget elementor-widget-html\" data-id=\"6ff80af\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u5f15\u5165\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@300;500;700&family=Noto+Sans+TC:wght@300;400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-bg-white: #FFFFFF;\r\n    --wj-text-main: #0f172a;\r\n    --wj-text-sub: #64748b;\r\n    \/* \u3010\u8272\u5f69\u5347\u7d1a\u6838\u5fc3\u3011 *\/\r\n    \/* \u539f\u672c\u7684\u4e3b\u7da0\u8272 -> \u66ff\u63db\u70ba\u6df1\u9752\u7da0\u8272 (\u7528\u65bc\u5f37\u8abf\u3001\u908a\u6846\u3001\u4e3b\u8996\u89ba\u5143\u7d20) *\/\r\n    --wj-green-core: #1b504a; \r\n    \/* \u539f\u672c\u7684\u4eae\u7da0\u8272 -> \u66ff\u63db\u70ba\u6c88\u7a69\u7070\u7da0\u8272 (\u7528\u65bcHover\u72c0\u614b\u3001\u6b21\u8981\u5149\u6688) *\/\r\n    --wj-green-neon: #2e5953; \r\n    --wj-line-color: #e2e8f0;\r\n}\r\n\r\n#wj-empower-v20 {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: var(--wj-bg-white);\r\n    font-family: 'Space Grotesk', 'Noto Sans TC', sans-serif;\r\n    padding: 120px 5%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   [\u80cc\u666f\u6838\u5fc3] \u9ede\u9663\u77e9\u9663 (\u4f7f\u7528\u65b0\u4e3b\u8272)\r\n   ========================================= *\/\r\n#wj-empower-v20::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    \/* \u4f7f\u7528\u65b0\u7684\u6df1\u9752\u7da0\u8272 *\/\r\n    background-image: radial-gradient(var(--wj-green-core) 1.5px, transparent 1.5px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.08; \r\n    z-index: 0; \r\n    pointer-events: none;\r\n}\r\n\r\n\/* \u53f3\u5074\u88dd\u98fe\u7dda *\/\r\n#wj-empower-v20::after {\r\n    content: '';\r\n    position: absolute; top: 0; right: 10%; bottom: 0;\r\n    width: 1px; background: rgba(0,0,0,0.05); \r\n    z-index: 0; pointer-events: none;\r\n}\r\n\r\n.wj-emp-layout {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start;\r\n    gap: 80px;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- \u5de6\u5074\uff1a\u7406\u5ff5\u6558\u8ff0 --- *\/\r\n.wj-emp-intro {\r\n    flex: 0.8;\r\n    position: sticky;\r\n    top: 150px;\r\n}\r\n\r\n.wj-section-tag {\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-core); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    letter-spacing: 2px;\r\n    margin-bottom: 24px;\r\n    display: flex; align-items: center;\r\n}\r\n.wj-section-tag::before {\r\n    content: ''; width: 20px; height: 1px; \r\n    background: var(--wj-green-core); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    margin-right: 10px;\r\n}\r\n\r\n.wj-emp-title {\r\n    font-size: clamp(2.5rem, 4vw, 3.5rem);\r\n    font-weight: 900;\r\n    line-height: 1.2;\r\n    color: var(--wj-text-main);\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.wj-emp-quote {\r\n    font-size: 1.15rem;\r\n    line-height: 1.8;\r\n    color: var(--wj-text-main);\r\n    font-weight: 500;\r\n    \/* \u4f7f\u7528\u65b0\u8f14\u52a9\u8272\u4f5c\u70ba\u908a\u6846 *\/\r\n    border-left: 2px solid var(--wj-green-neon); \r\n    padding-left: 20px;\r\n    background: rgba(255,255,255,0.6);\r\n    backdrop-filter: blur(2px);\r\n    border-radius: 0 10px 10px 0;\r\n}\r\n.wj-emp-quote span {\r\n    color: var(--wj-text-sub);\r\n    display: block;\r\n    font-size: 0.95rem;\r\n    margin-top: 15px;\r\n    font-weight: 400;\r\n}\r\n\r\n\r\n\/* --- \u53f3\u5074\uff1a\u7cfb\u7d71\u5217\u8868 --- *\/\r\n.wj-system-stack {\r\n    flex: 1.2;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n\/* \u55ae\u500b\u7cfb\u7d71\u9805\u76ee *\/\r\n.wj-sys-item {\r\n    position: relative;\r\n    border-bottom: 1px solid var(--wj-line-color);\r\n    padding: 40px 0;\r\n    cursor: pointer;\r\n    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);\r\n    group: system; \r\n}\r\n\r\n.wj-sys-item:first-child { border-top: 1px solid var(--wj-line-color); }\r\n\r\n\/* Hover \u4e92\u52d5 *\/\r\n.wj-sys-item:hover {\r\n    border-color: var(--wj-green-core); \/* Hover \u7dda\u689d\u8b8a\u65b0\u4e3b\u8272 *\/\r\n}\r\n\r\n\/* [Header] \u6a19\u984c\u5340 *\/\r\n.wj-sys-header {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: 30px;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.wj-sys-num {\r\n    font-family: 'Space Grotesk', monospace;\r\n    font-size: 1.2rem;\r\n    color: #cbd5e1; \r\n    font-weight: 700;\r\n    transition: color 0.4s;\r\n    min-width: 40px;\r\n}\r\n\r\n.wj-sys-name {\r\n    font-size: 1.8rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-main);\r\n    transition: color 0.4s, transform 0.4s;\r\n}\r\n\r\n.wj-sys-item:hover .wj-sys-num { color: var(--wj-green-neon); } \/* Hover \u6578\u5b57\u8b8a\u65b0\u8f14\u52a9\u8272 *\/\r\n.wj-sys-item:hover .wj-sys-name { color: var(--wj-green-core); transform: translateX(10px); } \/* Hover \u6a19\u984c\u8b8a\u65b0\u4e3b\u8272 *\/\r\n\r\n\/* [Body] \u5167\u5bb9\u5340 *\/\r\n.wj-sys-body {\r\n    max-height: 0;\r\n    opacity: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.4s ease;\r\n    padding-left: 70px;\r\n}\r\n\r\n.wj-sys-item:hover .wj-sys-body {\r\n    max-height: 300px;\r\n    opacity: 1;\r\n    margin-top: 30px;\r\n}\r\n\r\n\r\n\/* \u5167\u5bb9\u7d30\u7bc0\u8a2d\u8a08 *\/\r\n.wj-feature-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    margin-bottom: 25px;\r\n}\r\n.wj-feat-point {\r\n    font-size: 1rem;\r\n    color: var(--wj-text-sub);\r\n    display: flex; align-items: center;\r\n}\r\n.wj-feat-point::before {\r\n    \/* \u5217\u8868\u5c0f\u5713\u9ede\u4f7f\u7528\u65b0\u8f14\u52a9\u8272 *\/\r\n    content: ''; width: 6px; height: 6px; background: var(--wj-green-neon);\r\n    border-radius: 50%; margin-right: 12px;\r\n}\r\n\r\n\/* \u76ee\u6a19 Goal *\/\r\n.wj-sys-goal {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-main);\r\n    display: flex; align-items: center;\r\n}\r\n.wj-goal-icon {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-core); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    text-transform: uppercase;\r\n    margin-right: 15px;\r\n    border: 1px solid var(--wj-green-core); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    padding: 2px 8px;\r\n    border-radius: 4px;\r\n    background: #FFFFFF; \r\n}\r\n\r\n\r\n\/* \u53f3\u5074\u96b1\u5f62\u7bad\u982d *\/\r\n.wj-hover-indicator {\r\n    position: absolute;\r\n    right: 0; top: 50px;\r\n    font-size: 1.5rem;\r\n    color: var(--wj-green-core); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    opacity: 0;\r\n    transform: translateX(-20px);\r\n    transition: all 0.4s;\r\n}\r\n.wj-sys-item:hover .wj-hover-indicator {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n}\r\n\r\n\r\n\/* RWD *\/\r\n@media (max-width: 900px) {\r\n    #wj-empower-v20 { padding: 80px 20px; }\r\n    .wj-emp-layout { flex-direction: column; gap: 50px; }\r\n    .wj-emp-intro { position: static; }\r\n    .wj-sys-name { font-size: 1.4rem; }\r\n    .wj-sys-num { font-size: 1rem; min-width: 30px; }\r\n    .wj-sys-body { padding-left: 0; padding-top: 20px; }\r\n    .wj-hover-indicator { display: none; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wj-empower-v20\">\r\n    <div class=\"wj-emp-layout\">\r\n        \r\n        <div class=\"wj-emp-intro\">\r\n            <div class=\"wj-section-tag\">CORE ADVANTAGES<\/div>\r\n            <h2 class=\"wj-emp-title\">\u7121\u7586\u884c\u92b7<br>\u56db\u5927\u8ce6\u80fd\u7cfb\u7d71<\/h2>\r\n            <div class=\"wj-emp-quote\">\r\n                \u6211\u5011\u6df1\u77e5\uff1a<br>\r\n                \u901a\u8def\u5925\u4f34\u7684\u6210\u529f\uff0c\u4e0d\u662f\u9760\u500b\u4eba\u62da\u547d\uff0c<br>\r\n                \u800c\u662f\u9760 <strong>\u5f37\u5927\u7684\u7cfb\u7d71\u652f\u6490<\/strong>\u3002\r\n                <span>\u6211\u5011\u5c07\u96c6\u5718\u8cc7\u6e90\u6a21\u7d44\u5316\uff0c\u8b93\u60a8\u5c08\u6ce8\u65bc\u6700\u6709\u50f9\u503c\u7684\u92b7\u552e\u74b0\u7bc0\u3002<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-system-stack\">\r\n            \r\n            <div class=\"wj-sys-item\">\r\n                <div class=\"wj-sys-header\">\r\n                    <span class=\"wj-sys-num\">01<\/span>\r\n                    <h3 class=\"wj-sys-name\">\u6559\u80b2\u8a13\u7df4\u8ce6\u80fd<\/h3>\r\n                <\/div>\r\n                \r\n                <div class=\"wj-sys-body\">\r\n                    <div class=\"wj-feature-list\">\r\n                        <div class=\"wj-feat-point\">\u6cdb\u6d77\u5546\u5b78\u9662\uff5c\u7cfb\u7d71\u5316\u92b7\u552e\u8207\u7522\u54c1\u8a13\u7df4<\/div>\r\n                        <div class=\"wj-feat-point\">\u793e\u7fa4\u7d93\u71df\u3001\u6210\u4ea4\u8a71\u8853\u3001\u6848\u4f8b\u5be6\u6230<\/div>\r\n                        <div class=\"wj-feat-point\">\u7dda\u4e0a\uff0b\u5be6\u9ad4\u4e26\u884c\u8ab2\u7a0b<\/div>\r\n                    <\/div>\r\n                    <div class=\"wj-sys-goal\">\r\n                        <span class=\"wj-goal-icon\">GOAL<\/span>\r\n                        \u8b93\u5925\u4f34\u300c\u61c2\u7522\u54c1\u3001\u6703\u8aaa\u660e\u3001\u6562\u6210\u4ea4\u300d\u3002\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"wj-hover-indicator\">\u2199<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-sys-item\">\r\n                <div class=\"wj-sys-header\">\r\n                    <span class=\"wj-sys-num\">02<\/span>\r\n                    <h3 class=\"wj-sys-name\">\u6280\u8853\u7cfb\u7d71\u8ce6\u80fd<\/h3>\r\n                <\/div>\r\n                \r\n                <div class=\"wj-sys-body\">\r\n                    <div class=\"wj-feature-list\">\r\n                        <div class=\"wj-feat-point\">\u901a\u8def\u5408\u5925\u7cfb\u7d71\uff5cCRM \u5ba2\u6236\u7ba1\u7406<\/div>\r\n                        <div class=\"wj-feat-point\">\u5206\u6f64\u8207\u7e3e\u6548\u900f\u660e\u5316<\/div>\r\n                        <div class=\"wj-feat-point\">\u6703\u54e1\u8207\u8ab2\u7a0b\u7cfb\u7d71\u6574\u5408<\/div>\r\n                    <\/div>\r\n                    <div class=\"wj-sys-goal\">\r\n                        <span class=\"wj-goal-icon\">GOAL<\/span>\r\n                        \u8b93\u7d93\u92b7\u5925\u4f34 \u5c08\u5fc3\u505a\u92b7\u552e\uff0c\u5f8c\u53f0\u4ea4\u7d66\u7cfb\u7d71\u3002\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"wj-hover-indicator\">\u2199<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-sys-item\">\r\n                <div class=\"wj-sys-header\">\r\n                    <span class=\"wj-sys-num\">03<\/span>\r\n                    <h3 class=\"wj-sys-name\">\u5167\u5bb9\u8207\u5a92\u9ad4\u8ce6\u80fd<\/h3>\r\n                <\/div>\r\n                \r\n                <div class=\"wj-sys-body\">\r\n                    <div class=\"wj-feature-list\">\r\n                        <div class=\"wj-feat-point\">\u96c6\u5718\u5167\u5bb9\u5718\u968a\u652f\u63f4<\/div>\r\n                        <div class=\"wj-feat-point\">\u884c\u92b7\u7d20\u6750\u3001\u8aaa\u5e16\u3001\u7c21\u5831\u6a21\u7d44\u5316<\/div>\r\n                        <div class=\"wj-feat-point\">\u5a92\u9ad4\u66dd\u5149\u8207\u6d3b\u52d5\u5354\u52a9<\/div>\r\n                    <\/div>\r\n                    <div class=\"wj-sys-goal\">\r\n                        <span class=\"wj-goal-icon\">GOAL<\/span>\r\n                        \u8b93\u5925\u4f34\u4e0d\u5fc5\u81ea\u5df1\u60f3\u6587\u6848\u3001\u505a\u7c21\u5831\u3002\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"wj-hover-indicator\">\u2199<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-sys-item\">\r\n                <div class=\"wj-sys-header\">\r\n                    <span class=\"wj-sys-num\">04<\/span>\r\n                    <h3 class=\"wj-sys-name\">\u901a\u8def\u8207\u793e\u5340\u8cc7\u6e90<\/h3>\r\n                <\/div>\r\n                \r\n                <div class=\"wj-sys-body\">\r\n                    <div class=\"wj-feature-list\">\r\n                        <div class=\"wj-feat-point\">\u91cc\u9577\u8207\u793e\u5340\u8cc7\u6e90\u6574\u5408<\/div>\r\n                        <div class=\"wj-feat-point\">\u5be6\u9ad4\u6d3b\u52d5\u3001\u8aaa\u660e\u6703\u652f\u63f4<\/div>\r\n                        <div class=\"wj-feat-point\">\u8de8\u901a\u8def\u5408\u4f5c\u8207\u8f49\u4ecb\u6a5f\u5236<\/div>\r\n                    <\/div>\r\n                    <div class=\"wj-sys-goal\">\r\n                        <span class=\"wj-goal-icon\">GOAL<\/span>\r\n                        \u8b93\u6210\u4ea4\u4e0d\u518d\u5b64\u8ecd\u596e\u6230\u3002\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"wj-hover-indicator\">\u2199<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\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-bbaee70 e-flex e-con-boxed e-con e-parent\" data-id=\"bbaee70\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9c5b3e elementor-widget elementor-widget-html\" data-id=\"c9c5b3e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u5f15\u5165\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-bg-white: #FFFFFF;\r\n    --wj-text-dark: #0f172a;\r\n    --wj-text-mute: #64748b;\r\n    \/* \u3010\u8272\u5f69\u5347\u7d1a\u6838\u5fc3\u3011 *\/\r\n    \/* \u539f\u672c\u7684\u4e3b\u7da0\u8272 -> \u66ff\u63db\u70ba\u6df1\u9752\u7da0\u8272 (\u7528\u65bc\u5f37\u8abf\u3001\u908a\u6846\u3001\u4e3b\u8996\u89ba\u5143\u7d20) *\/\r\n    --wj-green-main: #1b504a; \r\n    \/* \u539f\u672c\u7684\u4eae\u7da0\u8272 -> \u66ff\u63db\u70ba\u6c88\u7a69\u7070\u7da0\u8272 (\u7528\u65bcHover\u72c0\u614b\u3001\u6b21\u8981\u5149\u6688) *\/\r\n    --wj-green-neon: #2e5953; \r\n    --wj-line-light: #e2e8f0;\r\n}\r\n\r\n#wj-recruit-v21 {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: var(--wj-bg-white);\r\n    font-family: 'Space Grotesk', 'Noto Sans TC', sans-serif;\r\n    padding: 120px 5%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   [\u80cc\u666f\u6838\u5fc3] \u9ede\u9663\u77e9\u9663 (\u4f7f\u7528\u65b0\u4e3b\u8272)\r\n   ========================================= *\/\r\n#wj-recruit-v21::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    \/* \u4f7f\u7528\u65b0\u7684\u6df1\u9752\u7da0\u8272 *\/\r\n    background-image: radial-gradient(var(--wj-green-main) 1.5px, transparent 1.5px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.08; \r\n    z-index: 0; \r\n    pointer-events: none;\r\n}\r\n\r\n\/* \u4fdd\u7559\u539f\u672c\u7684\u96f7\u9054\u6ce2\u7d0b\uff0c\u4f5c\u70ba\u6b21\u8981\u88dd\u98fe *\/\r\n#wj-recruit-v21::after {\r\n    content: '';\r\n    position: absolute; top: 20%; left: 50%; transform: translateX(-50%);\r\n    width: 800px; height: 800px;\r\n    \/* \u66f4\u65b0\u6ce2\u7d0b\u6f38\u5c64 RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: radial-gradient(circle, rgba(27, 80, 74, 0.03) 0%, transparent 70%);\r\n    border-radius: 50%;\r\n    z-index: 0; \r\n    pointer-events: none;\r\n}\r\n\r\n.wj-recruit-container {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- Header --- *\/\r\n.wj-recruit-header {\r\n    text-align: center;\r\n    margin-bottom: 80px;\r\n}\r\n.wj-recruit-tag {\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    letter-spacing: 2px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n}\r\n.wj-recruit-title {\r\n    font-size: clamp(2.2rem, 4vw, 3.5rem);\r\n    font-weight: 900;\r\n    color: var(--wj-text-dark);\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\/* --- Part 1: \u4eba\u624d\u96f7\u9054 (Radar Grid) --- *\/\r\n.wj-radar-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 60px;\r\n    margin-bottom: 100px;\r\n}\r\n\r\n\/* \u5713\u5f62\u7bc0\u9ede *\/\r\n.wj-radar-node {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 25px;\r\n    padding: 20px;\r\n    border-radius: 100px;\r\n    transition: all 0.4s ease;\r\n    cursor: default;\r\n    position: relative;\r\n}\r\n\r\n\/* \u5713\u5f62 Icon (\u96f7\u9054\u6838\u5fc3) *\/\r\n.wj-radar-core {\r\n    width: 70px; height: 70px;\r\n    border-radius: 50%;\r\n    background: #FFFFFF; \r\n    border: 2px solid var(--wj-line-light);\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-size: 1.8rem;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    transition: all 0.4s ease;\r\n    z-index: 1;\r\n}\r\n\r\n\/* \u96f7\u9054\u6ce2\u7d0b\u52d5\u756b *\/\r\n.wj-radar-core::after {\r\n    content: '';\r\n    position: absolute; inset: -5px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--wj-green-neon); \/* \u4f7f\u7528\u65b0\u8f14\u52a9\u8272 *\/\r\n    opacity: 0;\r\n    transform: scale(0.8);\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.wj-radar-text {\r\n    font-size: 1.15rem;\r\n    font-weight: 700;\r\n    color: var(--wj-text-dark);\r\n    line-height: 1.4;\r\n    text-shadow: 0 0 10px rgba(255,255,255,0.8); \r\n}\r\n\r\n\/* Hover \u4e92\u52d5 *\/\r\n.wj-radar-node:hover .wj-radar-core {\r\n    border-color: var(--wj-green-neon); \/* Hover \u908a\u6846\u8b8a\u65b0\u8f14\u52a9\u8272 *\/\r\n    \/* \u66f4\u65b0 Hover \u80cc\u666f RGBA\uff0c\u4f7f\u7528\u65b0\u4e3b\u8272\u7684 RGB \u503c (27, 80, 74) *\/\r\n    background: rgba(27, 80, 74, 0.05);\r\n    color: var(--wj-green-main); \/* Hover Icon \u8b8a\u65b0\u4e3b\u8272 *\/\r\n    \/* \u66f4\u65b0 Hover \u9670\u5f71 RGBA *\/\r\n    box-shadow: 0 0 20px rgba(27, 80, 74, 0.2);\r\n}\r\n.wj-radar-node:hover .wj-radar-core::after {\r\n    opacity: 1;\r\n    transform: scale(1.3);\r\n    animation: pulseWave 1.5s infinite;\r\n}\r\n.wj-radar-node:hover .wj-radar-text {\r\n    color: var(--wj-green-main); \/* Hover \u6587\u5b57\u8b8a\u65b0\u4e3b\u8272 *\/\r\n}\r\n\r\n@keyframes pulseWave {\r\n    0% { transform: scale(1); opacity: 0.8; }\r\n    100% { transform: scale(1.6); opacity: 0; }\r\n}\r\n\r\n\r\n\/* --- Part 2: \u5fc3\u614b\u904e\u6e21 (Mindset Bridge) --- *\/\r\n.wj-mindset-box {\r\n    text-align: center;\r\n    margin-bottom: 100px;\r\n    position: relative;\r\n}\r\n.wj-mindset-box::before {\r\n    content: ''; position: absolute; top: -50px; left: 50%; transform: translateX(-50%);\r\n    width: 2px; height: 50px; background: linear-gradient(to bottom, transparent, var(--wj-line-light));\r\n}\r\n\r\n.wj-mindset-content {\r\n    display: inline-block;\r\n    background: #f8fafc; \r\n    padding: 40px 60px;\r\n    border-radius: 100px;\r\n    position: relative;\r\n    border: 1px solid var(--wj-line-light); \r\n}\r\n\r\n.wj-mindset-no {\r\n    color: var(--wj-text-mute);\r\n    text-decoration: line-through;\r\n    font-size: 1rem;\r\n    margin-bottom: 10px;\r\n    display: block;\r\n}\r\n.wj-mindset-yes {\r\n    font-size: 1.5rem;\r\n    font-weight: 800;\r\n    color: var(--wj-text-dark);\r\n}\r\n.wj-mindset-yes span { color: var(--wj-green-main); } \/* \u91cd\u9ede\u6587\u5b57\u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n\r\n\r\n\/* --- Part 3: \u5408\u4f5c\u6a21\u5f0f (Growth Timeline) --- *\/\r\n.wj-timeline-section {\r\n    position: relative;\r\n    padding-left: 50px;\r\n}\r\n\r\n.wj-timeline-line {\r\n    position: absolute;\r\n    left: 15px;\r\n    top: 0; bottom: 0;\r\n    width: 2px;\r\n    background: var(--wj-line-light);\r\n}\r\n.wj-timeline-progress {\r\n    position: absolute;\r\n    left: 15px; top: 0;\r\n    width: 2px; height: 100%;\r\n    \/* \u4f7f\u7528\u65b0\u4e3b\u8272\u8207\u8f14\u52a9\u8272\u505a\u6f38\u5c64 *\/\r\n    background: linear-gradient(to bottom, var(--wj-green-neon), var(--wj-green-main), transparent);\r\n    opacity: 0.5;\r\n}\r\n\r\n.wj-timeline-item {\r\n    position: relative;\r\n    margin-bottom: 60px;\r\n    padding-left: 40px;\r\n    cursor: default;\r\n    group: timeline;\r\n}\r\n.wj-timeline-item:last-child { margin-bottom: 0; }\r\n\r\n.wj-timeline-dot {\r\n    position: absolute;\r\n    left: 6px;\r\n    top: 5px;\r\n    width: 20px; height: 20px;\r\n    background: #FFFFFF; \r\n    border: 3px solid var(--wj-line-light);\r\n    border-radius: 50%;\r\n    z-index: 2;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.wj-timeline-item:hover .wj-timeline-dot {\r\n    border-color: var(--wj-green-neon); \/* Hover \u908a\u6846\u8b8a\u65b0\u8f14\u52a9\u8272 *\/\r\n    background: var(--wj-green-main); \/* Hover \u80cc\u666f\u8b8a\u65b0\u4e3b\u8272 *\/\r\n    transform: scale(1.3);\r\n    \/* \u66f4\u65b0 Hover \u5149\u6688\u9670\u5f71 (\u4f7f\u7528\u65b0\u8f14\u52a9\u8272) *\/\r\n    box-shadow: 0 0 15px var(--wj-green-neon);\r\n}\r\n\r\n.wj-time-title {\r\n    font-size: 1.4rem;\r\n    font-weight: 800;\r\n    color: var(--wj-text-dark);\r\n    margin-bottom: 10px;\r\n    transition: color 0.3s;\r\n    background: rgba(255,255,255,0.6); \r\n    display: inline-block;\r\n}\r\n.wj-time-desc {\r\n    font-size: 1rem;\r\n    color: var(--wj-text-mute);\r\n    line-height: 1.6;\r\n    background: rgba(255,255,255,0.6); \r\n    display: block;\r\n}\r\n\r\n.wj-timeline-item:hover .wj-time-title { color: var(--wj-green-main); } \/* Hover \u6a19\u984c\u8b8a\u65b0\u4e3b\u8272 *\/\r\n\r\n.wj-timeline-item.future .wj-timeline-dot {\r\n    border-style: dashed;\r\n}\r\n\r\n\/* --- Footer Note --- *\/\r\n.wj-recruit-footer {\r\n    margin-top: 80px;\r\n    text-align: center;\r\n    font-size: 0.9rem;\r\n    color: var(--wj-text-mute);\r\n    font-style: italic;\r\n}\r\n\r\n\/* RWD *\/\r\n@media (max-width: 900px) {\r\n    #wj-recruit-v21 { padding: 80px 20px; }\r\n    .wj-radar-grid { grid-template-columns: 1fr; gap: 30px; }\r\n    .wj-mindset-content { padding: 30px; border-radius: 20px; width: 100%; box-sizing: border-box;}\r\n    .wj-mindset-yes { font-size: 1.2rem; }\r\n    .wj-timeline-section { padding-left: 30px; }\r\n    .wj-timeline-line, .wj-timeline-progress { left: 8px; }\r\n    .wj-timeline-dot { left: 0; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wj-recruit-v21\">\r\n    <div class=\"wj-recruit-container\">\r\n        \r\n        <div class=\"wj-recruit-header\">\r\n            <span class=\"wj-recruit-tag\">PARTNERSHIP<\/span>\r\n            <h2 class=\"wj-recruit-title\">\u6211\u5011\u5728\u627e\u8ab0\uff1f<\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"wj-radar-grid\">\r\n            <div class=\"wj-radar-node\">\r\n                <div class=\"wj-radar-core\">\ud83d\udce2<\/div>\r\n                <div class=\"wj-radar-text\">\u6709\u793e\u5340\u5f71\u97ff\u529b\u7684<br>\u91cc\u9577\u3001\u793e\u5340\u5e79\u90e8<\/div>\r\n            <\/div>\r\n            <div class=\"wj-radar-node\">\r\n                <div class=\"wj-radar-core\">\ud83d\ude80<\/div>\r\n                <div class=\"wj-radar-text\">\u60f3\u5efa\u7acb\u9577\u671f\u4e8b\u696d\u7684<br>\u659c\u69d3\u5de5\u4f5c\u8005<\/div>\r\n            <\/div>\r\n            <div class=\"wj-radar-node\">\r\n                <div class=\"wj-radar-core\">\ud83d\udca1<\/div>\r\n                <div class=\"wj-radar-text\">\u5c0d\u6587\u5316\u3001\u623f\u7522\u3001<br>\u5065\u5eb7\u7522\u696d\u6709\u8208\u8da3\u8005<\/div>\r\n            <\/div>\r\n            <div class=\"wj-radar-node\">\r\n                <div class=\"wj-radar-core\">\ud83e\udd1d<\/div>\r\n                <div class=\"wj-radar-text\">\u9858\u610f\u5b78\u7fd2\u3001<br>\u91cd\u8996\u4fe1\u4efb\u8207\u670d\u52d9\u50f9\u503c\u8005<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-mindset-box\">\r\n            <div class=\"wj-mindset-content\">\r\n                <span class=\"wj-mindset-no\">\ud83d\udc49 \u4e0d\u9700\u8981\u4f60\u4e00\u958b\u59cb\u5c31\u5f88\u6703\u8ce3<\/span>\r\n                <div class=\"wj-mindset-yes\">\r\n                    \u53ea\u8981\u4f60\u9858\u610f <span>\u7d93\u71df\u95dc\u4fc2<\/span>\u3001\u8ddf\u8457 <span>\u7cfb\u7d71\u8d70<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-timeline-section\">\r\n            <div class=\"wj-timeline-line\"><\/div>\r\n            <div class=\"wj-timeline-progress\"><\/div> \r\n\r\n            <div class=\"wj-timeline-item\">\r\n                <div class=\"wj-timeline-dot\"><\/div>\r\n                <h3 class=\"wj-time-title\">\u5f48\u6027\u7d93\u92b7\uff0f\u5408\u4f5c\u5925\u4f34\u5236\u5ea6<\/h3>\r\n                <p class=\"wj-time-desc\">\u9580\u6abb\u53cb\u5584\uff0c\u5c08\u6ce8\u65bc\u5206\u4eab\u50f9\u503c\u8207\u7d93\u71df\u4fe1\u4efb\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"wj-timeline-item\">\r\n                <div class=\"wj-timeline-dot\"><\/div>\r\n                <h3 class=\"wj-time-title\">\u6e05\u695a\u5206\u6f64\u3001\u5236\u5ea6\u900f\u660e<\/h3>\r\n                <p class=\"wj-time-desc\">\u7cfb\u7d71\u5316\u5f8c\u53f0\u7d00\u9304\u6bcf\u4e00\u7b46\u6210\u4ea4\uff0c\u4fdd\u969c\u60a8\u7684\u9577\u671f\u6536\u76ca\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"wj-timeline-item\">\r\n                <div class=\"wj-timeline-dot\"><\/div>\r\n                <h3 class=\"wj-time-title\">\u9010\u6b65\u5347\u7d1a\u70ba\u5340\u57df\u5408\u4f5c\u5925\u4f34<\/h3>\r\n                <p class=\"wj-time-desc\">\u7d2f\u7a4d\u5be6\u7e3e\u8207\u5718\u968a\uff0c\u7372\u5f97\u66f4\u591a\u96c6\u5718\u8cc7\u6e90\u50be\u659c\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"wj-timeline-item future\">\r\n                <div class=\"wj-timeline-dot\"><\/div>\r\n                <h3 class=\"wj-time-title\">\u6210\u7acb\u7368\u7acb\u516c\u53f8\uff0c\u7e3d\u90e8\u6301\u7e8c\u8ce6\u80fd<\/h3>\r\n                <p class=\"wj-time-desc\">\u9019\u4e0d\u53ea\u662f\u4e00\u4efd\u517c\u8077\uff0c\u800c\u662f\u4e00\u689d\u901a\u5f80\u4f01\u696d\u4e3b\u7684\u5275\u696d\u4e4b\u8def\u3002<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-recruit-footer\">\r\n            \uff08\u8a73\u7d30\u5408\u4f5c\u65b9\u6848\u5c07\u65bc\u8aaa\u660e\u6703\u6216\u4e00\u5c0d\u4e00\u6d3d\u8ac7\u4e2d\u63d0\u4f9b\uff09\r\n        <\/div>\r\n\r\n    <\/div>\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-4d735ad e-flex e-con-boxed e-con e-parent\" data-id=\"4d735ad\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d256011 e-flex e-con-boxed e-con e-parent\" data-id=\"d256011\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-305306a elementor-widget elementor-widget-html\" data-id=\"305306a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* \u5f15\u5165\u5b57\u9ad4 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;700&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');\r\n\r\n:root {\r\n    --wj-white: #FFFFFF;\r\n    --wj-black: #0f172a;\r\n    --wj-gray: #64748b;\r\n    \/* \u3010\u8272\u5f69\u5347\u7d1a\u6838\u5fc3\u3011 *\/\r\n    \/* \u539f\u672c\u7684\u4e3b\u7da0\u8272 -> \u66ff\u63db\u70ba\u6df1\u9752\u7da0\u8272 (\u7528\u65bc\u5f37\u8abf\u3001\u908a\u6846\u3001\u6587\u5b57) *\/\r\n    --wj-green-main: #1b504a;\r\n    \/* \u539f\u672c\u7684\u4eae\u7da0\u8272 -> \u66ff\u63db\u70ba\u6c88\u7a69\u7070\u7da0\u8272 (\u7528\u65bcHover\u7bad\u982d\u3001\u88dd\u98fe\u5c0f\u9ede) *\/\r\n    --wj-green-neon: #2e5953; \r\n    --wj-border-heavy: 2px solid #0f172a;\r\n    --wj-border-thin: 1px solid #e2e8f0;\r\n}\r\n\r\n#wj-footer-v23 {\r\n    position: relative;\r\n    width: 100%;\r\n    background-color: var(--wj-white);\r\n    font-family: 'Space Grotesk', 'Noto Sans TC', sans-serif;\r\n    padding: 100px 5% 0 5%;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    color: var(--wj-black);\r\n    \/* \u78ba\u4fdd\u7236\u5c64\u6709\u5b9a\u4f4d\u57fa\u6e96 *\/\r\n    z-index: 1;\r\n}\r\n\r\n\/* =========================================\r\n   [\u80cc\u666f\u6838\u5fc3] \u9ede\u9663\u77e9\u9663 (\u4f7f\u7528\u65b0\u4e3b\u8272)\r\n   ========================================= *\/\r\n#wj-footer-v23::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    \/* \u4f7f\u7528\u65b0\u7684\u6df1\u9752\u7da0\u8272 *\/\r\n    background-image: radial-gradient(var(--wj-green-main) 1.5px, transparent 1.5px);\r\n    background-size: 40px 40px;\r\n    opacity: 0.08; \r\n    z-index: 0; \r\n    pointer-events: none;\r\n}\r\n\r\n.wj-final-wrapper {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- Part 1: \u4e3b\u8981 CTA \u5340\u584a --- *\/\r\n.wj-cta-split {\r\n    display: grid;\r\n    grid-template-columns: 1.2fr 0.8fr;\r\n    gap: 60px;\r\n    padding-bottom: 100px;\r\n    align-items: end;\r\n}\r\n\r\n.wj-cta-text-area { position: relative; }\r\n\r\n.wj-cta-label {\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    letter-spacing: 2px;\r\n    margin-bottom: 30px;\r\n    display: flex; align-items: center;\r\n}\r\n.wj-cta-label::before {\r\n    content: ''; width: 12px; height: 12px; \r\n    background: var(--wj-green-neon); \/* \u4f7f\u7528\u65b0\u8f14\u52a9\u8272 *\/\r\n    margin-right: 12px;\r\n}\r\n\r\n.wj-cta-heading {\r\n    font-size: clamp(2.5rem, 4vw, 4.5rem);\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n    margin-bottom: 40px;\r\n    letter-spacing: -0.03em;\r\n    text-shadow: 0 0 20px rgba(255,255,255,0.8);\r\n}\r\n\r\n.wj-cta-desc {\r\n    font-size: 1.25rem;\r\n    line-height: 1.8;\r\n    color: var(--wj-gray);\r\n    font-weight: 500;\r\n    max-width: 600px;\r\n    border-left: 4px solid var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    padding-left: 25px;\r\n    background: rgba(255,255,255,0.6);\r\n    backdrop-filter: blur(2px);\r\n}\r\n\r\n\/* \u6309\u9215\u5340 *\/\r\n.wj-cta-actions {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n}\r\n\r\n\/* \u5de8\u578b\u65b9\u584a\u6309\u9215 *\/\r\n.wj-block-btn {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 30px 40px;\r\n    background: #f8fafc;\r\n    border: 1px solid #cbd5e1;\r\n    color: var(--wj-black);\r\n    text-decoration: none;\r\n    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.wj-btn-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    z-index: 2;\r\n}\r\n.wj-btn-title { font-size: 1.5rem; font-weight: 700; }\r\n.wj-btn-sub {\r\n    font-size: 0.9rem;\r\n    color: var(--wj-gray);\r\n    margin-top: 5px;\r\n    font-weight: 500;\r\n    transition: color 0.3s;\r\n}\r\n\r\n.wj-btn-arrow {\r\n    font-size: 2rem;\r\n    z-index: 2;\r\n    transition: transform 0.3s;\r\n}\r\n\r\n.wj-block-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; width: 0%; height: 100%;\r\n    background: var(--wj-black);\r\n    z-index: 1;\r\n    transition: width 0.4s cubic-bezier(0.65, 0, 0.35, 1);\r\n}\r\n\r\n.wj-block-btn:hover {\r\n    border-color: var(--wj-black);\r\n    transform: translateX(-10px);\r\n}\r\n.wj-block-btn:hover::before { width: 100%; }\r\n.wj-block-btn:hover .wj-btn-title { color: #fff; }\r\n.wj-block-btn:hover .wj-btn-sub { color: #cbd5e1; }\r\n.wj-block-btn:hover .wj-btn-arrow { \r\n    color: var(--wj-green-neon); \/* Hover \u7bad\u982d\u8b8a\u65b0\u8f14\u52a9\u8272 *\/\r\n    transform: translateX(10px); \r\n}\r\n\r\n\/* --- Part 2: \u5e95\u90e8\u8cc7\u8a0a\u7db2\u683c --- *\/\r\n.wj-footer-grid {\r\n    border-top: var(--wj-border-heavy);\r\n    display: grid;\r\n    grid-template-columns: 1.5fr 1fr 1fr 1fr;\r\n    background: rgba(255,255,255,0.9);\r\n}\r\n\r\n.wj-footer-cell {\r\n    padding: 40px 30px;\r\n    border-right: var(--wj-border-thin);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n}\r\n.wj-footer-cell:last-child { border-right: none; }\r\n\r\n.wj-ft-brand {\r\n    font-family: 'Space Grotesk', sans-serif;\r\n    font-size: 1.5rem;\r\n    font-weight: 800;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n}\r\n.wj-ft-slogan { font-size: 0.9rem; color: var(--wj-gray); line-height: 1.6; }\r\n\r\n.wj-ft-label {\r\n    font-size: 0.8rem;\r\n    font-weight: 700;\r\n    color: var(--wj-green-main); \/* \u4f7f\u7528\u65b0\u4e3b\u8272 *\/\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.wj-ft-link {\r\n    font-size: 1.1rem;\r\n    color: var(--wj-black);\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    margin-bottom: 10px;\r\n    transition: color 0.2s;\r\n    display: block;\r\n}\r\n.wj-ft-link:hover { \r\n    color: var(--wj-green-main); \/* Hover \u9023\u7d50\u8b8a\u65b0\u4e3b\u8272 *\/\r\n    text-decoration: underline; \r\n}\r\n\r\n.wj-copyright-bar {\r\n    border-top: var(--wj-border-thin);\r\n    padding: 20px 0;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 0.85rem;\r\n    color: #94a3b8;\r\n    background: #fafafa;\r\n    padding-left: 5%; padding-right: 5%;\r\n    margin-left: -5.5%; margin-right: -5.5%;\r\n}\r\n\r\n\/* RWD *\/\r\n@media (max-width: 900px) {\r\n    #wj-footer-v23 { padding: 80px 20px 0 20px; }\r\n    .wj-cta-split { grid-template-columns: 1fr; gap: 50px; padding-bottom: 60px;}\r\n    .wj-cta-heading { font-size: 2.5rem; }\r\n    .wj-footer-grid { grid-template-columns: 1fr; border-top: 2px solid #0f172a; }\r\n    .wj-footer-cell { border-right: none; border-bottom: 1px solid #e2e8f0; padding: 30px 0; }\r\n    .wj-copyright-bar { flex-direction: column; gap: 10px; text-align: center; }\r\n}\r\n<\/style>\r\n\r\n<div id=\"wj-footer-v23\">\r\n    <div class=\"wj-final-wrapper\">\r\n        \r\n        <div class=\"wj-cta-split\">\r\n            <div class=\"wj-cta-text-area\">\r\n                <div class=\"wj-cta-label\">NEXT STEP<\/div>\r\n                <h2 class=\"wj-cta-heading\">\r\n                    \u4e00\u8d77\uff0c\u628a\u901a\u8def<br>\r\n                    \u8b8a\u6210\u9577\u671f\u4e8b\u696d\u3002\r\n                <\/h2>\r\n                <div class=\"wj-cta-desc\">\r\n                    \u5982\u679c\u4f60\u6b63\u5728\u5c0b\u627e\u4e00\u500b\u6709\u96c6\u5718\u8cc7\u6e90\u3001\u6709\u7522\u54c1\u6df1\u5ea6\u3001\u6709\u9577\u671f\u767c\u5c55\u6027\u7684\u5408\u4f5c\u5e73\u53f0\uff0c\u7121\u7586\u884c\u92b7\u6703\u662f\u4f60\u503c\u5f97\u8a8d\u771f\u4e86\u89e3\u7684\u9078\u64c7\u3002\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wj-cta-actions\">\r\n                <a href=\"#\" class=\"wj-block-btn\" target=\"_blank\">\r\n                    <div class=\"wj-btn-content\">\r\n                        <span class=\"wj-btn-title\">\u7acb\u5373\u806f\u7d61\u6211\u5011<\/span>\r\n                        <span class=\"wj-btn-sub\">Start your partnership journey<\/span>\r\n                    <\/div>\r\n                    <span class=\"wj-btn-arrow\">\u2794<\/span>\r\n                <\/a>\r\n                \r\n                <a href=\"#\" class=\"wj-block-btn\" target=\"_blank\">\r\n                    <div class=\"wj-btn-content\">\r\n                        <span class=\"wj-btn-title\">\u9810\u7d04\u5408\u4f5c\u8aaa\u660e<\/span>\r\n                        <span class=\"wj-btn-sub\">Book a consultation meeting<\/span>\r\n                    <\/div>\r\n                    <span class=\"wj-btn-arrow\">\u2198<\/span>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-footer-grid\">\r\n            <div class=\"wj-footer-cell\">\r\n                <span class=\"wj-ft-brand\">WU JIANG<\/span>\r\n                <p class=\"wj-ft-slogan\">\u7687\u9806\u96c6\u5718\u65d7\u4e0b<br>\u5c08\u696d\u901a\u8def\u4ee3\u92b7\u5e73\u53f0<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"wj-footer-cell\">\r\n                <span class=\"wj-ft-label\">INQUIRY<\/span>\r\n                <a href=\"mailto:service@wujiang.com\" class=\"wj-ft-link\">service@wujiang.com<\/a>\r\n                <span class=\"wj-ft-link\"><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wj-footer-cell\">\r\n                <span class=\"wj-ft-label\">PHONE<\/span>\r\n                <a href=\"tel:033012010\" class=\"wj-ft-link\">03 301 2010<\/a>\r\n                <span class=\"wj-ft-link\">\u9031\u4e00\u81f3\u9031\u4e94 09:00-18:00<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"wj-footer-cell\">\r\n                <span class=\"wj-ft-label\">LOCATION<\/span>\r\n                <span class=\"wj-ft-link\">\u7687\u9806\u96c6\u5718\u7e3d\u90e8<\/span>\r\n                <a href=\"https:\/\/maps.google.com\/?q=110\u81fa\u5317\u5e02\u4fe1\u7fa9\u5340\u57fa\u9686\u8def\u4e00\u6bb5141\u865f13\u6a13\u4e4b9\" target=\"_blank\" class=\"wj-ft-link\" style=\"font-size:0.95rem; font-weight:400;\">\r\n                    105\u53f0\u5317\u5e02\u677e\u5c71\u5340\u6c11\u751f\u6771\u8def\u4e09\u6bb5129\u865f7\u6a137A\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wj-copyright-bar\">\r\n            <span>\u00a9 2025 WU JIANG MARKETING.<\/span>\r\n            <span>Infrastructure for Community Sales.<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\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>\u96c6\u5718\u80cc\u666f \u9858\u666f \u6838\u5fc3\u7522\u54c1 \u8ce6\u80fd\u7cfb\u7d71 \u806f\u7e6b\u6211\u5011 \u96c6\u5718\u80cc\u666f \u9858\u666f \u6838\u5fc3\u7522\u54c1 \u8ce6\u80fd\u7cfb\u7d71 \u806f\u7e6b\u6211\u5011 \u7687\u9806\u96c6\u5718\u65d7\u4e0b \uff5c  [&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-6","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home &#8226; \u7121\u7586\u884c\u92b7 | Wujang<\/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:\/\/wujang.com\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home &#8226; \u7121\u7586\u884c\u92b7 | Wujang\" \/>\n<meta property=\"og:description\" content=\"\u96c6\u5718\u80cc\u666f \u9858\u666f \u6838\u5fc3\u7522\u54c1 \u8ce6\u80fd\u7cfb\u7d71 \u806f\u7e6b\u6211\u5011 \u96c6\u5718\u80cc\u666f \u9858\u666f \u6838\u5fc3\u7522\u54c1 \u8ce6\u80fd\u7cfb\u7d71 \u806f\u7e6b\u6211\u5011 \u7687\u9806\u96c6\u5718\u65d7\u4e0b \uff5c [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wujang.com\/\" \/>\n<meta property=\"og:site_name\" content=\"\u7121\u7586\u884c\u92b7 | Wujang\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-19T09:41:03+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"31 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wujang.com\/\",\"url\":\"https:\/\/wujang.com\/\",\"name\":\"Home &#8226; \u7121\u7586\u884c\u92b7 | Wujang\",\"isPartOf\":{\"@id\":\"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/#website\"},\"datePublished\":\"2025-12-17T08:30:01+00:00\",\"dateModified\":\"2026-03-19T09:41:03+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/wujang.com\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wujang.com\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wujang.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wujang.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/#website\",\"url\":\"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/\",\"name\":\"\u7121\u7586\u884c\u92b7 | \u7687\u9806\u96c6\u5718\u65d7\u4e0b\u793e\u5340\u901a\u8def\u5e73\u53f0\",\"description\":\"\u7687\u9806\u96c6\u5718\u65d7\u4e0b\u5c08\u696d\u5e73\u53f0\uff0c\u7121\u7586\u884c\u92b7\u5c08\u6ce8\u65bc\u300c\u9280\u9aee \u00d7 \u793e\u5340 \u00d7 \u50f9\u503c\u578b\u7522\u54c1\u300d\u3002\u6574\u5408\u6587\u5316\u79ae\u5100\u3001\u623f\u5730\u7522\u8207\u5927\u5065\u5eb7\u8cc7\u6e90\uff0c\u70ba\u5bb6\u5ead\u63d0\u4f9b\u5b89\u5fc3\u898f\u5283\uff0c\u4e26\u5354\u52a9\u7d93\u92b7\u5925\u4f34\u5728\u793e\u5340\u5efa\u7acb\u9577\u671f\u4fe1\u4efb\u8207\u7a69\u5b9a\u6536\u76ca\",\"alternateName\":\"\u7121\u7586\u884c\u92b7\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/?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 &#8226; \u7121\u7586\u884c\u92b7 | Wujang","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:\/\/wujang.com\/","og_locale":"zh_TW","og_type":"article","og_title":"Home &#8226; \u7121\u7586\u884c\u92b7 | Wujang","og_description":"\u96c6\u5718\u80cc\u666f \u9858\u666f \u6838\u5fc3\u7522\u54c1 \u8ce6\u80fd\u7cfb\u7d71 \u806f\u7e6b\u6211\u5011 \u96c6\u5718\u80cc\u666f \u9858\u666f \u6838\u5fc3\u7522\u54c1 \u8ce6\u80fd\u7cfb\u7d71 \u806f\u7e6b\u6211\u5011 \u7687\u9806\u96c6\u5718\u65d7\u4e0b \uff5c [&hellip;]","og_url":"https:\/\/wujang.com\/","og_site_name":"\u7121\u7586\u884c\u92b7 | Wujang","article_modified_time":"2026-03-19T09:41:03+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"31 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wujang.com\/","url":"https:\/\/wujang.com\/","name":"Home &#8226; \u7121\u7586\u884c\u92b7 | Wujang","isPartOf":{"@id":"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/#website"},"datePublished":"2025-12-17T08:30:01+00:00","dateModified":"2026-03-19T09:41:03+00:00","breadcrumb":{"@id":"https:\/\/wujang.com\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wujang.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wujang.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wujang.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/#website","url":"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/","name":"\u7121\u7586\u884c\u92b7 | \u7687\u9806\u96c6\u5718\u65d7\u4e0b\u793e\u5340\u901a\u8def\u5e73\u53f0","description":"\u7687\u9806\u96c6\u5718\u65d7\u4e0b\u5c08\u696d\u5e73\u53f0\uff0c\u7121\u7586\u884c\u92b7\u5c08\u6ce8\u65bc\u300c\u9280\u9aee \u00d7 \u793e\u5340 \u00d7 \u50f9\u503c\u578b\u7522\u54c1\u300d\u3002\u6574\u5408\u6587\u5316\u79ae\u5100\u3001\u623f\u5730\u7522\u8207\u5927\u5065\u5eb7\u8cc7\u6e90\uff0c\u70ba\u5bb6\u5ead\u63d0\u4f9b\u5b89\u5fc3\u898f\u5283\uff0c\u4e26\u5354\u52a9\u7d93\u92b7\u5925\u4f34\u5728\u793e\u5340\u5efa\u7acb\u9577\u671f\u4fe1\u4efb\u8207\u7a69\u5b9a\u6536\u76ca","alternateName":"\u7121\u7586\u884c\u92b7","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wujang-fd4e7e.ingress-florina.ewp.live\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/wujang.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wujang.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wujang.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wujang.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wujang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":5,"href":"https:\/\/wujang.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":74,"href":"https:\/\/wujang.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions\/74"}],"wp:attachment":[{"href":"https:\/\/wujang.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}