RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd<\/title>\r\n <style>\r\n \/* =========================================\r\n 1. \u57fa\u790e\u91cd\u7f6e & CSS \u8b8a\u6578\r\n ========================================= *\/\r\n :root {\r\n --bg-dark: #0f172a; \r\n --bg-grid: rgba(56, 189, 248, 0.12);\r\n --accent: #FFB800;\r\n --text-main: #f8fafc;\r\n --text-muted: #94a3b8;\r\n --header-height: 80px;\r\n }\r\n\r\n * {\r\n margin: 0; padding: 0; \r\n box-sizing: border-box !important; \r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n\r\n body, html {\r\n width: 100%;\r\n background-color: var(--bg-dark);\r\n color: var(--text-main);\r\n }\r\n\r\n body.no-scroll { overflow: hidden !important; }\r\n\r\n \/* =========================================\r\n 2. \u5171\u7528\u6846\u67b6 (\u5c0d\u6297 WP\/Elementor \u5bb9\u5668\u9650\u5236)\r\n ========================================= *\/\r\n .rl-container {\r\n max-width: 1440px; \r\n margin: 0 auto; \r\n padding: 0 40px; \r\n width: 100%;\r\n height: 100%;\r\n position: relative; \r\n }\r\n\r\n \/* =========================================\r\n 3. \u96fb\u8166\u7248 Header (\u7d55\u5c0d\u7f6e\u4e2d + \u4e0d\u8ddf\u96a8\u6efe\u52d5)\r\n ========================================= *\/\r\n .reflink-header {\r\n position: absolute; \/* \u6539\u70ba absolute\uff0c\u4f7f\u5176\u7559\u5728\u7db2\u9801\u6700\u9802\u7aef\uff0c\u4e0d\u96a8\u756b\u9762\u6efe\u52d5 *\/\r\n top: 0; left: 0; right: 0;\r\n height: var(--header-height);\r\n z-index: 99999;\r\n }\r\n\r\n .header-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between; \r\n height: 100%;\r\n }\r\n\r\n \/* --- \u5de6\u5074 Logo \u5340 --- *\/\r\n .logo-area { \r\n display: flex; \r\n align-items: center; \r\n z-index: 10; \r\n }\r\n .logo-area img { \r\n height: 45px; \r\n width: auto; \r\n max-width: 250px; \r\n object-fit: contain; \r\n display: block; \r\n }\r\n\r\n \/* --- \u4e2d\u9593 \u5c0e\u89bd\u5217 --- *\/\r\n .nav-links {\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%); \r\n display: flex; \r\n align-items: center; \r\n gap: 2.5rem; \r\n list-style: none;\r\n z-index: 5;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .nav-links a {\r\n color: var(--text-main); text-decoration: none; font-size: 1rem;\r\n font-weight: 500; transition: color 0.3s; white-space: nowrap;\r\n }\r\n .nav-links a:hover { color: var(--accent); }\r\n\r\n \/* --- \u8a9e\u7cfb\u5207\u63db\u6309\u9215 --- *\/\r\n .nav-lang-item { display: flex; align-items: center; }\r\n .lang-toggle {\r\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.2);\r\n color: var(--text-main); padding: 8px 16px; border-radius: 30px;\r\n cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 8px;\r\n white-space: nowrap; font-size: 0.9rem; outline: none;\r\n }\r\n .lang-toggle:hover { border-color: var(--accent); color: var(--accent); background: rgba(255,184,0,0.1); }\r\n\r\n \/* --- \u6f22\u5821\u6309\u9215 --- *\/\r\n .hamburger {\r\n display: none; flex-direction: column; justify-content: space-between;\r\n width: 30px; height: 20px; cursor: pointer; z-index: 100000;\r\n }\r\n .hamburger span {\r\n display: block; width: 100%; height: 2px; background-color: var(--text-main);\r\n transition: all 0.3s ease-in-out; border-radius: 2px;\r\n }\r\n\r\n \/* \u624b\u6a5f\u7248\u9078\u55ae\u906e\u7f69 *\/\r\n .menu-overlay {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100vh;\r\n background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);\r\n z-index: 99998; opacity: 0; visibility: hidden; transition: all 0.3s ease;\r\n }\r\n .menu-overlay.active { opacity: 1; visibility: visible; }\r\n\r\n \/* =========================================\r\n 4. Hero \u5340\u584a\u8207\u52d5\u756b\r\n ========================================= *\/\r\n .hero {\r\n position: relative; min-height: 100vh; width: 100%; \r\n display: flex; align-items: center; justify-content: center;\r\n padding-top: var(--header-height); overflow: hidden;\r\n background: radial-gradient(circle at center top, #1e293b 0%, #0f172a 100%);\r\n }\r\n \r\n .grid-container {\r\n position: absolute; top: 0; left: 0; right: 0; bottom: 0; perspective: 600px; z-index: 0;\r\n }\r\n .grid-plane {\r\n position: absolute; width: 200%; height: 200%; bottom: -50%; left: -50%;\r\n background-image: linear-gradient(var(--bg-grid) 2px, transparent 2px), linear-gradient(90deg, var(--bg-grid) 2px, transparent 2px);\r\n background-size: 60px 60px; transform: rotateX(75deg); transform-origin: center center;\r\n animation: gridMove 3s linear infinite;\r\n mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);\r\n -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);\r\n }\r\n @keyframes gridMove { 0% { background-position: 0 0; } 100% { background-position: 0 60px; } }\r\n \r\n .hero-inner {\r\n position: relative; z-index: 2; width: 100%; display: flex; justify-content: center;\r\n }\r\n\r\n .hero-content { width: 100%; max-width: 900px; text-align: center; }\r\n\r\n .hero h1 { \r\n font-size: 4.2rem; line-height: 1.3; margin-bottom: 1.5rem; \r\n font-weight: 800; letter-spacing: -1px; \r\n }\r\n .highlight {\r\n background: linear-gradient(90deg, #FFB800 0%, #FFE87A 50%, #FFB800 100%);\r\n background-size: 200% auto; color: transparent;\r\n -webkit-background-clip: text; background-clip: text; \r\n animation: shine 3s linear infinite; display: inline-block;\r\n }\r\n @keyframes shine { to { background-position: 200% center; } }\r\n \r\n .hero h2 { font-size: 1.6rem; color: #bae6fd; margin-bottom: 2rem; font-weight: 500; line-height: 1.5; }\r\n .hero p { \r\n font-size: 1.15rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 3.5rem; \r\n max-width: 750px; margin: 0 auto; \r\n }\r\n \r\n .nowrap { white-space: nowrap; }\r\n .mobile-only { display: none; }\r\n\r\n .btn-orbit {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 16px 42px; font-size: 1.1rem; font-weight: 700; color: var(--bg-dark);\r\n background: var(--accent); border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; z-index: 1; box-shadow: 0 0 20px rgba(255, 184, 0, 0.3);\r\n margin-top: 3.5rem;\r\n }\r\n .btn-orbit:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 184, 0, 0.5); }\r\n\r\n \/* =========================================\r\n 5. RWD \u624b\u6a5f\u8207\u5e73\u677f\r\n ========================================= *\/\r\n @media (max-width: 992px) {\r\n .hamburger { display: flex !important; }\r\n\r\n .nav-links {\r\n position: fixed !important; \r\n top: 0 !important; \r\n right: -100% !important; \r\n left: auto !important; \r\n transform: none !important; \r\n width: 300px !important; \r\n max-width: 85vw !important; \r\n height: 100vh !important; \r\n background: #0f172a !important; \r\n border-left: 1px solid rgba(255,255,255,0.1) !important;\r\n flex-direction: column !important; \r\n justify-content: center !important; \r\n align-items: center !important; \r\n gap: 2.5rem !important;\r\n z-index: 99999 !important; \r\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n .nav-links.active { right: 0 !important; }\r\n .nav-links a { font-size: 1.3rem !important; }\r\n \r\n .nav-lang-item {\r\n margin-bottom: 1rem !important; \r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n .lang-toggle { font-size: 1.1rem !important; padding: 12px 28px !important; }\r\n\r\n .hamburger.active span:nth-child(1) { transform: translateY(9px) rotate(45deg) !important; }\r\n .hamburger.active span:nth-child(2) { opacity: 0 !important; }\r\n .hamburger.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg) !important; }\r\n\r\n .rl-container { padding: 0 20px !important; }\r\n .hero h1 { font-size: 1.75rem !important; margin-bottom: 1rem !important; line-height: 1.4 !important; }\r\n .mobile-only { display: block !important; }\r\n .hero h2 { font-size: 1.1rem !important; line-height: 1.5 !important; }\r\n .hero p { font-size: 0.95rem !important; text-align: justify !important; }\r\n .btn-orbit { width: 100% !important; max-width: 280px !important; padding: 14px 0 !important; margin-top: 2rem !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\r\n\r\n <header id=\"navbar\" class=\"reflink-header\">\r\n <div class=\"rl-container header-inner\">\r\n \r\n <div class=\"logo-area\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\" alt=\"RefLink Logo\">\r\n <\/div>\r\n \r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n \r\n <li class=\"nav-lang-item\">\r\n <button class=\"lang-toggle\" id=\"langToggle\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\r\n <\/svg>\r\n <span class=\"lang-text\" data-tw=\"\u7e41 \/ \u7b80\" data-cn=\"\u7b80 \/ \u7e41\">\u7e41 \/ \u7b80<\/span>\r\n <\/button>\r\n <\/li>\r\n\r\n <li><a href=\"#pain-points\" class=\"lang-text\" data-tw=\"\u75db\u9ede\u8a3a\u65b7\" data-cn=\"\u75db\u70b9\u8bca\u65ad\">\u75db\u9ede\u8a3a\u65b7<\/a><\/li>\r\n <li><a href=\"#solutions\" class=\"lang-text\" data-tw=\"\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u89e3\u51b3\u65b9\u6848\">\u89e3\u6c7a\u65b9\u6848<\/a><\/li>\r\n <li><a href=\"#methodology\" class=\"lang-text\" data-tw=\"\u6280\u8853\u6846\u67b6\" data-cn=\"\u6280\u672f\u6846\u67b6\">\u6280\u8853\u6846\u67b6<\/a><\/li>\r\n <li><a href=\"#cases\" class=\"lang-text\" data-tw=\"\u6210\u529f\u6848\u4f8b\" data-cn=\"\u6210\u529f\u6848\u4f8b\">\u6210\u529f\u6848\u4f8b<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\" id=\"hero-section\">\r\n <div class=\"grid-container\"><div class=\"grid-plane\"><\/div><\/div>\r\n \r\n <div class=\"rl-container hero-inner\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"lang-text\" \r\n data-tw=\"<span class='nowrap'>\u4f01\u696d\u4e0d\u9700\u8981\u66f4\u591aAI\u5de5\u5177<\/span><br>\u9700\u8981\u7684\u662f\u4e00\u5957<br><span class='highlight nowrap'>\u53ef\u6301\u7e8c\u589e\u9577\u7684AI\u67b6\u69cb<\/span>\" \r\n data-cn=\"<span class='nowrap'>\u4f01\u4e1a\u4e0d\u9700\u8981\u66f4\u591aAI\u5de5\u5177<\/span><br>\u9700\u8981\u7684\u662f\u4e00\u5957<br><span class='highlight nowrap'>\u53ef\u6301\u7eed\u589e\u957f\u7684AI\u67b6\u6784<\/span>\">\r\n <span class='nowrap'>\u4f01\u696d\u4e0d\u9700\u8981\u66f4\u591aAI\u5de5\u5177<\/span><br>\u9700\u8981\u7684\u662f\u4e00\u5957<br><span class='highlight nowrap'>\u53ef\u6301\u7e8c\u589e\u9577\u7684AI\u67b6\u69cb<\/span>\r\n <\/h1>\r\n \r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u5f9e\u300c\u788e\u7247\u5316AI\u4f7f\u7528\u300d<br class='mobile-only'>\u5347\u7d1a\u70ba\u300c\u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd\u300d\" \r\n data-cn=\"\u4ece\u300c\u788e\u7247\u5316AI\u4f7f\u7528\u300d<br class='mobile-only'>\u5347\u7ea7\u4e3a\u300c\u7cfb\u7edf\u5316AI\u8fd0\u8425\u57fa\u7840\u8bbe\u65bd\u300d\">\r\n \u5f9e\u300c\u788e\u7247\u5316AI\u4f7f\u7528\u300d<br class='mobile-only'>\u5347\u7d1a\u70ba\u300c\u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd\u300d\r\n <\/h2>\r\n \r\n <p class=\"lang-text\" \r\n data-tw=\"\u591a\u6578\u4f01\u696d\u5df2\u7d93\u5728\u4f7f\u7528ChatGPT\u6216\u5404\u7a2eAI\u5de5\u5177\uff0c\u4f46\u554f\u984c\u4e0d\u662f\u300c\u6709\u6c92\u6709\u7528AI\u300d\uff0c\u800c\u662f\uff1aAI\u662f\u5426\u8207\u4f01\u696d\u77e5\u8b58\u7d50\u5408\uff1f\u662f\u5426\u5efa\u7acb\u5c08\u5c6c\u6a21\u578b\uff1f\u662f\u5426\u5d4c\u5165\u5de5\u4f5c\u6d41\u7a0b\uff1f\u6211\u5011\u63d0\u4f9b\u7684\u4e0d\u662f\u5de5\u5177\u5c0e\u5165\uff0c\u800c\u662f\u4f01\u696dAI\u7cfb\u7d71\u8a2d\u8a08\u3002\" \r\n data-cn=\"\u591a\u6570\u4f01\u4e1a\u5df2\u7ecf\u5728\u4f7f\u7528ChatGPT\u6216\u5404\u79cdAI\u5de5\u5177\uff0c\u4f46\u95ee\u9898\u4e0d\u662f\u300c\u6709\u6ca1\u6709\u7528AI\u300d\uff0c\u800c\u662f\uff1aAI\u662f\u5426\u4e0e\u4f01\u4e1a\u77e5\u8bc6\u7ed3\u5408\uff1f\u662f\u5426\u5efa\u7acb\u4e13\u5c5e\u6a21\u578b\uff1f\u662f\u5426\u5d4c\u5165\u5de5\u4f5c\u6d41\u7a0b\uff1f\u6211\u4eec\u63d0\u4f9b\u7684\u4e0d\u662f\u5de5\u5177\u5bfc\u5165\uff0c\u800c\u662f\u4f01\u4e1aAI\u7cfb\u7edf\u8bbe\u8ba1\u3002\">\r\n \u591a\u6578\u4f01\u696d\u5df2\u7d93\u5728\u4f7f\u7528ChatGPT\u6216\u5404\u7a2eAI\u5de5\u5177\uff0c\u4f46\u554f\u984c\u4e0d\u662f\u300c\u6709\u6c92\u6709\u7528AI\u300d\uff0c\u800c\u662f\uff1aAI\u662f\u5426\u8207\u4f01\u696d\u77e5\u8b58\u7d50\u5408\uff1f\u662f\u5426\u5efa\u7acb\u5c08\u5c6c\u6a21\u578b\uff1f\u662f\u5426\u5d4c\u5165\u5de5\u4f5c\u6d41\u7a0b\uff1f\u6211\u5011\u63d0\u4f9b\u7684\u4e0d\u662f\u5de5\u5177\u5c0e\u5165\uff0c\u800c\u662f\u4f01\u696dAI\u7cfb\u7d71\u8a2d\u8a08\u3002\r\n <\/p>\r\n \r\n <div>\r\n <a href=\"#pain-points\" class=\"btn-orbit lang-text\" \r\n data-tw=\"\u9810\u7d04 AI \u7cfb\u7d71\u8a3a\u65b7\" \r\n data-cn=\"\u9884\u7ea6 AI \u7cfb\u7edf\u8bca\u65ad\">\u9810\u7d04 AI \u7cfb\u7d71\u8a3a\u65b7<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ 1. \u6f22\u5821\u9078\u55ae\u908f\u8f2f\r\n const hamburger = document.getElementById('hamburger');\r\n const navLinks = document.getElementById('navLinks');\r\n const menuOverlay = document.getElementById('menuOverlay');\r\n const body = document.body;\r\n \r\n function toggleMenu() {\r\n hamburger.classList.toggle('active');\r\n navLinks.classList.toggle('active');\r\n menuOverlay.classList.toggle('active');\r\n \r\n if (hamburger.classList.contains('active')) {\r\n body.classList.add('no-scroll');\r\n } else {\r\n body.classList.remove('no-scroll');\r\n }\r\n }\r\n\r\n hamburger.addEventListener('click', toggleMenu);\r\n menuOverlay.addEventListener('click', toggleMenu); \r\n\r\n \/\/ \u9ede\u64ca\u6587\u5b57\u9023\u7d50\u5f8c\u81ea\u52d5\u6536\u5408\u83dc\u55ae\r\n navLinks.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n if (navLinks.classList.contains('active')) toggleMenu();\r\n });\r\n });\r\n\r\n \/\/ 2. \u7e41\u7c21\u5207\u63db\u908f\u8f2f (\u4fee\u5fa9\u7248)\r\n const langToggleBtn = document.getElementById('langToggle');\r\n let currentLang = 'tw'; \r\n \r\n langToggleBtn.addEventListener('click', () => {\r\n currentLang = currentLang === 'tw' ? 'cn' : 'tw';\r\n \r\n \/\/ \u3010\u4fee\u5fa9\u91cd\u9ede\u3011\uff1a\u6bcf\u6b21\u9ede\u64ca\u6642\u91cd\u65b0\u6293\u53d6\u6574\u500b\u7db2\u9801\u6240\u6709\u7684 .lang-text \u5143\u7d20\r\n \/\/ \u9019\u6a23\u5c31\u4e0d\u6703\u6f0f\u6389\u4e0b\u9762\u90a3\u4e9b\u5206\u958b\u8cbc\u7684\u5340\u584a\uff01\r\n const allLangElements = document.querySelectorAll('.lang-text');\r\n \r\n allLangElements.forEach(el => {\r\n if (currentLang === 'cn') {\r\n el.innerHTML = el.getAttribute('data-cn');\r\n } else {\r\n el.innerHTML = el.getAttribute('data-tw');\r\n }\r\n });\r\n \r\n \/\/ \u6539\u8b8a\u6309\u9215\u7684\u984f\u8272\u56de\u994b\r\n langToggleBtn.style.color = currentLang === 'cn' ? '#FFB800' : '#f8fafc';\r\n langToggleBtn.style.borderColor = currentLang === 'cn' ? '#FFB800' : 'rgba(255,255,255,0.2)';\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a80fc90 e-flex e-con-boxed e-con e-parent\" data-id=\"a80fc90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c8b2a4 elementor-widget elementor-widget-html\" data-id=\"6c8b2a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .pain-points-v3 {\r\n position: relative; padding: 120px 0; width: 100%;\r\n background-color: #0f172a; z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .pain-points-v3 * { box-sizing: border-box !important; }\r\n\r\n .pp-container-split {\r\n max-width: 1440px; margin: 0 auto; padding: 0 40px;\r\n width: 100%; display: flex; align-items: flex-start; gap: 5rem;\r\n }\r\n\r\n \/* \u5de6\u5074\uff1a\u9ecf\u6027\u5927\u6a19\u984c *\/\r\n .sticky-sidebar {\r\n flex: 0 0 40%; position: sticky; top: 150px; \r\n display: flex; flex-direction: column; gap: 1.5rem;\r\n }\r\n .sticky-label {\r\n display: inline-block; padding: 6px 16px;\r\n background: rgba(255, 184, 0, 0.1); color: #FFB800;\r\n border-radius: 50px; font-size: 0.9rem; font-weight: 700;\r\n letter-spacing: 2px; width: fit-content; border: 1px solid rgba(255, 184, 0, 0.3);\r\n }\r\n .sticky-sidebar h2 { font-size: 3.5rem; font-weight: 900; line-height: 1.3; color: #f8fafc; margin: 0; }\r\n .sticky-sidebar h2 .highlight { color: #FFB800; }\r\n .sticky-sidebar p { font-size: 1.15rem; color: #94a3b8; line-height: 1.8; }\r\n\r\n .btn-orbit-main {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 16px 42px; font-size: 1.1rem; font-weight: 700; color: #0f172a;\r\n background: #FFB800; border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; box-shadow: 0 0 20px rgba(255, 184, 0, 0.3);\r\n margin-top: 1rem; width: fit-content; cursor: pointer;\r\n }\r\n .btn-orbit-main:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 184, 0, 0.5); }\r\n\r\n \/* \u53f3\u5074\uff1a\u5361\u7247\u5340 (\u5fb9\u5e95\u6e05\u6670\u7121\u6a21\u7cca) *\/\r\n .scrolling-cards {\r\n flex: 1; display: flex; flex-direction: column; gap: 4rem; padding-bottom: 10vh; \r\n }\r\n\r\n .story-card {\r\n background: #0f172a; border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 20px; padding: 3rem; position: relative; overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n opacity: 1 !important; transform: scale(1) !important; filter: blur(0px) !important;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.4);\r\n }\r\n\r\n \/* \u5168\u606f\u5149\u6688\u8207\u4e0a\u6d6e\u4e92\u52d5 *\/\r\n .story-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 184, 0, 0.08), transparent 40%);\r\n opacity: 0; transition: opacity 0.5s; z-index: 0; pointer-events: none;\r\n }\r\n .story-card:hover::before { opacity: 1; }\r\n .story-card:hover {\r\n transform: translateY(-8px) !important; border-color: rgba(255, 184, 0, 0.5);\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 184, 0, 0.1);\r\n }\r\n\r\n .card-number {\r\n position: absolute; top: -15px; right: 20px; font-size: 8rem; font-weight: 900; \r\n color: rgba(255, 255, 255, 0.04); font-family: 'Arial Black', Impact, sans-serif; \r\n line-height: 1; z-index: 0; pointer-events: none; transition: color 0.5s ease;\r\n }\r\n .story-card:hover .card-number { color: rgba(255, 184, 0, 0.08); }\r\n\r\n .story-card-content { position: relative; z-index: 1; }\r\n .story-card h3 { font-size: 2rem; font-weight: 800; color: #f8fafc; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 12px; }\r\n\r\n .notion-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 2rem; }\r\n .n-tag {\r\n background: #1e293b; border: 1px solid #334155; padding: 6px 14px; border-radius: 6px;\r\n font-size: 0.9rem; color: #94a3b8; font-family: 'Courier New', Courier, monospace; transition: all 0.3s ease;\r\n }\r\n .story-card:hover .n-tag { background: rgba(56, 189, 248, 0.1); border-color: rgba(56, 189, 248, 0.3); color: #bae6fd; }\r\n\r\n .minimal-list { list-style: none; margin-bottom: 3rem; padding: 0; }\r\n .minimal-list li {\r\n position: relative; padding-left: 28px; margin-bottom: 16px;\r\n color: #cbd5e1; font-size: 1.1rem; line-height: 1.6; display: flex; align-items: flex-start;\r\n }\r\n .minimal-list li::before {\r\n content: ''; position: absolute; left: 0; top: 12px; width: 14px; height: 2px; background: #ef4444; \r\n }\r\n\r\n .terminal-alert {\r\n background: #FFB800; color: #0f172a; padding: 18px 24px; border-radius: 8px;\r\n font-weight: 800; font-size: 1.15rem; line-height: 1.5; display: flex; align-items: flex-start; gap: 12px;\r\n }\r\n .terminal-alert span { font-size: 1.4rem; line-height: 1; margin-top: 2px; }\r\n\r\n .step-btn {\r\n margin-top: 2.5rem; display: inline-flex; align-items: center; gap: 8px;\r\n background: transparent; color: #94a3b8; border: 1px solid #334155;\r\n padding: 10px 24px; border-radius: 50px; font-size: 1rem; font-weight: 600;\r\n cursor: pointer; transition: all 0.3s ease;\r\n }\r\n .step-btn svg { transition: transform 0.3s ease; }\r\n .step-btn:hover { background: rgba(255, 255, 255, 0.05); color: #f8fafc; border-color: #f8fafc; }\r\n .step-btn:hover svg { transform: translateY(3px); }\r\n\r\n \/* RWD \u9069\u914d *\/\r\n .mobile-only-btn { display: none; }\r\n @media (max-width: 1024px) {\r\n .pp-container-split { flex-direction: column; gap: 3rem; }\r\n .sticky-sidebar { position: static; flex: none; width: 100%; text-align: center; align-items: center; }\r\n .sticky-sidebar h2 { font-size: 2.8rem; }\r\n .scrolling-cards { width: 100%; gap: 2.5rem; }\r\n .story-card { padding: 2.5rem; }\r\n .desktop-only-btn { display: none; }\r\n .mobile-only-btn { display: inline-flex; margin-top: 1rem; }\r\n .step-btn { display: none; } \r\n }\r\n @media (max-width: 768px) {\r\n .pp-container-split { padding: 0 20px; }\r\n .sticky-sidebar h2 { font-size: 2.2rem; }\r\n .story-card { padding: 1.8rem; }\r\n .story-card h3 { font-size: 1.5rem; }\r\n .card-number { font-size: 5rem; top: 5px; right: 10px; }\r\n .terminal-alert { font-size: 1rem; padding: 14px; }\r\n .minimal-list li { font-size: 1rem; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"pain-points-v3\" id=\"pain-points\">\r\n <div class=\"pp-container-split\">\r\n \r\n <div class=\"sticky-sidebar\">\r\n <div class=\"sticky-label lang-text\" data-tw=\"SYSTEM DIAGNOSIS\" data-cn=\"SYSTEM DIAGNOSIS\">SYSTEM DIAGNOSIS<\/div>\r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u70ba\u4ec0\u9ebc\u591a\u6578\u4f01\u696d\u7684<br><span class='highlight'>AI\u5c0e\u5165\u90fd\u5931\u6557\uff1f<\/span>\" \r\n data-cn=\"\u4e3a\u4ec0\u4e48\u591a\u6570\u4f01\u4e1a\u7684<br><span class='highlight'>AI\u5bfc\u5165\u90fd\u5931\u8d25\uff1f<\/span>\">\r\n \u70ba\u4ec0\u9ebc\u591a\u6578\u4f01\u696d\u7684<br><span class='highlight'>AI\u5c0e\u5165\u90fd\u5931\u6557\uff1f<\/span>\r\n <\/h2>\r\n <p class=\"lang-text\" \r\n data-tw=\"\u591a\u6578\u4f01\u696d\u5c07 AI \u8996\u70ba\u55ae\u4e00\u5de5\u5177\uff0c\u537b\u5ffd\u7565\u4e86\u7cfb\u7d71\u5316\u67b6\u69cb\u7684\u8a2d\u8a08\u3002\u9019\u5c0e\u81f4\u4e86\u4e09\u5927\u81f4\u547d\u75db\u9ede\u3002\" \r\n data-cn=\"\u591a\u6570\u4f01\u4e1a\u5c06 AI \u89c6\u4e3a\u5355\u4e00\u5de5\u5177\uff0c\u5374\u5ffd\u7565\u4e86\u7cfb\u7edf\u5316\u67b6\u6784\u7684\u8bbe\u8ba1\u3002\u8fd9\u5bfc\u81f4\u4e86\u4e09\u5927\u81f4\u547d\u75db\u70b9\u3002\">\r\n \u591a\u6578\u4f01\u696d\u5c07 AI \u8996\u70ba\u55ae\u4e00\u5de5\u5177\uff0c\u537b\u5ffd\u7565\u4e86\u7cfb\u7d71\u5316\u67b6\u69cb\u7684\u8a2d\u8a08\u3002\u9019\u5c0e\u81f4\u4e86\u4e09\u5927\u81f4\u547d\u75db\u9ede\u3002\r\n <\/p>\r\n \r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-orbit-main desktop-only-btn lang-text\" \r\n data-tw=\"\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u4e86\u89e3\u7cfb\u7edf\u5316\u89e3\u51b3\u65b9\u6848\">\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848<\/a>\r\n <\/div>\r\n\r\n <div class=\"scrolling-cards\">\r\n \r\n <div class=\"story-card\" id=\"card-01\">\r\n <div class=\"card-number\">01<\/div>\r\n <div class=\"story-card-content\">\r\n <h3 class=\"lang-text\" data-tw=\"\ud83e\uddf0 \u5de5\u5177\u5806\u758a\uff0c\u537b\u6c92\u6709\u6574\u5408\" data-cn=\"\ud83e\uddf0 \u5de5\u5177\u5806\u53e0\uff0c\u5374\u6ca1\u6709\u6574\u5408\">\ud83e\uddf0 \u5de5\u5177\u5806\u758a\uff0c\u537b\u6c92\u6709\u6574\u5408<\/h3>\r\n \r\n <div class=\"notion-tags\">\r\n <span class=\"n-tag lang-text\" data-tw=\"ChatGPT\" data-cn=\"ChatGPT\">ChatGPT<\/span>\r\n <span class=\"n-tag lang-text\" data-tw=\"Notion AI\" data-cn=\"Notion AI\">Notion AI<\/span>\r\n <span class=\"n-tag lang-text\" data-tw=\"Midjourney\" data-cn=\"Midjourney\">Midjourney<\/span>\r\n <span class=\"n-tag lang-text\" data-tw=\"\u5404\u7a2e\u81ea\u52d5\u5316\u5de5\u5177\" data-cn=\"\u5404\u79cd\u81ea\u52a8\u5316\u5de5\u5177\">\u5404\u7a2e\u81ea\u52d5\u5316\u5de5\u5177<\/span>\r\n <\/div>\r\n \r\n <ul class=\"minimal-list\">\r\n <li class=\"lang-text\" data-tw=\"\u8cc7\u6599\u56db\u6563\u5404\u8655\uff0c\u7121\u6cd5\u8de8\u5e73\u53f0\u6574\u5408\" data-cn=\"\u8d44\u6599\u56db\u6563\u5404\u5904\uff0c\u65e0\u6cd5\u8de8\u5e73\u53f0\u6574\u5408\">\u8cc7\u6599\u56db\u6563\u5404\u8655\uff0c\u7121\u6cd5\u8de8\u5e73\u53f0\u6574\u5408<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7522\u51fa\u56de\u7b54\u7121\u6cd5\u6a19\u6e96\u5316\uff0c\u54c1\u8cea\u53c3\u5dee\u4e0d\u9f4a\" data-cn=\"\u4ea7\u51fa\u56de\u7b54\u65e0\u6cd5\u6807\u51c6\u5316\uff0c\u54c1\u8d28\u53c2\u5dee\u4e0d\u9f50\">\u7522\u51fa\u56de\u7b54\u7121\u6cd5\u6a19\u6e96\u5316\uff0c\u54c1\u8cea\u53c3\u5dee\u4e0d\u9f4a<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7121\u6cd5\u5d4c\u5165\u65e2\u6709 SOP\uff0c\u54e1\u5de5\u4f9d\u7136\u624b\u52d5\u642c\u904b\" data-cn=\"\u65e0\u6cd5\u5d4c\u5165\u65e2\u6709 SOP\uff0c\u5458\u5de5\u4f9d\u7136\u624b\u52a8\u642c\u8fd0\">\u7121\u6cd5\u5d4c\u5165\u65e2\u6709 SOP\uff0c\u54e1\u5de5\u4f9d\u7136\u624b\u52d5\u642c\u904b<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7f3a\u4e4f\u6578\u64da\u8ffd\u8e64\uff0c\u7121\u6cd5\u8861\u91cf\u771f\u5be6 ROI\" data-cn=\"\u7f3a\u4e4f\u6570\u636e\u8ffd\u8e2a\uff0c\u65e0\u6cd5\u8861\u91cf\u771f\u5b9e ROI\">\u7f3a\u4e4f\u6578\u64da\u8ffd\u8e64\uff0c\u7121\u6cd5\u8861\u91cf\u771f\u5be6 ROI<\/li>\r\n <\/ul>\r\n\r\n <div class=\"terminal-alert\">\r\n <span>\ud83d\udc49<\/span>\r\n <div class=\"lang-text\" data-tw=\"AI \u6dea\u70ba\u54e1\u5de5\u7684\u5a1b\u6a02\u5de5\u5177\uff0c\u800c\u975e\u4f01\u696d\u7684\u751f\u7522\u529b\u7cfb\u7d71\u3002\" data-cn=\"AI \u6ca6\u4e3a\u5458\u5de5\u7684\u5a31\u4e50\u5de5\u5177\uff0c\u800c\u975e\u4f01\u4e1a\u7684\u751f\u4ea7\u529b\u7cfb\u7edf\u3002\">\r\n AI \u6dea\u70ba\u54e1\u5de5\u7684\u5a1b\u6a02\u5de5\u5177\uff0c\u800c\u975e\u4f01\u696d\u7684\u751f\u7522\u529b\u7cfb\u7d71\u3002\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"step-btn\" onclick=\"scrollToCard('card-02')\">\r\n <span class=\"lang-text\" data-tw=\"\u4e0b\u4e00\u500b\u75db\u9ede\" data-cn=\"\u4e0b\u4e00\u4e2a\u75db\u70b9\">\u4e0b\u4e00\u500b\u75db\u9ede<\/span>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-card\" id=\"card-02\">\r\n <div class=\"card-number\">02<\/div>\r\n <div class=\"story-card-content\">\r\n <h3 class=\"lang-text\" data-tw=\"\ud83e\udde0 \u77e5\u8b58\u6c92\u6709\u6c89\u6fb1\" data-cn=\"\ud83e\udde0 \u77e5\u8bc6\u6ca1\u6709\u6c89\u6dc0\">\ud83e\udde0 \u77e5\u8b58\u6c92\u6709\u6c89\u6fb1<\/h3>\r\n \r\n <ul class=\"minimal-list\" style=\"margin-top: 1.5rem;\">\r\n <li class=\"lang-text\" data-tw=\"\u8001\u54e1\u5de5\u96e2\u8077\uff0c\u73cd\u8cb4\u7684\u96b1\u6027\u7d93\u9a57\u76f4\u63a5\u6d41\u5931\" data-cn=\"\u8001\u5458\u5de5\u79bb\u804c\uff0c\u73cd\u8d35\u7684\u9690\u6027\u7ecf\u9a8c\u76f4\u63a5\u6d41\u5931\">\u8001\u54e1\u5de5\u96e2\u8077\uff0c\u73cd\u8cb4\u7684\u96b1\u6027\u7d93\u9a57\u76f4\u63a5\u6d41\u5931<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u92b7\u552e\u90e8\u9580\u8a71\u8853\u4e0d\u4e00\u81f4\uff0c\u96e3\u4ee5\u898f\u6a21\u5316\u57f9\u8a13\" data-cn=\"\u9500\u552e\u90e8\u95e8\u8bdd\u672f\u4e0d\u4e00\u81f4\uff0c\u96be\u4ee5\u89c4\u6a21\u5316\u57f9\u8bad\">\u92b7\u552e\u90e8\u9580\u8a71\u8853\u4e0d\u4e00\u81f4\uff0c\u96e3\u4ee5\u898f\u6a21\u5316\u57f9\u8a13<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5ba2\u670d\u56de\u8986\u54c1\u8cea\u4e0d\u7a69\u5b9a\uff0c\u5f71\u97ff\u54c1\u724c\u4fe1\u4efb\u5ea6\" data-cn=\"\u5ba2\u670d\u56de\u590d\u54c1\u8d28\u4e0d\u7a33\u5b9a\uff0c\u5f71\u54cd\u54c1\u724c\u4fe1\u4efb\u5ea6\">\u5ba2\u670d\u56de\u8986\u54c1\u8cea\u4e0d\u7a69\u5b9a\uff0c\u5f71\u97ff\u54c1\u724c\u4fe1\u4efb\u5ea6<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5167\u90e8\u904e\u5f80\u6210\u529f\u6848\u4f8b\u8207\u8cc7\u6599\uff0c\u96e3\u4ee5\u5feb\u901f\u8abf\u7528\" data-cn=\"\u5185\u90e8\u8fc7\u5f80\u6210\u529f\u6848\u4f8b\u4e0e\u8d44\u6599\uff0c\u96be\u4ee5\u5feb\u901f\u8c03\u7528\">\u5167\u90e8\u904e\u5f80\u6210\u529f\u6848\u4f8b\u8207\u8cc7\u6599\uff0c\u96e3\u4ee5\u5feb\u901f\u8abf\u7528<\/li>\r\n <\/ul>\r\n\r\n <div class=\"terminal-alert\">\r\n <span>\ud83d\udc49<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u4f01\u696d\u6c92\u6709\u5efa\u7acb\u300cAI\u5927\u8166\u300d\uff0c\u53ea\u6709\u7121\u6548\u7684\u8cc7\u6599\u5806\u7a4d\u3002\" data-cn=\"\u4f01\u4e1a\u6ca1\u6709\u5efa\u7acb\u300cAI\u5927\u8111\u300d\uff0c\u53ea\u6709\u65e0\u6548\u7684\u8d44\u6599\u5806\u79ef\u3002\">\r\n \u4f01\u696d\u6c92\u6709\u5efa\u7acb\u300cAI\u5927\u8166\u300d\uff0c\u53ea\u6709\u7121\u6548\u7684\u8cc7\u6599\u5806\u7a4d\u3002\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"step-btn\" onclick=\"scrollToCard('card-03')\">\r\n <span class=\"lang-text\" data-tw=\"\u6700\u5f8c\u4e00\u500b\u75db\u9ede\" data-cn=\"\u6700\u540e\u4e00\u4e2a\u75db\u70b9\">\u6700\u5f8c\u4e00\u500b\u75db\u9ede<\/span>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-card\" id=\"card-03\">\r\n <div class=\"card-number\">03<\/div>\r\n <div class=\"story-card-content\">\r\n <h3 class=\"lang-text\" data-tw=\"\u2699\ufe0f \u71df\u92b7\u4ecd\u91cd\u5ea6\u4f9d\u8cf4\u4eba\u5de5\" data-cn=\"\u2699\ufe0f \u8425\u9500\u4ecd\u91cd\u5ea6\u4f9d\u8d56\u4eba\u5de5\">\u2699\ufe0f \u71df\u92b7\u4ecd\u91cd\u5ea6\u4f9d\u8cf4\u4eba\u5de5<\/h3>\r\n \r\n <ul class=\"minimal-list\" style=\"margin-top: 1.5rem;\">\r\n <li class=\"lang-text\" data-tw=\"\u5167\u5bb9\u751f\u7522\u58d3\u529b\u5de8\u5927\uff0c\u884c\u92b7\u5718\u968a\u75b2\u65bc\u5954\u547d\" data-cn=\"\u5185\u5bb9\u751f\u4ea7\u538b\u529b\u5de8\u5927\uff0c\u8425\u9500\u56e2\u961f\u75b2\u4e8e\u5954\u547d\">\u5167\u5bb9\u751f\u7522\u58d3\u529b\u5de8\u5927\uff0c\u884c\u92b7\u5718\u968a\u75b2\u65bc\u5954\u547d<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u79c1\u8a0a\u56de\u8986\u5ef6\u9072\uff0c\u932f\u5931\u9ec3\u91d1\u6210\u4ea4\u6642\u6a5f\" data-cn=\"\u79c1\u8baf\u56de\u590d\u5ef6\u8fdf\uff0c\u9519\u5931\u9ec4\u91d1\u6210\u4ea4\u65f6\u673a\">\u79c1\u8a0a\u56de\u8986\u5ef6\u9072\uff0c\u932f\u5931\u9ec3\u91d1\u6210\u4ea4\u6642\u6a5f<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5ee3\u544a\u512a\u5316\u7f3a\u4e4f\u6578\u64da\u63a1\u96c6\u8207\u6a21\u578b\u8f14\u52a9\uff0c\u6210\u672c\u5c45\u9ad8\u4e0d\u4e0b\" data-cn=\"\u5e7f\u544a\u4f18\u5316\u7f3a\u4e4f\u6570\u636e\u91c7\u96c6\u4e0e\u6a21\u578b\u8f85\u52a9\uff0c\u6210\u672c\u5c45\u9ad8\u4e0d\u4e0b\">\u5ee3\u544a\u512a\u5316\u7f3a\u4e4f\u6578\u64da\u63a1\u96c6\u8207\u6a21\u578b\u8f14\u52a9\uff0c\u6210\u672c\u5c45\u9ad8\u4e0d\u4e0b<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5404\u6e20\u9053\u767c\u6587\u7121\u6cd5\u5efa\u7acb\u4e00\u81f4\u7684\u54c1\u724c\u6c1b\u570d (Vibe)\" data-cn=\"\u5404\u6e20\u9053\u53d1\u6587\u65e0\u6cd5\u5efa\u7acb\u4e00\u81f4\u7684\u54c1\u724c\u6c1b\u56f4 (Vibe)\">\u5404\u6e20\u9053\u767c\u6587\u7121\u6cd5\u5efa\u7acb\u4e00\u81f4\u7684\u54c1\u724c\u6c1b\u570d (Vibe)<\/li>\r\n <\/ul>\r\n\r\n <div class=\"terminal-alert\">\r\n <span>\ud83d\udc49<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u4f60\u7684\u6d41\u91cf\u4f9d\u7136\u662f\u82b1\u9322\u8cb7\u4f86\u7684\uff0c\u800c\u4e0d\u662f\u7cfb\u7d71\u81ea\u52d5\u7522\u751f\u7684\u3002\" data-cn=\"\u4f60\u7684\u6d41\u91cf\u4f9d\u7136\u662f\u82b1\u94b1\u4e70\u6765\u7684\uff0c\u800c\u4e0d\u662f\u7cfb\u7edf\u81ea\u52a8\u4ea7\u751f\u7684\u3002\">\r\n \u4f60\u7684\u6d41\u91cf\u4f9d\u7136\u662f\u82b1\u9322\u8cb7\u4f86\u7684\uff0c\u800c\u4e0d\u662f\u7cfb\u7d71\u81ea\u52d5\u7522\u751f\u7684\u3002\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"step-btn\" style=\"color: #FFB800; border-color: #FFB800;\" onclick=\"window.location.href='#YOUR_URL_HERE'\">\r\n <span class=\"lang-text\" data-tw=\"\u7acb\u5373\u67e5\u770b\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u7acb\u5373\u67e5\u770b\u89e3\u51b3\u65b9\u6848\">\u7acb\u5373\u67e5\u770b\u89e3\u6c7a\u65b9\u6848<\/span>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"text-align: center; width: 100%;\">\r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-orbit-main mobile-only-btn lang-text\" \r\n data-tw=\"\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u4e86\u89e3\u7cfb\u7edf\u5316\u89e3\u51b3\u65b9\u6848\">\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ 1. \u5361\u7247 Hover \u5168\u606f\u5149\u6688\u7279\u6548\r\n document.querySelectorAll('.story-card').forEach(card => {\r\n card.addEventListener('mousemove', e => {\r\n const rect = card.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n card.style.setProperty('--mouse-x', `${x}px`);\r\n card.style.setProperty('--mouse-y', `${y}px`);\r\n });\r\n });\r\n\r\n \/\/ 2. \u5f15\u5c0e\u6309\u9215\u6ed1\u52d5\u908f\u8f2f (\u9ede\u64ca\u5e73\u6ed1\u6efe\u52d5\u5230\u4e0b\u4e00\u5f35\u5361\u7247)\r\n function scrollToCard(cardId) {\r\n const targetCard = document.getElementById(cardId);\r\n if (targetCard) {\r\n \/\/ \u6293\u53d6\u5143\u7d20\u4f4d\u7f6e\uff0c\u4e26\u6263\u9664 Header \u9810\u7559\u7684\u9ad8\u5ea6(150px)\u907f\u514d\u88ab\u84cb\u4f4f\r\n const headerOffset = 150; \r\n const elementPosition = targetCard.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: \"smooth\"\r\n });\r\n }\r\n }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aec700 e-flex e-con-boxed e-con e-parent\" data-id=\"3aec700\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b4d4ca elementor-widget elementor-widget-html\" data-id=\"2b4d4ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .partners-section {\r\n position: relative;\r\n padding: 100px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u6df1\u8272\u80cc\u666f *\/\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .partners-section * { box-sizing: border-box !important; }\r\n\r\n .partners-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .partners-header { text-align: center; margin-bottom: 4rem; }\r\n .partners-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(56, 189, 248, 0.1); \r\n color: #38bdf8; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(56, 189, 248, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .partners-header h2 { font-size: 3.2rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin: 0; }\r\n \r\n \/* \u6a19\u984c\u5e95\u90e8\u7684\u9ec3\u91d1\u88dd\u98fe\u7dda *\/\r\n .partners-header h2::after {\r\n content: ''; display: block; width: 60px; height: 4px;\r\n background: #FFB800; margin: 1.5rem auto 0; border-radius: 2px;\r\n }\r\n\r\n \/* ================= \u7db2\u683c\u8207\u5361\u7247\u8a2d\u8a08 ================= *\/\r\n .partners-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr); \/* \u96d9\u6b04\u6392\u7248 *\/\r\n gap: 2.5rem;\r\n }\r\n\r\n \/* \u9810\u8a2d 100% \u986f\u793a\uff0c\u4e0d\u518d\u4f7f\u7528 opacity: 0 *\/\r\n .partner-card {\r\n background: rgba(30, 41, 59, 0.4);\r\n backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 24px;\r\n padding: 3.5rem 2rem;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n position: relative; overflow: hidden;\r\n opacity: 1; \/* \u4fdd\u8b49\u53ef\u898b *\/\r\n transform: translateY(0); \/* \u4fdd\u8b49\u4e0d\u4f4d\u79fb *\/\r\n }\r\n\r\n \/* \u5361\u7247 Hover \u78c1\u6027\u61f8\u6d6e\u8207\u5149\u6688 *\/\r\n .partner-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 184, 0, 0.08), transparent 40%);\r\n opacity: 0; transition: opacity 0.5s; z-index: 0; pointer-events: none;\r\n }\r\n .partner-card:hover::before { opacity: 1; }\r\n .partner-card:hover {\r\n transform: translateY(-8px);\r\n background: rgba(30, 41, 59, 0.8);\r\n border-color: rgba(255, 184, 0, 0.4);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 184, 0, 0.1);\r\n }\r\n\r\n \/* \u5408\u4f5c\u5925\u4f34\u5206\u985e\u6a19\u984c *\/\r\n .partner-category {\r\n font-size: 1.3rem; font-weight: 700; color: #cbd5e1;\r\n margin-bottom: 2.5rem; position: relative; z-index: 1;\r\n transition: color 0.4s ease;\r\n }\r\n .partner-card:hover .partner-category { color: #FFB800; } \/* Hover \u6642\u6a19\u984c\u8b8a\u91d1\u9ec3\u8272 *\/\r\n\r\n \/* ================= Logo \u5716\u7247\u6392\u7248\u8207\u4e92\u52d5 ================= *\/\r\n .partner-logos {\r\n display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px;\r\n position: relative; z-index: 1; width: 100%;\r\n }\r\n \r\n .partner-logos img {\r\n height: 60px; \/* \u63a7\u5236 Logo \u7d71\u4e00\u9ad8\u5ea6 *\/\r\n width: auto; max-width: 120px; object-fit: contain;\r\n \/* \u3010\u9ad8\u968e\u7279\u6548\u3011\u9810\u8a2d\u7070\u968e\u4e14\u534a\u900f\u660e\uff0c\u63d0\u5347\u6df1\u8272\u6a21\u5f0f\u8cea\u611f *\/\r\n filter: grayscale(100%) opacity(0.5);\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n \/* \u3010\u9ad8\u968e\u7279\u6548\u3011Hover \u6642\u77ac\u9593\u6062\u5fa9\u5168\u5f69\u4e26\u5fae\u653e\u5927 *\/\r\n .partner-card:hover .partner-logos img {\r\n filter: grayscale(0%) opacity(1);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \u91dd\u5c0d\u591a\u500b\u5c0f Logo \u7684\u7279\u6b8a\u7e2e\u653e (\u5982 APP icon \u985e\u578b) *\/\r\n .logos-grid-small img { height: 55px; max-width: 55px; border-radius: 12px; }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 1024px) {\r\n .partners-grid { gap: 1.5rem; }\r\n .partner-card { padding: 2.5rem 1.5rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partners-container { padding: 0 20px; }\r\n .partners-header h2 { font-size: 2.4rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\u6539\u70ba\u55ae\u6b04\u5806\u758a *\/\r\n .partners-grid { grid-template-columns: 1fr; gap: 1.5rem; }\r\n .partner-card { padding: 2rem 1rem; }\r\n \r\n .partner-logos img { height: 50px; max-width: 100px; }\r\n .logos-grid-small img { height: 45px; max-width: 45px; }\r\n\r\n \/* \u624b\u6a5f\u7248\u70ba\u4e86\u53ef\u8b80\u6027\uff0c\u9810\u8a2d\u964d\u4f4e\u7070\u968e\u7a0b\u5ea6 *\/\r\n .partner-logos img { filter: grayscale(50%) opacity(0.8); }\r\n }\r\n<\/style>\r\n\r\n<section class=\"partners-section\">\r\n <div class=\"partners-container\">\r\n \r\n <div class=\"partners-header\">\r\n <p class=\"lang-text\" data-tw=\"OUR PARTNERS\" data-cn=\"OUR PARTNERS\">OUR PARTNERS<\/p>\r\n <h2 class=\"lang-text\" data-tw=\"\u5408\u4f5c\u5925\u4f34\" data-cn=\"\u5408\u4f5c\u4f19\u4f34\">\u5408\u4f5c\u5925\u4f34<\/h2>\r\n <\/div>\r\n\r\n <div class=\"partners-grid\">\r\n \r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u9a30\u8a0a\u5ee3\u544a\u4ee3\u7406\u5546\" data-cn=\"\u817e\u8baf\u5e7f\u544a\u4ee3\u7406\u5546\">\u9a30\u8a0a\u5ee3\u544a\u4ee3\u7406\u5546<\/div>\r\n <div class=\"partner-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-4.png\" alt=\"Tencent \u9a30\u8a0a\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u96fb\u5546\u4ee3\u71df\u904b\" data-cn=\"\u7535\u5546\u4ee3\u8fd0\u8425\">\u96fb\u5546\u4ee3\u71df\u904b<\/div>\r\n <div class=\"partner-logos logos-grid-small\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/5667c06ab78f66d9b64b14119d40e2a1.png\" alt=\"\u5929\u8c93\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/tiktokPNG1.pnga_.png\" alt=\"\u6296\u97f3\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/3ea63b6a4f7642c6abdc8a2d5d071efc.png\" alt=\"\u62fc\u591a\u591a\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/d8add0361c3c4c78b270715724beb70d.png\" alt=\"\u4eac\u6771\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u963f\u91cc\u5df4\u5df4\u6578\u64da\u9280\u884c\" data-cn=\"\u963f\u91cc\u5df4\u5df4\u6570\u636e\u94f6\u884c\">\u963f\u91cc\u5df4\u5df4\u6578\u64da\u9280\u884c<\/div>\r\n <div class=\"partner-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-5.png\" alt=\"Alibaba \u963f\u91cc\u5df4\u5df4\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u5169\u5cb8KOL\u670d\u52d9\" data-cn=\"\u4e24\u5cb8KOL\u670d\u52a1\">\u5169\u5cb8KOL\u670d\u52d9<\/div>\r\n <div class=\"partner-logos logos-grid-small\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-6.png\" alt=\"\u5c0f\u7d05\u66f8\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/tiktokPNG1.pnga_.png\" alt=\"\u6296\u97f3\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/Facebook_logo_square.png\" alt=\"Facebook\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-7.png\" alt=\"Instagram\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ \u5361\u7247 Hover \u6e38\u6a19\u8ffd\u8e64\u5149\u6688\u7279\u6548\r\n document.querySelectorAll('.partner-card').forEach(card => {\r\n card.addEventListener('mousemove', e => {\r\n const rect = card.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n card.style.setProperty('--mouse-x', `${x}px`);\r\n card.style.setProperty('--mouse-y', `${y}px`);\r\n });\r\n });\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cebf1fb e-flex e-con-boxed e-con e-parent\" data-id=\"cebf1fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7af1e elementor-widget elementor-widget-html\" data-id=\"dc7af1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u57fa\u790e\u4f48\u5c40 ================= *\/\r\n .solutions-section {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u6df1\u7a7a\u85cd\u80cc\u666f *\/\r\n z-index: 3;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n \/* \u78ba\u4fdd Sticky \u5728 Elementor \u6b63\u5e38\u904b\u4f5c\u7684\u95dc\u9375 *\/\r\n overflow: visible !important; \r\n }\r\n .solutions-section * { box-sizing: border-box !important; }\r\n\r\n .sol-container {\r\n max-width: 1200px; \/* \u7a0d\u5fae\u7e2e\u7a84\uff0c\u8b93\u5361\u7247\u66f4\u6709\u805a\u7126\u611f *\/\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n width: 100%;\r\n }\r\n\r\n \/* \u5340\u584a\u6a19\u984c *\/\r\n .sol-header { text-align: center; margin-bottom: 5rem; }\r\n .sol-header h2 { font-size: 3rem; font-weight: 900; color: #f8fafc; margin-bottom: 1rem; letter-spacing: -1px; }\r\n .sol-header p { font-size: 1.2rem; color: #FFB800; font-weight: 600; letter-spacing: 3px; }\r\n\r\n \/* ================= \u5806\u758a\u5361\u7247\u5bb9\u5668 ================= *\/\r\n .stacked-cards-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4rem; \/* \u5361\u7247\u9593\u8ddd *\/\r\n padding-bottom: 10vh;\r\n }\r\n\r\n \/* \u55ae\u5f35\u5361\u7247 (\u5229\u7528 CSS Sticky \u9054\u6210\u5806\u758a\u7279\u6548) *\/\r\n .sol-card {\r\n position: sticky;\r\n background: #111827; \/* \u6bd4\u80cc\u666f\u7a0d\u5fae\u4eae\u4e00\u9ede\u7684\u6df1\u7070\u8272 *\/\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-top: 3px solid #FFB800; \/* \u9802\u90e8\u9ad8\u5149\uff0c\u5f37\u8abf\u5c64\u758a\u611f *\/\r\n border-radius: 24px;\r\n padding: 4rem;\r\n display: grid;\r\n grid-template-columns: 1fr 1.8fr; \/* \u5de6\u5074\u6982\u5ff5 1 : \u53f3\u5074\u7d30\u7bc0 1.8 *\/\r\n gap: 4rem;\r\n box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.5); \/* \u4e0a\u65b9\u9670\u5f71\uff0c\u5f37\u5316\u7acb\u9ad4\u611f *\/\r\n transition: transform 0.4s ease, border-color 0.4s ease;\r\n }\r\n \r\n \/* \u61f8\u505c\u6642\u908a\u6846\u767c\u5149 *\/\r\n .sol-card:hover { border-color: rgba(255, 184, 0, 0.4); }\r\n\r\n \/* \u900f\u904e\u8b8a\u6578\u63a7\u5236\u6bcf\u5f35\u5361\u7247\u505c\u9760\u7684\u9ad8\u5ea6\uff0c\u5f62\u6210\u968e\u68af\u72c0\u758a\u52a0 *\/\r\n .sol-card:nth-child(1) { top: 120px; z-index: 10; }\r\n .sol-card:nth-child(2) { top: 140px; z-index: 20; }\r\n .sol-card:nth-child(3) { top: 160px; z-index: 30; }\r\n .sol-card:nth-child(4) { top: 180px; z-index: 40; }\r\n\r\n \/* ================= \u5361\u7247\u5de6\u5074\uff1a\u6838\u5fc3\u7406\u5ff5 ================= *\/\r\n .sol-left { display: flex; flex-direction: column; justify-content: flex-start; }\r\n .sol-badge {\r\n background: rgba(255, 184, 0, 0.1); color: #FFB800;\r\n padding: 6px 16px; border-radius: 8px; font-weight: 700; font-size: 0.9rem;\r\n width: fit-content; margin-bottom: 1.5rem; border: 1px solid rgba(255, 184, 0, 0.2);\r\n }\r\n .sol-left h3 { font-size: 2.2rem; font-weight: 800; color: #f8fafc; margin-bottom: 1.5rem; line-height: 1.3; }\r\n .sol-left .core-concept {\r\n font-size: 1.2rem; color: #cbd5e1; line-height: 1.8; border-left: 4px solid #FFB800; padding-left: 1rem;\r\n }\r\n\r\n \/* ================= \u5361\u7247\u53f3\u5074\uff1a\u7d30\u7bc0\u67b6\u69cb ================= *\/\r\n .sol-right { display: flex; flex-direction: column; gap: 2.5rem; }\r\n \r\n .detail-group h4 { font-size: 1.2rem; font-weight: 700; color: #FFB800; margin-bottom: 1rem; display: flex; align-items: center; gap: 8px; }\r\n .detail-group h4::before { content: ''; display: block; width: 8px; height: 8px; background: #FFB800; border-radius: 50%; }\r\n\r\n \/* \u901a\u7528\u6a19\u7c64 (UI Tags) *\/\r\n .ui-tags { display: flex; flex-wrap: wrap; gap: 10px; }\r\n .ui-tag {\r\n background: rgba(56, 189, 248, 0.08); border: 1px solid rgba(56, 189, 248, 0.2);\r\n padding: 8px 16px; border-radius: 8px; font-size: 0.95rem; color: #bae6fd;\r\n }\r\n\r\n \/* \u67b6\u69cb\u968e\u5c64\u5217\u8868 (Solution 1 & 2 \u7528) *\/\r\n .layer-list { display: flex; flex-direction: column; gap: 1rem; }\r\n .layer-item {\r\n background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08);\r\n padding: 1.2rem; border-radius: 12px;\r\n }\r\n .layer-item strong { color: #f8fafc; font-size: 1.1rem; display: block; margin-bottom: 0.5rem; }\r\n .layer-item p { color: #94a3b8; font-size: 0.95rem; line-height: 1.6; margin: 0; }\r\n\r\n \/* \u6a5f\u67b6\u5806\u758a\u8996\u89ba (Solution 4 \u5168\u7ad9\u67b6\u69cb\u7528) *\/\r\n .server-rack { display: flex; flex-direction: column-reverse; gap: 0.5rem; }\r\n .rack-layer {\r\n background: linear-gradient(90deg, rgba(30,41,59,1) 0%, rgba(15,23,42,1) 100%);\r\n border: 1px solid rgba(56, 189, 248, 0.3); border-left: 4px solid #38bdf8;\r\n padding: 1rem 1.5rem; border-radius: 8px; display: flex; align-items: center; justify-content: space-between;\r\n }\r\n .rack-layer span { font-weight: 700; color: #38bdf8; width: 80px; }\r\n .rack-layer div { color: #cbd5e1; font-size: 0.95rem; flex: 1; text-align: right; }\r\n\r\n \/* \u6210\u679c\u6a21\u578b Dashboard (Big Numbers) *\/\r\n .results-dashboard {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem;\r\n background: rgba(255, 184, 0, 0.05); border: 1px solid rgba(255, 184, 0, 0.2);\r\n padding: 1.5rem; border-radius: 16px; margin-top: 1rem;\r\n }\r\n .result-item { text-align: center; }\r\n .result-val { display: block; font-size: 2rem; font-weight: 900; color: #FFB800; font-family: 'Inter', sans-serif; margin-bottom: 0.5rem; }\r\n .result-desc { display: block; font-size: 0.9rem; color: #94a3b8; line-height: 1.4; }\r\n\r\n \/* \u7d50\u8ad6\u8b66\u793a\u53e5 *\/\r\n .sol-conclusion {\r\n background: transparent; color: #f8fafc; font-weight: 700; font-size: 1.1rem;\r\n border-left: 3px solid #38bdf8; padding-left: 1rem; margin-top: 1rem;\r\n }\r\n\r\n \/* CTA \u6309\u9215\u5340 *\/\r\n .section-cta { text-align: center; margin-top: 6rem; }\r\n .btn-glow {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 18px 48px; font-size: 1.15rem; font-weight: 800; color: #0f172a;\r\n background: #FFB800; border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; box-shadow: 0 0 20px rgba(255, 184, 0, 0.4);\r\n }\r\n .btn-glow:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255, 184, 0, 0.6); }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 1024px) {\r\n .sol-card {\r\n grid-template-columns: 1fr; \/* \u5e73\u677f\u8f49\u70ba\u4e0a\u4e0b\u6392\u5217 *\/\r\n gap: 2rem; padding: 3rem;\r\n }\r\n .sol-left h3 { font-size: 2rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sol-container { padding: 0 20px; }\r\n .sol-header h2 { font-size: 2.2rem; }\r\n .sol-card { padding: 2rem 1.5rem; border-radius: 16px; }\r\n \r\n \/* \u624b\u6a5f\u7248\uff1a\u7a0d\u5fae\u7e2e\u5c0f Sticky \u7684\u5806\u758a\u9593\u8ddd\uff0c\u907f\u514d\u5403\u6389\u592a\u591a\u756b\u9762 *\/\r\n .sol-card:nth-child(1) { top: 90px; }\r\n .sol-card:nth-child(2) { top: 105px; }\r\n .sol-card:nth-child(3) { top: 120px; }\r\n .sol-card:nth-child(4) { top: 135px; }\r\n\r\n .sol-left h3 { font-size: 1.6rem; }\r\n .sol-left .core-concept { font-size: 1rem; }\r\n .layer-item { padding: 1rem; }\r\n .results-dashboard { grid-template-columns: 1fr; gap: 1rem; }\r\n .result-val { font-size: 1.8rem; }\r\n .rack-layer { flex-direction: column; align-items: flex-start; gap: 0.5rem; }\r\n .rack-layer div { text-align: left; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"solutions-section\" id=\"solutions\">\r\n <div class=\"sol-container\">\r\n \r\n <div class=\"sol-header\">\r\n <p class=\"lang-text\" data-tw=\"CORE SOLUTIONS\" data-cn=\"CORE SOLUTIONS\">CORE SOLUTIONS<\/p>\r\n <h2 class=\"lang-text\" data-tw=\"\u56db\u5927\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u56db\u5927\u7cfb\u7edf\u5316\u89e3\u51b3\u65b9\u6848\">\u56db\u5927\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848<\/h2>\r\n <\/div>\r\n\r\n <div class=\"stacked-cards-wrapper\">\r\n \r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 01\" data-cn=\"SOLUTION 01\">SOLUTION 01<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"AI\u71df\u92b7\u81ea\u52d5\u5316\u7cfb\u7d71\" data-cn=\"AI\u8425\u9500\u81ea\u52a8\u5316\u7cfb\u7edf\">AI\u71df\u92b7\u81ea\u52d5\u5316\u7cfb\u7d71<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u6211\u5011\u4e0d\u505a\u5167\u5bb9\u4ee3\u5de5\uff0c<br>\u6211\u5011\u70ba\u4f60\u5efa\u7acb\u5c08\u5c6c\u7684\u300c\u5167\u5bb9\u5de5\u5ee0\u300d\u3002\" data-cn=\"\u6211\u4eec\u4e0d\u505a\u5185\u5bb9\u4ee3\u5de5\uff0c<br>\u6211\u4eec\u4e3a\u4f60\u5efa\u7acb\u4e13\u5c5e\u7684\u300c\u5185\u5bb9\u5de5\u5382\u300d\u3002\">\r\n \u6211\u5011\u4e0d\u505a\u5167\u5bb9\u4ee3\u5de5\uff0c<br>\u6211\u5011\u70ba\u4f60\u5efa\u7acb\u5c08\u5c6c\u7684\u300c\u5167\u5bb9\u5de5\u5ee0\u300d\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u7cfb\u7d71\u5206\u5c64\u67b6\u69cb\" data-cn=\"\u7cfb\u7edf\u5206\u5c42\u67b6\u6784\">\u7cfb\u7d71\u5206\u5c64\u67b6\u69cb<\/h4>\r\n <div class=\"layer-list\">\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u7b2c\u4e00\u5c64\uff1a\u54c1\u724c Vibe \u5efa\u6a21\" data-cn=\"\u7b2c\u4e00\u5c42\uff1a\u54c1\u724c Vibe \u5efa\u6a21\">\u7b2c\u4e00\u5c64\uff1a\u54c1\u724c Vibe \u5efa\u6a21<\/strong>\r\n <p class=\"lang-text\" data-tw=\"\u751f\u6210\u5167\u5bb9\u524d\u5148\u5efa\u7acb\uff1a\u54c1\u724c\u8a9e\u6c23\u3001\u60c5\u7dd2\u5b9a\u4f4d\u3001\u5ba2\u7fa4\u5fc3\u7406\u8207\u5275\u8fa6\u4eba\u50f9\u503c\u89c0\u6a21\u578b\uff0c\u78ba\u4fdd\u6240\u6709 AI \u7522\u51fa\u5177\u5099\u4e00\u81f4\u78c1\u5834\u3002\" data-cn=\"\u751f\u6210\u5185\u5bb9\u524d\u5148\u5efa\u7acb\uff1a\u54c1\u724c\u8bed\u6c14\u3001\u60c5\u7eea\u5b9a\u4f4d\u3001\u5ba2\u7fa4\u5fc3\u7406\u4e0e\u521b\u529e\u4eba\u4ef7\u503c\u89c2\u6a21\u578b\uff0c\u786e\u4fdd\u6240\u6709 AI \u4ea7\u51fa\u5177\u5907\u4e00\u81f4\u78c1\u573a\u3002\">\u751f\u6210\u5167\u5bb9\u524d\u5148\u5efa\u7acb\uff1a\u54c1\u724c\u8a9e\u6c23\u3001\u60c5\u7dd2\u5b9a\u4f4d\u3001\u5ba2\u7fa4\u5fc3\u7406\u8207\u5275\u8fa6\u4eba\u50f9\u503c\u89c0\u6a21\u578b\uff0c\u78ba\u4fdd\u6240\u6709 AI \u7522\u51fa\u5177\u5099\u4e00\u81f4\u78c1\u5834\u3002<\/p>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u7b2c\u4e8c\u5c64\uff1a\u5167\u5bb9\u751f\u7522\u5f15\u64ce\" data-cn=\"\u7b2c\u4e8c\u5c42\uff1a\u5185\u5bb9\u751f\u4ea7\u5f15\u64ce\">\u7b2c\u4e8c\u5c64\uff1a\u5167\u5bb9\u751f\u7522\u5f15\u64ce<\/strong>\r\n <div class=\"ui-tags\" style=\"margin-top: 8px;\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u7206\u6b3e\u8173\u672c\u6a21\u578b\" data-cn=\"\u7206\u6b3e\u811a\u672c\u6a21\u578b\">\u7206\u6b3e\u8173\u672c\u6a21\u578b<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u77ed\u8996\u983b\u8f49\u5316\u7d50\u69cb\" data-cn=\"\u77ed\u89c6\u9891\u8f6c\u5316\u7ed3\u6784\">\u77ed\u8996\u983b\u8f49\u5316\u7d50\u69cb<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5167\u5bb9A\/B\u6e2c\u8a66\" data-cn=\"\u5185\u5bb9A\/B\u6d4b\u8bd5\">\u5167\u5bb9A\/B\u6e2c\u8a66<\/span>\r\n <\/div>\r\n <p class=\"lang-text\" style=\"margin-top: 8px;\" data-tw=\"\u6bcf\u4e00\u500b\u5167\u5bb9\u90fd\u4e0d\u662f\u55ae\u7bc7\u7522\u51fa\uff0c\u800c\u662f\u591a\u5e73\u53f0\u683c\u5f0f\u77e9\u9663\u751f\u6210\u3002\" data-cn=\"\u6bcf\u4e00\u4e2a\u5185\u5bb9\u90fd\u4e0d\u662f\u5355\u7bc7\u4ea7\u51fa\uff0c\u800c\u662f\u591a\u5e73\u53f0\u683c\u5f0f\u77e9\u9635\u751f\u6210\u3002\">\u6bcf\u4e00\u500b\u5167\u5bb9\u90fd\u4e0d\u662f\u55ae\u7bc7\u7522\u51fa\uff0c\u800c\u662f\u591a\u5e73\u53f0\u683c\u5f0f\u77e9\u9663\u751f\u6210\u3002<\/p>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u7b2c\u4e09\u5c64\uff1a\u5206\u767c\u8207\u8f49\u5316\u7cfb\u7d71\" data-cn=\"\u7b2c\u4e09\u5c42\uff1a\u5206\u53d1\u4e0e\u8f6c\u5316\u7cfb\u7edf\">\u7b2c\u4e09\u5c64\uff1a\u5206\u767c\u8207\u8f49\u5316\u7cfb\u7d71<\/strong>\r\n <div class=\"ui-tags\" style=\"margin-top: 8px;\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u81ea\u52d5\u767c\u5e03\" data-cn=\"\u81ea\u52a8\u53d1\u5e03\">\u81ea\u52d5\u767c\u5e03<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u79c1\u8a0a\u81ea\u52d5\u56de\u8986\" data-cn=\"\u79c1\u8baf\u81ea\u52a8\u56de\u590d\">\u79c1\u8a0a\u81ea\u52d5\u56de\u8986<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5ba2\u6236\u6a19\u7c64\u5206\u985e\" data-cn=\"\u5ba2\u6237\u6807\u7b7e\u5206\u7c7b\">\u5ba2\u6236\u6a19\u7c64\u5206\u985e<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-conclusion lang-text\" data-tw=\"\ud83d\udc49 \u5f62\u6210\u300c\u6d41\u91cf \u2192 \u4e92\u52d5 \u2192 \u6210\u4ea4\u300d\u7121\u7e2b\u9589\u74b0\u3002\" data-cn=\"\ud83d\udc49 \u5f62\u6210\u300c\u6d41\u91cf \u2192 \u4e92\u52a8 \u2192 \u6210\u4ea4\u300d\u65e0\u7f1d\u95ed\u73af\u3002\">\ud83d\udc49 \u5f62\u6210\u300c\u6d41\u91cf \u2192 \u4e92\u52d5 \u2192 \u6210\u4ea4\u300d\u7121\u7e2b\u9589\u74b0\u3002<\/div>\r\n\r\n <div class=\"results-dashboard\">\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">5-20<span style=\"font-size:1.2rem;\">x<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5167\u5bb9\u7522\u51fa\u6548\u7387\u63d0\u5347\" data-cn=\"\u5185\u5bb9\u4ea7\u51fa\u6548\u7387\u63d0\u5347\">\u5167\u5bb9\u7522\u51fa\u6548\u7387\u63d0\u5347<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val lang-text\" data-tw=\"\u79d2\u7d1a\" data-cn=\"\u79d2\u7ea7\">\u79d2\u7d1a<\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5ba2\u6236\u56de\u61c9\u6642\u9593\" data-cn=\"\u5ba2\u6237\u56de\u5e94\u65f6\u95f4\">\u5ba2\u6236\u56de\u61c9\u6642\u9593<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">+40<span style=\"font-size:1.2rem;\">%<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u6574\u9ad4\u6210\u4ea4\u7387\u63d0\u5347\" data-cn=\"\u6574\u4f53\u6210\u4ea4\u7387\u63d0\u5347\">\u6574\u9ad4\u6210\u4ea4\u7387\u63d0\u5347<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 02\" data-cn=\"SOLUTION 02\">SOLUTION 02<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u4f01\u696dAI\u77e5\u8b58\u5eab\" data-cn=\"\u4f01\u4e1aAI\u77e5\u8bc6\u5e93\">\u4f01\u696dAI\u77e5\u8b58\u5eab<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u4f01\u696d\u7684\u6838\u5fc3\u7af6\u722d\u529b\u4e0d\u662f\u7522\u54c1\uff0c\u800c\u662f\u300c\u7d93\u9a57\u5bc6\u5ea6\u300d\u3002<br>\u6211\u5011\u5e6b\u4f01\u696d\u628a\u96b1\u6027\u77e5\u8b58\uff0c\u8f49\u5316\u70ba\u96a8\u6642\u53ef\u8abf\u7528\u7684\u667a\u80fd\u5927\u8166\u3002\" data-cn=\"\u4f01\u4e1a\u7684\u6838\u5fc3\u7ade\u4e89\u529b\u4e0d\u662f\u4ea7\u54c1\uff0c\u800c\u662f\u300c\u7ecf\u9a8c\u5bc6\u5ea6\u300d\u3002<br>\u6211\u4eec\u5e2e\u4f01\u4e1a\u628a\u9690\u6027\u77e5\u8bc6\uff0c\u8f6c\u5316\u4e3a\u968f\u65f6\u53ef\u8c03\u7528\u7684\u667a\u80fd\u5927\u8111\u3002\">\r\n \u4f01\u696d\u7684\u6838\u5fc3\u7af6\u722d\u529b\u4e0d\u662f\u7522\u54c1\uff0c\u800c\u662f\u300c\u7d93\u9a57\u5bc6\u5ea6\u300d\u3002<br>\u6211\u5011\u5e6b\u4f01\u696d\u628a\u96b1\u6027\u77e5\u8b58\uff0c\u8f49\u5316\u70ba\u96a8\u6642\u53ef\u8abf\u7528\u7684\u667a\u80fd\u5927\u8166\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u4e09\u968e\u6bb5\u843d\u5730\u67b6\u69cb\" data-cn=\"\u4e09\u9636\u6bb5\u843d\u5730\u67b6\u6784\">\u4e09\u968e\u6bb5\u843d\u5730\u67b6\u69cb<\/h4>\r\n <div class=\"layer-list\">\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u2460 \u77e5\u8b58\u76e4\u9ede\u91cd\u69cb\" data-cn=\"\u2460 \u77e5\u8bc6\u76d8\u70b9\u91cd\u6784\">\u2460 \u77e5\u8b58\u76e4\u9ede\u91cd\u69cb<\/strong>\r\n <p class=\"lang-text\" data-tw=\"SOP\u76e4\u9ede\u3001\u92b7\u552e\u8a71\u8853\u68b3\u7406\u3001\u5ba2\u6236\u6848\u4f8b\u6b78\u7d0d\u3002\u9019\u4e0d\u662f\u55ae\u7d14\u4e0a\u50b3\u6587\u4ef6\uff0c\u800c\u662f\u77e5\u8b58\u7d50\u69cb\u7684\u91cd\u5efa\u3002\" data-cn=\"SOP\u76d8\u70b9\u3001\u9500\u552e\u8bdd\u672f\u68b3\u7406\u3001\u5ba2\u6237\u6848\u4f8b\u5f52\u7eb3\u3002\u8fd9\u4e0d\u662f\u5355\u7eaf\u4e0a\u4f20\u6587\u4ef6\uff0c\u800c\u662f\u77e5\u8bc6\u7ed3\u6784\u7684\u91cd\u5efa\u3002\">SOP\u76e4\u9ede\u3001\u92b7\u552e\u8a71\u8853\u68b3\u7406\u3001\u5ba2\u6236\u6848\u4f8b\u6b78\u7d0d\u3002\u9019\u4e0d\u662f\u55ae\u7d14\u4e0a\u50b3\u6587\u4ef6\uff0c\u800c\u662f\u77e5\u8b58\u7d50\u69cb\u7684\u91cd\u5efa\u3002<\/p>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u2461 \u5c08\u5c6c\u6a21\u578b\u8a13\u7df4\" data-cn=\"\u2461 \u4e13\u5c5e\u6a21\u578b\u8bad\u7ec3\">\u2461 \u5c08\u5c6c\u6a21\u578b\u8a13\u7df4<\/strong>\r\n <div class=\"ui-tags\" style=\"margin-top: 8px;\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u92b7\u552e\u5c08\u5bb6\u6a21\u578b\" data-cn=\"\u9500\u552e\u4e13\u5bb6\u6a21\u578b\">\u92b7\u552e\u5c08\u5bb6\u6a21\u578b<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5ba2\u670d\u56de\u8986\u6a21\u578b\" data-cn=\"\u5ba2\u670d\u56de\u590d\u6a21\u578b\">\u5ba2\u670d\u56de\u8986\u6a21\u578b<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u6cd5\u52d9\/\u6280\u8853\u652f\u6301\" data-cn=\"\u6cd5\u52a1\/\u6280\u672f\u652f\u6301\">\u6cd5\u52d9\/\u6280\u8853\u652f\u6301<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u2462 \u5be6\u6230\u843d\u5730\u61c9\u7528\" data-cn=\"\u2462 \u5b9e\u6218\u843d\u5730\u5e94\u7528\">\u2462 \u5be6\u6230\u843d\u5730\u61c9\u7528<\/strong>\r\n <p class=\"lang-text\" data-tw=\"\u65b0\u4eba\u57f9\u8a13\u8f14\u52a9\u3001\u81ea\u52d5\u5831\u544a\u751f\u6210\u3001\u5167\u90e8\u6c7a\u7b56\u652f\u6301\u3001\u5ba2\u6236\u5373\u6642\u7cbe\u6e96\u56de\u8986\u3002\" data-cn=\"\u65b0\u4eba\u57f9\u8bad\u8f85\u52a9\u3001\u81ea\u52a8\u62a5\u544a\u751f\u6210\u3001\u5185\u90e8\u51b3\u7b56\u652f\u6301\u3001\u5ba2\u6237\u5373\u65f6\u7cbe\u51c6\u56de\u590d\u3002\">\u65b0\u4eba\u57f9\u8a13\u8f14\u52a9\u3001\u81ea\u52d5\u5831\u544a\u751f\u6210\u3001\u5167\u90e8\u6c7a\u7b56\u652f\u6301\u3001\u5ba2\u6236\u5373\u6642\u7cbe\u6e96\u56de\u8986\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"results-dashboard\">\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">-50<span style=\"font-size:1.2rem;\">%<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u65b0\u4eba\u57f9\u8a13\u6642\u9593\" data-cn=\"\u65b0\u4eba\u57f9\u8bad\u65f6\u95f4\">\u65b0\u4eba\u57f9\u8a13\u6642\u9593<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">+80<span style=\"font-size:1.2rem;\">%<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5ba2\u670d\u56de\u8986\u4e00\u81f4\u6027\" data-cn=\"\u5ba2\u670d\u56de\u590d\u4e00\u81f4\u6027\">\u5ba2\u670d\u56de\u8986\u4e00\u81f4\u6027<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">5<span style=\"font-size:1.2rem;\">x<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5831\u544a\u7522\u51fa\u6548\u7387\" data-cn=\"\u62a5\u544a\u4ea7\u51fa\u6548\u7387\">\u5831\u544a\u7522\u51fa\u6548\u7387<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 03\" data-cn=\"SOLUTION 03\">SOLUTION 03<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u4f01\u696dAI Agent\u7cfb\u7d71\" data-cn=\"\u4f01\u4e1aAI Agent\u7cfb\u7edf\">\u4f01\u696dAI Agent\u7cfb\u7d71<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u8b93 AI \u4e0d\u53ea\u662f\u6587\u5b57\u52a9\u624b\uff0c<br>\u800c\u662f\u771f\u6b63\u80fd\u57f7\u884c\u4efb\u52d9\u7684\u300c\u6578\u4f4d\u54e1\u5de5\u300d\u3002\" data-cn=\"\u8ba9 AI \u4e0d\u53ea\u662f\u6587\u5b57\u52a9\u624b\uff0c<br>\u800c\u662f\u771f\u6b63\u80fd\u6267\u884c\u4efb\u52a1\u7684\u300c\u6570\u4f4d\u5458\u5de5\u300d\u3002\">\r\n \u8b93 AI \u4e0d\u53ea\u662f\u6587\u5b57\u52a9\u624b\uff0c<br>\u800c\u662f\u771f\u6b63\u80fd\u57f7\u884c\u4efb\u52d9\u7684\u300c\u6578\u4f4d\u54e1\u5de5\u300d\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u90e8\u9580\u5c08\u5c6c AI \u54e1\u5de5\u5efa\u6a21\" data-cn=\"\u90e8\u95e8\u4e13\u5c5e AI \u5458\u5de5\u5efa\u6a21\">\u90e8\u9580\u5c08\u5c6c AI \u54e1\u5de5\u5efa\u6a21<\/h4>\r\n <div class=\"ui-tags\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u92b7\u552e AI\" data-cn=\"\u9500\u552e AI\">\u92b7\u552e AI<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u884c\u92b7 AI\" data-cn=\"\u8425\u9500 AI\">\u884c\u92b7 AI<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u4eba\u8cc7 AI\" data-cn=\"\u4eba\u8d44 AI\">\u4eba\u8cc7 AI<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u8ca1\u52d9\/\u6cd5\u52d9 AI\" data-cn=\"\u8d22\u52a1\/\u6cd5\u52a1 AI\">\u8ca1\u52d9\/\u6cd5\u52d9 AI<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u7121\u7e2b\u5de5\u4f5c\u6d41\u5d4c\u5165 (Workflow)\" data-cn=\"\u65e0\u7f1d\u5de5\u4f5c\u6d41\u5d4c\u5165 (Workflow)\">\u7121\u7e2b\u5de5\u4f5c\u6d41\u5d4c\u5165 (Workflow)<\/h4>\r\n <div class=\"layer-list\">\r\n <div class=\"layer-item\">\r\n <p class=\"lang-text\" data-tw=\"AI \u81ea\u52d5\u5d4c\u5165 CRM \u6d41\u7a0b\u3001\u4efb\u52d9\u6d3e\u767c\u3001\u5831\u544a\u5be9\u6279\u8207\u5ba2\u6236\u7ba1\u7406\uff0c\u5728\u6bcf\u500b\u95dc\u9375\u7bc0\u9ede\u81ea\u52d5\u89f8\u767c\uff0c\u7121\u9700\u4eba\u5de5\u5e72\u9810\u3002\" data-cn=\"AI \u81ea\u52a8\u5d4c\u5165 CRM \u6d41\u7a0b\u3001\u4efb\u52a1\u6d3e\u53d1\u3001\u62a5\u544a\u5ba1\u6279\u4e0e\u5ba2\u6237\u7ba1\u7406\uff0c\u5728\u6bcf\u4e2a\u5173\u952e\u8282\u70b9\u81ea\u52a8\u89e6\u53d1\uff0c\u65e0\u9700\u4eba\u5de5\u5e72\u9884\u3002\">AI \u81ea\u52d5\u5d4c\u5165 CRM \u6d41\u7a0b\u3001\u4efb\u52d9\u6d3e\u767c\u3001\u5831\u544a\u5be9\u6279\u8207\u5ba2\u6236\u7ba1\u7406\uff0c\u5728\u6bcf\u500b\u95dc\u9375\u7bc0\u9ede\u81ea\u52d5\u89f8\u767c\uff0c\u7121\u9700\u4eba\u5de5\u5e72\u9810\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u9ad8\u968e\u6c7a\u7b56\u8f14\u52a9\" data-cn=\"\u9ad8\u9636\u51b3\u7b56\u8f85\u52a9\">\u9ad8\u968e\u6c7a\u7b56\u8f14\u52a9<\/h4>\r\n <div class=\"ui-tags\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u92b7\u552e\u9810\u6e2c\" data-cn=\"\u9500\u552e\u9884\u6d4b\">\u92b7\u552e\u9810\u6e2c<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u6210\u672c\u512a\u5316\" data-cn=\"\u6210\u672c\u4f18\u5316\">\u6210\u672c\u512a\u5316<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5ba2\u6236\u6d41\u5931\u9810\u8b66\" data-cn=\"\u5ba2\u6237\u6d41\u5931\u9884\u8b66\">\u5ba2\u6236\u6d41\u5931\u9810\u8b66<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5e02\u5834\u8da8\u52e2\u5206\u6790\" data-cn=\"\u5e02\u573a\u8d8b\u52bf\u5206\u6790\">\u5e02\u5834\u8da8\u52e2\u5206\u6790<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-conclusion lang-text\" data-tw=\"\ud83d\udc49 \u4f01\u696d\u6b63\u5f0f\u9032\u5165\u300c\u4eba\u6a5f\u5354\u540c\u300d\u7684\u9ad8\u6548\u64f4\u5f35\u6a21\u5f0f\u3002\" data-cn=\"\ud83d\udc49 \u4f01\u4e1a\u6b63\u5f0f\u8fdb\u5165\u300c\u4eba\u673a\u534f\u540c\u300d\u7684\u9ad8\u6548\u6269\u5f20\u6a21\u5f0f\u3002\">\ud83d\udc49 \u4f01\u696d\u6b63\u5f0f\u9032\u5165\u300c\u4eba\u6a5f\u5354\u540c\u300d\u7684\u9ad8\u6548\u64f4\u5f35\u6a21\u5f0f\u3002<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 04\" data-cn=\"SOLUTION 04\">SOLUTION 04<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u4f01\u696dAI\u5168\u7ad9\u67b6\u69cb\" data-cn=\"\u4f01\u4e1aAI\u5168\u7ad9\u67b6\u6784\">\u4f01\u696dAI\u5168\u7ad9\u67b6\u69cb<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u9019\u4e0d\u662f\u55ae\u7d14\u7684\u8edf\u9ad4\u5de5\u5177\u6574\u5408\uff0c<br>\u800c\u662f\u70ba\u4f01\u696d\u91cf\u8eab\u6253\u9020\u7684\u300cAI \u795e\u7d93\u57fa\u790e\u8a2d\u65bd\u300d\u3002\" data-cn=\"\u8fd9\u4e0d\u662f\u5355\u7eaf\u7684\u8f6f\u4ef6\u5de5\u5177\u6574\u5408\uff0c<br>\u800c\u662f\u4e3a\u4f01\u4e1a\u91cf\u8eab\u6253\u9020\u7684\u300cAI \u795e\u7ecf\u57fa\u7840\u8bbe\u65bd\u300d\u3002\">\r\n \u9019\u4e0d\u662f\u55ae\u7d14\u7684\u8edf\u9ad4\u5de5\u5177\u6574\u5408\uff0c<br>\u800c\u662f\u70ba\u4f01\u696d\u91cf\u8eab\u6253\u9020\u7684\u300cAI \u795e\u7d93\u57fa\u790e\u8a2d\u65bd\u300d\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u56db\u5c64\u6df1\u5ea6\u67b6\u69cb (4-Layer Architecture)\" data-cn=\"\u56db\u5c42\u6df1\u5ea6\u67b6\u6784 (4-Layer Architecture)\">\u56db\u5c64\u6df1\u5ea6\u67b6\u69cb (4-Layer Architecture)<\/h4>\r\n \r\n <div class=\"server-rack\">\r\n <div class=\"rack-layer\">\r\n <span>Layer 1<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u6578\u64da\u6574\u5408\u5c64\uff1aCRM \/ ERP \/ \u5b98\u7db2\u8207\u5ba2\u670d\u6578\u64da\u63a5\u5165\" data-cn=\"\u6570\u636e\u6574\u5408\u5c42\uff1aCRM \/ ERP \/ \u5b98\u7f51\u4e0e\u5ba2\u670d\u6570\u636e\u63a5\u5165\">\u6578\u64da\u6574\u5408\u5c64\uff1aCRM \/ ERP \/ \u5b98\u7db2\u8207\u5ba2\u670d\u6578\u64da\u63a5\u5165<\/div>\r\n <\/div>\r\n <div class=\"rack-layer\">\r\n <span>Layer 2<\/span>\r\n <div class=\"lang-text\" data-tw=\"AI\u6a21\u578b\u5c64\uff1a\u5c08\u5c6c\u4f01\u696d\u6a21\u578b \/ \u884c\u92b7\u751f\u6210\u8207\u5206\u6790\u6a21\u578b\" data-cn=\"AI\u6a21\u578b\u5c42\uff1a\u4e13\u5c5e\u4f01\u4e1a\u6a21\u578b \/ \u8425\u9500\u751f\u6210\u4e0e\u5206\u6790\u6a21\u578b\">AI\u6a21\u578b\u5c64\uff1a\u5c08\u5c6c\u4f01\u696d\u6a21\u578b \/ \u884c\u92b7\u751f\u6210\u8207\u5206\u6790\u6a21\u578b<\/div>\r\n <\/div>\r\n <div class=\"rack-layer\">\r\n <span>Layer 3<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u61c9\u7528\u5c64\uff1aAI\u5ba2\u670d \/ \u81ea\u52d5\u5831\u50f9 \/ \u7b56\u7565\u8207\u6210\u4ea4\u52a9\u7406\" data-cn=\"\u5e94\u7528\u5c42\uff1aAI\u5ba2\u670d \/ \u81ea\u52a8\u62a5\u4ef7 \/ \u7b56\u7565\u4e0e\u6210\u4ea4\u52a9\u7406\">\u61c9\u7528\u5c64\uff1aAI\u5ba2\u670d \/ \u81ea\u52d5\u5831\u50f9 \/ \u7b56\u7565\u8207\u6210\u4ea4\u52a9\u7406<\/div>\r\n <\/div>\r\n <div class=\"rack-layer\" style=\"border-left-color:#FFB800;\">\r\n <span style=\"color:#FFB800;\">Layer 4<\/span>\r\n <div class=\"lang-text\" data-tw=\"Vibe\u5c64\uff1a\u54c1\u724c\u60c5\u7dd2\u5efa\u6a21 \/ \u6eab\u5ea6\u76e3\u6e2c\u8207\u9577\u671f\u78c1\u5834\u8a2d\u8a08\" data-cn=\"Vibe\u5c42\uff1a\u54c1\u724c\u60c5\u7eea\u5efa\u6a21 \/ \u6e29\u5ea6\u76d1\u6d4b\u4e0e\u957f\u671f\u78c1\u573a\u8bbe\u8ba1\">Vibe\u5c64\uff1a\u54c1\u724c\u60c5\u7dd2\u5efa\u6a21 \/ \u6eab\u5ea6\u76e3\u6e2c\u8207\u9577\u671f\u78c1\u5834\u8a2d\u8a08<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"section-cta\">\r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-glow lang-text\" data-tw=\"\u9810\u7d04\u5ba2\u88fd\u5316\u67b6\u69cb\u8a2d\u8a08\" data-cn=\"\u9884\u7ea6\u5ba2\u5236\u5316\u67b6\u6784\u8bbe\u8ba1\">\u9810\u7d04\u5ba2\u88fd\u5316\u67b6\u69cb\u8a2d\u8a08<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75b0849 e-flex e-con-boxed e-con e-parent\" data-id=\"75b0849\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e35df6 elementor-widget elementor-widget-html\" data-id=\"8e35df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .cases-section {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u5ef6\u7e8c\u6df1\u7a7a\u85cd\u5e95\u8272 *\/\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .cases-section * { box-sizing: border-box !important; }\r\n\r\n .cases-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .cases-header { text-align: center; margin-bottom: 3rem; }\r\n .cases-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(56, 189, 248, 0.1); \r\n color: #38bdf8; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(56, 189, 248, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .cases-header h2 { font-size: 3.5rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin: 0; }\r\n .cases-header h2 .highlight { color: #FFB800; }\r\n\r\n \/* ================= \u6a19\u7c64\u5207\u63db\u6309\u9215 (Tabs) ================= *\/\r\n .cases-tabs {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .case-tab-btn {\r\n background: rgba(255, 255, 255, 0.03);\r\n color: #94a3b8;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .case-tab-btn:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n color: #f8fafc;\r\n }\r\n\r\n \/* Active \u72c0\u614b\uff1a\u91d1\u9ec3\u8272\u9ad8\u4eae *\/\r\n .case-tab-btn.active {\r\n background: rgba(255, 184, 0, 0.1);\r\n color: #FFB800;\r\n border-color: #FFB800;\r\n box-shadow: 0 0 20px rgba(255, 184, 0, 0.2);\r\n }\r\n\r\n \/* ================= Logo \u7db2\u683c\u5340 (\u5df2\u6539\u70ba 3 \u6b04) ================= *\/\r\n .case-grid-content {\r\n position: relative;\r\n min-height: 350px; \r\n }\r\n\r\n .case-grid {\r\n display: none; \r\n grid-template-columns: repeat(3, 1fr); \/* \u3010\u4fee\u6b63\u91cd\u9ede\u3011\uff1a\u6539\u70ba 3 \u6b04\uff0c\u525b\u597d\u88dd 6 \u500b *\/\r\n gap: 1.5rem;\r\n width: 100%;\r\n max-width: 1000px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u7e3d\u5bec\u5ea6\u8b93 3 \u6b04\u770b\u8d77\u4f86\u66f4\u7dca\u6e4a\u9ad8\u7d1a *\/\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u986f\u793a Active \u7684\u7db2\u683c\u4e26\u52a0\u4e0a\u9032\u5834\u52d5\u756b *\/\r\n .case-grid.active {\r\n display: grid;\r\n animation: fadeUpGrid 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n }\r\n\r\n @keyframes fadeUpGrid {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ================= \u55ae\u500b Logo \u5361\u7247 ================= *\/\r\n .logo-box {\r\n background: rgba(30, 41, 59, 0.5);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 16px;\r\n padding: 2rem 1.5rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 140px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Logo \u5716\u7247\u4e92\u52d5\uff1a\u7070\u968e\u8f49\u5168\u5f69 *\/\r\n .logo-box img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n filter: grayscale(100%) opacity(0.5); \/* \u9810\u8a2d\u6df1\u8272\u7070\u968e *\/\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n z-index: 1;\r\n }\r\n\r\n \/* Hover \u6d6e\u8d77\u767c\u5149\u7279\u6548 *\/\r\n .logo-box:hover {\r\n transform: translateY(-6px);\r\n background: rgba(30, 41, 59, 0.9);\r\n border-color: rgba(255, 184, 0, 0.4);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4), inset 0 0 15px rgba(255, 184, 0, 0.05);\r\n }\r\n \r\n .logo-box:hover img {\r\n filter: grayscale(0%) opacity(1); \/* \u6062\u5fa9\u5168\u5f69 *\/\r\n transform: scale(1.1); \/* \u5fae\u653e\u5927 *\/\r\n }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 768px) {\r\n .cases-container { padding: 0 20px; }\r\n .cases-header h2 { font-size: 2.5rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\u6a19\u7c64\u7a0d\u5fae\u7e2e\u5c0f\uff0c\u5141\u8a31\u63db\u884c *\/\r\n .cases-tabs { gap: 0.8rem; margin-bottom: 2.5rem; }\r\n .case-tab-btn { padding: 10px 24px; font-size: 1rem; width: calc(50% - 0.4rem); text-align: center; }\r\n .case-tab-btn:nth-child(3) { width: 100%; } \/* \u7b2c\u4e09\u500b\u4f54\u6eff\u5bec\u5ea6 *\/\r\n\r\n \/* \u624b\u6a5f\u7248\u6539\u70ba 2 \u6b04 *\/\r\n .case-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\r\n .logo-box { height: 110px; padding: 1.5rem 1rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\u63d0\u9ad8\u57fa\u790e\u53ef\u898b\u5ea6 *\/\r\n .logo-box img { filter: grayscale(50%) opacity(0.8); }\r\n }\r\n<\/style>\r\n\r\n<section class=\"cases-section\" id=\"cases\">\r\n <div class=\"cases-container\">\r\n \r\n <div class=\"cases-header\">\r\n <p class=\"lang-text\" data-tw=\"SUCCESS STORIES\" data-cn=\"SUCCESS STORIES\">SUCCESS STORIES<\/p>\r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u4ed6\u5011\u90fd\u5728\u4f7f\u7528<br><span class='highlight'>RefLink \u7cfb\u7d71<\/span>\" \r\n data-cn=\"\u4ed6\u4eec\u90fd\u5728\u4f7f\u7528<br><span class='highlight'>RefLink \u7cfb\u7edf<\/span>\">\r\n \u4ed6\u5011\u90fd\u5728\u4f7f\u7528<br><span class='highlight'>RefLink \u7cfb\u7d71<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"cases-tabs\">\r\n <button class=\"case-tab-btn active lang-text\" data-target=\"grid-food\" data-tw=\"\u98df\u54c1\u96f6\u552e\" data-cn=\"\u98df\u54c1\u96f6\u552e\">\u98df\u54c1\u96f6\u552e<\/button>\r\n <button class=\"case-tab-btn lang-text\" data-target=\"grid-bio\" data-tw=\"\u751f\u6280\u5065\u5eb7\" data-cn=\"\u751f\u6280\u5065\u5eb7\">\u751f\u6280\u5065\u5eb7<\/button>\r\n <button class=\"case-tab-btn lang-text\" data-target=\"grid-sports\" data-tw=\"\u904b\u52d5\u751f\u6d3b\" data-cn=\"\u8fd0\u52a8\u751f\u6d3b\">\u904b\u52d5\u751f\u6d3b<\/button>\r\n <\/div>\r\n\r\n <div class=\"case-grid-content\">\r\n \r\n <div id=\"grid-food\" class=\"case-grid active\">\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-1.png\" alt=\"\u91d1\u862d\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-2.png\" alt=\"\u5bcc\u5473\u9109\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-7.png\" alt=\"\u6545\u5bae\u535a\u7269\u9662\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-8.png\" alt=\"\u767e\u8349\u5473\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-14.png\" alt=\"85\u5ea6C\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-13.png\" alt=\"fga\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"grid-bio\" class=\"case-grid\">\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-3.png\" alt=\"\u5967\u4f73\u83ef\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-4.png\" alt=\"\u963f\u65af\u5229\u5eb7\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-9.png\" alt=\"\u963f\u91cc\u5065\u5eb7\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-10.png\" alt=\"\u98db\u5229\u6d66\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-15.png\" alt=\"NOVARTIS\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-16.png\" alt=\"\u83ef\u806f\u751f\u6280\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"grid-sports\" class=\"case-grid\">\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-5.png\" alt=\"\u6377\u5b89\u7279\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-6.png\" alt=\"\u746a\u9e97\u84ee\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-11.png\" alt=\"MOLLIFIX\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-12.png\" alt=\"Bonny\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-17.png\" alt=\"HOLA\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-18.png\" alt=\"FILA\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ ==========================================\r\n \/\/ 1. Tab \u5207\u63db\u908f\u8f2f\r\n \/\/ ==========================================\r\n const tabBtns = document.querySelectorAll('.case-tab-btn');\r\n const caseGrids = document.querySelectorAll('.case-grid');\r\n\r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709\u6309\u9215\u7684 active \u72c0\u614b\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n \/\/ \u70ba\u9ede\u64ca\u7684\u6309\u9215\u52a0\u4e0a active \u72c0\u614b\r\n btn.classList.add('active');\r\n\r\n \/\/ \u53d6\u5f97\u8981\u986f\u793a\u7684\u76ee\u6a19\u7db2\u683c ID\r\n const targetId = btn.getAttribute('data-target');\r\n\r\n \/\/ \u96b1\u85cf\u6240\u6709\u7db2\u683c\uff0c\u4e26\u986f\u793a\u5c0d\u61c9\u7684\u7db2\u683c\r\n caseGrids.forEach(grid => {\r\n grid.classList.remove('active');\r\n if (grid.id === targetId) {\r\n grid.classList.add('active');\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ ==========================================\r\n \/\/ 2. \u7e41\u7c21\u5207\u63db\u88dc\u4e01 (\u70ba\u6b64\u5340\u584a\u7368\u7acb\u7d81\u5b9a\u76e3\u807d)\r\n \/\/ \u78ba\u4fdd\u6309 Header \u6309\u9215\u6642\uff0c\u6b64\u5340\u584a\u4e5f\u6703\u8ddf\u8457\u8b8a\r\n \/\/ ==========================================\r\n const headerLangBtn = document.getElementById('langToggle');\r\n \r\n \/\/ \u53ea\u6709\u7576\u756b\u9762\u4e0a\u771f\u7684\u5b58\u5728\u9019\u500b\u6309\u9215\u6642\u624d\u7d81\u5b9a\uff0c\u907f\u514d\u5831\u932f\r\n if (headerLangBtn) {\r\n headerLangBtn.addEventListener('click', () => {\r\n \/\/ \u5224\u65b7\u6309\u9215\u76ee\u524d\u7684\u72c0\u614b (\u5f9e\u5b83\u7684 textContent \u6216\u6a23\u5f0f\u4f86\u5224\u65b7)\r\n \/\/ \u9019\u88e1\u6211\u5011\u76f4\u63a5\u6293\u53d6\u6b64\u5340\u584a\u5167\u7684\u6587\u5b57\u9032\u884c\u91cd\u7f6e\r\n const isCn = headerLangBtn.style.color === 'rgb(255, 184, 0)' || headerLangBtn.style.color === '#FFB800';\r\n const currentLang = isCn ? 'cn' : 'tw';\r\n \r\n const localLangElements = document.querySelectorAll('.cases-section .lang-text');\r\n \r\n localLangElements.forEach(el => {\r\n if (currentLang === 'cn') {\r\n el.innerHTML = el.getAttribute('data-cn');\r\n } else {\r\n el.innerHTML = el.getAttribute('data-tw');\r\n }\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df976a2 e-flex e-con-boxed e-con e-parent\" data-id=\"df976a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9db6956 elementor-widget elementor-widget-html\" data-id=\"9db6956\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .methodology-v2 {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a;\r\n background-image: \r\n linear-gradient(rgba(56, 189, 248, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(56, 189, 248, 0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .methodology-v2 * { box-sizing: border-box !important; }\r\n\r\n .method-container {\r\n max-width: 1200px; margin: 0 auto; padding: 0 40px; position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .method-header { text-align: center; margin-bottom: 6rem; }\r\n .method-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(255, 184, 0, 0.1); \r\n color: #FFB800; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(255, 184, 0, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .method-header h2 { font-size: 3.5rem; font-weight: 900; color: #ffffff; line-height: 1.3; margin: 0; }\r\n .method-header h2 .highlight { \r\n background: linear-gradient(90deg, #FFB800 0%, #FFD56B 100%);\r\n -webkit-background-clip: text; color: transparent;\r\n }\r\n\r\n \/* ================= \u52d5\u614b\u6642\u9593\u8ef8 ================= *\/\r\n .timeline-wrapper {\r\n position: relative; max-width: 1000px; margin: 0 auto; padding-bottom: 4rem;\r\n }\r\n\r\n \/* \u8ecc\u9053\u5e95\u7dda (\u52a0\u4eae) *\/\r\n .timeline-line {\r\n position: absolute; left: 50%; top: 0; bottom: 0; width: 4px;\r\n background: rgba(255, 255, 255, 0.05);\r\n transform: translateX(-50%); border-radius: 4px;\r\n }\r\n\r\n \/* \u52d5\u614b\u751f\u9577\u9ec3\u91d1\u7dda *\/\r\n .timeline-progress {\r\n position: absolute; left: 50%; top: 0; width: 4px;\r\n background: linear-gradient(to bottom, transparent, #FFB800);\r\n transform: translateX(-50%); height: 0%; \r\n transition: height 0.1s ease-out;\r\n box-shadow: 0 0 15px #FFB800; border-radius: 4px; z-index: 1;\r\n }\r\n .timeline-progress::after {\r\n content: ''; position: absolute; bottom: 0; left: 50%;\r\n transform: translateX(-50%) translateY(50%);\r\n width: 14px; height: 14px; background: #ffffff;\r\n border-radius: 50%; box-shadow: 0 0 20px 8px rgba(255, 184, 0, 0.8);\r\n }\r\n\r\n \/* \u6bcf\u4e00\u5217\u9805\u76ee *\/\r\n .timeline-item {\r\n position: relative; width: 100%; display: flex;\r\n justify-content: space-between; align-items: center;\r\n margin-bottom: 6rem;\r\n }\r\n .timeline-item:nth-child(even) { flex-direction: row-reverse; }\r\n .timeline-spacer { width: 45%; } \r\n\r\n \/* ================= \u7bc0\u9ede\u8207\u5361\u7247 (\u9810\u8a2d\u6697\u614b) ================= *\/\r\n \r\n .timeline-node {\r\n position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);\r\n width: 20px; height: 20px; border-radius: 50%;\r\n background: #0f172a; border: 3px solid rgba(255, 255, 255, 0.2);\r\n z-index: 2; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .timeline-card {\r\n width: 45%;\r\n background: rgba(15, 23, 42, 0.8);\r\n backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px; padding: 2.5rem 3rem;\r\n position: relative; overflow: hidden;\r\n \/* \u3010\u95dc\u9375\u3011\uff1a\u9810\u8a2d\u7e2e\u5c0f\u4e00\u9ede\u3001\u8b8a\u6697\uff0c\u6e96\u5099\u88ab\u300c\u958b\u5149\u300d *\/\r\n opacity: 0.4;\r\n transform: scale(0.95);\r\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .stage-bg {\r\n position: absolute; right: 20px; top: -10px; font-size: 8rem; font-weight: 900; \r\n color: rgba(255, 255, 255, 0.02); line-height: 1; pointer-events: none; \r\n font-family: 'Arial Black', Impact, sans-serif; transition: color 0.4s ease;\r\n }\r\n\r\n \/* \u9810\u8a2d\u6587\u5b57\u984f\u8272\u504f\u6697 *\/\r\n .timeline-card h3 {\r\n font-size: 1.8rem; font-weight: 800; color: #64748b; \r\n margin-bottom: 1.8rem; position: relative; z-index: 1; transition: color 0.4s;\r\n }\r\n .action-list { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }\r\n .action-list li {\r\n color: #475569; font-size: 1.15rem; font-weight: 500;\r\n padding: 14px 18px; margin-bottom: 10px;\r\n background: rgba(255, 255, 255, 0.02); border-radius: 10px;\r\n border-left: 3px solid transparent; display: flex; align-items: center; gap: 12px;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); cursor: default;\r\n }\r\n .action-list li::before { content: '\u2192'; color: rgba(255, 255, 255, 0.1); font-weight: bold; transition: all 0.3s; }\r\n\r\n \/* ================= \u3010\u6838\u5fc3\u7279\u6548\u3011\u88ab\u7dda\u6383\u5230\u6642\u7684\u300c\u958b\u5149\u72c0\u614b\u300d ================= *\/\r\n \r\n .timeline-item.is-active .timeline-card {\r\n opacity: 1; \/* \u6062\u5fa9 100% \u4eae\u5ea6 *\/\r\n transform: scale(1); \/* \u6062\u5fa9\u539f\u5927\u5c0f *\/\r\n background: rgba(30, 41, 59, 0.9);\r\n border-color: #FFB800; \/* \u91d1\u8272\u767c\u5149\u5916\u6846 *\/\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 0 25px rgba(255, 184, 0, 0.15);\r\n }\r\n\r\n .timeline-item.is-active .timeline-node {\r\n width: 28px; height: 28px;\r\n border-color: #ffffff; background: #FFB800;\r\n box-shadow: 0 0 25px 5px rgba(255, 184, 0, 0.8), 0 0 0 8px rgba(255, 184, 0, 0.2);\r\n }\r\n\r\n \/* \u88e1\u9762\u7684\u5b57\u8ddf\u8457\u958b\u5149 *\/\r\n .timeline-item.is-active .timeline-card h3 { color: #ffffff; }\r\n .timeline-item.is-active .action-list li { color: #e2e8f0; }\r\n .timeline-item.is-active .action-list li::before { color: #38bdf8; }\r\n .timeline-item.is-active .stage-bg { color: rgba(255, 184, 0, 0.08); }\r\n\r\n \/* \u958b\u5149\u5f8c\u7684\u6ed1\u9f20 Hover \u7279\u6548 (\u63a8\u79fb) *\/\r\n .timeline-item.is-active .action-list li:hover {\r\n transform: translateX(12px);\r\n background: linear-gradient(90deg, rgba(255, 184, 0, 0.1) 0%, transparent 100%);\r\n border-left-color: #FFB800; color: #FFB800;\r\n }\r\n .timeline-item.is-active .action-list li:hover::before { color: #FFB800; transform: translateX(5px); }\r\n\r\n \/* CTA \u6309\u9215 *\/\r\n .btn-orbit-method {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 18px 48px; font-size: 1.15rem; font-weight: 800; color: #0f172a;\r\n background: #FFB800; border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; box-shadow: 0 0 20px rgba(255, 184, 0, 0.4);\r\n }\r\n .btn-orbit-method:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255, 184, 0, 0.6); }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u8a2d\u8a08 ================= *\/\r\n @media (max-width: 1024px) {\r\n .timeline-card { padding: 2rem; width: 48%; }\r\n .method-header h2 { font-size: 3rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .method-container { padding: 0 20px; }\r\n .method-header h2 { font-size: 2.4rem; }\r\n \r\n .timeline-line { left: 30px; transform: none; width: 3px; }\r\n .timeline-progress { left: 30px; transform: none; width: 3px; }\r\n .timeline-progress::after { left: 1.5px; }\r\n \r\n .timeline-item, .timeline-item:nth-child(even) { \r\n flex-direction: column; align-items: flex-end; margin-bottom: 4rem; \r\n }\r\n .timeline-spacer { display: none; }\r\n \r\n .timeline-node { left: 30px; transform: translate(-50%, -50%); }\r\n .timeline-item.is-active .timeline-node { transform: translate(-50%, -50%) scale(1.2); }\r\n\r\n .timeline-card { width: calc(100% - 60px); padding: 1.8rem 1.5rem; }\r\n .stage-bg { font-size: 5rem; top: 5px; right: 10px; }\r\n \r\n .timeline-card h3 { font-size: 1.5rem; margin-bottom: 1.2rem; }\r\n .action-list li { font-size: 1.05rem; padding: 12px 14px; }\r\n .btn-orbit-method { width: 100%; max-width: 300px; padding: 16px 0; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"methodology-v2\" id=\"methodology\">\r\n <div class=\"method-container\">\r\n \r\n <div class=\"method-header\">\r\n <p class=\"lang-text\" data-tw=\"TRANSFORMATION MODEL\" data-cn=\"TRANSFORMATION MODEL\">TRANSFORMATION MODEL<\/p>\r\n <h2 class=\"lang-text\" \r\n data-tw=\"AI\u8f49\u578b\u4e0d\u662f\u5c0e\u5165<br><span class='highlight nowrap'>\u800c\u662f\u91cd\u69cb<\/span>\" \r\n data-cn=\"AI\u8f6c\u578b\u4e0d\u662f\u5bfc\u5165<br><span class='highlight nowrap'>\u800c\u662f\u91cd\u6784<\/span>\">\r\n AI\u8f49\u578b\u4e0d\u662f\u5c0e\u5165<br><span class='highlight nowrap'>\u800c\u662f\u91cd\u69cb<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"timeline-wrapper\" id=\"timelineWrapper\">\r\n <div class=\"timeline-line\"><\/div>\r\n <div class=\"timeline-progress\" id=\"timelineProgress\"><\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-spacer\"><\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <div class=\"stage-bg\">01<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u7b2c\u4e00\u968e\u6bb5\uff1a\u8a3a\u65b7\" data-cn=\"\u7b2c\u4e00\u9636\u6bb5\uff1a\u8bca\u65ad\">\u7b2c\u4e00\u968e\u6bb5\uff1a\u8a3a\u65b7<\/h3>\r\n <ul class=\"action-list\">\r\n <li class=\"lang-text\" data-tw=\"\u6578\u5b57\u6210\u719f\u5ea6\u8a55\u4f30\" data-cn=\"\u6570\u5b57\u6210\u719f\u5ea6\u8bc4\u4f30\">\u6578\u5b57\u6210\u719f\u5ea6\u8a55\u4f30<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7d44\u7e54\u67b6\u69cb\u76e4\u9ede\" data-cn=\"\u7ec4\u7ec7\u67b6\u6784\u76d8\u70b9\">\u7d44\u7e54\u67b6\u69cb\u76e4\u9ede<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u6d41\u7a0b\u6548\u7387\u5206\u6790\" data-cn=\"\u6d41\u7a0b\u6548\u7387\u5206\u6790\">\u6d41\u7a0b\u6548\u7387\u5206\u6790<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u71df\u92b7\u6f0f\u6597\u8a3a\u65b7\" data-cn=\"\u8425\u9500\u6f0f\u6597\u8bca\u65ad\">\u71df\u92b7\u6f0f\u6597\u8a3a\u65b7<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-spacer\"><\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <div class=\"stage-bg\">02<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u7b2c\u4e8c\u968e\u6bb5\uff1a\u8a2d\u8a08\" data-cn=\"\u7b2c\u4e8c\u9636\u6bb5\uff1a\u8bbe\u8ba1\">\u7b2c\u4e8c\u968e\u6bb5\uff1a\u8a2d\u8a08<\/h3>\r\n <ul class=\"action-list\">\r\n <li class=\"lang-text\" data-tw=\"AI\u67b6\u69cb\u85cd\u5716\u898f\u5283\" data-cn=\"AI\u67b6\u6784\u84dd\u56fe\u89c4\u5212\">AI\u67b6\u69cb\u85cd\u5716\u898f\u5283<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u90e8\u9580AI\u5c08\u5c6c\u5efa\u6a21\" data-cn=\"\u90e8\u95e8AI\u4e13\u5c5e\u5efa\u6a21\">\u90e8\u9580AI\u5c08\u5c6c\u5efa\u6a21<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u4f01\u696d\u96b1\u6027\u77e5\u8b58\u5eab\u5efa\u7acb\" data-cn=\"\u4f01\u4e1a\u9690\u6027\u77e5\u8bc6\u5e93\u5efa\u7acb\">\u4f01\u696d\u96b1\u6027\u77e5\u8b58\u5eab\u5efa\u7acb<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u81ea\u52d5\u5316\u5de5\u4f5c\u6d41\u7a0b\u8a2d\u8a08\" data-cn=\"\u81ea\u52a8\u5316\u5de5\u4f5c\u6d41\u7a0b\u8bbe\u8ba1\">\u81ea\u52d5\u5316\u5de5\u4f5c\u6d41\u7a0b\u8a2d\u8a08<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-spacer\"><\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <div class=\"stage-bg\">03<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u7b2c\u4e09\u968e\u6bb5\uff1a\u90e8\u7f72\u8207\u512a\u5316\" data-cn=\"\u7b2c\u4e09\u9636\u6bb5\uff1a\u90e8\u7f72\u4e0e\u4f18\u5316\">\u7b2c\u4e09\u968e\u6bb5\uff1a\u90e8\u7f72\u8207\u512a\u5316<\/h3>\r\n <ul class=\"action-list\">\r\n <li class=\"lang-text\" data-tw=\"\u7cfb\u7d71\u5168\u52a0\u4e0a\u7dda\u90e8\u7f72\" data-cn=\"\u7cfb\u7edf\u5168\u52a0\u4e0a\u7ebf\u90e8\u7f72\">\u7cfb\u7d71\u5168\u52a0\u4e0a\u7dda\u90e8\u7f72<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5167\u90e8\u5718\u968a\u5be6\u6230\u57f9\u8a13\" data-cn=\"\u5185\u90e8\u56e2\u961f\u5b9e\u6218\u57f9\u8bad\">\u5167\u90e8\u5718\u968a\u5be6\u6230\u57f9\u8a13<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u6838\u5fc3 KPI \u6578\u64da\u76e3\u6e2c\" data-cn=\"\u6838\u5fc3 KPI \u6570\u636e\u76d1\u6d4b\">\u6838\u5fc3 KPI \u6578\u64da\u76e3\u6e2c<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7cfb\u7d71\u6a21\u578b\u6301\u7e8c\u512a\u5316\" data-cn=\"\u7cfb\u7edf\u6a21\u578b\u6301\u7eed\u4f18\u5316\">\u7cfb\u7d71\u6a21\u578b\u6301\u7e8c\u512a\u5316<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div style=\"text-align: center; margin-top: 2rem;\">\r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-orbit-method lang-text\" data-tw=\"\u555f\u52d5\u4f01\u696d\u5c08\u5c6c AI \u8a3a\u65b7\" data-cn=\"\u542f\u52a8\u4f01\u4e1a\u4e13\u5c5e AI \u8bca\u65ad\">\u555f\u52d5\u4f01\u696d\u5c08\u5c6c AI \u8a3a\u65b7<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const timelineWrapper = document.getElementById('timelineWrapper');\r\n const timelineProgress = document.getElementById('timelineProgress');\r\n const timelineItems = document.querySelectorAll('.timeline-item');\r\n\r\n window.addEventListener('scroll', () => {\r\n if (!timelineWrapper) return;\r\n \r\n const wrapperRect = timelineWrapper.getBoundingClientRect();\r\n \/\/ \u8a2d\u5b9a\u89f8\u767c\u6383\u63cf\u7dda\u5728\u87a2\u5e55\u4e2d\u4e0b\u65b9 (0.6 \u4f4d\u7f6e)\r\n const scanLine = window.innerHeight * 0.6; \r\n \r\n \/\/ 1. \u8a08\u7b97\u91d1\u9ec3\u8272\u9032\u5ea6\u7dda\r\n const scrollDistance = scanLine - wrapperRect.top;\r\n const totalHeight = wrapperRect.height;\r\n let progressPercentage = (scrollDistance \/ totalHeight) * 100;\r\n \r\n if (progressPercentage < 0) progressPercentage = 0;\r\n if (progressPercentage > 100) progressPercentage = 100;\r\n\r\n if (wrapperRect.top < window.innerHeight && wrapperRect.bottom > 0) {\r\n timelineProgress.style.height = `${progressPercentage}%`;\r\n }\r\n\r\n \/\/ 2. \u5224\u65b7\u9ede\u4eae (\u958b\u5149) \u908f\u8f2f\r\n \/\/ \u5c07 active class \u52a0\u5728\u6700\u5916\u5c64\u7684 timeline-item \u4e0a\uff0c\u8b93 CSS \u53bb\u63a7\u5236\u88e1\u9762\u7684\u6240\u6709\u5143\u7d20\r\n timelineItems.forEach((item) => {\r\n const itemRect = item.getBoundingClientRect();\r\n const itemCenterY = itemRect.top + (itemRect.height \/ 2);\r\n \r\n \/\/ \u53ea\u8981\u6383\u63cf\u7dda (scanLine) \u8d85\u904e\u4e86\u5361\u7247\u7684\u4e2d\u5fc3\u9ede\uff0c\u5c31\u7dad\u6301\u767c\u5149\u72c0\u614b\r\n if (scanLine > itemCenterY) {\r\n item.classList.add('is-active');\r\n } else {\r\n item.classList.remove('is-active');\r\n }\r\n });\r\n });\r\n \r\n \/\/ \u521d\u59cb\u89f8\u767c\u4e00\u6b21\r\n window.dispatchEvent(new Event('scroll'));\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-36d971f e-flex e-con-boxed e-con e-parent\" data-id=\"36d971f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8170cb4 elementor-widget elementor-widget-html\" data-id=\"8170cb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .history-section {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u5ef6\u7e8c\u6df1\u7a7a\u85cd\u5e95\u8272 *\/\r\n background-image: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.05), transparent 50%);\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n overflow: hidden;\r\n }\r\n .history-section * { box-sizing: border-box !important; }\r\n\r\n .history-container {\r\n max-width: 1200px; margin: 0 auto; padding: 0 40px; position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .history-header { text-align: center; margin-bottom: 6rem; }\r\n .history-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(56, 189, 248, 0.1); \r\n color: #38bdf8; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(56, 189, 248, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .history-header h2 { font-size: 3.5rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin: 0; }\r\n .history-header h2 .highlight { color: #FFB800; }\r\n\r\n \/* ================= \u96d9\u5411\u6642\u9593\u8ef8\u7d50\u69cb ================= *\/\r\n .timeline-track {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u4e2d\u9593\u7684\u79d1\u6280\u8ecc\u9053\u5e95\u7dda (\u6697\u8272) *\/\r\n .track-line {\r\n position: absolute; left: 50%; top: 0; bottom: 0; width: 4px;\r\n background: rgba(255, 255, 255, 0.05);\r\n transform: translateX(-50%); border-radius: 4px;\r\n }\r\n\r\n \/* \u52d5\u614b\u751f\u9577\u4eae\u7dda (JS\u63a7\u5236) *\/\r\n .track-progress {\r\n position: absolute; left: 50%; top: 0; width: 4px;\r\n background: linear-gradient(to bottom, transparent, #FFB800);\r\n transform: translateX(-50%); height: 0%;\r\n transition: height 0.1s ease-out;\r\n box-shadow: 0 0 15px #FFB800; border-radius: 4px; z-index: 1;\r\n }\r\n \r\n \/* \u4eae\u7dda\u5c16\u7aef\u7684\u9ad8\u5149\u9ede *\/\r\n .track-progress::after {\r\n content: ''; position: absolute; bottom: 0; left: 50%;\r\n transform: translateX(-50%) translateY(50%);\r\n width: 12px; height: 12px; background: #ffffff;\r\n border-radius: 50%; box-shadow: 0 0 20px 8px rgba(255, 184, 0, 0.8);\r\n }\r\n\r\n \/* \u55ae\u500b\u6b77\u53f2\u7bc0\u9ede\u5bb9\u5668 *\/\r\n .history-row {\r\n position: relative; width: 100%; display: flex;\r\n justify-content: space-between; align-items: center;\r\n margin-bottom: 5rem;\r\n }\r\n \r\n \/* \u5de6\u53f3\u4ea4\u932f\u6392\u7248 *\/\r\n .history-row.left-side { flex-direction: row; }\r\n .history-row.right-side { flex-direction: row-reverse; }\r\n .history-spacer { width: 45%; } \r\n\r\n \/* \u4e2d\u5fc3\u795e\u7d93\u7bc0\u9ede (\u9810\u8a2d\u72c0\u614b) *\/\r\n .history-dot {\r\n position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);\r\n width: 20px; height: 20px; border-radius: 50%;\r\n background: #0f172a; border: 3px solid rgba(255, 255, 255, 0.2);\r\n z-index: 2; transition: all 0.4s ease;\r\n }\r\n\r\n \/* ================= \u5167\u5bb9\u5361\u7247 (\u9810\u8a2d\u8207\u9ad8\u4eae\u72c0\u614b) ================= *\/\r\n \r\n \/* \u9810\u8a2d\u72c0\u614b (\u672a\u89e3\u9396)\uff1a\u4fdd\u8b49 Elementor \u5167\u7d55\u5c0d\u53ef\u898b\uff0c\u5448\u73fe\u6697\u614b\u5fae\u7e2e *\/\r\n .history-card {\r\n width: 45%;\r\n background: rgba(15, 23, 42, 0.8);\r\n backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px; padding: 2.5rem 3rem;\r\n position: relative; overflow: hidden;\r\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n \r\n \/* \u3010\u95dc\u9375\u4fee\u5fa9\u3011: \u4e0d\u7528 opacity: 0\uff0c\u6539\u7528 0.5\uff0c\u78ba\u4fdd\u4e0d\u6d88\u5931 *\/\r\n opacity: 0.5;\r\n transform: scale(0.95);\r\n }\r\n\r\n .year-title {\r\n font-size: 2.5rem; font-weight: 900; color: #64748b; \/* \u9810\u8a2d\u6697\u8272 *\/\r\n font-family: 'Inter', sans-serif; line-height: 1; margin-bottom: 0.5rem;\r\n transition: color 0.4s ease;\r\n }\r\n .stage-title {\r\n font-size: 1.4rem; font-weight: 700; color: #94a3b8; margin-bottom: 1.5rem;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n \/* \u5de8\u578b\u6d6e\u6c34\u5370\u5e74\u4efd *\/\r\n .bg-year {\r\n position: absolute; right: 10px; bottom: -10px;\r\n font-size: 8rem; font-weight: 900; color: rgba(255, 255, 255, 0.02);\r\n line-height: 1; pointer-events: none; font-family: 'Arial Black', Impact, sans-serif;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n \/* ================= Active \u89f8\u767c\u72c0\u614b (\u6efe\u52d5\u89e3\u9396\u7206\u4eae) ================= *\/\r\n .history-row.is-active .history-dot {\r\n width: 28px; height: 28px;\r\n border-color: #ffffff; background: #FFB800;\r\n box-shadow: 0 0 25px 5px rgba(255, 184, 0, 0.8), 0 0 0 8px rgba(255, 184, 0, 0.15);\r\n }\r\n \r\n .history-row.is-active .history-card {\r\n opacity: 1; \r\n transform: scale(1);\r\n background: rgba(30, 41, 59, 0.9);\r\n border-color: #FFB800; \/* \u91d1\u9ec3\u8272\u908a\u6846\u89e3\u9396 *\/\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 0 25px rgba(255, 184, 0, 0.1);\r\n }\r\n\r\n \/* \u6587\u5b57\u8ddf\u8457\u9ede\u4eae *\/\r\n .history-row.is-active .year-title { color: #FFB800; }\r\n .history-row.is-active .stage-title { color: #ffffff; }\r\n .history-row.is-active .bg-year { color: rgba(255, 184, 0, 0.06); }\r\n .history-row.is-active .milestone-list li { color: #e2e8f0; }\r\n\r\n \/* ================= \u9ad8\u4e92\u52d5\u6027\u5217\u8868 ================= *\/\r\n .milestone-list { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }\r\n .milestone-list li {\r\n color: #475569; \/* \u9810\u8a2d\u6697\u8272 *\/\r\n font-size: 1.05rem; line-height: 1.6; font-weight: 500;\r\n padding: 12px 16px; margin-bottom: 8px;\r\n background: rgba(255, 255, 255, 0.02); border-radius: 8px;\r\n display: flex; align-items: flex-start; gap: 12px;\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n border-left: 2px solid transparent; cursor: default;\r\n }\r\n .milestone-list li::before {\r\n content: '\u25aa'; color: rgba(255, 255, 255, 0.1); font-size: 1.5rem; line-height: 1; transition: color 0.3s;\r\n }\r\n \r\n \/* \u53ea\u6709\u5728\u5361\u7247 Active \u6642\u624d\u5141\u8a31 Hover \u767c\u5149\u63a8\u79fb *\/\r\n .history-row.is-active .milestone-list li:hover {\r\n transform: translateX(10px);\r\n background: linear-gradient(90deg, rgba(56, 189, 248, 0.15) 0%, transparent 100%);\r\n border-left-color: #38bdf8; color: #38bdf8;\r\n }\r\n .history-row.is-active .milestone-list li:hover::before { color: #38bdf8; }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 1024px) {\r\n .history-card { padding: 2rem; width: 47%; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .history-container { padding: 0 20px; }\r\n .history-header h2 { font-size: 2.5rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\uff1a\u8ecc\u9053\u7dda\u9760\u5de6\uff0c\u6240\u6709\u5361\u7247\u63a8\u81f3\u53f3\u5074 *\/\r\n .track-line, .track-progress { left: 24px; transform: none; width: 3px; }\r\n .track-progress::after { left: 1.5px; width: 10px; height: 10px; }\r\n \r\n .history-row.left-side, .history-row.right-side { \r\n flex-direction: column; align-items: flex-end; margin-bottom: 3rem; \r\n }\r\n .history-spacer { display: none; }\r\n \r\n .history-dot { left: 24px; transform: translate(-50%, -50%); width: 16px; height: 16px; }\r\n .history-row.is-active .history-dot { transform: translate(-50%, -50%) scale(1.3); }\r\n \r\n .history-card { width: calc(100% - 60px); padding: 1.8rem 1.5rem; }\r\n \r\n .year-title { font-size: 2rem; }\r\n .stage-title { font-size: 1.2rem; margin-bottom: 1rem; }\r\n .bg-year { font-size: 5rem; bottom: 0; right: 0; }\r\n .milestone-list li { font-size: 1rem; padding: 10px 12px; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"history-section\" id=\"about\">\r\n <div class=\"history-container\">\r\n \r\n <div class=\"history-header\">\r\n <p class=\"lang-text\" data-tw=\"MILESTONES\" data-cn=\"MILESTONES\">MILESTONES<\/p>\r\n <h2 class=\"lang-text\" data-tw=\"RefLink <span class='highlight'>\u767c\u5c55\u6b77\u7a0b<\/span>\" data-cn=\"RefLink <span class='highlight'>\u53d1\u5c55\u5386\u7a0b<\/span>\">\r\n RefLink <span class='highlight'>\u767c\u5c55\u6b77\u7a0b<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"timeline-track\" id=\"historyTrack\">\r\n <div class=\"track-line\"><\/div>\r\n <div class=\"track-progress\" id=\"historyProgress\"><\/div>\r\n\r\n <div class=\"history-row left-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2015<\/div>\r\n <div class=\"year-title\">2015 - 2017<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u8349\u5275\u671f\" data-cn=\"\u8349\u521b\u671f\">\u8349\u5275\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u5169\u5cb8\u5718\u968a\u6210\u7acb\uff0c\u63d0\u4f9b\u96fb\u5546\u884c\u696d\u54c1\u985e\u7814\u7a76\u5831\u544a\" data-cn=\"\u4e24\u5cb8\u56e2\u961f\u6210\u7acb\uff0c\u63d0\u4f9b\u7535\u5546\u884c\u4e1a\u54c1\u7c7b\u7814\u7a76\u62a5\u544a\">\u5169\u5cb8\u5718\u968a\u6210\u7acb\uff0c\u63d0\u4f9b\u96fb\u5546\u884c\u696d\u54c1\u985e\u7814\u7a76\u5831\u544a<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767c\u81ea\u6709\u96fb\u5546\u6578\u64da\u722c\u87f2\u7cfb\u7d71\u300e\u96fb\u5546\u9df9\u773c\u300f\" data-cn=\"\u5f00\u53d1\u81ea\u6709\u7535\u5546\u6570\u636e\u722c\u866b\u7cfb\u7edf\u300e\u7535\u5546\u9e70\u773c\u300f\">\u958b\u767c\u81ea\u6709\u96fb\u5546\u6578\u64da\u722c\u87f2\u7cfb\u7d71\u300e\u96fb\u5546\u9df9\u773c\u300f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row right-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2017<\/div>\r\n <div class=\"year-title\">2017 - 2018<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u767c\u5c55\u671f\" data-cn=\"\u53d1\u5c55\u671f\">\u767c\u5c55\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u96fb\u5546\u9df9\u773c\u7372\u5f97\u6295\u8cc7\" data-cn=\"\u7535\u5546\u9e70\u773c\u83b7\u5f97\u6295\u8d44\">\u96fb\u5546\u9df9\u773c\u7372\u5f97\u6295\u8cc7<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u8207\u5929\u8c93\u6d77\u5916\u5408\u4f5c\uff0c\u7279\u529b\u96c6\u5718\u65b0\u96f6\u552e\u8f49\u578b\" data-cn=\"\u4e0e\u5929\u732b\u6d77\u5916\u5408\u4f5c\uff0c\u7279\u529b\u96c6\u56e2\u65b0\u96f6\u552e\u8f6c\u578b\">\u8207\u5929\u8c93\u6d77\u5916\u5408\u4f5c\uff0c\u7279\u529b\u96c6\u5718\u65b0\u96f6\u552e\u8f49\u578b<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u8207\u8fb2\u59d4\u6703\u5408\u4f5c\uff0c\u8de8\u5883\u92b7\u552e\u512a\u8cea\u8fb2\u7522\u54c1\" data-cn=\"\u4e0e\u519c\u59d4\u4f1a\u5408\u4f5c\uff0c\u8de8\u5883\u9500\u552e\u4f18\u8d28\u519c\u4ea7\u54c1\">\u8207\u8fb2\u59d4\u6703\u5408\u4f5c\uff0c\u8de8\u5883\u92b7\u552e\u512a\u8cea\u8fb2\u7522\u54c1<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u96c6\u5718\u5165\u9078\u9a30\u8a0a\u96f2\u3001\u5ee3\u544a\u5169\u5cb8\u670d\u52d9\u5546\" data-cn=\"\u96c6\u56e2\u5165\u9009\u817e\u8baf\u4e91\u3001\u5e7f\u544a\u4e24\u5cb8\u670d\u52a1\u5546\">\u96c6\u5718\u5165\u9078\u9a30\u8a0a\u96f2\u3001\u5ee3\u544a\u5169\u5cb8\u670d\u52d9\u5546<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5165\u9078\u5b57\u7bc0\u8df3\u52d5\u6d77\u5916\u5e02\u5834\u5ee3\u544a\u4f5c\u5925\u4f34\" data-cn=\"\u5165\u9009\u5b57\u8282\u8df3\u52a8\u6d77\u5916\u5e02\u573a\u5e7f\u544a\u4f5c\u4f19\u4f34\">\u5165\u9078\u5b57\u7bc0\u8df3\u52d5\u6d77\u5916\u5e02\u5834\u5ee3\u544a\u4f5c\u5925\u4f34<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row left-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2018<\/div>\r\n <div class=\"year-title\">2018 - 2019<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u6210\u9577\u671f\" data-cn=\"\u6210\u957f\u671f\">\u6210\u9577\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u5165\u9078\u963f\u91cc\u5df4\u5df4\u54c1\u724c\u6578\u64da\u9280\u884c\u670d\u52d9\u5546\" data-cn=\"\u5165\u9009\u963f\u91cc\u5df4\u5df4\u54c1\u724c\u6570\u636e\u94f6\u884c\u670d\u52a1\u5546\">\u5165\u9078\u963f\u91cc\u5df4\u5df4\u54c1\u724c\u6578\u64da\u9280\u884c\u670d\u52d9\u5546<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767c\u300c\u4e00\u8d77\u8de8\u300d\u8de8\u5883\u96fb\u5546\u958b\u5e97\u5e73\u53f0\" data-cn=\"\u5f00\u53d1\u300c\u4e00\u8d77\u8de8\u300d\u8de8\u5883\u7535\u5546\u5f00\u5e97\u5e73\u53f0\">\u958b\u767c\u300c\u4e00\u8d77\u8de8\u300d\u8de8\u5883\u96fb\u5546\u958b\u5e97\u5e73\u53f0<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u63d0\u4f9b\u8de8\u5883\u96fb\u5546\u4e00\u7ad9\u5f0f\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u63d0\u4f9b\u8de8\u5883\u7535\u5546\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\">\u63d0\u4f9b\u8de8\u5883\u96fb\u5546\u4e00\u7ad9\u5f0f\u89e3\u6c7a\u65b9\u6848<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row right-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2019<\/div>\r\n <div class=\"year-title\">2019<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u52a0\u901f\u6210\u9577\u671f\" data-cn=\"\u52a0\u901f\u6210\u957f\u671f\">\u52a0\u901f\u6210\u9577\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u8207\u98db\u5229\u6d66\u7c3d\u8a02\u6578\u64da\u9280\u884c\u6307\u5b9a\u4f9b\u61c9\u5546\" data-cn=\"\u4e0e\u98de\u5229\u6d66\u7b7e\u8ba2\u6570\u636e\u94f6\u884c\u6307\u5b9a\u4f9b\u5e94\u5546\">\u8207\u98db\u5229\u6d66\u7c3d\u8a02\u6578\u64da\u9280\u884c\u6307\u5b9a\u4f9b\u61c9\u5546<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767c\u6703\u54e1\u79c1\u57df\u7d93\u71df\u7cfb\u7d71\u300eBrandHub\u300f\" data-cn=\"\u5f00\u53d1\u4f1a\u5458\u79c1\u57df\u7ecf\u8425\u7cfb\u7edf\u300eBrandHub\u300f\">\u958b\u767c\u6703\u54e1\u79c1\u57df\u7d93\u71df\u7cfb\u7d71\u300eBrandHub\u300f<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u63a8\u51fa\u5169\u5cb8\u54c1\u724c\u8a3a\u65b7+\u6578\u4f4d\u8f49\u578b+\u6703\u54e1\u904b\u71df\u65b9\u6848\" data-cn=\"\u63a8\u51fa\u4e24\u5cb8\u54c1\u724c\u8bca\u65ad+\u6570\u4f4d\u8f6c\u578b+\u4f1a\u5458\u8fd0\u8425\u65b9\u6848\">\u63a8\u51fa\u5169\u5cb8\u54c1\u724c\u8a3a\u65b7+\u6578\u4f4d\u8f49\u578b+\u6703\u54e1\u904b\u71df\u65b9\u6848<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row left-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2020<\/div>\r\n <div class=\"year-title\">2020<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u6301\u7e8c\u52a0\u901f\u671f\" data-cn=\"\u6301\u7eed\u52a0\u901f\u671f\">\u6301\u7e8c\u52a0\u901f\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767cMarTech\u7522\u54c1\uff0c\u6703\u54e1\u7d93\u71df\u7522\u54c1\u77e9\u9663\" data-cn=\"\u5f00\u53d1MarTech\u4ea7\u54c1\uff0c\u4f1a\u5458\u7ecf\u8425\u4ea7\u54c1\u77e9\u9635\">\u958b\u767cMarTech\u7522\u54c1\uff0c\u6703\u54e1\u7d93\u71df\u7522\u54c1\u77e9\u9663<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u4f48\u5c40\u5927\u5065\u5eb7\uff0c\u751f\u6280\u91ab\u7642\u9818\u57df\u5169\u5cb8\u6578\u4f4d\u8f49\u578b\u65b9\u6848\" data-cn=\"\u5e03\u5c40\u5927\u5065\u5eb7\uff0c\u751f\u6280\u533b\u7597\u9886\u57df\u4e24\u5cb8\u6570\u4f4d\u8f6c\u578b\u65b9\u6848\">\u4f48\u5c40\u5927\u5065\u5eb7\uff0c\u751f\u6280\u91ab\u7642\u9818\u57df\u5169\u5cb8\u6578\u4f4d\u8f49\u578b\u65b9\u6848<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u98df\u54c1\u6578\u4f4d\u8f49\u578b\uff0c\u8207\u70d8\u7119\u96c6\u5718\u5408\u8cc7\u6703\u54e1\u96fb\u5546\u2014 OhParis\" data-cn=\"\u98df\u54c1\u6570\u4f4d\u8f6c\u578b\uff0c\u4e0e\u70d8\u7119\u96c6\u56e2\u5408\u8d44\u4f1a\u5458\u7535\u5546\u2014 OhParis\">\u98df\u54c1\u6578\u4f4d\u8f49\u578b\uff0c\u8207\u70d8\u7119\u96c6\u5718\u5408\u8cc7\u6703\u54e1\u96fb\u5546\u2014 OhParis<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u6210\u7acbAI\u6578\u64da\u5718\u968a\uff0c\u63d0\u4f9b\u9810\u6e2c\u6a21\u578b+\u6578\u64da\u53ef\u8996\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u6210\u7acbAI\u6570\u636e\u56e2\u961f\uff0c\u63d0\u4f9b\u9884\u6d4b\u6a21\u578b+\u6570\u636e\u53ef\u89c6\u5316\u89e3\u51b3\u65b9\u6848\">\u6210\u7acbAI\u6578\u64da\u5718\u968a\uff0c\u63d0\u4f9b\u9810\u6e2c\u6a21\u578b+\u6578\u64da\u53ef\u8996\u5316\u89e3\u6c7a\u65b9\u6848<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const trackWrapper = document.getElementById('historyTrack');\r\n const trackProgress = document.getElementById('historyProgress');\r\n const historyRows = document.querySelectorAll('.history-row');\r\n\r\n \/\/ ==========================================\r\n \/\/ 1. \u96f7\u5c04\u7dda\u5f80\u4e0b\u751f\u9577 & \u9ede\u4eae\u7bc0\u9ede\u908f\u8f2f\r\n \/\/ ==========================================\r\n window.addEventListener('scroll', () => {\r\n if (!trackWrapper) return;\r\n \r\n const wrapperRect = trackWrapper.getBoundingClientRect();\r\n \/\/ \u6293\u53d6\u8996\u7a97\u4e2d\u592e\u504f\u4e0b\u4f5c\u70ba\u6383\u63cf\u7dda\r\n const scanLine = window.innerHeight * 0.6; \r\n \r\n \/\/ \u8a08\u7b97\u7dda\u689d\u9577\u5ea6\r\n const scrollDistance = scanLine - wrapperRect.top;\r\n const totalHeight = wrapperRect.height;\r\n let progressPercentage = (scrollDistance \/ totalHeight) * 100;\r\n \r\n if (progressPercentage < 0) progressPercentage = 0;\r\n if (progressPercentage > 100) progressPercentage = 100;\r\n\r\n if (wrapperRect.top < window.innerHeight && wrapperRect.bottom > 0) {\r\n trackProgress.style.height = `${progressPercentage}%`;\r\n }\r\n\r\n \/\/ \u5224\u65b7\u54ea\u500b\u5361\u7247\u88ab\u300c\u96f7\u5c04\u7dda\u300d\u6383\u5230\uff0c\u555f\u52d5 Active\r\n historyRows.forEach((row) => {\r\n const rowRect = row.getBoundingClientRect();\r\n const rowCenterY = rowRect.top + (rowRect.height \/ 2);\r\n \r\n \/\/ \u96f7\u5c04\u7dda\u78b0\u5230\u5361\u7247\u4e2d\u5fc3\u9ede\u5c31\u9ede\u4eae\r\n if (scanLine > rowCenterY - 40) { \r\n row.classList.add('is-active');\r\n } else {\r\n row.classList.remove('is-active');\r\n }\r\n });\r\n });\r\n \r\n \/\/ \u521d\u6b21\u8f09\u5165\u5148\u8a08\u7b97\u4e00\u6b21\r\n window.dispatchEvent(new Event('scroll'));\r\n \r\n \/\/ ==========================================\r\n \/\/ 2. \u7e41\u7c21\u5207\u63db\u88dc\u4e01 (\u4fdd\u8b49\u9019\u500b\u5340\u584a\u6703\u9023\u52d5)\r\n \/\/ ==========================================\r\n const headerLangBtn = document.getElementById('langToggle');\r\n if (headerLangBtn) {\r\n headerLangBtn.addEventListener('click', () => {\r\n const isCn = headerLangBtn.style.color === 'rgb(255, 184, 0)' || headerLangBtn.style.color === '#FFB800';\r\n const currentLang = isCn ? 'cn' : 'tw';\r\n \r\n const localLangElements = document.querySelectorAll('.history-section .lang-text');\r\n localLangElements.forEach(el => {\r\n if (currentLang === 'cn') {\r\n el.innerHTML = el.getAttribute('data-cn');\r\n } else {\r\n el.innerHTML = el.getAttribute('data-tw');\r\n }\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1be603a e-flex e-con-boxed e-con e-parent\" data-id=\"1be603a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8017297 elementor-widget elementor-widget-html\" data-id=\"8017297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .cta-section {\r\n position: relative;\r\n padding: 100px 0;\r\n width: 100%;\r\n background-color: #0f172a;\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .cta-section * { box-sizing: border-box !important; }\r\n\r\n .cta-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n padding: 0 40px;\r\n position: relative;\r\n }\r\n\r\n \/* ================= \u73bb\u7483\u64ec\u614b\u6a6b\u5e45 ================= *\/\r\n .cta-banner {\r\n position: relative;\r\n background: rgba(30, 41, 59, 0.4);\r\n backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 32px;\r\n padding: 4.5rem 2rem;\r\n text-align: center;\r\n overflow: hidden;\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n \/* \u79d1\u6280\u611f\u80cc\u666f\u52d5\u756b (\u7701\u7565\u90e8\u5206\u91cd\u8907\u52d5\u756b\u4ee3\u78bc\uff0c\u7dad\u6301\u539f\u6a23) *\/\r\n .cta-banner::before, .cta-banner::after {\r\n content: ''; position: absolute; width: 200%; height: 200%; z-index: 0; pointer-events: none;\r\n }\r\n .cta-banner::before {\r\n top: -50%; left: -50%; \r\n background: radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.15), transparent 60%);\r\n animation: rotateGlow 15s linear infinite;\r\n }\r\n .cta-banner::after {\r\n bottom: -50%; right: -50%; \r\n background: radial-gradient(circle at 50% 50%, rgba(255, 184, 0, 0.1), transparent 50%);\r\n animation: rotateGlow 20s linear infinite reverse;\r\n }\r\n @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n \/* ================= \u6587\u5b57\u5167\u5bb9\u5340 ================= *\/\r\n .cta-content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }\r\n .cta-content h2 { font-size: 3rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin-bottom: 1.5rem; }\r\n .cta-content h2 .highlight {\r\n background: linear-gradient(90deg, #FFB800 0%, #FFE87A 50%, #FFB800 100%);\r\n -webkit-background-clip: text; color: transparent; background-size: 200% auto;\r\n animation: shineText 3s linear infinite;\r\n }\r\n @keyframes shineText { to { background-position: 200% center; } }\r\n .cta-content p { font-size: 1.15rem; color: #cbd5e1; line-height: 1.8; margin-bottom: 3rem; }\r\n\r\n \/* ================= \u806f\u7e6b\u6309\u9215\u7d44\u4f48\u5c40 ================= *\/\r\n .cta-button-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n \/* \u9802\u5c64\u4e3b\u8981\u7684 LINE \u6309\u9215 (\u8996\u89ba\u6700\u91cd) *\/\r\n .line-container { width: 100%; display: flex; justify-content: center; margin-bottom: 10px; }\r\n\r\n \/* \u6b21\u8981\u6309\u9215\u7d44 (\u96fb\u8a71\u8207\u90f5\u4ef6) *\/\r\n .sub-button-group {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* ================= \u6d6e\u8a87\u7cfb\u5149\u7206\u6309\u9215 ================= *\/\r\n .btn-hyper-glow {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 18px 36px;\r\n font-size: 1.2rem;\r\n font-weight: 900;\r\n color: #0f172a;\r\n background: linear-gradient(90deg, #FFB800, #FFE87A, #FFB800, #FFD56B);\r\n background-size: 300% 100%;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n letter-spacing: 1px;\r\n z-index: 1;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n animation: bgShift 3s infinite linear, pulseShadow 2s infinite alternate;\r\n min-width: 260px;\r\n }\r\n\r\n \/* LINE \u5c08\u5c6c\u8272\u8abf\u8207\u5bec\u5ea6 *\/\r\n .btn-line {\r\n background: linear-gradient(90deg, #06C755, #0fe366, #06C755, #0ad65e);\r\n color: #ffffff;\r\n font-size: 1.4rem;\r\n padding: 22px 60px;\r\n min-width: 320px;\r\n }\r\n .btn-line:hover { box-shadow: 0 10px 40px rgba(6, 199, 85, 0.5); }\r\n\r\n .btn-hyper-glow::before {\r\n content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px;\r\n background: inherit; \/* \u8ddf\u96a8\u7236\u6309\u9215\u984f\u8272 *\/\r\n z-index: -1; border-radius: 65px; filter: blur(15px); opacity: 0; transition: opacity 0.4s ease;\r\n }\r\n\r\n .btn-hyper-glow:hover { transform: scale(1.05) translateY(-5px); }\r\n .btn-hyper-glow:hover::before { opacity: 1; animation: bgShift 2s linear infinite; }\r\n\r\n @keyframes bgShift { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }\r\n @keyframes pulseShadow { \r\n 0% { box-shadow: 0 0 10px rgba(255, 184, 0, 0.2); } \r\n 100% { box-shadow: 0 0 25px rgba(255, 184, 0, 0.5); } \r\n }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f ================= *\/\r\n @media (max-width: 768px) {\r\n .cta-container { padding: 0 20px; }\r\n .cta-banner { padding: 3.5rem 1.5rem; }\r\n .cta-content h2 { font-size: 2.2rem; }\r\n .cta-button-wrapper { width: 100%; }\r\n .sub-button-group { width: 100%; flex-direction: column; }\r\n .btn-hyper-glow, .btn-line { width: 100%; min-width: unset; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"cta-section\">\r\n <div class=\"cta-container\">\r\n <div class=\"cta-banner\">\r\n <div class=\"cta-content\">\r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u6e96\u5099\u597d\u91cd\u69cb\u60a8\u7684<br><span class='highlight'>\u4f01\u696d AI \u67b6\u69cb<\/span>\u4e86\u55ce\uff1f\" \r\n data-cn=\"\u51c6\u5907\u597d\u91cd\u6784\u60a8\u7684<br><span class='highlight'>\u4f01\u4e1a AI \u67b6\u6784<\/span>\u4e86\u5417\uff1f\">\r\n \u6e96\u5099\u597d\u91cd\u69cb\u60a8\u7684<br><span class='highlight'>\u4f01\u696d AI \u67b6\u69cb<\/span>\u4e86\u55ce\uff1f\r\n <\/h2>\r\n \r\n <p class=\"lang-text\" \r\n data-tw=\"\u7acb\u5373\u806f\u7e6b RefLink \u5c08\u696d\u9867\u554f\u5718\u968a\uff0c\u70ba\u60a8\u91cf\u8eab\u6253\u9020\u5c08\u5c6c\u7684 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd\u3002\" \r\n data-cn=\"\u7acb\u5373\u8054\u7cfb RefLink \u4e13\u4e1a\u987e\u95ee\u56e2\u961f\uff0c\u4e3a\u60a8\u91cf\u8eab\u6253\u9020\u4e13\u5c5e\u7684 AI \u8fd0\u8425\u57fa\u7840\u8bbe\u65bd\u3002\">\r\n \u7acb\u5373\u806f\u7e6b RefLink \u5c08\u696d\u9867\u554f\u5718\u968a\uff0c\u70ba\u60a8\u91cf\u8eab\u6253\u9020\u5c08\u5c6c\u7684 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd\u3002\r\n <\/p>\r\n \r\n <div class=\"cta-button-wrapper\">\r\n <div class=\"line-container\">\r\n <a href=\"https:\/\/line.me\/ti\/p\/r77t04vbKx\" target=\"_blank\" class=\"btn-hyper-glow btn-line lang-text\" data-tw=\"LINE \u7dda\u4e0a\u8aee\u8a62\" data-cn=\"LINE \u7ebf\u4e0a\u54a8\u8be2\">\r\n LINE \u7dda\u4e0a\u8aee\u8a62\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"sub-button-group\">\r\n <a href=\"tel:0968539089\" class=\"btn-hyper-glow lang-text\" data-tw=\"\u64a5\u6253\u96fb\u8a71\" data-cn=\"\u62e8\u6253\u7535\u8bdd\">\r\n \u64a5\u6253\u96fb\u8a71\r\n <\/a>\r\n <a href=\"mailto:rex@metawave.click\" class=\"btn-hyper-glow lang-text\" data-tw=\"\u767c\u9001\u90f5\u4ef6\" data-cn=\"\u53d1\u9001\u90ae\u4ef6\">\r\n \u767c\u9001\u90f5\u4ef6\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ \u5ef6\u7e8c\u4f60\u539f\u672c\u7684\u8a9e\u8a00\u5207\u63db\u908f\u8f2f\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const headerLangBtn = document.getElementById('langToggle');\r\n if (headerLangBtn) {\r\n headerLangBtn.addEventListener('click', () => {\r\n const isCn = headerLangBtn.style.color === 'rgb(255, 184, 0)' || headerLangBtn.style.color === '#FFB800';\r\n const lang = isCn ? 'cn' : 'tw';\r\n document.querySelectorAll('.cta-section .lang-text').forEach(el => {\r\n const text = el.getAttribute(`data-${lang}`);\r\n if (text) el.innerHTML = text;\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd \u7e41 \/ \u7b80 \u75db\u9ede\u8a3a\u65b7 \u89e3\u6c7a\u65b9\u6848 \u6280\u8853\u6846\u67b6 \u6210\u529f\u6848\u4f8b \u5f9e\u300c\u788e\u7247\u5316AI […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - RefLink AI<\/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:\/\/reflinkai.com\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - RefLink AI\" \/>\n<meta property=\"og:description\" content=\"RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd \u7e41 \/ \u7b80 \u75db\u9ede\u8a3a\u65b7 \u89e3\u6c7a\u65b9\u6848 \u6280\u8853\u6846\u67b6 \u6210\u529f\u6848\u4f8b \u5f9e\u300c\u788e\u7247\u5316AI […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reflinkai.com\/\" \/>\n<meta property=\"og:site_name\" content=\"RefLink AI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T06:16:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"41 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reflinkai.com\/\",\"url\":\"https:\/\/reflinkai.com\/\",\"name\":\"Home - RefLink AI\",\"isPartOf\":{\"@id\":\"https:\/\/reflinkai.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reflinkai.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reflinkai.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\",\"datePublished\":\"2026-02-26T06:28:30+00:00\",\"dateModified\":\"2026-03-05T06:16:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/reflinkai.com\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reflinkai.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/reflinkai.com\/#primaryimage\",\"url\":\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\",\"contentUrl\":\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\",\"width\":352,\"height\":155},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/reflinkai.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reflinkai.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/reflinkai.com\/#website\",\"url\":\"https:\/\/reflinkai.com\/\",\"name\":\"RefLink AI-\u7cfb\u7d71\u5316 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd\",\"description\":\"\u5f9e\u788e\u7247\u5316 AI \u4f7f\u7528\uff0c\u5347\u7d1a\u70ba\u4f01\u696d\u5c08\u5c6c\u7684\u53ef\u6301\u7e8c\u589e\u9577 AI \u67b6\u69cb\u3002\",\"alternateName\":\"RefLink AI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/reflinkai.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n","yoast_head_json":{"title":"Home - RefLink AI","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:\/\/reflinkai.com\/","og_locale":"zh_TW","og_type":"article","og_title":"Home - RefLink AI","og_description":"RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd \u7e41 \/ \u7b80 \u75db\u9ede\u8a3a\u65b7 \u89e3\u6c7a\u65b9\u6848 \u6280\u8853\u6846\u67b6 \u6210\u529f\u6848\u4f8b \u5f9e\u300c\u788e\u7247\u5316AI […]","og_url":"https:\/\/reflinkai.com\/","og_site_name":"RefLink AI","article_modified_time":"2026-03-05T06:16:11+00:00","og_image":[{"url":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"41 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/reflinkai.com\/","url":"https:\/\/reflinkai.com\/","name":"Home - RefLink AI","isPartOf":{"@id":"https:\/\/reflinkai.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reflinkai.com\/#primaryimage"},"image":{"@id":"https:\/\/reflinkai.com\/#primaryimage"},"thumbnailUrl":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","datePublished":"2026-02-26T06:28:30+00:00","dateModified":"2026-03-05T06:16:11+00:00","breadcrumb":{"@id":"https:\/\/reflinkai.com\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reflinkai.com\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/reflinkai.com\/#primaryimage","url":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","contentUrl":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","width":352,"height":155},{"@type":"BreadcrumbList","@id":"https:\/\/reflinkai.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reflinkai.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/reflinkai.com\/#website","url":"https:\/\/reflinkai.com\/","name":"RefLink AI-\u7cfb\u7d71\u5316 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd","description":"\u5f9e\u788e\u7247\u5316 AI \u4f7f\u7528\uff0c\u5347\u7d1a\u70ba\u4f01\u696d\u5c08\u5c6c\u7684\u53ef\u6301\u7e8c\u589e\u9577 AI \u67b6\u69cb\u3002","alternateName":"RefLink AI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reflinkai.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reflinkai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd<\/title>\r\n <style>\r\n \/* =========================================\r\n 1. \u57fa\u790e\u91cd\u7f6e & CSS \u8b8a\u6578\r\n ========================================= *\/\r\n :root {\r\n --bg-dark: #0f172a; \r\n --bg-grid: rgba(56, 189, 248, 0.12);\r\n --accent: #FFB800;\r\n --text-main: #f8fafc;\r\n --text-muted: #94a3b8;\r\n --header-height: 80px;\r\n }\r\n\r\n * {\r\n margin: 0; padding: 0; \r\n box-sizing: border-box !important; \r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n\r\n body, html {\r\n width: 100%;\r\n background-color: var(--bg-dark);\r\n color: var(--text-main);\r\n }\r\n\r\n body.no-scroll { overflow: hidden !important; }\r\n\r\n \/* =========================================\r\n 2. \u5171\u7528\u6846\u67b6 (\u5c0d\u6297 WP\/Elementor \u5bb9\u5668\u9650\u5236)\r\n ========================================= *\/\r\n .rl-container {\r\n max-width: 1440px; \r\n margin: 0 auto; \r\n padding: 0 40px; \r\n width: 100%;\r\n height: 100%;\r\n position: relative; \r\n }\r\n\r\n \/* =========================================\r\n 3. \u96fb\u8166\u7248 Header (\u7d55\u5c0d\u7f6e\u4e2d + \u4e0d\u8ddf\u96a8\u6efe\u52d5)\r\n ========================================= *\/\r\n .reflink-header {\r\n position: absolute; \/* \u6539\u70ba absolute\uff0c\u4f7f\u5176\u7559\u5728\u7db2\u9801\u6700\u9802\u7aef\uff0c\u4e0d\u96a8\u756b\u9762\u6efe\u52d5 *\/\r\n top: 0; left: 0; right: 0;\r\n height: var(--header-height);\r\n z-index: 99999;\r\n }\r\n\r\n .header-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between; \r\n height: 100%;\r\n }\r\n\r\n \/* --- \u5de6\u5074 Logo \u5340 --- *\/\r\n .logo-area { \r\n display: flex; \r\n align-items: center; \r\n z-index: 10; \r\n }\r\n .logo-area img { \r\n height: 45px; \r\n width: auto; \r\n max-width: 250px; \r\n object-fit: contain; \r\n display: block; \r\n }\r\n\r\n \/* --- \u4e2d\u9593 \u5c0e\u89bd\u5217 --- *\/\r\n .nav-links {\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%); \r\n display: flex; \r\n align-items: center; \r\n gap: 2.5rem; \r\n list-style: none;\r\n z-index: 5;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n .nav-links a {\r\n color: var(--text-main); text-decoration: none; font-size: 1rem;\r\n font-weight: 500; transition: color 0.3s; white-space: nowrap;\r\n }\r\n .nav-links a:hover { color: var(--accent); }\r\n\r\n \/* --- \u8a9e\u7cfb\u5207\u63db\u6309\u9215 --- *\/\r\n .nav-lang-item { display: flex; align-items: center; }\r\n .lang-toggle {\r\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.2);\r\n color: var(--text-main); padding: 8px 16px; border-radius: 30px;\r\n cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 8px;\r\n white-space: nowrap; font-size: 0.9rem; outline: none;\r\n }\r\n .lang-toggle:hover { border-color: var(--accent); color: var(--accent); background: rgba(255,184,0,0.1); }\r\n\r\n \/* --- \u6f22\u5821\u6309\u9215 --- *\/\r\n .hamburger {\r\n display: none; flex-direction: column; justify-content: space-between;\r\n width: 30px; height: 20px; cursor: pointer; z-index: 100000;\r\n }\r\n .hamburger span {\r\n display: block; width: 100%; height: 2px; background-color: var(--text-main);\r\n transition: all 0.3s ease-in-out; border-radius: 2px;\r\n }\r\n\r\n \/* \u624b\u6a5f\u7248\u9078\u55ae\u906e\u7f69 *\/\r\n .menu-overlay {\r\n position: fixed; top: 0; left: 0; width: 100%; height: 100vh;\r\n background: rgba(0,0,0,0.6); backdrop-filter: blur(4px);\r\n z-index: 99998; opacity: 0; visibility: hidden; transition: all 0.3s ease;\r\n }\r\n .menu-overlay.active { opacity: 1; visibility: visible; }\r\n\r\n \/* =========================================\r\n 4. Hero \u5340\u584a\u8207\u52d5\u756b\r\n ========================================= *\/\r\n .hero {\r\n position: relative; min-height: 100vh; width: 100%; \r\n display: flex; align-items: center; justify-content: center;\r\n padding-top: var(--header-height); overflow: hidden;\r\n background: radial-gradient(circle at center top, #1e293b 0%, #0f172a 100%);\r\n }\r\n \r\n .grid-container {\r\n position: absolute; top: 0; left: 0; right: 0; bottom: 0; perspective: 600px; z-index: 0;\r\n }\r\n .grid-plane {\r\n position: absolute; width: 200%; height: 200%; bottom: -50%; left: -50%;\r\n background-image: linear-gradient(var(--bg-grid) 2px, transparent 2px), linear-gradient(90deg, var(--bg-grid) 2px, transparent 2px);\r\n background-size: 60px 60px; transform: rotateX(75deg); transform-origin: center center;\r\n animation: gridMove 3s linear infinite;\r\n mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);\r\n -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);\r\n }\r\n @keyframes gridMove { 0% { background-position: 0 0; } 100% { background-position: 0 60px; } }\r\n \r\n .hero-inner {\r\n position: relative; z-index: 2; width: 100%; display: flex; justify-content: center;\r\n }\r\n\r\n .hero-content { width: 100%; max-width: 900px; text-align: center; }\r\n\r\n .hero h1 { \r\n font-size: 4.2rem; line-height: 1.3; margin-bottom: 1.5rem; \r\n font-weight: 800; letter-spacing: -1px; \r\n }\r\n .highlight {\r\n background: linear-gradient(90deg, #FFB800 0%, #FFE87A 50%, #FFB800 100%);\r\n background-size: 200% auto; color: transparent;\r\n -webkit-background-clip: text; background-clip: text; \r\n animation: shine 3s linear infinite; display: inline-block;\r\n }\r\n @keyframes shine { to { background-position: 200% center; } }\r\n \r\n .hero h2 { font-size: 1.6rem; color: #bae6fd; margin-bottom: 2rem; font-weight: 500; line-height: 1.5; }\r\n .hero p { \r\n font-size: 1.15rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 3.5rem; \r\n max-width: 750px; margin: 0 auto; \r\n }\r\n \r\n .nowrap { white-space: nowrap; }\r\n .mobile-only { display: none; }\r\n\r\n .btn-orbit {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 16px 42px; font-size: 1.1rem; font-weight: 700; color: var(--bg-dark);\r\n background: var(--accent); border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; z-index: 1; box-shadow: 0 0 20px rgba(255, 184, 0, 0.3);\r\n margin-top: 3.5rem;\r\n }\r\n .btn-orbit:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 184, 0, 0.5); }\r\n\r\n \/* =========================================\r\n 5. RWD \u624b\u6a5f\u8207\u5e73\u677f\r\n ========================================= *\/\r\n @media (max-width: 992px) {\r\n .hamburger { display: flex !important; }\r\n\r\n .nav-links {\r\n position: fixed !important; \r\n top: 0 !important; \r\n right: -100% !important; \r\n left: auto !important; \r\n transform: none !important; \r\n width: 300px !important; \r\n max-width: 85vw !important; \r\n height: 100vh !important; \r\n background: #0f172a !important; \r\n border-left: 1px solid rgba(255,255,255,0.1) !important;\r\n flex-direction: column !important; \r\n justify-content: center !important; \r\n align-items: center !important; \r\n gap: 2.5rem !important;\r\n z-index: 99999 !important; \r\n transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;\r\n }\r\n .nav-links.active { right: 0 !important; }\r\n .nav-links a { font-size: 1.3rem !important; }\r\n \r\n .nav-lang-item {\r\n margin-bottom: 1rem !important; \r\n width: 100% !important;\r\n justify-content: center !important;\r\n }\r\n .lang-toggle { font-size: 1.1rem !important; padding: 12px 28px !important; }\r\n\r\n .hamburger.active span:nth-child(1) { transform: translateY(9px) rotate(45deg) !important; }\r\n .hamburger.active span:nth-child(2) { opacity: 0 !important; }\r\n .hamburger.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg) !important; }\r\n\r\n .rl-container { padding: 0 20px !important; }\r\n .hero h1 { font-size: 1.75rem !important; margin-bottom: 1rem !important; line-height: 1.4 !important; }\r\n .mobile-only { display: block !important; }\r\n .hero h2 { font-size: 1.1rem !important; line-height: 1.5 !important; }\r\n .hero p { font-size: 0.95rem !important; text-align: justify !important; }\r\n .btn-orbit { width: 100% !important; max-width: 280px !important; padding: 14px 0 !important; margin-top: 2rem !important; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"menu-overlay\" id=\"menuOverlay\"><\/div>\r\n\r\n <header id=\"navbar\" class=\"reflink-header\">\r\n <div class=\"rl-container header-inner\">\r\n \r\n <div class=\"logo-area\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\" alt=\"RefLink Logo\">\r\n <\/div>\r\n \r\n <ul class=\"nav-links\" id=\"navLinks\">\r\n \r\n <li class=\"nav-lang-item\">\r\n <button class=\"lang-toggle\" id=\"langToggle\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\r\n <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\r\n <\/svg>\r\n <span class=\"lang-text\" data-tw=\"\u7e41 \/ \u7b80\" data-cn=\"\u7b80 \/ \u7e41\">\u7e41 \/ \u7b80<\/span>\r\n <\/button>\r\n <\/li>\r\n\r\n <li><a href=\"#pain-points\" class=\"lang-text\" data-tw=\"\u75db\u9ede\u8a3a\u65b7\" data-cn=\"\u75db\u70b9\u8bca\u65ad\">\u75db\u9ede\u8a3a\u65b7<\/a><\/li>\r\n <li><a href=\"#solutions\" class=\"lang-text\" data-tw=\"\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u89e3\u51b3\u65b9\u6848\">\u89e3\u6c7a\u65b9\u6848<\/a><\/li>\r\n <li><a href=\"#methodology\" class=\"lang-text\" data-tw=\"\u6280\u8853\u6846\u67b6\" data-cn=\"\u6280\u672f\u6846\u67b6\">\u6280\u8853\u6846\u67b6<\/a><\/li>\r\n <li><a href=\"#cases\" class=\"lang-text\" data-tw=\"\u6210\u529f\u6848\u4f8b\" data-cn=\"\u6210\u529f\u6848\u4f8b\">\u6210\u529f\u6848\u4f8b<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"hamburger\" id=\"hamburger\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n \r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"hero\" id=\"hero-section\">\r\n <div class=\"grid-container\"><div class=\"grid-plane\"><\/div><\/div>\r\n \r\n <div class=\"rl-container hero-inner\">\r\n <div class=\"hero-content\">\r\n <h1 class=\"lang-text\" \r\n data-tw=\"<span class='nowrap'>\u4f01\u696d\u4e0d\u9700\u8981\u66f4\u591aAI\u5de5\u5177<\/span><br>\u9700\u8981\u7684\u662f\u4e00\u5957<br><span class='highlight nowrap'>\u53ef\u6301\u7e8c\u589e\u9577\u7684AI\u67b6\u69cb<\/span>\" \r\n data-cn=\"<span class='nowrap'>\u4f01\u4e1a\u4e0d\u9700\u8981\u66f4\u591aAI\u5de5\u5177<\/span><br>\u9700\u8981\u7684\u662f\u4e00\u5957<br><span class='highlight nowrap'>\u53ef\u6301\u7eed\u589e\u957f\u7684AI\u67b6\u6784<\/span>\">\r\n <span class='nowrap'>\u4f01\u696d\u4e0d\u9700\u8981\u66f4\u591aAI\u5de5\u5177<\/span><br>\u9700\u8981\u7684\u662f\u4e00\u5957<br><span class='highlight nowrap'>\u53ef\u6301\u7e8c\u589e\u9577\u7684AI\u67b6\u69cb<\/span>\r\n <\/h1>\r\n \r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u5f9e\u300c\u788e\u7247\u5316AI\u4f7f\u7528\u300d<br class='mobile-only'>\u5347\u7d1a\u70ba\u300c\u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd\u300d\" \r\n data-cn=\"\u4ece\u300c\u788e\u7247\u5316AI\u4f7f\u7528\u300d<br class='mobile-only'>\u5347\u7ea7\u4e3a\u300c\u7cfb\u7edf\u5316AI\u8fd0\u8425\u57fa\u7840\u8bbe\u65bd\u300d\">\r\n \u5f9e\u300c\u788e\u7247\u5316AI\u4f7f\u7528\u300d<br class='mobile-only'>\u5347\u7d1a\u70ba\u300c\u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd\u300d\r\n <\/h2>\r\n \r\n <p class=\"lang-text\" \r\n data-tw=\"\u591a\u6578\u4f01\u696d\u5df2\u7d93\u5728\u4f7f\u7528ChatGPT\u6216\u5404\u7a2eAI\u5de5\u5177\uff0c\u4f46\u554f\u984c\u4e0d\u662f\u300c\u6709\u6c92\u6709\u7528AI\u300d\uff0c\u800c\u662f\uff1aAI\u662f\u5426\u8207\u4f01\u696d\u77e5\u8b58\u7d50\u5408\uff1f\u662f\u5426\u5efa\u7acb\u5c08\u5c6c\u6a21\u578b\uff1f\u662f\u5426\u5d4c\u5165\u5de5\u4f5c\u6d41\u7a0b\uff1f\u6211\u5011\u63d0\u4f9b\u7684\u4e0d\u662f\u5de5\u5177\u5c0e\u5165\uff0c\u800c\u662f\u4f01\u696dAI\u7cfb\u7d71\u8a2d\u8a08\u3002\" \r\n data-cn=\"\u591a\u6570\u4f01\u4e1a\u5df2\u7ecf\u5728\u4f7f\u7528ChatGPT\u6216\u5404\u79cdAI\u5de5\u5177\uff0c\u4f46\u95ee\u9898\u4e0d\u662f\u300c\u6709\u6ca1\u6709\u7528AI\u300d\uff0c\u800c\u662f\uff1aAI\u662f\u5426\u4e0e\u4f01\u4e1a\u77e5\u8bc6\u7ed3\u5408\uff1f\u662f\u5426\u5efa\u7acb\u4e13\u5c5e\u6a21\u578b\uff1f\u662f\u5426\u5d4c\u5165\u5de5\u4f5c\u6d41\u7a0b\uff1f\u6211\u4eec\u63d0\u4f9b\u7684\u4e0d\u662f\u5de5\u5177\u5bfc\u5165\uff0c\u800c\u662f\u4f01\u4e1aAI\u7cfb\u7edf\u8bbe\u8ba1\u3002\">\r\n \u591a\u6578\u4f01\u696d\u5df2\u7d93\u5728\u4f7f\u7528ChatGPT\u6216\u5404\u7a2eAI\u5de5\u5177\uff0c\u4f46\u554f\u984c\u4e0d\u662f\u300c\u6709\u6c92\u6709\u7528AI\u300d\uff0c\u800c\u662f\uff1aAI\u662f\u5426\u8207\u4f01\u696d\u77e5\u8b58\u7d50\u5408\uff1f\u662f\u5426\u5efa\u7acb\u5c08\u5c6c\u6a21\u578b\uff1f\u662f\u5426\u5d4c\u5165\u5de5\u4f5c\u6d41\u7a0b\uff1f\u6211\u5011\u63d0\u4f9b\u7684\u4e0d\u662f\u5de5\u5177\u5c0e\u5165\uff0c\u800c\u662f\u4f01\u696dAI\u7cfb\u7d71\u8a2d\u8a08\u3002\r\n <\/p>\r\n \r\n <div>\r\n <a href=\"#pain-points\" class=\"btn-orbit lang-text\" \r\n data-tw=\"\u9810\u7d04 AI \u7cfb\u7d71\u8a3a\u65b7\" \r\n data-cn=\"\u9884\u7ea6 AI \u7cfb\u7edf\u8bca\u65ad\">\u9810\u7d04 AI \u7cfb\u7d71\u8a3a\u65b7<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ 1. \u6f22\u5821\u9078\u55ae\u908f\u8f2f\r\n const hamburger = document.getElementById('hamburger');\r\n const navLinks = document.getElementById('navLinks');\r\n const menuOverlay = document.getElementById('menuOverlay');\r\n const body = document.body;\r\n \r\n function toggleMenu() {\r\n hamburger.classList.toggle('active');\r\n navLinks.classList.toggle('active');\r\n menuOverlay.classList.toggle('active');\r\n \r\n if (hamburger.classList.contains('active')) {\r\n body.classList.add('no-scroll');\r\n } else {\r\n body.classList.remove('no-scroll');\r\n }\r\n }\r\n\r\n hamburger.addEventListener('click', toggleMenu);\r\n menuOverlay.addEventListener('click', toggleMenu); \r\n\r\n \/\/ \u9ede\u64ca\u6587\u5b57\u9023\u7d50\u5f8c\u81ea\u52d5\u6536\u5408\u83dc\u55ae\r\n navLinks.querySelectorAll('a').forEach(link => {\r\n link.addEventListener('click', () => {\r\n if (navLinks.classList.contains('active')) toggleMenu();\r\n });\r\n });\r\n\r\n \/\/ 2. \u7e41\u7c21\u5207\u63db\u908f\u8f2f (\u4fee\u5fa9\u7248)\r\n const langToggleBtn = document.getElementById('langToggle');\r\n let currentLang = 'tw'; \r\n \r\n langToggleBtn.addEventListener('click', () => {\r\n currentLang = currentLang === 'tw' ? 'cn' : 'tw';\r\n \r\n \/\/ \u3010\u4fee\u5fa9\u91cd\u9ede\u3011\uff1a\u6bcf\u6b21\u9ede\u64ca\u6642\u91cd\u65b0\u6293\u53d6\u6574\u500b\u7db2\u9801\u6240\u6709\u7684 .lang-text \u5143\u7d20\r\n \/\/ \u9019\u6a23\u5c31\u4e0d\u6703\u6f0f\u6389\u4e0b\u9762\u90a3\u4e9b\u5206\u958b\u8cbc\u7684\u5340\u584a\uff01\r\n const allLangElements = document.querySelectorAll('.lang-text');\r\n \r\n allLangElements.forEach(el => {\r\n if (currentLang === 'cn') {\r\n el.innerHTML = el.getAttribute('data-cn');\r\n } else {\r\n el.innerHTML = el.getAttribute('data-tw');\r\n }\r\n });\r\n \r\n \/\/ \u6539\u8b8a\u6309\u9215\u7684\u984f\u8272\u56de\u994b\r\n langToggleBtn.style.color = currentLang === 'cn' ? '#FFB800' : '#f8fafc';\r\n langToggleBtn.style.borderColor = currentLang === 'cn' ? '#FFB800' : 'rgba(255,255,255,0.2)';\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a80fc90 e-flex e-con-boxed e-con e-parent\" data-id=\"a80fc90\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c8b2a4 elementor-widget elementor-widget-html\" data-id=\"6c8b2a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n .pain-points-v3 {\r\n position: relative; padding: 120px 0; width: 100%;\r\n background-color: #0f172a; z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .pain-points-v3 * { box-sizing: border-box !important; }\r\n\r\n .pp-container-split {\r\n max-width: 1440px; margin: 0 auto; padding: 0 40px;\r\n width: 100%; display: flex; align-items: flex-start; gap: 5rem;\r\n }\r\n\r\n \/* \u5de6\u5074\uff1a\u9ecf\u6027\u5927\u6a19\u984c *\/\r\n .sticky-sidebar {\r\n flex: 0 0 40%; position: sticky; top: 150px; \r\n display: flex; flex-direction: column; gap: 1.5rem;\r\n }\r\n .sticky-label {\r\n display: inline-block; padding: 6px 16px;\r\n background: rgba(255, 184, 0, 0.1); color: #FFB800;\r\n border-radius: 50px; font-size: 0.9rem; font-weight: 700;\r\n letter-spacing: 2px; width: fit-content; border: 1px solid rgba(255, 184, 0, 0.3);\r\n }\r\n .sticky-sidebar h2 { font-size: 3.5rem; font-weight: 900; line-height: 1.3; color: #f8fafc; margin: 0; }\r\n .sticky-sidebar h2 .highlight { color: #FFB800; }\r\n .sticky-sidebar p { font-size: 1.15rem; color: #94a3b8; line-height: 1.8; }\r\n\r\n .btn-orbit-main {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 16px 42px; font-size: 1.1rem; font-weight: 700; color: #0f172a;\r\n background: #FFB800; border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; box-shadow: 0 0 20px rgba(255, 184, 0, 0.3);\r\n margin-top: 1rem; width: fit-content; cursor: pointer;\r\n }\r\n .btn-orbit-main:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(255, 184, 0, 0.5); }\r\n\r\n \/* \u53f3\u5074\uff1a\u5361\u7247\u5340 (\u5fb9\u5e95\u6e05\u6670\u7121\u6a21\u7cca) *\/\r\n .scrolling-cards {\r\n flex: 1; display: flex; flex-direction: column; gap: 4rem; padding-bottom: 10vh; \r\n }\r\n\r\n .story-card {\r\n background: #0f172a; border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 20px; padding: 3rem; position: relative; overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n opacity: 1 !important; transform: scale(1) !important; filter: blur(0px) !important;\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.4);\r\n }\r\n\r\n \/* \u5168\u606f\u5149\u6688\u8207\u4e0a\u6d6e\u4e92\u52d5 *\/\r\n .story-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 184, 0, 0.08), transparent 40%);\r\n opacity: 0; transition: opacity 0.5s; z-index: 0; pointer-events: none;\r\n }\r\n .story-card:hover::before { opacity: 1; }\r\n .story-card:hover {\r\n transform: translateY(-8px) !important; border-color: rgba(255, 184, 0, 0.5);\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), 0 0 20px rgba(255, 184, 0, 0.1);\r\n }\r\n\r\n .card-number {\r\n position: absolute; top: -15px; right: 20px; font-size: 8rem; font-weight: 900; \r\n color: rgba(255, 255, 255, 0.04); font-family: 'Arial Black', Impact, sans-serif; \r\n line-height: 1; z-index: 0; pointer-events: none; transition: color 0.5s ease;\r\n }\r\n .story-card:hover .card-number { color: rgba(255, 184, 0, 0.08); }\r\n\r\n .story-card-content { position: relative; z-index: 1; }\r\n .story-card h3 { font-size: 2rem; font-weight: 800; color: #f8fafc; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 12px; }\r\n\r\n .notion-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 2rem; }\r\n .n-tag {\r\n background: #1e293b; border: 1px solid #334155; padding: 6px 14px; border-radius: 6px;\r\n font-size: 0.9rem; color: #94a3b8; font-family: 'Courier New', Courier, monospace; transition: all 0.3s ease;\r\n }\r\n .story-card:hover .n-tag { background: rgba(56, 189, 248, 0.1); border-color: rgba(56, 189, 248, 0.3); color: #bae6fd; }\r\n\r\n .minimal-list { list-style: none; margin-bottom: 3rem; padding: 0; }\r\n .minimal-list li {\r\n position: relative; padding-left: 28px; margin-bottom: 16px;\r\n color: #cbd5e1; font-size: 1.1rem; line-height: 1.6; display: flex; align-items: flex-start;\r\n }\r\n .minimal-list li::before {\r\n content: ''; position: absolute; left: 0; top: 12px; width: 14px; height: 2px; background: #ef4444; \r\n }\r\n\r\n .terminal-alert {\r\n background: #FFB800; color: #0f172a; padding: 18px 24px; border-radius: 8px;\r\n font-weight: 800; font-size: 1.15rem; line-height: 1.5; display: flex; align-items: flex-start; gap: 12px;\r\n }\r\n .terminal-alert span { font-size: 1.4rem; line-height: 1; margin-top: 2px; }\r\n\r\n .step-btn {\r\n margin-top: 2.5rem; display: inline-flex; align-items: center; gap: 8px;\r\n background: transparent; color: #94a3b8; border: 1px solid #334155;\r\n padding: 10px 24px; border-radius: 50px; font-size: 1rem; font-weight: 600;\r\n cursor: pointer; transition: all 0.3s ease;\r\n }\r\n .step-btn svg { transition: transform 0.3s ease; }\r\n .step-btn:hover { background: rgba(255, 255, 255, 0.05); color: #f8fafc; border-color: #f8fafc; }\r\n .step-btn:hover svg { transform: translateY(3px); }\r\n\r\n \/* RWD \u9069\u914d *\/\r\n .mobile-only-btn { display: none; }\r\n @media (max-width: 1024px) {\r\n .pp-container-split { flex-direction: column; gap: 3rem; }\r\n .sticky-sidebar { position: static; flex: none; width: 100%; text-align: center; align-items: center; }\r\n .sticky-sidebar h2 { font-size: 2.8rem; }\r\n .scrolling-cards { width: 100%; gap: 2.5rem; }\r\n .story-card { padding: 2.5rem; }\r\n .desktop-only-btn { display: none; }\r\n .mobile-only-btn { display: inline-flex; margin-top: 1rem; }\r\n .step-btn { display: none; } \r\n }\r\n @media (max-width: 768px) {\r\n .pp-container-split { padding: 0 20px; }\r\n .sticky-sidebar h2 { font-size: 2.2rem; }\r\n .story-card { padding: 1.8rem; }\r\n .story-card h3 { font-size: 1.5rem; }\r\n .card-number { font-size: 5rem; top: 5px; right: 10px; }\r\n .terminal-alert { font-size: 1rem; padding: 14px; }\r\n .minimal-list li { font-size: 1rem; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"pain-points-v3\" id=\"pain-points\">\r\n <div class=\"pp-container-split\">\r\n \r\n <div class=\"sticky-sidebar\">\r\n <div class=\"sticky-label lang-text\" data-tw=\"SYSTEM DIAGNOSIS\" data-cn=\"SYSTEM DIAGNOSIS\">SYSTEM DIAGNOSIS<\/div>\r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u70ba\u4ec0\u9ebc\u591a\u6578\u4f01\u696d\u7684<br><span class='highlight'>AI\u5c0e\u5165\u90fd\u5931\u6557\uff1f<\/span>\" \r\n data-cn=\"\u4e3a\u4ec0\u4e48\u591a\u6570\u4f01\u4e1a\u7684<br><span class='highlight'>AI\u5bfc\u5165\u90fd\u5931\u8d25\uff1f<\/span>\">\r\n \u70ba\u4ec0\u9ebc\u591a\u6578\u4f01\u696d\u7684<br><span class='highlight'>AI\u5c0e\u5165\u90fd\u5931\u6557\uff1f<\/span>\r\n <\/h2>\r\n <p class=\"lang-text\" \r\n data-tw=\"\u591a\u6578\u4f01\u696d\u5c07 AI \u8996\u70ba\u55ae\u4e00\u5de5\u5177\uff0c\u537b\u5ffd\u7565\u4e86\u7cfb\u7d71\u5316\u67b6\u69cb\u7684\u8a2d\u8a08\u3002\u9019\u5c0e\u81f4\u4e86\u4e09\u5927\u81f4\u547d\u75db\u9ede\u3002\" \r\n data-cn=\"\u591a\u6570\u4f01\u4e1a\u5c06 AI \u89c6\u4e3a\u5355\u4e00\u5de5\u5177\uff0c\u5374\u5ffd\u7565\u4e86\u7cfb\u7edf\u5316\u67b6\u6784\u7684\u8bbe\u8ba1\u3002\u8fd9\u5bfc\u81f4\u4e86\u4e09\u5927\u81f4\u547d\u75db\u70b9\u3002\">\r\n \u591a\u6578\u4f01\u696d\u5c07 AI \u8996\u70ba\u55ae\u4e00\u5de5\u5177\uff0c\u537b\u5ffd\u7565\u4e86\u7cfb\u7d71\u5316\u67b6\u69cb\u7684\u8a2d\u8a08\u3002\u9019\u5c0e\u81f4\u4e86\u4e09\u5927\u81f4\u547d\u75db\u9ede\u3002\r\n <\/p>\r\n \r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-orbit-main desktop-only-btn lang-text\" \r\n data-tw=\"\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u4e86\u89e3\u7cfb\u7edf\u5316\u89e3\u51b3\u65b9\u6848\">\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848<\/a>\r\n <\/div>\r\n\r\n <div class=\"scrolling-cards\">\r\n \r\n <div class=\"story-card\" id=\"card-01\">\r\n <div class=\"card-number\">01<\/div>\r\n <div class=\"story-card-content\">\r\n <h3 class=\"lang-text\" data-tw=\"\ud83e\uddf0 \u5de5\u5177\u5806\u758a\uff0c\u537b\u6c92\u6709\u6574\u5408\" data-cn=\"\ud83e\uddf0 \u5de5\u5177\u5806\u53e0\uff0c\u5374\u6ca1\u6709\u6574\u5408\">\ud83e\uddf0 \u5de5\u5177\u5806\u758a\uff0c\u537b\u6c92\u6709\u6574\u5408<\/h3>\r\n \r\n <div class=\"notion-tags\">\r\n <span class=\"n-tag lang-text\" data-tw=\"ChatGPT\" data-cn=\"ChatGPT\">ChatGPT<\/span>\r\n <span class=\"n-tag lang-text\" data-tw=\"Notion AI\" data-cn=\"Notion AI\">Notion AI<\/span>\r\n <span class=\"n-tag lang-text\" data-tw=\"Midjourney\" data-cn=\"Midjourney\">Midjourney<\/span>\r\n <span class=\"n-tag lang-text\" data-tw=\"\u5404\u7a2e\u81ea\u52d5\u5316\u5de5\u5177\" data-cn=\"\u5404\u79cd\u81ea\u52a8\u5316\u5de5\u5177\">\u5404\u7a2e\u81ea\u52d5\u5316\u5de5\u5177<\/span>\r\n <\/div>\r\n \r\n <ul class=\"minimal-list\">\r\n <li class=\"lang-text\" data-tw=\"\u8cc7\u6599\u56db\u6563\u5404\u8655\uff0c\u7121\u6cd5\u8de8\u5e73\u53f0\u6574\u5408\" data-cn=\"\u8d44\u6599\u56db\u6563\u5404\u5904\uff0c\u65e0\u6cd5\u8de8\u5e73\u53f0\u6574\u5408\">\u8cc7\u6599\u56db\u6563\u5404\u8655\uff0c\u7121\u6cd5\u8de8\u5e73\u53f0\u6574\u5408<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7522\u51fa\u56de\u7b54\u7121\u6cd5\u6a19\u6e96\u5316\uff0c\u54c1\u8cea\u53c3\u5dee\u4e0d\u9f4a\" data-cn=\"\u4ea7\u51fa\u56de\u7b54\u65e0\u6cd5\u6807\u51c6\u5316\uff0c\u54c1\u8d28\u53c2\u5dee\u4e0d\u9f50\">\u7522\u51fa\u56de\u7b54\u7121\u6cd5\u6a19\u6e96\u5316\uff0c\u54c1\u8cea\u53c3\u5dee\u4e0d\u9f4a<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7121\u6cd5\u5d4c\u5165\u65e2\u6709 SOP\uff0c\u54e1\u5de5\u4f9d\u7136\u624b\u52d5\u642c\u904b\" data-cn=\"\u65e0\u6cd5\u5d4c\u5165\u65e2\u6709 SOP\uff0c\u5458\u5de5\u4f9d\u7136\u624b\u52a8\u642c\u8fd0\">\u7121\u6cd5\u5d4c\u5165\u65e2\u6709 SOP\uff0c\u54e1\u5de5\u4f9d\u7136\u624b\u52d5\u642c\u904b<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7f3a\u4e4f\u6578\u64da\u8ffd\u8e64\uff0c\u7121\u6cd5\u8861\u91cf\u771f\u5be6 ROI\" data-cn=\"\u7f3a\u4e4f\u6570\u636e\u8ffd\u8e2a\uff0c\u65e0\u6cd5\u8861\u91cf\u771f\u5b9e ROI\">\u7f3a\u4e4f\u6578\u64da\u8ffd\u8e64\uff0c\u7121\u6cd5\u8861\u91cf\u771f\u5be6 ROI<\/li>\r\n <\/ul>\r\n\r\n <div class=\"terminal-alert\">\r\n <span>\ud83d\udc49<\/span>\r\n <div class=\"lang-text\" data-tw=\"AI \u6dea\u70ba\u54e1\u5de5\u7684\u5a1b\u6a02\u5de5\u5177\uff0c\u800c\u975e\u4f01\u696d\u7684\u751f\u7522\u529b\u7cfb\u7d71\u3002\" data-cn=\"AI \u6ca6\u4e3a\u5458\u5de5\u7684\u5a31\u4e50\u5de5\u5177\uff0c\u800c\u975e\u4f01\u4e1a\u7684\u751f\u4ea7\u529b\u7cfb\u7edf\u3002\">\r\n AI \u6dea\u70ba\u54e1\u5de5\u7684\u5a1b\u6a02\u5de5\u5177\uff0c\u800c\u975e\u4f01\u696d\u7684\u751f\u7522\u529b\u7cfb\u7d71\u3002\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"step-btn\" onclick=\"scrollToCard('card-02')\">\r\n <span class=\"lang-text\" data-tw=\"\u4e0b\u4e00\u500b\u75db\u9ede\" data-cn=\"\u4e0b\u4e00\u4e2a\u75db\u70b9\">\u4e0b\u4e00\u500b\u75db\u9ede<\/span>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-card\" id=\"card-02\">\r\n <div class=\"card-number\">02<\/div>\r\n <div class=\"story-card-content\">\r\n <h3 class=\"lang-text\" data-tw=\"\ud83e\udde0 \u77e5\u8b58\u6c92\u6709\u6c89\u6fb1\" data-cn=\"\ud83e\udde0 \u77e5\u8bc6\u6ca1\u6709\u6c89\u6dc0\">\ud83e\udde0 \u77e5\u8b58\u6c92\u6709\u6c89\u6fb1<\/h3>\r\n \r\n <ul class=\"minimal-list\" style=\"margin-top: 1.5rem;\">\r\n <li class=\"lang-text\" data-tw=\"\u8001\u54e1\u5de5\u96e2\u8077\uff0c\u73cd\u8cb4\u7684\u96b1\u6027\u7d93\u9a57\u76f4\u63a5\u6d41\u5931\" data-cn=\"\u8001\u5458\u5de5\u79bb\u804c\uff0c\u73cd\u8d35\u7684\u9690\u6027\u7ecf\u9a8c\u76f4\u63a5\u6d41\u5931\">\u8001\u54e1\u5de5\u96e2\u8077\uff0c\u73cd\u8cb4\u7684\u96b1\u6027\u7d93\u9a57\u76f4\u63a5\u6d41\u5931<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u92b7\u552e\u90e8\u9580\u8a71\u8853\u4e0d\u4e00\u81f4\uff0c\u96e3\u4ee5\u898f\u6a21\u5316\u57f9\u8a13\" data-cn=\"\u9500\u552e\u90e8\u95e8\u8bdd\u672f\u4e0d\u4e00\u81f4\uff0c\u96be\u4ee5\u89c4\u6a21\u5316\u57f9\u8bad\">\u92b7\u552e\u90e8\u9580\u8a71\u8853\u4e0d\u4e00\u81f4\uff0c\u96e3\u4ee5\u898f\u6a21\u5316\u57f9\u8a13<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5ba2\u670d\u56de\u8986\u54c1\u8cea\u4e0d\u7a69\u5b9a\uff0c\u5f71\u97ff\u54c1\u724c\u4fe1\u4efb\u5ea6\" data-cn=\"\u5ba2\u670d\u56de\u590d\u54c1\u8d28\u4e0d\u7a33\u5b9a\uff0c\u5f71\u54cd\u54c1\u724c\u4fe1\u4efb\u5ea6\">\u5ba2\u670d\u56de\u8986\u54c1\u8cea\u4e0d\u7a69\u5b9a\uff0c\u5f71\u97ff\u54c1\u724c\u4fe1\u4efb\u5ea6<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5167\u90e8\u904e\u5f80\u6210\u529f\u6848\u4f8b\u8207\u8cc7\u6599\uff0c\u96e3\u4ee5\u5feb\u901f\u8abf\u7528\" data-cn=\"\u5185\u90e8\u8fc7\u5f80\u6210\u529f\u6848\u4f8b\u4e0e\u8d44\u6599\uff0c\u96be\u4ee5\u5feb\u901f\u8c03\u7528\">\u5167\u90e8\u904e\u5f80\u6210\u529f\u6848\u4f8b\u8207\u8cc7\u6599\uff0c\u96e3\u4ee5\u5feb\u901f\u8abf\u7528<\/li>\r\n <\/ul>\r\n\r\n <div class=\"terminal-alert\">\r\n <span>\ud83d\udc49<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u4f01\u696d\u6c92\u6709\u5efa\u7acb\u300cAI\u5927\u8166\u300d\uff0c\u53ea\u6709\u7121\u6548\u7684\u8cc7\u6599\u5806\u7a4d\u3002\" data-cn=\"\u4f01\u4e1a\u6ca1\u6709\u5efa\u7acb\u300cAI\u5927\u8111\u300d\uff0c\u53ea\u6709\u65e0\u6548\u7684\u8d44\u6599\u5806\u79ef\u3002\">\r\n \u4f01\u696d\u6c92\u6709\u5efa\u7acb\u300cAI\u5927\u8166\u300d\uff0c\u53ea\u6709\u7121\u6548\u7684\u8cc7\u6599\u5806\u7a4d\u3002\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"step-btn\" onclick=\"scrollToCard('card-03')\">\r\n <span class=\"lang-text\" data-tw=\"\u6700\u5f8c\u4e00\u500b\u75db\u9ede\" data-cn=\"\u6700\u540e\u4e00\u4e2a\u75db\u70b9\">\u6700\u5f8c\u4e00\u500b\u75db\u9ede<\/span>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><polyline points=\"19 12 12 19 5 12\"><\/polyline><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-card\" id=\"card-03\">\r\n <div class=\"card-number\">03<\/div>\r\n <div class=\"story-card-content\">\r\n <h3 class=\"lang-text\" data-tw=\"\u2699\ufe0f \u71df\u92b7\u4ecd\u91cd\u5ea6\u4f9d\u8cf4\u4eba\u5de5\" data-cn=\"\u2699\ufe0f \u8425\u9500\u4ecd\u91cd\u5ea6\u4f9d\u8d56\u4eba\u5de5\">\u2699\ufe0f \u71df\u92b7\u4ecd\u91cd\u5ea6\u4f9d\u8cf4\u4eba\u5de5<\/h3>\r\n \r\n <ul class=\"minimal-list\" style=\"margin-top: 1.5rem;\">\r\n <li class=\"lang-text\" data-tw=\"\u5167\u5bb9\u751f\u7522\u58d3\u529b\u5de8\u5927\uff0c\u884c\u92b7\u5718\u968a\u75b2\u65bc\u5954\u547d\" data-cn=\"\u5185\u5bb9\u751f\u4ea7\u538b\u529b\u5de8\u5927\uff0c\u8425\u9500\u56e2\u961f\u75b2\u4e8e\u5954\u547d\">\u5167\u5bb9\u751f\u7522\u58d3\u529b\u5de8\u5927\uff0c\u884c\u92b7\u5718\u968a\u75b2\u65bc\u5954\u547d<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u79c1\u8a0a\u56de\u8986\u5ef6\u9072\uff0c\u932f\u5931\u9ec3\u91d1\u6210\u4ea4\u6642\u6a5f\" data-cn=\"\u79c1\u8baf\u56de\u590d\u5ef6\u8fdf\uff0c\u9519\u5931\u9ec4\u91d1\u6210\u4ea4\u65f6\u673a\">\u79c1\u8a0a\u56de\u8986\u5ef6\u9072\uff0c\u932f\u5931\u9ec3\u91d1\u6210\u4ea4\u6642\u6a5f<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5ee3\u544a\u512a\u5316\u7f3a\u4e4f\u6578\u64da\u63a1\u96c6\u8207\u6a21\u578b\u8f14\u52a9\uff0c\u6210\u672c\u5c45\u9ad8\u4e0d\u4e0b\" data-cn=\"\u5e7f\u544a\u4f18\u5316\u7f3a\u4e4f\u6570\u636e\u91c7\u96c6\u4e0e\u6a21\u578b\u8f85\u52a9\uff0c\u6210\u672c\u5c45\u9ad8\u4e0d\u4e0b\">\u5ee3\u544a\u512a\u5316\u7f3a\u4e4f\u6578\u64da\u63a1\u96c6\u8207\u6a21\u578b\u8f14\u52a9\uff0c\u6210\u672c\u5c45\u9ad8\u4e0d\u4e0b<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5404\u6e20\u9053\u767c\u6587\u7121\u6cd5\u5efa\u7acb\u4e00\u81f4\u7684\u54c1\u724c\u6c1b\u570d (Vibe)\" data-cn=\"\u5404\u6e20\u9053\u53d1\u6587\u65e0\u6cd5\u5efa\u7acb\u4e00\u81f4\u7684\u54c1\u724c\u6c1b\u56f4 (Vibe)\">\u5404\u6e20\u9053\u767c\u6587\u7121\u6cd5\u5efa\u7acb\u4e00\u81f4\u7684\u54c1\u724c\u6c1b\u570d (Vibe)<\/li>\r\n <\/ul>\r\n\r\n <div class=\"terminal-alert\">\r\n <span>\ud83d\udc49<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u4f60\u7684\u6d41\u91cf\u4f9d\u7136\u662f\u82b1\u9322\u8cb7\u4f86\u7684\uff0c\u800c\u4e0d\u662f\u7cfb\u7d71\u81ea\u52d5\u7522\u751f\u7684\u3002\" data-cn=\"\u4f60\u7684\u6d41\u91cf\u4f9d\u7136\u662f\u82b1\u94b1\u4e70\u6765\u7684\uff0c\u800c\u4e0d\u662f\u7cfb\u7edf\u81ea\u52a8\u4ea7\u751f\u7684\u3002\">\r\n \u4f60\u7684\u6d41\u91cf\u4f9d\u7136\u662f\u82b1\u9322\u8cb7\u4f86\u7684\uff0c\u800c\u4e0d\u662f\u7cfb\u7d71\u81ea\u52d5\u7522\u751f\u7684\u3002\r\n <\/div>\r\n <\/div>\r\n \r\n <button class=\"step-btn\" style=\"color: #FFB800; border-color: #FFB800;\" onclick=\"window.location.href='#YOUR_URL_HERE'\">\r\n <span class=\"lang-text\" data-tw=\"\u7acb\u5373\u67e5\u770b\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u7acb\u5373\u67e5\u770b\u89e3\u51b3\u65b9\u6848\">\u7acb\u5373\u67e5\u770b\u89e3\u6c7a\u65b9\u6848<\/span>\r\n <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg>\r\n <\/button>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div style=\"text-align: center; width: 100%;\">\r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-orbit-main mobile-only-btn lang-text\" \r\n data-tw=\"\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u4e86\u89e3\u7cfb\u7edf\u5316\u89e3\u51b3\u65b9\u6848\">\u4e86\u89e3\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ 1. \u5361\u7247 Hover \u5168\u606f\u5149\u6688\u7279\u6548\r\n document.querySelectorAll('.story-card').forEach(card => {\r\n card.addEventListener('mousemove', e => {\r\n const rect = card.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n card.style.setProperty('--mouse-x', `${x}px`);\r\n card.style.setProperty('--mouse-y', `${y}px`);\r\n });\r\n });\r\n\r\n \/\/ 2. \u5f15\u5c0e\u6309\u9215\u6ed1\u52d5\u908f\u8f2f (\u9ede\u64ca\u5e73\u6ed1\u6efe\u52d5\u5230\u4e0b\u4e00\u5f35\u5361\u7247)\r\n function scrollToCard(cardId) {\r\n const targetCard = document.getElementById(cardId);\r\n if (targetCard) {\r\n \/\/ \u6293\u53d6\u5143\u7d20\u4f4d\u7f6e\uff0c\u4e26\u6263\u9664 Header \u9810\u7559\u7684\u9ad8\u5ea6(150px)\u907f\u514d\u88ab\u84cb\u4f4f\r\n const headerOffset = 150; \r\n const elementPosition = targetCard.getBoundingClientRect().top;\r\n const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\r\n \r\n window.scrollTo({\r\n top: offsetPosition,\r\n behavior: \"smooth\"\r\n });\r\n }\r\n }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aec700 e-flex e-con-boxed e-con e-parent\" data-id=\"3aec700\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b4d4ca elementor-widget elementor-widget-html\" data-id=\"2b4d4ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .partners-section {\r\n position: relative;\r\n padding: 100px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u6df1\u8272\u80cc\u666f *\/\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .partners-section * { box-sizing: border-box !important; }\r\n\r\n .partners-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .partners-header { text-align: center; margin-bottom: 4rem; }\r\n .partners-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(56, 189, 248, 0.1); \r\n color: #38bdf8; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(56, 189, 248, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .partners-header h2 { font-size: 3.2rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin: 0; }\r\n \r\n \/* \u6a19\u984c\u5e95\u90e8\u7684\u9ec3\u91d1\u88dd\u98fe\u7dda *\/\r\n .partners-header h2::after {\r\n content: ''; display: block; width: 60px; height: 4px;\r\n background: #FFB800; margin: 1.5rem auto 0; border-radius: 2px;\r\n }\r\n\r\n \/* ================= \u7db2\u683c\u8207\u5361\u7247\u8a2d\u8a08 ================= *\/\r\n .partners-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr); \/* \u96d9\u6b04\u6392\u7248 *\/\r\n gap: 2.5rem;\r\n }\r\n\r\n \/* \u9810\u8a2d 100% \u986f\u793a\uff0c\u4e0d\u518d\u4f7f\u7528 opacity: 0 *\/\r\n .partner-card {\r\n background: rgba(30, 41, 59, 0.4);\r\n backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 24px;\r\n padding: 3.5rem 2rem;\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n position: relative; overflow: hidden;\r\n opacity: 1; \/* \u4fdd\u8b49\u53ef\u898b *\/\r\n transform: translateY(0); \/* \u4fdd\u8b49\u4e0d\u4f4d\u79fb *\/\r\n }\r\n\r\n \/* \u5361\u7247 Hover \u78c1\u6027\u61f8\u6d6e\u8207\u5149\u6688 *\/\r\n .partner-card::before {\r\n content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(255, 184, 0, 0.08), transparent 40%);\r\n opacity: 0; transition: opacity 0.5s; z-index: 0; pointer-events: none;\r\n }\r\n .partner-card:hover::before { opacity: 1; }\r\n .partner-card:hover {\r\n transform: translateY(-8px);\r\n background: rgba(30, 41, 59, 0.8);\r\n border-color: rgba(255, 184, 0, 0.4);\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(255, 184, 0, 0.1);\r\n }\r\n\r\n \/* \u5408\u4f5c\u5925\u4f34\u5206\u985e\u6a19\u984c *\/\r\n .partner-category {\r\n font-size: 1.3rem; font-weight: 700; color: #cbd5e1;\r\n margin-bottom: 2.5rem; position: relative; z-index: 1;\r\n transition: color 0.4s ease;\r\n }\r\n .partner-card:hover .partner-category { color: #FFB800; } \/* Hover \u6642\u6a19\u984c\u8b8a\u91d1\u9ec3\u8272 *\/\r\n\r\n \/* ================= Logo \u5716\u7247\u6392\u7248\u8207\u4e92\u52d5 ================= *\/\r\n .partner-logos {\r\n display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px;\r\n position: relative; z-index: 1; width: 100%;\r\n }\r\n \r\n .partner-logos img {\r\n height: 60px; \/* \u63a7\u5236 Logo \u7d71\u4e00\u9ad8\u5ea6 *\/\r\n width: auto; max-width: 120px; object-fit: contain;\r\n \/* \u3010\u9ad8\u968e\u7279\u6548\u3011\u9810\u8a2d\u7070\u968e\u4e14\u534a\u900f\u660e\uff0c\u63d0\u5347\u6df1\u8272\u6a21\u5f0f\u8cea\u611f *\/\r\n filter: grayscale(100%) opacity(0.5);\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n \/* \u3010\u9ad8\u968e\u7279\u6548\u3011Hover \u6642\u77ac\u9593\u6062\u5fa9\u5168\u5f69\u4e26\u5fae\u653e\u5927 *\/\r\n .partner-card:hover .partner-logos img {\r\n filter: grayscale(0%) opacity(1);\r\n transform: scale(1.1);\r\n }\r\n\r\n \/* \u91dd\u5c0d\u591a\u500b\u5c0f Logo \u7684\u7279\u6b8a\u7e2e\u653e (\u5982 APP icon \u985e\u578b) *\/\r\n .logos-grid-small img { height: 55px; max-width: 55px; border-radius: 12px; }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 1024px) {\r\n .partners-grid { gap: 1.5rem; }\r\n .partner-card { padding: 2.5rem 1.5rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .partners-container { padding: 0 20px; }\r\n .partners-header h2 { font-size: 2.4rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\u6539\u70ba\u55ae\u6b04\u5806\u758a *\/\r\n .partners-grid { grid-template-columns: 1fr; gap: 1.5rem; }\r\n .partner-card { padding: 2rem 1rem; }\r\n \r\n .partner-logos img { height: 50px; max-width: 100px; }\r\n .logos-grid-small img { height: 45px; max-width: 45px; }\r\n\r\n \/* \u624b\u6a5f\u7248\u70ba\u4e86\u53ef\u8b80\u6027\uff0c\u9810\u8a2d\u964d\u4f4e\u7070\u968e\u7a0b\u5ea6 *\/\r\n .partner-logos img { filter: grayscale(50%) opacity(0.8); }\r\n }\r\n<\/style>\r\n\r\n<section class=\"partners-section\">\r\n <div class=\"partners-container\">\r\n \r\n <div class=\"partners-header\">\r\n <p class=\"lang-text\" data-tw=\"OUR PARTNERS\" data-cn=\"OUR PARTNERS\">OUR PARTNERS<\/p>\r\n <h2 class=\"lang-text\" data-tw=\"\u5408\u4f5c\u5925\u4f34\" data-cn=\"\u5408\u4f5c\u4f19\u4f34\">\u5408\u4f5c\u5925\u4f34<\/h2>\r\n <\/div>\r\n\r\n <div class=\"partners-grid\">\r\n \r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u9a30\u8a0a\u5ee3\u544a\u4ee3\u7406\u5546\" data-cn=\"\u817e\u8baf\u5e7f\u544a\u4ee3\u7406\u5546\">\u9a30\u8a0a\u5ee3\u544a\u4ee3\u7406\u5546<\/div>\r\n <div class=\"partner-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-4.png\" alt=\"Tencent \u9a30\u8a0a\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u96fb\u5546\u4ee3\u71df\u904b\" data-cn=\"\u7535\u5546\u4ee3\u8fd0\u8425\">\u96fb\u5546\u4ee3\u71df\u904b<\/div>\r\n <div class=\"partner-logos logos-grid-small\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/5667c06ab78f66d9b64b14119d40e2a1.png\" alt=\"\u5929\u8c93\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/tiktokPNG1.pnga_.png\" alt=\"\u6296\u97f3\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/3ea63b6a4f7642c6abdc8a2d5d071efc.png\" alt=\"\u62fc\u591a\u591a\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/d8add0361c3c4c78b270715724beb70d.png\" alt=\"\u4eac\u6771\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u963f\u91cc\u5df4\u5df4\u6578\u64da\u9280\u884c\" data-cn=\"\u963f\u91cc\u5df4\u5df4\u6570\u636e\u94f6\u884c\">\u963f\u91cc\u5df4\u5df4\u6578\u64da\u9280\u884c<\/div>\r\n <div class=\"partner-logos\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-5.png\" alt=\"Alibaba \u963f\u91cc\u5df4\u5df4\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"partner-card\">\r\n <div class=\"partner-category lang-text\" data-tw=\"\u5169\u5cb8KOL\u670d\u52d9\" data-cn=\"\u4e24\u5cb8KOL\u670d\u52a1\">\u5169\u5cb8KOL\u670d\u52d9<\/div>\r\n <div class=\"partner-logos logos-grid-small\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-6.png\" alt=\"\u5c0f\u7d05\u66f8\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/tiktokPNG1.pnga_.png\" alt=\"\u6296\u97f3\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/Facebook_logo_square.png\" alt=\"Facebook\">\r\n <img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/images-7.png\" alt=\"Instagram\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ \u5361\u7247 Hover \u6e38\u6a19\u8ffd\u8e64\u5149\u6688\u7279\u6548\r\n document.querySelectorAll('.partner-card').forEach(card => {\r\n card.addEventListener('mousemove', e => {\r\n const rect = card.getBoundingClientRect();\r\n const x = e.clientX - rect.left;\r\n const y = e.clientY - rect.top;\r\n card.style.setProperty('--mouse-x', `${x}px`);\r\n card.style.setProperty('--mouse-y', `${y}px`);\r\n });\r\n });\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cebf1fb e-flex e-con-boxed e-con e-parent\" data-id=\"cebf1fb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc7af1e elementor-widget elementor-widget-html\" data-id=\"dc7af1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u57fa\u790e\u4f48\u5c40 ================= *\/\r\n .solutions-section {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u6df1\u7a7a\u85cd\u80cc\u666f *\/\r\n z-index: 3;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n \/* \u78ba\u4fdd Sticky \u5728 Elementor \u6b63\u5e38\u904b\u4f5c\u7684\u95dc\u9375 *\/\r\n overflow: visible !important; \r\n }\r\n .solutions-section * { box-sizing: border-box !important; }\r\n\r\n .sol-container {\r\n max-width: 1200px; \/* \u7a0d\u5fae\u7e2e\u7a84\uff0c\u8b93\u5361\u7247\u66f4\u6709\u805a\u7126\u611f *\/\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n width: 100%;\r\n }\r\n\r\n \/* \u5340\u584a\u6a19\u984c *\/\r\n .sol-header { text-align: center; margin-bottom: 5rem; }\r\n .sol-header h2 { font-size: 3rem; font-weight: 900; color: #f8fafc; margin-bottom: 1rem; letter-spacing: -1px; }\r\n .sol-header p { font-size: 1.2rem; color: #FFB800; font-weight: 600; letter-spacing: 3px; }\r\n\r\n \/* ================= \u5806\u758a\u5361\u7247\u5bb9\u5668 ================= *\/\r\n .stacked-cards-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4rem; \/* \u5361\u7247\u9593\u8ddd *\/\r\n padding-bottom: 10vh;\r\n }\r\n\r\n \/* \u55ae\u5f35\u5361\u7247 (\u5229\u7528 CSS Sticky \u9054\u6210\u5806\u758a\u7279\u6548) *\/\r\n .sol-card {\r\n position: sticky;\r\n background: #111827; \/* \u6bd4\u80cc\u666f\u7a0d\u5fae\u4eae\u4e00\u9ede\u7684\u6df1\u7070\u8272 *\/\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-top: 3px solid #FFB800; \/* \u9802\u90e8\u9ad8\u5149\uff0c\u5f37\u8abf\u5c64\u758a\u611f *\/\r\n border-radius: 24px;\r\n padding: 4rem;\r\n display: grid;\r\n grid-template-columns: 1fr 1.8fr; \/* \u5de6\u5074\u6982\u5ff5 1 : \u53f3\u5074\u7d30\u7bc0 1.8 *\/\r\n gap: 4rem;\r\n box-shadow: 0 -15px 30px rgba(0, 0, 0, 0.5); \/* \u4e0a\u65b9\u9670\u5f71\uff0c\u5f37\u5316\u7acb\u9ad4\u611f *\/\r\n transition: transform 0.4s ease, border-color 0.4s ease;\r\n }\r\n \r\n \/* \u61f8\u505c\u6642\u908a\u6846\u767c\u5149 *\/\r\n .sol-card:hover { border-color: rgba(255, 184, 0, 0.4); }\r\n\r\n \/* \u900f\u904e\u8b8a\u6578\u63a7\u5236\u6bcf\u5f35\u5361\u7247\u505c\u9760\u7684\u9ad8\u5ea6\uff0c\u5f62\u6210\u968e\u68af\u72c0\u758a\u52a0 *\/\r\n .sol-card:nth-child(1) { top: 120px; z-index: 10; }\r\n .sol-card:nth-child(2) { top: 140px; z-index: 20; }\r\n .sol-card:nth-child(3) { top: 160px; z-index: 30; }\r\n .sol-card:nth-child(4) { top: 180px; z-index: 40; }\r\n\r\n \/* ================= \u5361\u7247\u5de6\u5074\uff1a\u6838\u5fc3\u7406\u5ff5 ================= *\/\r\n .sol-left { display: flex; flex-direction: column; justify-content: flex-start; }\r\n .sol-badge {\r\n background: rgba(255, 184, 0, 0.1); color: #FFB800;\r\n padding: 6px 16px; border-radius: 8px; font-weight: 700; font-size: 0.9rem;\r\n width: fit-content; margin-bottom: 1.5rem; border: 1px solid rgba(255, 184, 0, 0.2);\r\n }\r\n .sol-left h3 { font-size: 2.2rem; font-weight: 800; color: #f8fafc; margin-bottom: 1.5rem; line-height: 1.3; }\r\n .sol-left .core-concept {\r\n font-size: 1.2rem; color: #cbd5e1; line-height: 1.8; border-left: 4px solid #FFB800; padding-left: 1rem;\r\n }\r\n\r\n \/* ================= \u5361\u7247\u53f3\u5074\uff1a\u7d30\u7bc0\u67b6\u69cb ================= *\/\r\n .sol-right { display: flex; flex-direction: column; gap: 2.5rem; }\r\n \r\n .detail-group h4 { font-size: 1.2rem; font-weight: 700; color: #FFB800; margin-bottom: 1rem; display: flex; align-items: center; gap: 8px; }\r\n .detail-group h4::before { content: ''; display: block; width: 8px; height: 8px; background: #FFB800; border-radius: 50%; }\r\n\r\n \/* \u901a\u7528\u6a19\u7c64 (UI Tags) *\/\r\n .ui-tags { display: flex; flex-wrap: wrap; gap: 10px; }\r\n .ui-tag {\r\n background: rgba(56, 189, 248, 0.08); border: 1px solid rgba(56, 189, 248, 0.2);\r\n padding: 8px 16px; border-radius: 8px; font-size: 0.95rem; color: #bae6fd;\r\n }\r\n\r\n \/* \u67b6\u69cb\u968e\u5c64\u5217\u8868 (Solution 1 & 2 \u7528) *\/\r\n .layer-list { display: flex; flex-direction: column; gap: 1rem; }\r\n .layer-item {\r\n background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.08);\r\n padding: 1.2rem; border-radius: 12px;\r\n }\r\n .layer-item strong { color: #f8fafc; font-size: 1.1rem; display: block; margin-bottom: 0.5rem; }\r\n .layer-item p { color: #94a3b8; font-size: 0.95rem; line-height: 1.6; margin: 0; }\r\n\r\n \/* \u6a5f\u67b6\u5806\u758a\u8996\u89ba (Solution 4 \u5168\u7ad9\u67b6\u69cb\u7528) *\/\r\n .server-rack { display: flex; flex-direction: column-reverse; gap: 0.5rem; }\r\n .rack-layer {\r\n background: linear-gradient(90deg, rgba(30,41,59,1) 0%, rgba(15,23,42,1) 100%);\r\n border: 1px solid rgba(56, 189, 248, 0.3); border-left: 4px solid #38bdf8;\r\n padding: 1rem 1.5rem; border-radius: 8px; display: flex; align-items: center; justify-content: space-between;\r\n }\r\n .rack-layer span { font-weight: 700; color: #38bdf8; width: 80px; }\r\n .rack-layer div { color: #cbd5e1; font-size: 0.95rem; flex: 1; text-align: right; }\r\n\r\n \/* \u6210\u679c\u6a21\u578b Dashboard (Big Numbers) *\/\r\n .results-dashboard {\r\n display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem;\r\n background: rgba(255, 184, 0, 0.05); border: 1px solid rgba(255, 184, 0, 0.2);\r\n padding: 1.5rem; border-radius: 16px; margin-top: 1rem;\r\n }\r\n .result-item { text-align: center; }\r\n .result-val { display: block; font-size: 2rem; font-weight: 900; color: #FFB800; font-family: 'Inter', sans-serif; margin-bottom: 0.5rem; }\r\n .result-desc { display: block; font-size: 0.9rem; color: #94a3b8; line-height: 1.4; }\r\n\r\n \/* \u7d50\u8ad6\u8b66\u793a\u53e5 *\/\r\n .sol-conclusion {\r\n background: transparent; color: #f8fafc; font-weight: 700; font-size: 1.1rem;\r\n border-left: 3px solid #38bdf8; padding-left: 1rem; margin-top: 1rem;\r\n }\r\n\r\n \/* CTA \u6309\u9215\u5340 *\/\r\n .section-cta { text-align: center; margin-top: 6rem; }\r\n .btn-glow {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 18px 48px; font-size: 1.15rem; font-weight: 800; color: #0f172a;\r\n background: #FFB800; border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; box-shadow: 0 0 20px rgba(255, 184, 0, 0.4);\r\n }\r\n .btn-glow:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255, 184, 0, 0.6); }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 1024px) {\r\n .sol-card {\r\n grid-template-columns: 1fr; \/* \u5e73\u677f\u8f49\u70ba\u4e0a\u4e0b\u6392\u5217 *\/\r\n gap: 2rem; padding: 3rem;\r\n }\r\n .sol-left h3 { font-size: 2rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .sol-container { padding: 0 20px; }\r\n .sol-header h2 { font-size: 2.2rem; }\r\n .sol-card { padding: 2rem 1.5rem; border-radius: 16px; }\r\n \r\n \/* \u624b\u6a5f\u7248\uff1a\u7a0d\u5fae\u7e2e\u5c0f Sticky \u7684\u5806\u758a\u9593\u8ddd\uff0c\u907f\u514d\u5403\u6389\u592a\u591a\u756b\u9762 *\/\r\n .sol-card:nth-child(1) { top: 90px; }\r\n .sol-card:nth-child(2) { top: 105px; }\r\n .sol-card:nth-child(3) { top: 120px; }\r\n .sol-card:nth-child(4) { top: 135px; }\r\n\r\n .sol-left h3 { font-size: 1.6rem; }\r\n .sol-left .core-concept { font-size: 1rem; }\r\n .layer-item { padding: 1rem; }\r\n .results-dashboard { grid-template-columns: 1fr; gap: 1rem; }\r\n .result-val { font-size: 1.8rem; }\r\n .rack-layer { flex-direction: column; align-items: flex-start; gap: 0.5rem; }\r\n .rack-layer div { text-align: left; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"solutions-section\" id=\"solutions\">\r\n <div class=\"sol-container\">\r\n \r\n <div class=\"sol-header\">\r\n <p class=\"lang-text\" data-tw=\"CORE SOLUTIONS\" data-cn=\"CORE SOLUTIONS\">CORE SOLUTIONS<\/p>\r\n <h2 class=\"lang-text\" data-tw=\"\u56db\u5927\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u56db\u5927\u7cfb\u7edf\u5316\u89e3\u51b3\u65b9\u6848\">\u56db\u5927\u7cfb\u7d71\u5316\u89e3\u6c7a\u65b9\u6848<\/h2>\r\n <\/div>\r\n\r\n <div class=\"stacked-cards-wrapper\">\r\n \r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 01\" data-cn=\"SOLUTION 01\">SOLUTION 01<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"AI\u71df\u92b7\u81ea\u52d5\u5316\u7cfb\u7d71\" data-cn=\"AI\u8425\u9500\u81ea\u52a8\u5316\u7cfb\u7edf\">AI\u71df\u92b7\u81ea\u52d5\u5316\u7cfb\u7d71<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u6211\u5011\u4e0d\u505a\u5167\u5bb9\u4ee3\u5de5\uff0c<br>\u6211\u5011\u70ba\u4f60\u5efa\u7acb\u5c08\u5c6c\u7684\u300c\u5167\u5bb9\u5de5\u5ee0\u300d\u3002\" data-cn=\"\u6211\u4eec\u4e0d\u505a\u5185\u5bb9\u4ee3\u5de5\uff0c<br>\u6211\u4eec\u4e3a\u4f60\u5efa\u7acb\u4e13\u5c5e\u7684\u300c\u5185\u5bb9\u5de5\u5382\u300d\u3002\">\r\n \u6211\u5011\u4e0d\u505a\u5167\u5bb9\u4ee3\u5de5\uff0c<br>\u6211\u5011\u70ba\u4f60\u5efa\u7acb\u5c08\u5c6c\u7684\u300c\u5167\u5bb9\u5de5\u5ee0\u300d\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u7cfb\u7d71\u5206\u5c64\u67b6\u69cb\" data-cn=\"\u7cfb\u7edf\u5206\u5c42\u67b6\u6784\">\u7cfb\u7d71\u5206\u5c64\u67b6\u69cb<\/h4>\r\n <div class=\"layer-list\">\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u7b2c\u4e00\u5c64\uff1a\u54c1\u724c Vibe \u5efa\u6a21\" data-cn=\"\u7b2c\u4e00\u5c42\uff1a\u54c1\u724c Vibe \u5efa\u6a21\">\u7b2c\u4e00\u5c64\uff1a\u54c1\u724c Vibe \u5efa\u6a21<\/strong>\r\n <p class=\"lang-text\" data-tw=\"\u751f\u6210\u5167\u5bb9\u524d\u5148\u5efa\u7acb\uff1a\u54c1\u724c\u8a9e\u6c23\u3001\u60c5\u7dd2\u5b9a\u4f4d\u3001\u5ba2\u7fa4\u5fc3\u7406\u8207\u5275\u8fa6\u4eba\u50f9\u503c\u89c0\u6a21\u578b\uff0c\u78ba\u4fdd\u6240\u6709 AI \u7522\u51fa\u5177\u5099\u4e00\u81f4\u78c1\u5834\u3002\" data-cn=\"\u751f\u6210\u5185\u5bb9\u524d\u5148\u5efa\u7acb\uff1a\u54c1\u724c\u8bed\u6c14\u3001\u60c5\u7eea\u5b9a\u4f4d\u3001\u5ba2\u7fa4\u5fc3\u7406\u4e0e\u521b\u529e\u4eba\u4ef7\u503c\u89c2\u6a21\u578b\uff0c\u786e\u4fdd\u6240\u6709 AI \u4ea7\u51fa\u5177\u5907\u4e00\u81f4\u78c1\u573a\u3002\">\u751f\u6210\u5167\u5bb9\u524d\u5148\u5efa\u7acb\uff1a\u54c1\u724c\u8a9e\u6c23\u3001\u60c5\u7dd2\u5b9a\u4f4d\u3001\u5ba2\u7fa4\u5fc3\u7406\u8207\u5275\u8fa6\u4eba\u50f9\u503c\u89c0\u6a21\u578b\uff0c\u78ba\u4fdd\u6240\u6709 AI \u7522\u51fa\u5177\u5099\u4e00\u81f4\u78c1\u5834\u3002<\/p>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u7b2c\u4e8c\u5c64\uff1a\u5167\u5bb9\u751f\u7522\u5f15\u64ce\" data-cn=\"\u7b2c\u4e8c\u5c42\uff1a\u5185\u5bb9\u751f\u4ea7\u5f15\u64ce\">\u7b2c\u4e8c\u5c64\uff1a\u5167\u5bb9\u751f\u7522\u5f15\u64ce<\/strong>\r\n <div class=\"ui-tags\" style=\"margin-top: 8px;\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u7206\u6b3e\u8173\u672c\u6a21\u578b\" data-cn=\"\u7206\u6b3e\u811a\u672c\u6a21\u578b\">\u7206\u6b3e\u8173\u672c\u6a21\u578b<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u77ed\u8996\u983b\u8f49\u5316\u7d50\u69cb\" data-cn=\"\u77ed\u89c6\u9891\u8f6c\u5316\u7ed3\u6784\">\u77ed\u8996\u983b\u8f49\u5316\u7d50\u69cb<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5167\u5bb9A\/B\u6e2c\u8a66\" data-cn=\"\u5185\u5bb9A\/B\u6d4b\u8bd5\">\u5167\u5bb9A\/B\u6e2c\u8a66<\/span>\r\n <\/div>\r\n <p class=\"lang-text\" style=\"margin-top: 8px;\" data-tw=\"\u6bcf\u4e00\u500b\u5167\u5bb9\u90fd\u4e0d\u662f\u55ae\u7bc7\u7522\u51fa\uff0c\u800c\u662f\u591a\u5e73\u53f0\u683c\u5f0f\u77e9\u9663\u751f\u6210\u3002\" data-cn=\"\u6bcf\u4e00\u4e2a\u5185\u5bb9\u90fd\u4e0d\u662f\u5355\u7bc7\u4ea7\u51fa\uff0c\u800c\u662f\u591a\u5e73\u53f0\u683c\u5f0f\u77e9\u9635\u751f\u6210\u3002\">\u6bcf\u4e00\u500b\u5167\u5bb9\u90fd\u4e0d\u662f\u55ae\u7bc7\u7522\u51fa\uff0c\u800c\u662f\u591a\u5e73\u53f0\u683c\u5f0f\u77e9\u9663\u751f\u6210\u3002<\/p>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u7b2c\u4e09\u5c64\uff1a\u5206\u767c\u8207\u8f49\u5316\u7cfb\u7d71\" data-cn=\"\u7b2c\u4e09\u5c42\uff1a\u5206\u53d1\u4e0e\u8f6c\u5316\u7cfb\u7edf\">\u7b2c\u4e09\u5c64\uff1a\u5206\u767c\u8207\u8f49\u5316\u7cfb\u7d71<\/strong>\r\n <div class=\"ui-tags\" style=\"margin-top: 8px;\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u81ea\u52d5\u767c\u5e03\" data-cn=\"\u81ea\u52a8\u53d1\u5e03\">\u81ea\u52d5\u767c\u5e03<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u79c1\u8a0a\u81ea\u52d5\u56de\u8986\" data-cn=\"\u79c1\u8baf\u81ea\u52a8\u56de\u590d\">\u79c1\u8a0a\u81ea\u52d5\u56de\u8986<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5ba2\u6236\u6a19\u7c64\u5206\u985e\" data-cn=\"\u5ba2\u6237\u6807\u7b7e\u5206\u7c7b\">\u5ba2\u6236\u6a19\u7c64\u5206\u985e<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-conclusion lang-text\" data-tw=\"\ud83d\udc49 \u5f62\u6210\u300c\u6d41\u91cf \u2192 \u4e92\u52d5 \u2192 \u6210\u4ea4\u300d\u7121\u7e2b\u9589\u74b0\u3002\" data-cn=\"\ud83d\udc49 \u5f62\u6210\u300c\u6d41\u91cf \u2192 \u4e92\u52a8 \u2192 \u6210\u4ea4\u300d\u65e0\u7f1d\u95ed\u73af\u3002\">\ud83d\udc49 \u5f62\u6210\u300c\u6d41\u91cf \u2192 \u4e92\u52d5 \u2192 \u6210\u4ea4\u300d\u7121\u7e2b\u9589\u74b0\u3002<\/div>\r\n\r\n <div class=\"results-dashboard\">\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">5-20<span style=\"font-size:1.2rem;\">x<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5167\u5bb9\u7522\u51fa\u6548\u7387\u63d0\u5347\" data-cn=\"\u5185\u5bb9\u4ea7\u51fa\u6548\u7387\u63d0\u5347\">\u5167\u5bb9\u7522\u51fa\u6548\u7387\u63d0\u5347<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val lang-text\" data-tw=\"\u79d2\u7d1a\" data-cn=\"\u79d2\u7ea7\">\u79d2\u7d1a<\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5ba2\u6236\u56de\u61c9\u6642\u9593\" data-cn=\"\u5ba2\u6237\u56de\u5e94\u65f6\u95f4\">\u5ba2\u6236\u56de\u61c9\u6642\u9593<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">+40<span style=\"font-size:1.2rem;\">%<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u6574\u9ad4\u6210\u4ea4\u7387\u63d0\u5347\" data-cn=\"\u6574\u4f53\u6210\u4ea4\u7387\u63d0\u5347\">\u6574\u9ad4\u6210\u4ea4\u7387\u63d0\u5347<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 02\" data-cn=\"SOLUTION 02\">SOLUTION 02<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u4f01\u696dAI\u77e5\u8b58\u5eab\" data-cn=\"\u4f01\u4e1aAI\u77e5\u8bc6\u5e93\">\u4f01\u696dAI\u77e5\u8b58\u5eab<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u4f01\u696d\u7684\u6838\u5fc3\u7af6\u722d\u529b\u4e0d\u662f\u7522\u54c1\uff0c\u800c\u662f\u300c\u7d93\u9a57\u5bc6\u5ea6\u300d\u3002<br>\u6211\u5011\u5e6b\u4f01\u696d\u628a\u96b1\u6027\u77e5\u8b58\uff0c\u8f49\u5316\u70ba\u96a8\u6642\u53ef\u8abf\u7528\u7684\u667a\u80fd\u5927\u8166\u3002\" data-cn=\"\u4f01\u4e1a\u7684\u6838\u5fc3\u7ade\u4e89\u529b\u4e0d\u662f\u4ea7\u54c1\uff0c\u800c\u662f\u300c\u7ecf\u9a8c\u5bc6\u5ea6\u300d\u3002<br>\u6211\u4eec\u5e2e\u4f01\u4e1a\u628a\u9690\u6027\u77e5\u8bc6\uff0c\u8f6c\u5316\u4e3a\u968f\u65f6\u53ef\u8c03\u7528\u7684\u667a\u80fd\u5927\u8111\u3002\">\r\n \u4f01\u696d\u7684\u6838\u5fc3\u7af6\u722d\u529b\u4e0d\u662f\u7522\u54c1\uff0c\u800c\u662f\u300c\u7d93\u9a57\u5bc6\u5ea6\u300d\u3002<br>\u6211\u5011\u5e6b\u4f01\u696d\u628a\u96b1\u6027\u77e5\u8b58\uff0c\u8f49\u5316\u70ba\u96a8\u6642\u53ef\u8abf\u7528\u7684\u667a\u80fd\u5927\u8166\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u4e09\u968e\u6bb5\u843d\u5730\u67b6\u69cb\" data-cn=\"\u4e09\u9636\u6bb5\u843d\u5730\u67b6\u6784\">\u4e09\u968e\u6bb5\u843d\u5730\u67b6\u69cb<\/h4>\r\n <div class=\"layer-list\">\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u2460 \u77e5\u8b58\u76e4\u9ede\u91cd\u69cb\" data-cn=\"\u2460 \u77e5\u8bc6\u76d8\u70b9\u91cd\u6784\">\u2460 \u77e5\u8b58\u76e4\u9ede\u91cd\u69cb<\/strong>\r\n <p class=\"lang-text\" data-tw=\"SOP\u76e4\u9ede\u3001\u92b7\u552e\u8a71\u8853\u68b3\u7406\u3001\u5ba2\u6236\u6848\u4f8b\u6b78\u7d0d\u3002\u9019\u4e0d\u662f\u55ae\u7d14\u4e0a\u50b3\u6587\u4ef6\uff0c\u800c\u662f\u77e5\u8b58\u7d50\u69cb\u7684\u91cd\u5efa\u3002\" data-cn=\"SOP\u76d8\u70b9\u3001\u9500\u552e\u8bdd\u672f\u68b3\u7406\u3001\u5ba2\u6237\u6848\u4f8b\u5f52\u7eb3\u3002\u8fd9\u4e0d\u662f\u5355\u7eaf\u4e0a\u4f20\u6587\u4ef6\uff0c\u800c\u662f\u77e5\u8bc6\u7ed3\u6784\u7684\u91cd\u5efa\u3002\">SOP\u76e4\u9ede\u3001\u92b7\u552e\u8a71\u8853\u68b3\u7406\u3001\u5ba2\u6236\u6848\u4f8b\u6b78\u7d0d\u3002\u9019\u4e0d\u662f\u55ae\u7d14\u4e0a\u50b3\u6587\u4ef6\uff0c\u800c\u662f\u77e5\u8b58\u7d50\u69cb\u7684\u91cd\u5efa\u3002<\/p>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u2461 \u5c08\u5c6c\u6a21\u578b\u8a13\u7df4\" data-cn=\"\u2461 \u4e13\u5c5e\u6a21\u578b\u8bad\u7ec3\">\u2461 \u5c08\u5c6c\u6a21\u578b\u8a13\u7df4<\/strong>\r\n <div class=\"ui-tags\" style=\"margin-top: 8px;\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u92b7\u552e\u5c08\u5bb6\u6a21\u578b\" data-cn=\"\u9500\u552e\u4e13\u5bb6\u6a21\u578b\">\u92b7\u552e\u5c08\u5bb6\u6a21\u578b<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5ba2\u670d\u56de\u8986\u6a21\u578b\" data-cn=\"\u5ba2\u670d\u56de\u590d\u6a21\u578b\">\u5ba2\u670d\u56de\u8986\u6a21\u578b<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u6cd5\u52d9\/\u6280\u8853\u652f\u6301\" data-cn=\"\u6cd5\u52a1\/\u6280\u672f\u652f\u6301\">\u6cd5\u52d9\/\u6280\u8853\u652f\u6301<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"layer-item\">\r\n <strong class=\"lang-text\" data-tw=\"\u2462 \u5be6\u6230\u843d\u5730\u61c9\u7528\" data-cn=\"\u2462 \u5b9e\u6218\u843d\u5730\u5e94\u7528\">\u2462 \u5be6\u6230\u843d\u5730\u61c9\u7528<\/strong>\r\n <p class=\"lang-text\" data-tw=\"\u65b0\u4eba\u57f9\u8a13\u8f14\u52a9\u3001\u81ea\u52d5\u5831\u544a\u751f\u6210\u3001\u5167\u90e8\u6c7a\u7b56\u652f\u6301\u3001\u5ba2\u6236\u5373\u6642\u7cbe\u6e96\u56de\u8986\u3002\" data-cn=\"\u65b0\u4eba\u57f9\u8bad\u8f85\u52a9\u3001\u81ea\u52a8\u62a5\u544a\u751f\u6210\u3001\u5185\u90e8\u51b3\u7b56\u652f\u6301\u3001\u5ba2\u6237\u5373\u65f6\u7cbe\u51c6\u56de\u590d\u3002\">\u65b0\u4eba\u57f9\u8a13\u8f14\u52a9\u3001\u81ea\u52d5\u5831\u544a\u751f\u6210\u3001\u5167\u90e8\u6c7a\u7b56\u652f\u6301\u3001\u5ba2\u6236\u5373\u6642\u7cbe\u6e96\u56de\u8986\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"results-dashboard\">\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">-50<span style=\"font-size:1.2rem;\">%<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u65b0\u4eba\u57f9\u8a13\u6642\u9593\" data-cn=\"\u65b0\u4eba\u57f9\u8bad\u65f6\u95f4\">\u65b0\u4eba\u57f9\u8a13\u6642\u9593<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">+80<span style=\"font-size:1.2rem;\">%<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5ba2\u670d\u56de\u8986\u4e00\u81f4\u6027\" data-cn=\"\u5ba2\u670d\u56de\u590d\u4e00\u81f4\u6027\">\u5ba2\u670d\u56de\u8986\u4e00\u81f4\u6027<\/span>\r\n <\/div>\r\n <div class=\"result-item\">\r\n <span class=\"result-val\">5<span style=\"font-size:1.2rem;\">x<\/span><\/span>\r\n <span class=\"result-desc lang-text\" data-tw=\"\u5831\u544a\u7522\u51fa\u6548\u7387\" data-cn=\"\u62a5\u544a\u4ea7\u51fa\u6548\u7387\">\u5831\u544a\u7522\u51fa\u6548\u7387<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 03\" data-cn=\"SOLUTION 03\">SOLUTION 03<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u4f01\u696dAI Agent\u7cfb\u7d71\" data-cn=\"\u4f01\u4e1aAI Agent\u7cfb\u7edf\">\u4f01\u696dAI Agent\u7cfb\u7d71<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u8b93 AI \u4e0d\u53ea\u662f\u6587\u5b57\u52a9\u624b\uff0c<br>\u800c\u662f\u771f\u6b63\u80fd\u57f7\u884c\u4efb\u52d9\u7684\u300c\u6578\u4f4d\u54e1\u5de5\u300d\u3002\" data-cn=\"\u8ba9 AI \u4e0d\u53ea\u662f\u6587\u5b57\u52a9\u624b\uff0c<br>\u800c\u662f\u771f\u6b63\u80fd\u6267\u884c\u4efb\u52a1\u7684\u300c\u6570\u4f4d\u5458\u5de5\u300d\u3002\">\r\n \u8b93 AI \u4e0d\u53ea\u662f\u6587\u5b57\u52a9\u624b\uff0c<br>\u800c\u662f\u771f\u6b63\u80fd\u57f7\u884c\u4efb\u52d9\u7684\u300c\u6578\u4f4d\u54e1\u5de5\u300d\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u90e8\u9580\u5c08\u5c6c AI \u54e1\u5de5\u5efa\u6a21\" data-cn=\"\u90e8\u95e8\u4e13\u5c5e AI \u5458\u5de5\u5efa\u6a21\">\u90e8\u9580\u5c08\u5c6c AI \u54e1\u5de5\u5efa\u6a21<\/h4>\r\n <div class=\"ui-tags\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u92b7\u552e AI\" data-cn=\"\u9500\u552e AI\">\u92b7\u552e AI<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u884c\u92b7 AI\" data-cn=\"\u8425\u9500 AI\">\u884c\u92b7 AI<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u4eba\u8cc7 AI\" data-cn=\"\u4eba\u8d44 AI\">\u4eba\u8cc7 AI<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u8ca1\u52d9\/\u6cd5\u52d9 AI\" data-cn=\"\u8d22\u52a1\/\u6cd5\u52a1 AI\">\u8ca1\u52d9\/\u6cd5\u52d9 AI<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u7121\u7e2b\u5de5\u4f5c\u6d41\u5d4c\u5165 (Workflow)\" data-cn=\"\u65e0\u7f1d\u5de5\u4f5c\u6d41\u5d4c\u5165 (Workflow)\">\u7121\u7e2b\u5de5\u4f5c\u6d41\u5d4c\u5165 (Workflow)<\/h4>\r\n <div class=\"layer-list\">\r\n <div class=\"layer-item\">\r\n <p class=\"lang-text\" data-tw=\"AI \u81ea\u52d5\u5d4c\u5165 CRM \u6d41\u7a0b\u3001\u4efb\u52d9\u6d3e\u767c\u3001\u5831\u544a\u5be9\u6279\u8207\u5ba2\u6236\u7ba1\u7406\uff0c\u5728\u6bcf\u500b\u95dc\u9375\u7bc0\u9ede\u81ea\u52d5\u89f8\u767c\uff0c\u7121\u9700\u4eba\u5de5\u5e72\u9810\u3002\" data-cn=\"AI \u81ea\u52a8\u5d4c\u5165 CRM \u6d41\u7a0b\u3001\u4efb\u52a1\u6d3e\u53d1\u3001\u62a5\u544a\u5ba1\u6279\u4e0e\u5ba2\u6237\u7ba1\u7406\uff0c\u5728\u6bcf\u4e2a\u5173\u952e\u8282\u70b9\u81ea\u52a8\u89e6\u53d1\uff0c\u65e0\u9700\u4eba\u5de5\u5e72\u9884\u3002\">AI \u81ea\u52d5\u5d4c\u5165 CRM \u6d41\u7a0b\u3001\u4efb\u52d9\u6d3e\u767c\u3001\u5831\u544a\u5be9\u6279\u8207\u5ba2\u6236\u7ba1\u7406\uff0c\u5728\u6bcf\u500b\u95dc\u9375\u7bc0\u9ede\u81ea\u52d5\u89f8\u767c\uff0c\u7121\u9700\u4eba\u5de5\u5e72\u9810\u3002<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u9ad8\u968e\u6c7a\u7b56\u8f14\u52a9\" data-cn=\"\u9ad8\u9636\u51b3\u7b56\u8f85\u52a9\">\u9ad8\u968e\u6c7a\u7b56\u8f14\u52a9<\/h4>\r\n <div class=\"ui-tags\">\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u92b7\u552e\u9810\u6e2c\" data-cn=\"\u9500\u552e\u9884\u6d4b\">\u92b7\u552e\u9810\u6e2c<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u6210\u672c\u512a\u5316\" data-cn=\"\u6210\u672c\u4f18\u5316\">\u6210\u672c\u512a\u5316<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5ba2\u6236\u6d41\u5931\u9810\u8b66\" data-cn=\"\u5ba2\u6237\u6d41\u5931\u9884\u8b66\">\u5ba2\u6236\u6d41\u5931\u9810\u8b66<\/span>\r\n <span class=\"ui-tag lang-text\" data-tw=\"\u5e02\u5834\u8da8\u52e2\u5206\u6790\" data-cn=\"\u5e02\u573a\u8d8b\u52bf\u5206\u6790\">\u5e02\u5834\u8da8\u52e2\u5206\u6790<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-conclusion lang-text\" data-tw=\"\ud83d\udc49 \u4f01\u696d\u6b63\u5f0f\u9032\u5165\u300c\u4eba\u6a5f\u5354\u540c\u300d\u7684\u9ad8\u6548\u64f4\u5f35\u6a21\u5f0f\u3002\" data-cn=\"\ud83d\udc49 \u4f01\u4e1a\u6b63\u5f0f\u8fdb\u5165\u300c\u4eba\u673a\u534f\u540c\u300d\u7684\u9ad8\u6548\u6269\u5f20\u6a21\u5f0f\u3002\">\ud83d\udc49 \u4f01\u696d\u6b63\u5f0f\u9032\u5165\u300c\u4eba\u6a5f\u5354\u540c\u300d\u7684\u9ad8\u6548\u64f4\u5f35\u6a21\u5f0f\u3002<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-card\">\r\n <div class=\"sol-left\">\r\n <div class=\"sol-badge lang-text\" data-tw=\"SOLUTION 04\" data-cn=\"SOLUTION 04\">SOLUTION 04<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u4f01\u696dAI\u5168\u7ad9\u67b6\u69cb\" data-cn=\"\u4f01\u4e1aAI\u5168\u7ad9\u67b6\u6784\">\u4f01\u696dAI\u5168\u7ad9\u67b6\u69cb<\/h3>\r\n <div class=\"core-concept\">\r\n <span class=\"lang-text\" data-tw=\"\u9019\u4e0d\u662f\u55ae\u7d14\u7684\u8edf\u9ad4\u5de5\u5177\u6574\u5408\uff0c<br>\u800c\u662f\u70ba\u4f01\u696d\u91cf\u8eab\u6253\u9020\u7684\u300cAI \u795e\u7d93\u57fa\u790e\u8a2d\u65bd\u300d\u3002\" data-cn=\"\u8fd9\u4e0d\u662f\u5355\u7eaf\u7684\u8f6f\u4ef6\u5de5\u5177\u6574\u5408\uff0c<br>\u800c\u662f\u4e3a\u4f01\u4e1a\u91cf\u8eab\u6253\u9020\u7684\u300cAI \u795e\u7ecf\u57fa\u7840\u8bbe\u65bd\u300d\u3002\">\r\n \u9019\u4e0d\u662f\u55ae\u7d14\u7684\u8edf\u9ad4\u5de5\u5177\u6574\u5408\uff0c<br>\u800c\u662f\u70ba\u4f01\u696d\u91cf\u8eab\u6253\u9020\u7684\u300cAI \u795e\u7d93\u57fa\u790e\u8a2d\u65bd\u300d\u3002\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sol-right\">\r\n <div class=\"detail-group\">\r\n <h4 class=\"lang-text\" data-tw=\"\u56db\u5c64\u6df1\u5ea6\u67b6\u69cb (4-Layer Architecture)\" data-cn=\"\u56db\u5c42\u6df1\u5ea6\u67b6\u6784 (4-Layer Architecture)\">\u56db\u5c64\u6df1\u5ea6\u67b6\u69cb (4-Layer Architecture)<\/h4>\r\n \r\n <div class=\"server-rack\">\r\n <div class=\"rack-layer\">\r\n <span>Layer 1<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u6578\u64da\u6574\u5408\u5c64\uff1aCRM \/ ERP \/ \u5b98\u7db2\u8207\u5ba2\u670d\u6578\u64da\u63a5\u5165\" data-cn=\"\u6570\u636e\u6574\u5408\u5c42\uff1aCRM \/ ERP \/ \u5b98\u7f51\u4e0e\u5ba2\u670d\u6570\u636e\u63a5\u5165\">\u6578\u64da\u6574\u5408\u5c64\uff1aCRM \/ ERP \/ \u5b98\u7db2\u8207\u5ba2\u670d\u6578\u64da\u63a5\u5165<\/div>\r\n <\/div>\r\n <div class=\"rack-layer\">\r\n <span>Layer 2<\/span>\r\n <div class=\"lang-text\" data-tw=\"AI\u6a21\u578b\u5c64\uff1a\u5c08\u5c6c\u4f01\u696d\u6a21\u578b \/ \u884c\u92b7\u751f\u6210\u8207\u5206\u6790\u6a21\u578b\" data-cn=\"AI\u6a21\u578b\u5c42\uff1a\u4e13\u5c5e\u4f01\u4e1a\u6a21\u578b \/ \u8425\u9500\u751f\u6210\u4e0e\u5206\u6790\u6a21\u578b\">AI\u6a21\u578b\u5c64\uff1a\u5c08\u5c6c\u4f01\u696d\u6a21\u578b \/ \u884c\u92b7\u751f\u6210\u8207\u5206\u6790\u6a21\u578b<\/div>\r\n <\/div>\r\n <div class=\"rack-layer\">\r\n <span>Layer 3<\/span>\r\n <div class=\"lang-text\" data-tw=\"\u61c9\u7528\u5c64\uff1aAI\u5ba2\u670d \/ \u81ea\u52d5\u5831\u50f9 \/ \u7b56\u7565\u8207\u6210\u4ea4\u52a9\u7406\" data-cn=\"\u5e94\u7528\u5c42\uff1aAI\u5ba2\u670d \/ \u81ea\u52a8\u62a5\u4ef7 \/ \u7b56\u7565\u4e0e\u6210\u4ea4\u52a9\u7406\">\u61c9\u7528\u5c64\uff1aAI\u5ba2\u670d \/ \u81ea\u52d5\u5831\u50f9 \/ \u7b56\u7565\u8207\u6210\u4ea4\u52a9\u7406<\/div>\r\n <\/div>\r\n <div class=\"rack-layer\" style=\"border-left-color:#FFB800;\">\r\n <span style=\"color:#FFB800;\">Layer 4<\/span>\r\n <div class=\"lang-text\" data-tw=\"Vibe\u5c64\uff1a\u54c1\u724c\u60c5\u7dd2\u5efa\u6a21 \/ \u6eab\u5ea6\u76e3\u6e2c\u8207\u9577\u671f\u78c1\u5834\u8a2d\u8a08\" data-cn=\"Vibe\u5c42\uff1a\u54c1\u724c\u60c5\u7eea\u5efa\u6a21 \/ \u6e29\u5ea6\u76d1\u6d4b\u4e0e\u957f\u671f\u78c1\u573a\u8bbe\u8ba1\">Vibe\u5c64\uff1a\u54c1\u724c\u60c5\u7dd2\u5efa\u6a21 \/ \u6eab\u5ea6\u76e3\u6e2c\u8207\u9577\u671f\u78c1\u5834\u8a2d\u8a08<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"section-cta\">\r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-glow lang-text\" data-tw=\"\u9810\u7d04\u5ba2\u88fd\u5316\u67b6\u69cb\u8a2d\u8a08\" data-cn=\"\u9884\u7ea6\u5ba2\u5236\u5316\u67b6\u6784\u8bbe\u8ba1\">\u9810\u7d04\u5ba2\u88fd\u5316\u67b6\u69cb\u8a2d\u8a08<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75b0849 e-flex e-con-boxed e-con e-parent\" data-id=\"75b0849\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8e35df6 elementor-widget elementor-widget-html\" data-id=\"8e35df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .cases-section {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u5ef6\u7e8c\u6df1\u7a7a\u85cd\u5e95\u8272 *\/\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .cases-section * { box-sizing: border-box !important; }\r\n\r\n .cases-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 40px;\r\n position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .cases-header { text-align: center; margin-bottom: 3rem; }\r\n .cases-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(56, 189, 248, 0.1); \r\n color: #38bdf8; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(56, 189, 248, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .cases-header h2 { font-size: 3.5rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin: 0; }\r\n .cases-header h2 .highlight { color: #FFB800; }\r\n\r\n \/* ================= \u6a19\u7c64\u5207\u63db\u6309\u9215 (Tabs) ================= *\/\r\n .cases-tabs {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 1rem;\r\n margin-bottom: 4rem;\r\n }\r\n\r\n .case-tab-btn {\r\n background: rgba(255, 255, 255, 0.03);\r\n color: #94a3b8;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n padding: 12px 32px;\r\n border-radius: 50px;\r\n font-size: 1.1rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .case-tab-btn:hover {\r\n background: rgba(255, 255, 255, 0.08);\r\n color: #f8fafc;\r\n }\r\n\r\n \/* Active \u72c0\u614b\uff1a\u91d1\u9ec3\u8272\u9ad8\u4eae *\/\r\n .case-tab-btn.active {\r\n background: rgba(255, 184, 0, 0.1);\r\n color: #FFB800;\r\n border-color: #FFB800;\r\n box-shadow: 0 0 20px rgba(255, 184, 0, 0.2);\r\n }\r\n\r\n \/* ================= Logo \u7db2\u683c\u5340 (\u5df2\u6539\u70ba 3 \u6b04) ================= *\/\r\n .case-grid-content {\r\n position: relative;\r\n min-height: 350px; \r\n }\r\n\r\n .case-grid {\r\n display: none; \r\n grid-template-columns: repeat(3, 1fr); \/* \u3010\u4fee\u6b63\u91cd\u9ede\u3011\uff1a\u6539\u70ba 3 \u6b04\uff0c\u525b\u597d\u88dd 6 \u500b *\/\r\n gap: 1.5rem;\r\n width: 100%;\r\n max-width: 1000px; \/* \u7a0d\u5fae\u7e2e\u5c0f\u7e3d\u5bec\u5ea6\u8b93 3 \u6b04\u770b\u8d77\u4f86\u66f4\u7dca\u6e4a\u9ad8\u7d1a *\/\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u986f\u793a Active \u7684\u7db2\u683c\u4e26\u52a0\u4e0a\u9032\u5834\u52d5\u756b *\/\r\n .case-grid.active {\r\n display: grid;\r\n animation: fadeUpGrid 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n }\r\n\r\n @keyframes fadeUpGrid {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* ================= \u55ae\u500b Logo \u5361\u7247 ================= *\/\r\n .logo-box {\r\n background: rgba(30, 41, 59, 0.5);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 16px;\r\n padding: 2rem 1.5rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 140px;\r\n transition: all 0.4s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Logo \u5716\u7247\u4e92\u52d5\uff1a\u7070\u968e\u8f49\u5168\u5f69 *\/\r\n .logo-box img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n filter: grayscale(100%) opacity(0.5); \/* \u9810\u8a2d\u6df1\u8272\u7070\u968e *\/\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n z-index: 1;\r\n }\r\n\r\n \/* Hover \u6d6e\u8d77\u767c\u5149\u7279\u6548 *\/\r\n .logo-box:hover {\r\n transform: translateY(-6px);\r\n background: rgba(30, 41, 59, 0.9);\r\n border-color: rgba(255, 184, 0, 0.4);\r\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.4), inset 0 0 15px rgba(255, 184, 0, 0.05);\r\n }\r\n \r\n .logo-box:hover img {\r\n filter: grayscale(0%) opacity(1); \/* \u6062\u5fa9\u5168\u5f69 *\/\r\n transform: scale(1.1); \/* \u5fae\u653e\u5927 *\/\r\n }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 768px) {\r\n .cases-container { padding: 0 20px; }\r\n .cases-header h2 { font-size: 2.5rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\u6a19\u7c64\u7a0d\u5fae\u7e2e\u5c0f\uff0c\u5141\u8a31\u63db\u884c *\/\r\n .cases-tabs { gap: 0.8rem; margin-bottom: 2.5rem; }\r\n .case-tab-btn { padding: 10px 24px; font-size: 1rem; width: calc(50% - 0.4rem); text-align: center; }\r\n .case-tab-btn:nth-child(3) { width: 100%; } \/* \u7b2c\u4e09\u500b\u4f54\u6eff\u5bec\u5ea6 *\/\r\n\r\n \/* \u624b\u6a5f\u7248\u6539\u70ba 2 \u6b04 *\/\r\n .case-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }\r\n .logo-box { height: 110px; padding: 1.5rem 1rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\u63d0\u9ad8\u57fa\u790e\u53ef\u898b\u5ea6 *\/\r\n .logo-box img { filter: grayscale(50%) opacity(0.8); }\r\n }\r\n<\/style>\r\n\r\n<section class=\"cases-section\" id=\"cases\">\r\n <div class=\"cases-container\">\r\n \r\n <div class=\"cases-header\">\r\n <p class=\"lang-text\" data-tw=\"SUCCESS STORIES\" data-cn=\"SUCCESS STORIES\">SUCCESS STORIES<\/p>\r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u4ed6\u5011\u90fd\u5728\u4f7f\u7528<br><span class='highlight'>RefLink \u7cfb\u7d71<\/span>\" \r\n data-cn=\"\u4ed6\u4eec\u90fd\u5728\u4f7f\u7528<br><span class='highlight'>RefLink \u7cfb\u7edf<\/span>\">\r\n \u4ed6\u5011\u90fd\u5728\u4f7f\u7528<br><span class='highlight'>RefLink \u7cfb\u7d71<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"cases-tabs\">\r\n <button class=\"case-tab-btn active lang-text\" data-target=\"grid-food\" data-tw=\"\u98df\u54c1\u96f6\u552e\" data-cn=\"\u98df\u54c1\u96f6\u552e\">\u98df\u54c1\u96f6\u552e<\/button>\r\n <button class=\"case-tab-btn lang-text\" data-target=\"grid-bio\" data-tw=\"\u751f\u6280\u5065\u5eb7\" data-cn=\"\u751f\u6280\u5065\u5eb7\">\u751f\u6280\u5065\u5eb7<\/button>\r\n <button class=\"case-tab-btn lang-text\" data-target=\"grid-sports\" data-tw=\"\u904b\u52d5\u751f\u6d3b\" data-cn=\"\u8fd0\u52a8\u751f\u6d3b\">\u904b\u52d5\u751f\u6d3b<\/button>\r\n <\/div>\r\n\r\n <div class=\"case-grid-content\">\r\n \r\n <div id=\"grid-food\" class=\"case-grid active\">\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-1.png\" alt=\"\u91d1\u862d\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-2.png\" alt=\"\u5bcc\u5473\u9109\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-7.png\" alt=\"\u6545\u5bae\u535a\u7269\u9662\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-8.png\" alt=\"\u767e\u8349\u5473\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-14.png\" alt=\"85\u5ea6C\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-13.png\" alt=\"fga\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"grid-bio\" class=\"case-grid\">\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-3.png\" alt=\"\u5967\u4f73\u83ef\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-4.png\" alt=\"\u963f\u65af\u5229\u5eb7\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-9.png\" alt=\"\u963f\u91cc\u5065\u5eb7\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-10.png\" alt=\"\u98db\u5229\u6d66\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-15.png\" alt=\"NOVARTIS\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-16.png\" alt=\"\u83ef\u806f\u751f\u6280\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"grid-sports\" class=\"case-grid\">\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-5.png\" alt=\"\u6377\u5b89\u7279\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-6.png\" alt=\"\u746a\u9e97\u84ee\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-11.png\" alt=\"MOLLIFIX\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-12.png\" alt=\"Bonny\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-17.png\" alt=\"HOLA\"><\/div>\r\n <div class=\"logo-box\"><img decoding=\"async\" src=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/12_Case-18.png\" alt=\"FILA\"><\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ ==========================================\r\n \/\/ 1. Tab \u5207\u63db\u908f\u8f2f\r\n \/\/ ==========================================\r\n const tabBtns = document.querySelectorAll('.case-tab-btn');\r\n const caseGrids = document.querySelectorAll('.case-grid');\r\n\r\n tabBtns.forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n \/\/ \u79fb\u9664\u6240\u6709\u6309\u9215\u7684 active \u72c0\u614b\r\n tabBtns.forEach(b => b.classList.remove('active'));\r\n \/\/ \u70ba\u9ede\u64ca\u7684\u6309\u9215\u52a0\u4e0a active \u72c0\u614b\r\n btn.classList.add('active');\r\n\r\n \/\/ \u53d6\u5f97\u8981\u986f\u793a\u7684\u76ee\u6a19\u7db2\u683c ID\r\n const targetId = btn.getAttribute('data-target');\r\n\r\n \/\/ \u96b1\u85cf\u6240\u6709\u7db2\u683c\uff0c\u4e26\u986f\u793a\u5c0d\u61c9\u7684\u7db2\u683c\r\n caseGrids.forEach(grid => {\r\n grid.classList.remove('active');\r\n if (grid.id === targetId) {\r\n grid.classList.add('active');\r\n }\r\n });\r\n });\r\n });\r\n\r\n \/\/ ==========================================\r\n \/\/ 2. \u7e41\u7c21\u5207\u63db\u88dc\u4e01 (\u70ba\u6b64\u5340\u584a\u7368\u7acb\u7d81\u5b9a\u76e3\u807d)\r\n \/\/ \u78ba\u4fdd\u6309 Header \u6309\u9215\u6642\uff0c\u6b64\u5340\u584a\u4e5f\u6703\u8ddf\u8457\u8b8a\r\n \/\/ ==========================================\r\n const headerLangBtn = document.getElementById('langToggle');\r\n \r\n \/\/ \u53ea\u6709\u7576\u756b\u9762\u4e0a\u771f\u7684\u5b58\u5728\u9019\u500b\u6309\u9215\u6642\u624d\u7d81\u5b9a\uff0c\u907f\u514d\u5831\u932f\r\n if (headerLangBtn) {\r\n headerLangBtn.addEventListener('click', () => {\r\n \/\/ \u5224\u65b7\u6309\u9215\u76ee\u524d\u7684\u72c0\u614b (\u5f9e\u5b83\u7684 textContent \u6216\u6a23\u5f0f\u4f86\u5224\u65b7)\r\n \/\/ \u9019\u88e1\u6211\u5011\u76f4\u63a5\u6293\u53d6\u6b64\u5340\u584a\u5167\u7684\u6587\u5b57\u9032\u884c\u91cd\u7f6e\r\n const isCn = headerLangBtn.style.color === 'rgb(255, 184, 0)' || headerLangBtn.style.color === '#FFB800';\r\n const currentLang = isCn ? 'cn' : 'tw';\r\n \r\n const localLangElements = document.querySelectorAll('.cases-section .lang-text');\r\n \r\n localLangElements.forEach(el => {\r\n if (currentLang === 'cn') {\r\n el.innerHTML = el.getAttribute('data-cn');\r\n } else {\r\n el.innerHTML = el.getAttribute('data-tw');\r\n }\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df976a2 e-flex e-con-boxed e-con e-parent\" data-id=\"df976a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9db6956 elementor-widget elementor-widget-html\" data-id=\"9db6956\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .methodology-v2 {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a;\r\n background-image: \r\n linear-gradient(rgba(56, 189, 248, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(56, 189, 248, 0.03) 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n }\r\n .methodology-v2 * { box-sizing: border-box !important; }\r\n\r\n .method-container {\r\n max-width: 1200px; margin: 0 auto; padding: 0 40px; position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .method-header { text-align: center; margin-bottom: 6rem; }\r\n .method-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(255, 184, 0, 0.1); \r\n color: #FFB800; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(255, 184, 0, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .method-header h2 { font-size: 3.5rem; font-weight: 900; color: #ffffff; line-height: 1.3; margin: 0; }\r\n .method-header h2 .highlight { \r\n background: linear-gradient(90deg, #FFB800 0%, #FFD56B 100%);\r\n -webkit-background-clip: text; color: transparent;\r\n }\r\n\r\n \/* ================= \u52d5\u614b\u6642\u9593\u8ef8 ================= *\/\r\n .timeline-wrapper {\r\n position: relative; max-width: 1000px; margin: 0 auto; padding-bottom: 4rem;\r\n }\r\n\r\n \/* \u8ecc\u9053\u5e95\u7dda (\u52a0\u4eae) *\/\r\n .timeline-line {\r\n position: absolute; left: 50%; top: 0; bottom: 0; width: 4px;\r\n background: rgba(255, 255, 255, 0.05);\r\n transform: translateX(-50%); border-radius: 4px;\r\n }\r\n\r\n \/* \u52d5\u614b\u751f\u9577\u9ec3\u91d1\u7dda *\/\r\n .timeline-progress {\r\n position: absolute; left: 50%; top: 0; width: 4px;\r\n background: linear-gradient(to bottom, transparent, #FFB800);\r\n transform: translateX(-50%); height: 0%; \r\n transition: height 0.1s ease-out;\r\n box-shadow: 0 0 15px #FFB800; border-radius: 4px; z-index: 1;\r\n }\r\n .timeline-progress::after {\r\n content: ''; position: absolute; bottom: 0; left: 50%;\r\n transform: translateX(-50%) translateY(50%);\r\n width: 14px; height: 14px; background: #ffffff;\r\n border-radius: 50%; box-shadow: 0 0 20px 8px rgba(255, 184, 0, 0.8);\r\n }\r\n\r\n \/* \u6bcf\u4e00\u5217\u9805\u76ee *\/\r\n .timeline-item {\r\n position: relative; width: 100%; display: flex;\r\n justify-content: space-between; align-items: center;\r\n margin-bottom: 6rem;\r\n }\r\n .timeline-item:nth-child(even) { flex-direction: row-reverse; }\r\n .timeline-spacer { width: 45%; } \r\n\r\n \/* ================= \u7bc0\u9ede\u8207\u5361\u7247 (\u9810\u8a2d\u6697\u614b) ================= *\/\r\n \r\n .timeline-node {\r\n position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);\r\n width: 20px; height: 20px; border-radius: 50%;\r\n background: #0f172a; border: 3px solid rgba(255, 255, 255, 0.2);\r\n z-index: 2; transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .timeline-card {\r\n width: 45%;\r\n background: rgba(15, 23, 42, 0.8);\r\n backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px; padding: 2.5rem 3rem;\r\n position: relative; overflow: hidden;\r\n \/* \u3010\u95dc\u9375\u3011\uff1a\u9810\u8a2d\u7e2e\u5c0f\u4e00\u9ede\u3001\u8b8a\u6697\uff0c\u6e96\u5099\u88ab\u300c\u958b\u5149\u300d *\/\r\n opacity: 0.4;\r\n transform: scale(0.95);\r\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n }\r\n\r\n .stage-bg {\r\n position: absolute; right: 20px; top: -10px; font-size: 8rem; font-weight: 900; \r\n color: rgba(255, 255, 255, 0.02); line-height: 1; pointer-events: none; \r\n font-family: 'Arial Black', Impact, sans-serif; transition: color 0.4s ease;\r\n }\r\n\r\n \/* \u9810\u8a2d\u6587\u5b57\u984f\u8272\u504f\u6697 *\/\r\n .timeline-card h3 {\r\n font-size: 1.8rem; font-weight: 800; color: #64748b; \r\n margin-bottom: 1.8rem; position: relative; z-index: 1; transition: color 0.4s;\r\n }\r\n .action-list { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }\r\n .action-list li {\r\n color: #475569; font-size: 1.15rem; font-weight: 500;\r\n padding: 14px 18px; margin-bottom: 10px;\r\n background: rgba(255, 255, 255, 0.02); border-radius: 10px;\r\n border-left: 3px solid transparent; display: flex; align-items: center; gap: 12px;\r\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); cursor: default;\r\n }\r\n .action-list li::before { content: '\u2192'; color: rgba(255, 255, 255, 0.1); font-weight: bold; transition: all 0.3s; }\r\n\r\n \/* ================= \u3010\u6838\u5fc3\u7279\u6548\u3011\u88ab\u7dda\u6383\u5230\u6642\u7684\u300c\u958b\u5149\u72c0\u614b\u300d ================= *\/\r\n \r\n .timeline-item.is-active .timeline-card {\r\n opacity: 1; \/* \u6062\u5fa9 100% \u4eae\u5ea6 *\/\r\n transform: scale(1); \/* \u6062\u5fa9\u539f\u5927\u5c0f *\/\r\n background: rgba(30, 41, 59, 0.9);\r\n border-color: #FFB800; \/* \u91d1\u8272\u767c\u5149\u5916\u6846 *\/\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6), inset 0 0 25px rgba(255, 184, 0, 0.15);\r\n }\r\n\r\n .timeline-item.is-active .timeline-node {\r\n width: 28px; height: 28px;\r\n border-color: #ffffff; background: #FFB800;\r\n box-shadow: 0 0 25px 5px rgba(255, 184, 0, 0.8), 0 0 0 8px rgba(255, 184, 0, 0.2);\r\n }\r\n\r\n \/* \u88e1\u9762\u7684\u5b57\u8ddf\u8457\u958b\u5149 *\/\r\n .timeline-item.is-active .timeline-card h3 { color: #ffffff; }\r\n .timeline-item.is-active .action-list li { color: #e2e8f0; }\r\n .timeline-item.is-active .action-list li::before { color: #38bdf8; }\r\n .timeline-item.is-active .stage-bg { color: rgba(255, 184, 0, 0.08); }\r\n\r\n \/* \u958b\u5149\u5f8c\u7684\u6ed1\u9f20 Hover \u7279\u6548 (\u63a8\u79fb) *\/\r\n .timeline-item.is-active .action-list li:hover {\r\n transform: translateX(12px);\r\n background: linear-gradient(90deg, rgba(255, 184, 0, 0.1) 0%, transparent 100%);\r\n border-left-color: #FFB800; color: #FFB800;\r\n }\r\n .timeline-item.is-active .action-list li:hover::before { color: #FFB800; transform: translateX(5px); }\r\n\r\n \/* CTA \u6309\u9215 *\/\r\n .btn-orbit-method {\r\n position: relative; display: inline-flex; align-items: center; justify-content: center; \r\n padding: 18px 48px; font-size: 1.15rem; font-weight: 800; color: #0f172a;\r\n background: #FFB800; border-radius: 50px; text-decoration: none; \r\n transition: all 0.3s ease; box-shadow: 0 0 20px rgba(255, 184, 0, 0.4);\r\n }\r\n .btn-orbit-method:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255, 184, 0, 0.6); }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u8a2d\u8a08 ================= *\/\r\n @media (max-width: 1024px) {\r\n .timeline-card { padding: 2rem; width: 48%; }\r\n .method-header h2 { font-size: 3rem; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .method-container { padding: 0 20px; }\r\n .method-header h2 { font-size: 2.4rem; }\r\n \r\n .timeline-line { left: 30px; transform: none; width: 3px; }\r\n .timeline-progress { left: 30px; transform: none; width: 3px; }\r\n .timeline-progress::after { left: 1.5px; }\r\n \r\n .timeline-item, .timeline-item:nth-child(even) { \r\n flex-direction: column; align-items: flex-end; margin-bottom: 4rem; \r\n }\r\n .timeline-spacer { display: none; }\r\n \r\n .timeline-node { left: 30px; transform: translate(-50%, -50%); }\r\n .timeline-item.is-active .timeline-node { transform: translate(-50%, -50%) scale(1.2); }\r\n\r\n .timeline-card { width: calc(100% - 60px); padding: 1.8rem 1.5rem; }\r\n .stage-bg { font-size: 5rem; top: 5px; right: 10px; }\r\n \r\n .timeline-card h3 { font-size: 1.5rem; margin-bottom: 1.2rem; }\r\n .action-list li { font-size: 1.05rem; padding: 12px 14px; }\r\n .btn-orbit-method { width: 100%; max-width: 300px; padding: 16px 0; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"methodology-v2\" id=\"methodology\">\r\n <div class=\"method-container\">\r\n \r\n <div class=\"method-header\">\r\n <p class=\"lang-text\" data-tw=\"TRANSFORMATION MODEL\" data-cn=\"TRANSFORMATION MODEL\">TRANSFORMATION MODEL<\/p>\r\n <h2 class=\"lang-text\" \r\n data-tw=\"AI\u8f49\u578b\u4e0d\u662f\u5c0e\u5165<br><span class='highlight nowrap'>\u800c\u662f\u91cd\u69cb<\/span>\" \r\n data-cn=\"AI\u8f6c\u578b\u4e0d\u662f\u5bfc\u5165<br><span class='highlight nowrap'>\u800c\u662f\u91cd\u6784<\/span>\">\r\n AI\u8f49\u578b\u4e0d\u662f\u5c0e\u5165<br><span class='highlight nowrap'>\u800c\u662f\u91cd\u69cb<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"timeline-wrapper\" id=\"timelineWrapper\">\r\n <div class=\"timeline-line\"><\/div>\r\n <div class=\"timeline-progress\" id=\"timelineProgress\"><\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-spacer\"><\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <div class=\"stage-bg\">01<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u7b2c\u4e00\u968e\u6bb5\uff1a\u8a3a\u65b7\" data-cn=\"\u7b2c\u4e00\u9636\u6bb5\uff1a\u8bca\u65ad\">\u7b2c\u4e00\u968e\u6bb5\uff1a\u8a3a\u65b7<\/h3>\r\n <ul class=\"action-list\">\r\n <li class=\"lang-text\" data-tw=\"\u6578\u5b57\u6210\u719f\u5ea6\u8a55\u4f30\" data-cn=\"\u6570\u5b57\u6210\u719f\u5ea6\u8bc4\u4f30\">\u6578\u5b57\u6210\u719f\u5ea6\u8a55\u4f30<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7d44\u7e54\u67b6\u69cb\u76e4\u9ede\" data-cn=\"\u7ec4\u7ec7\u67b6\u6784\u76d8\u70b9\">\u7d44\u7e54\u67b6\u69cb\u76e4\u9ede<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u6d41\u7a0b\u6548\u7387\u5206\u6790\" data-cn=\"\u6d41\u7a0b\u6548\u7387\u5206\u6790\">\u6d41\u7a0b\u6548\u7387\u5206\u6790<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u71df\u92b7\u6f0f\u6597\u8a3a\u65b7\" data-cn=\"\u8425\u9500\u6f0f\u6597\u8bca\u65ad\">\u71df\u92b7\u6f0f\u6597\u8a3a\u65b7<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-spacer\"><\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <div class=\"stage-bg\">02<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u7b2c\u4e8c\u968e\u6bb5\uff1a\u8a2d\u8a08\" data-cn=\"\u7b2c\u4e8c\u9636\u6bb5\uff1a\u8bbe\u8ba1\">\u7b2c\u4e8c\u968e\u6bb5\uff1a\u8a2d\u8a08<\/h3>\r\n <ul class=\"action-list\">\r\n <li class=\"lang-text\" data-tw=\"AI\u67b6\u69cb\u85cd\u5716\u898f\u5283\" data-cn=\"AI\u67b6\u6784\u84dd\u56fe\u89c4\u5212\">AI\u67b6\u69cb\u85cd\u5716\u898f\u5283<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u90e8\u9580AI\u5c08\u5c6c\u5efa\u6a21\" data-cn=\"\u90e8\u95e8AI\u4e13\u5c5e\u5efa\u6a21\">\u90e8\u9580AI\u5c08\u5c6c\u5efa\u6a21<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u4f01\u696d\u96b1\u6027\u77e5\u8b58\u5eab\u5efa\u7acb\" data-cn=\"\u4f01\u4e1a\u9690\u6027\u77e5\u8bc6\u5e93\u5efa\u7acb\">\u4f01\u696d\u96b1\u6027\u77e5\u8b58\u5eab\u5efa\u7acb<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u81ea\u52d5\u5316\u5de5\u4f5c\u6d41\u7a0b\u8a2d\u8a08\" data-cn=\"\u81ea\u52a8\u5316\u5de5\u4f5c\u6d41\u7a0b\u8bbe\u8ba1\">\u81ea\u52d5\u5316\u5de5\u4f5c\u6d41\u7a0b\u8a2d\u8a08<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-spacer\"><\/div>\r\n <div class=\"timeline-node\"><\/div>\r\n <div class=\"timeline-card\">\r\n <div class=\"stage-bg\">03<\/div>\r\n <h3 class=\"lang-text\" data-tw=\"\u7b2c\u4e09\u968e\u6bb5\uff1a\u90e8\u7f72\u8207\u512a\u5316\" data-cn=\"\u7b2c\u4e09\u9636\u6bb5\uff1a\u90e8\u7f72\u4e0e\u4f18\u5316\">\u7b2c\u4e09\u968e\u6bb5\uff1a\u90e8\u7f72\u8207\u512a\u5316<\/h3>\r\n <ul class=\"action-list\">\r\n <li class=\"lang-text\" data-tw=\"\u7cfb\u7d71\u5168\u52a0\u4e0a\u7dda\u90e8\u7f72\" data-cn=\"\u7cfb\u7edf\u5168\u52a0\u4e0a\u7ebf\u90e8\u7f72\">\u7cfb\u7d71\u5168\u52a0\u4e0a\u7dda\u90e8\u7f72<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5167\u90e8\u5718\u968a\u5be6\u6230\u57f9\u8a13\" data-cn=\"\u5185\u90e8\u56e2\u961f\u5b9e\u6218\u57f9\u8bad\">\u5167\u90e8\u5718\u968a\u5be6\u6230\u57f9\u8a13<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u6838\u5fc3 KPI \u6578\u64da\u76e3\u6e2c\" data-cn=\"\u6838\u5fc3 KPI \u6570\u636e\u76d1\u6d4b\">\u6838\u5fc3 KPI \u6578\u64da\u76e3\u6e2c<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u7cfb\u7d71\u6a21\u578b\u6301\u7e8c\u512a\u5316\" data-cn=\"\u7cfb\u7edf\u6a21\u578b\u6301\u7eed\u4f18\u5316\">\u7cfb\u7d71\u6a21\u578b\u6301\u7e8c\u512a\u5316<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div style=\"text-align: center; margin-top: 2rem;\">\r\n <a href=\"#YOUR_URL_HERE\" class=\"btn-orbit-method lang-text\" data-tw=\"\u555f\u52d5\u4f01\u696d\u5c08\u5c6c AI \u8a3a\u65b7\" data-cn=\"\u542f\u52a8\u4f01\u4e1a\u4e13\u5c5e AI \u8bca\u65ad\">\u555f\u52d5\u4f01\u696d\u5c08\u5c6c AI \u8a3a\u65b7<\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const timelineWrapper = document.getElementById('timelineWrapper');\r\n const timelineProgress = document.getElementById('timelineProgress');\r\n const timelineItems = document.querySelectorAll('.timeline-item');\r\n\r\n window.addEventListener('scroll', () => {\r\n if (!timelineWrapper) return;\r\n \r\n const wrapperRect = timelineWrapper.getBoundingClientRect();\r\n \/\/ \u8a2d\u5b9a\u89f8\u767c\u6383\u63cf\u7dda\u5728\u87a2\u5e55\u4e2d\u4e0b\u65b9 (0.6 \u4f4d\u7f6e)\r\n const scanLine = window.innerHeight * 0.6; \r\n \r\n \/\/ 1. \u8a08\u7b97\u91d1\u9ec3\u8272\u9032\u5ea6\u7dda\r\n const scrollDistance = scanLine - wrapperRect.top;\r\n const totalHeight = wrapperRect.height;\r\n let progressPercentage = (scrollDistance \/ totalHeight) * 100;\r\n \r\n if (progressPercentage < 0) progressPercentage = 0;\r\n if (progressPercentage > 100) progressPercentage = 100;\r\n\r\n if (wrapperRect.top < window.innerHeight && wrapperRect.bottom > 0) {\r\n timelineProgress.style.height = `${progressPercentage}%`;\r\n }\r\n\r\n \/\/ 2. \u5224\u65b7\u9ede\u4eae (\u958b\u5149) \u908f\u8f2f\r\n \/\/ \u5c07 active class \u52a0\u5728\u6700\u5916\u5c64\u7684 timeline-item \u4e0a\uff0c\u8b93 CSS \u53bb\u63a7\u5236\u88e1\u9762\u7684\u6240\u6709\u5143\u7d20\r\n timelineItems.forEach((item) => {\r\n const itemRect = item.getBoundingClientRect();\r\n const itemCenterY = itemRect.top + (itemRect.height \/ 2);\r\n \r\n \/\/ \u53ea\u8981\u6383\u63cf\u7dda (scanLine) \u8d85\u904e\u4e86\u5361\u7247\u7684\u4e2d\u5fc3\u9ede\uff0c\u5c31\u7dad\u6301\u767c\u5149\u72c0\u614b\r\n if (scanLine > itemCenterY) {\r\n item.classList.add('is-active');\r\n } else {\r\n item.classList.remove('is-active');\r\n }\r\n });\r\n });\r\n \r\n \/\/ \u521d\u59cb\u89f8\u767c\u4e00\u6b21\r\n window.dispatchEvent(new Event('scroll'));\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-36d971f e-flex e-con-boxed e-con e-parent\" data-id=\"36d971f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8170cb4 elementor-widget elementor-widget-html\" data-id=\"8170cb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .history-section {\r\n position: relative;\r\n padding: 120px 0;\r\n width: 100%;\r\n background-color: #0f172a; \/* \u5ef6\u7e8c\u6df1\u7a7a\u85cd\u5e95\u8272 *\/\r\n background-image: radial-gradient(circle at 50% 0%, rgba(56, 189, 248, 0.05), transparent 50%);\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n overflow: hidden;\r\n }\r\n .history-section * { box-sizing: border-box !important; }\r\n\r\n .history-container {\r\n max-width: 1200px; margin: 0 auto; padding: 0 40px; position: relative;\r\n }\r\n\r\n \/* ================= \u6a19\u984c\u5340 ================= *\/\r\n .history-header { text-align: center; margin-bottom: 6rem; }\r\n .history-header p { \r\n display: inline-block; padding: 6px 18px; \r\n background: rgba(56, 189, 248, 0.1); \r\n color: #38bdf8; border-radius: 50px; font-size: 0.9rem; font-weight: 700; \r\n letter-spacing: 2px; border: 1px solid rgba(56, 189, 248, 0.3); margin-bottom: 1.5rem;\r\n }\r\n .history-header h2 { font-size: 3.5rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin: 0; }\r\n .history-header h2 .highlight { color: #FFB800; }\r\n\r\n \/* ================= \u96d9\u5411\u6642\u9593\u8ef8\u7d50\u69cb ================= *\/\r\n .timeline-track {\r\n position: relative;\r\n max-width: 1000px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* \u4e2d\u9593\u7684\u79d1\u6280\u8ecc\u9053\u5e95\u7dda (\u6697\u8272) *\/\r\n .track-line {\r\n position: absolute; left: 50%; top: 0; bottom: 0; width: 4px;\r\n background: rgba(255, 255, 255, 0.05);\r\n transform: translateX(-50%); border-radius: 4px;\r\n }\r\n\r\n \/* \u52d5\u614b\u751f\u9577\u4eae\u7dda (JS\u63a7\u5236) *\/\r\n .track-progress {\r\n position: absolute; left: 50%; top: 0; width: 4px;\r\n background: linear-gradient(to bottom, transparent, #FFB800);\r\n transform: translateX(-50%); height: 0%;\r\n transition: height 0.1s ease-out;\r\n box-shadow: 0 0 15px #FFB800; border-radius: 4px; z-index: 1;\r\n }\r\n \r\n \/* \u4eae\u7dda\u5c16\u7aef\u7684\u9ad8\u5149\u9ede *\/\r\n .track-progress::after {\r\n content: ''; position: absolute; bottom: 0; left: 50%;\r\n transform: translateX(-50%) translateY(50%);\r\n width: 12px; height: 12px; background: #ffffff;\r\n border-radius: 50%; box-shadow: 0 0 20px 8px rgba(255, 184, 0, 0.8);\r\n }\r\n\r\n \/* \u55ae\u500b\u6b77\u53f2\u7bc0\u9ede\u5bb9\u5668 *\/\r\n .history-row {\r\n position: relative; width: 100%; display: flex;\r\n justify-content: space-between; align-items: center;\r\n margin-bottom: 5rem;\r\n }\r\n \r\n \/* \u5de6\u53f3\u4ea4\u932f\u6392\u7248 *\/\r\n .history-row.left-side { flex-direction: row; }\r\n .history-row.right-side { flex-direction: row-reverse; }\r\n .history-spacer { width: 45%; } \r\n\r\n \/* \u4e2d\u5fc3\u795e\u7d93\u7bc0\u9ede (\u9810\u8a2d\u72c0\u614b) *\/\r\n .history-dot {\r\n position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);\r\n width: 20px; height: 20px; border-radius: 50%;\r\n background: #0f172a; border: 3px solid rgba(255, 255, 255, 0.2);\r\n z-index: 2; transition: all 0.4s ease;\r\n }\r\n\r\n \/* ================= \u5167\u5bb9\u5361\u7247 (\u9810\u8a2d\u8207\u9ad8\u4eae\u72c0\u614b) ================= *\/\r\n \r\n \/* \u9810\u8a2d\u72c0\u614b (\u672a\u89e3\u9396)\uff1a\u4fdd\u8b49 Elementor \u5167\u7d55\u5c0d\u53ef\u898b\uff0c\u5448\u73fe\u6697\u614b\u5fae\u7e2e *\/\r\n .history-card {\r\n width: 45%;\r\n background: rgba(15, 23, 42, 0.8);\r\n backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n border-radius: 20px; padding: 2.5rem 3rem;\r\n position: relative; overflow: hidden;\r\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n \r\n \/* \u3010\u95dc\u9375\u4fee\u5fa9\u3011: \u4e0d\u7528 opacity: 0\uff0c\u6539\u7528 0.5\uff0c\u78ba\u4fdd\u4e0d\u6d88\u5931 *\/\r\n opacity: 0.5;\r\n transform: scale(0.95);\r\n }\r\n\r\n .year-title {\r\n font-size: 2.5rem; font-weight: 900; color: #64748b; \/* \u9810\u8a2d\u6697\u8272 *\/\r\n font-family: 'Inter', sans-serif; line-height: 1; margin-bottom: 0.5rem;\r\n transition: color 0.4s ease;\r\n }\r\n .stage-title {\r\n font-size: 1.4rem; font-weight: 700; color: #94a3b8; margin-bottom: 1.5rem;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n \/* \u5de8\u578b\u6d6e\u6c34\u5370\u5e74\u4efd *\/\r\n .bg-year {\r\n position: absolute; right: 10px; bottom: -10px;\r\n font-size: 8rem; font-weight: 900; color: rgba(255, 255, 255, 0.02);\r\n line-height: 1; pointer-events: none; font-family: 'Arial Black', Impact, sans-serif;\r\n transition: color 0.4s ease;\r\n }\r\n\r\n \/* ================= Active \u89f8\u767c\u72c0\u614b (\u6efe\u52d5\u89e3\u9396\u7206\u4eae) ================= *\/\r\n .history-row.is-active .history-dot {\r\n width: 28px; height: 28px;\r\n border-color: #ffffff; background: #FFB800;\r\n box-shadow: 0 0 25px 5px rgba(255, 184, 0, 0.8), 0 0 0 8px rgba(255, 184, 0, 0.15);\r\n }\r\n \r\n .history-row.is-active .history-card {\r\n opacity: 1; \r\n transform: scale(1);\r\n background: rgba(30, 41, 59, 0.9);\r\n border-color: #FFB800; \/* \u91d1\u9ec3\u8272\u908a\u6846\u89e3\u9396 *\/\r\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 0 25px rgba(255, 184, 0, 0.1);\r\n }\r\n\r\n \/* \u6587\u5b57\u8ddf\u8457\u9ede\u4eae *\/\r\n .history-row.is-active .year-title { color: #FFB800; }\r\n .history-row.is-active .stage-title { color: #ffffff; }\r\n .history-row.is-active .bg-year { color: rgba(255, 184, 0, 0.06); }\r\n .history-row.is-active .milestone-list li { color: #e2e8f0; }\r\n\r\n \/* ================= \u9ad8\u4e92\u52d5\u6027\u5217\u8868 ================= *\/\r\n .milestone-list { list-style: none; padding: 0; margin: 0; position: relative; z-index: 1; }\r\n .milestone-list li {\r\n color: #475569; \/* \u9810\u8a2d\u6697\u8272 *\/\r\n font-size: 1.05rem; line-height: 1.6; font-weight: 500;\r\n padding: 12px 16px; margin-bottom: 8px;\r\n background: rgba(255, 255, 255, 0.02); border-radius: 8px;\r\n display: flex; align-items: flex-start; gap: 12px;\r\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n border-left: 2px solid transparent; cursor: default;\r\n }\r\n .milestone-list li::before {\r\n content: '\u25aa'; color: rgba(255, 255, 255, 0.1); font-size: 1.5rem; line-height: 1; transition: color 0.3s;\r\n }\r\n \r\n \/* \u53ea\u6709\u5728\u5361\u7247 Active \u6642\u624d\u5141\u8a31 Hover \u767c\u5149\u63a8\u79fb *\/\r\n .history-row.is-active .milestone-list li:hover {\r\n transform: translateX(10px);\r\n background: linear-gradient(90deg, rgba(56, 189, 248, 0.15) 0%, transparent 100%);\r\n border-left-color: #38bdf8; color: #38bdf8;\r\n }\r\n .history-row.is-active .milestone-list li:hover::before { color: #38bdf8; }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f\u9069\u914d ================= *\/\r\n @media (max-width: 1024px) {\r\n .history-card { padding: 2rem; width: 47%; }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .history-container { padding: 0 20px; }\r\n .history-header h2 { font-size: 2.5rem; }\r\n \r\n \/* \u624b\u6a5f\u7248\uff1a\u8ecc\u9053\u7dda\u9760\u5de6\uff0c\u6240\u6709\u5361\u7247\u63a8\u81f3\u53f3\u5074 *\/\r\n .track-line, .track-progress { left: 24px; transform: none; width: 3px; }\r\n .track-progress::after { left: 1.5px; width: 10px; height: 10px; }\r\n \r\n .history-row.left-side, .history-row.right-side { \r\n flex-direction: column; align-items: flex-end; margin-bottom: 3rem; \r\n }\r\n .history-spacer { display: none; }\r\n \r\n .history-dot { left: 24px; transform: translate(-50%, -50%); width: 16px; height: 16px; }\r\n .history-row.is-active .history-dot { transform: translate(-50%, -50%) scale(1.3); }\r\n \r\n .history-card { width: calc(100% - 60px); padding: 1.8rem 1.5rem; }\r\n \r\n .year-title { font-size: 2rem; }\r\n .stage-title { font-size: 1.2rem; margin-bottom: 1rem; }\r\n .bg-year { font-size: 5rem; bottom: 0; right: 0; }\r\n .milestone-list li { font-size: 1rem; padding: 10px 12px; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"history-section\" id=\"about\">\r\n <div class=\"history-container\">\r\n \r\n <div class=\"history-header\">\r\n <p class=\"lang-text\" data-tw=\"MILESTONES\" data-cn=\"MILESTONES\">MILESTONES<\/p>\r\n <h2 class=\"lang-text\" data-tw=\"RefLink <span class='highlight'>\u767c\u5c55\u6b77\u7a0b<\/span>\" data-cn=\"RefLink <span class='highlight'>\u53d1\u5c55\u5386\u7a0b<\/span>\">\r\n RefLink <span class='highlight'>\u767c\u5c55\u6b77\u7a0b<\/span>\r\n <\/h2>\r\n <\/div>\r\n\r\n <div class=\"timeline-track\" id=\"historyTrack\">\r\n <div class=\"track-line\"><\/div>\r\n <div class=\"track-progress\" id=\"historyProgress\"><\/div>\r\n\r\n <div class=\"history-row left-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2015<\/div>\r\n <div class=\"year-title\">2015 - 2017<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u8349\u5275\u671f\" data-cn=\"\u8349\u521b\u671f\">\u8349\u5275\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u5169\u5cb8\u5718\u968a\u6210\u7acb\uff0c\u63d0\u4f9b\u96fb\u5546\u884c\u696d\u54c1\u985e\u7814\u7a76\u5831\u544a\" data-cn=\"\u4e24\u5cb8\u56e2\u961f\u6210\u7acb\uff0c\u63d0\u4f9b\u7535\u5546\u884c\u4e1a\u54c1\u7c7b\u7814\u7a76\u62a5\u544a\">\u5169\u5cb8\u5718\u968a\u6210\u7acb\uff0c\u63d0\u4f9b\u96fb\u5546\u884c\u696d\u54c1\u985e\u7814\u7a76\u5831\u544a<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767c\u81ea\u6709\u96fb\u5546\u6578\u64da\u722c\u87f2\u7cfb\u7d71\u300e\u96fb\u5546\u9df9\u773c\u300f\" data-cn=\"\u5f00\u53d1\u81ea\u6709\u7535\u5546\u6570\u636e\u722c\u866b\u7cfb\u7edf\u300e\u7535\u5546\u9e70\u773c\u300f\">\u958b\u767c\u81ea\u6709\u96fb\u5546\u6578\u64da\u722c\u87f2\u7cfb\u7d71\u300e\u96fb\u5546\u9df9\u773c\u300f<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row right-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2017<\/div>\r\n <div class=\"year-title\">2017 - 2018<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u767c\u5c55\u671f\" data-cn=\"\u53d1\u5c55\u671f\">\u767c\u5c55\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u96fb\u5546\u9df9\u773c\u7372\u5f97\u6295\u8cc7\" data-cn=\"\u7535\u5546\u9e70\u773c\u83b7\u5f97\u6295\u8d44\">\u96fb\u5546\u9df9\u773c\u7372\u5f97\u6295\u8cc7<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u8207\u5929\u8c93\u6d77\u5916\u5408\u4f5c\uff0c\u7279\u529b\u96c6\u5718\u65b0\u96f6\u552e\u8f49\u578b\" data-cn=\"\u4e0e\u5929\u732b\u6d77\u5916\u5408\u4f5c\uff0c\u7279\u529b\u96c6\u56e2\u65b0\u96f6\u552e\u8f6c\u578b\">\u8207\u5929\u8c93\u6d77\u5916\u5408\u4f5c\uff0c\u7279\u529b\u96c6\u5718\u65b0\u96f6\u552e\u8f49\u578b<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u8207\u8fb2\u59d4\u6703\u5408\u4f5c\uff0c\u8de8\u5883\u92b7\u552e\u512a\u8cea\u8fb2\u7522\u54c1\" data-cn=\"\u4e0e\u519c\u59d4\u4f1a\u5408\u4f5c\uff0c\u8de8\u5883\u9500\u552e\u4f18\u8d28\u519c\u4ea7\u54c1\">\u8207\u8fb2\u59d4\u6703\u5408\u4f5c\uff0c\u8de8\u5883\u92b7\u552e\u512a\u8cea\u8fb2\u7522\u54c1<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u96c6\u5718\u5165\u9078\u9a30\u8a0a\u96f2\u3001\u5ee3\u544a\u5169\u5cb8\u670d\u52d9\u5546\" data-cn=\"\u96c6\u56e2\u5165\u9009\u817e\u8baf\u4e91\u3001\u5e7f\u544a\u4e24\u5cb8\u670d\u52a1\u5546\">\u96c6\u5718\u5165\u9078\u9a30\u8a0a\u96f2\u3001\u5ee3\u544a\u5169\u5cb8\u670d\u52d9\u5546<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u5165\u9078\u5b57\u7bc0\u8df3\u52d5\u6d77\u5916\u5e02\u5834\u5ee3\u544a\u4f5c\u5925\u4f34\" data-cn=\"\u5165\u9009\u5b57\u8282\u8df3\u52a8\u6d77\u5916\u5e02\u573a\u5e7f\u544a\u4f5c\u4f19\u4f34\">\u5165\u9078\u5b57\u7bc0\u8df3\u52d5\u6d77\u5916\u5e02\u5834\u5ee3\u544a\u4f5c\u5925\u4f34<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row left-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2018<\/div>\r\n <div class=\"year-title\">2018 - 2019<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u6210\u9577\u671f\" data-cn=\"\u6210\u957f\u671f\">\u6210\u9577\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u5165\u9078\u963f\u91cc\u5df4\u5df4\u54c1\u724c\u6578\u64da\u9280\u884c\u670d\u52d9\u5546\" data-cn=\"\u5165\u9009\u963f\u91cc\u5df4\u5df4\u54c1\u724c\u6570\u636e\u94f6\u884c\u670d\u52a1\u5546\">\u5165\u9078\u963f\u91cc\u5df4\u5df4\u54c1\u724c\u6578\u64da\u9280\u884c\u670d\u52d9\u5546<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767c\u300c\u4e00\u8d77\u8de8\u300d\u8de8\u5883\u96fb\u5546\u958b\u5e97\u5e73\u53f0\" data-cn=\"\u5f00\u53d1\u300c\u4e00\u8d77\u8de8\u300d\u8de8\u5883\u7535\u5546\u5f00\u5e97\u5e73\u53f0\">\u958b\u767c\u300c\u4e00\u8d77\u8de8\u300d\u8de8\u5883\u96fb\u5546\u958b\u5e97\u5e73\u53f0<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u63d0\u4f9b\u8de8\u5883\u96fb\u5546\u4e00\u7ad9\u5f0f\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u63d0\u4f9b\u8de8\u5883\u7535\u5546\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848\">\u63d0\u4f9b\u8de8\u5883\u96fb\u5546\u4e00\u7ad9\u5f0f\u89e3\u6c7a\u65b9\u6848<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row right-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2019<\/div>\r\n <div class=\"year-title\">2019<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u52a0\u901f\u6210\u9577\u671f\" data-cn=\"\u52a0\u901f\u6210\u957f\u671f\">\u52a0\u901f\u6210\u9577\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u8207\u98db\u5229\u6d66\u7c3d\u8a02\u6578\u64da\u9280\u884c\u6307\u5b9a\u4f9b\u61c9\u5546\" data-cn=\"\u4e0e\u98de\u5229\u6d66\u7b7e\u8ba2\u6570\u636e\u94f6\u884c\u6307\u5b9a\u4f9b\u5e94\u5546\">\u8207\u98db\u5229\u6d66\u7c3d\u8a02\u6578\u64da\u9280\u884c\u6307\u5b9a\u4f9b\u61c9\u5546<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767c\u6703\u54e1\u79c1\u57df\u7d93\u71df\u7cfb\u7d71\u300eBrandHub\u300f\" data-cn=\"\u5f00\u53d1\u4f1a\u5458\u79c1\u57df\u7ecf\u8425\u7cfb\u7edf\u300eBrandHub\u300f\">\u958b\u767c\u6703\u54e1\u79c1\u57df\u7d93\u71df\u7cfb\u7d71\u300eBrandHub\u300f<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u63a8\u51fa\u5169\u5cb8\u54c1\u724c\u8a3a\u65b7+\u6578\u4f4d\u8f49\u578b+\u6703\u54e1\u904b\u71df\u65b9\u6848\" data-cn=\"\u63a8\u51fa\u4e24\u5cb8\u54c1\u724c\u8bca\u65ad+\u6570\u4f4d\u8f6c\u578b+\u4f1a\u5458\u8fd0\u8425\u65b9\u6848\">\u63a8\u51fa\u5169\u5cb8\u54c1\u724c\u8a3a\u65b7+\u6578\u4f4d\u8f49\u578b+\u6703\u54e1\u904b\u71df\u65b9\u6848<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"history-row left-side\">\r\n <div class=\"history-spacer\"><\/div>\r\n <div class=\"history-dot\"><\/div>\r\n <div class=\"history-card\">\r\n <div class=\"bg-year\">2020<\/div>\r\n <div class=\"year-title\">2020<\/div>\r\n <div class=\"stage-title lang-text\" data-tw=\"\u6301\u7e8c\u52a0\u901f\u671f\" data-cn=\"\u6301\u7eed\u52a0\u901f\u671f\">\u6301\u7e8c\u52a0\u901f\u671f<\/div>\r\n <ul class=\"milestone-list\">\r\n <li class=\"lang-text\" data-tw=\"\u958b\u767cMarTech\u7522\u54c1\uff0c\u6703\u54e1\u7d93\u71df\u7522\u54c1\u77e9\u9663\" data-cn=\"\u5f00\u53d1MarTech\u4ea7\u54c1\uff0c\u4f1a\u5458\u7ecf\u8425\u4ea7\u54c1\u77e9\u9635\">\u958b\u767cMarTech\u7522\u54c1\uff0c\u6703\u54e1\u7d93\u71df\u7522\u54c1\u77e9\u9663<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u4f48\u5c40\u5927\u5065\u5eb7\uff0c\u751f\u6280\u91ab\u7642\u9818\u57df\u5169\u5cb8\u6578\u4f4d\u8f49\u578b\u65b9\u6848\" data-cn=\"\u5e03\u5c40\u5927\u5065\u5eb7\uff0c\u751f\u6280\u533b\u7597\u9886\u57df\u4e24\u5cb8\u6570\u4f4d\u8f6c\u578b\u65b9\u6848\">\u4f48\u5c40\u5927\u5065\u5eb7\uff0c\u751f\u6280\u91ab\u7642\u9818\u57df\u5169\u5cb8\u6578\u4f4d\u8f49\u578b\u65b9\u6848<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u98df\u54c1\u6578\u4f4d\u8f49\u578b\uff0c\u8207\u70d8\u7119\u96c6\u5718\u5408\u8cc7\u6703\u54e1\u96fb\u5546\u2014 OhParis\" data-cn=\"\u98df\u54c1\u6570\u4f4d\u8f6c\u578b\uff0c\u4e0e\u70d8\u7119\u96c6\u56e2\u5408\u8d44\u4f1a\u5458\u7535\u5546\u2014 OhParis\">\u98df\u54c1\u6578\u4f4d\u8f49\u578b\uff0c\u8207\u70d8\u7119\u96c6\u5718\u5408\u8cc7\u6703\u54e1\u96fb\u5546\u2014 OhParis<\/li>\r\n <li class=\"lang-text\" data-tw=\"\u6210\u7acbAI\u6578\u64da\u5718\u968a\uff0c\u63d0\u4f9b\u9810\u6e2c\u6a21\u578b+\u6578\u64da\u53ef\u8996\u5316\u89e3\u6c7a\u65b9\u6848\" data-cn=\"\u6210\u7acbAI\u6570\u636e\u56e2\u961f\uff0c\u63d0\u4f9b\u9884\u6d4b\u6a21\u578b+\u6570\u636e\u53ef\u89c6\u5316\u89e3\u51b3\u65b9\u6848\">\u6210\u7acbAI\u6578\u64da\u5718\u968a\uff0c\u63d0\u4f9b\u9810\u6e2c\u6a21\u578b+\u6578\u64da\u53ef\u8996\u5316\u89e3\u6c7a\u65b9\u6848<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const trackWrapper = document.getElementById('historyTrack');\r\n const trackProgress = document.getElementById('historyProgress');\r\n const historyRows = document.querySelectorAll('.history-row');\r\n\r\n \/\/ ==========================================\r\n \/\/ 1. \u96f7\u5c04\u7dda\u5f80\u4e0b\u751f\u9577 & \u9ede\u4eae\u7bc0\u9ede\u908f\u8f2f\r\n \/\/ ==========================================\r\n window.addEventListener('scroll', () => {\r\n if (!trackWrapper) return;\r\n \r\n const wrapperRect = trackWrapper.getBoundingClientRect();\r\n \/\/ \u6293\u53d6\u8996\u7a97\u4e2d\u592e\u504f\u4e0b\u4f5c\u70ba\u6383\u63cf\u7dda\r\n const scanLine = window.innerHeight * 0.6; \r\n \r\n \/\/ \u8a08\u7b97\u7dda\u689d\u9577\u5ea6\r\n const scrollDistance = scanLine - wrapperRect.top;\r\n const totalHeight = wrapperRect.height;\r\n let progressPercentage = (scrollDistance \/ totalHeight) * 100;\r\n \r\n if (progressPercentage < 0) progressPercentage = 0;\r\n if (progressPercentage > 100) progressPercentage = 100;\r\n\r\n if (wrapperRect.top < window.innerHeight && wrapperRect.bottom > 0) {\r\n trackProgress.style.height = `${progressPercentage}%`;\r\n }\r\n\r\n \/\/ \u5224\u65b7\u54ea\u500b\u5361\u7247\u88ab\u300c\u96f7\u5c04\u7dda\u300d\u6383\u5230\uff0c\u555f\u52d5 Active\r\n historyRows.forEach((row) => {\r\n const rowRect = row.getBoundingClientRect();\r\n const rowCenterY = rowRect.top + (rowRect.height \/ 2);\r\n \r\n \/\/ \u96f7\u5c04\u7dda\u78b0\u5230\u5361\u7247\u4e2d\u5fc3\u9ede\u5c31\u9ede\u4eae\r\n if (scanLine > rowCenterY - 40) { \r\n row.classList.add('is-active');\r\n } else {\r\n row.classList.remove('is-active');\r\n }\r\n });\r\n });\r\n \r\n \/\/ \u521d\u6b21\u8f09\u5165\u5148\u8a08\u7b97\u4e00\u6b21\r\n window.dispatchEvent(new Event('scroll'));\r\n \r\n \/\/ ==========================================\r\n \/\/ 2. \u7e41\u7c21\u5207\u63db\u88dc\u4e01 (\u4fdd\u8b49\u9019\u500b\u5340\u584a\u6703\u9023\u52d5)\r\n \/\/ ==========================================\r\n const headerLangBtn = document.getElementById('langToggle');\r\n if (headerLangBtn) {\r\n headerLangBtn.addEventListener('click', () => {\r\n const isCn = headerLangBtn.style.color === 'rgb(255, 184, 0)' || headerLangBtn.style.color === '#FFB800';\r\n const currentLang = isCn ? 'cn' : 'tw';\r\n \r\n const localLangElements = document.querySelectorAll('.history-section .lang-text');\r\n localLangElements.forEach(el => {\r\n if (currentLang === 'cn') {\r\n el.innerHTML = el.getAttribute('data-cn');\r\n } else {\r\n el.innerHTML = el.getAttribute('data-tw');\r\n }\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1be603a e-flex e-con-boxed e-con e-parent\" data-id=\"1be603a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8017297 elementor-widget elementor-widget-html\" data-id=\"8017297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* ================= \u5340\u584a\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n .cta-section {\r\n position: relative;\r\n padding: 100px 0;\r\n width: 100%;\r\n background-color: #0f172a;\r\n z-index: 2;\r\n font-family: 'Noto Sans TC', 'PingFang TC', sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .cta-section * { box-sizing: border-box !important; }\r\n\r\n .cta-container {\r\n max-width: 1200px;\r\n width: 100%;\r\n padding: 0 40px;\r\n position: relative;\r\n }\r\n\r\n \/* ================= \u73bb\u7483\u64ec\u614b\u6a6b\u5e45 ================= *\/\r\n .cta-banner {\r\n position: relative;\r\n background: rgba(30, 41, 59, 0.4);\r\n backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 32px;\r\n padding: 4.5rem 2rem;\r\n text-align: center;\r\n overflow: hidden;\r\n box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n \/* \u79d1\u6280\u611f\u80cc\u666f\u52d5\u756b (\u7701\u7565\u90e8\u5206\u91cd\u8907\u52d5\u756b\u4ee3\u78bc\uff0c\u7dad\u6301\u539f\u6a23) *\/\r\n .cta-banner::before, .cta-banner::after {\r\n content: ''; position: absolute; width: 200%; height: 200%; z-index: 0; pointer-events: none;\r\n }\r\n .cta-banner::before {\r\n top: -50%; left: -50%; \r\n background: radial-gradient(circle at 50% 50%, rgba(56, 189, 248, 0.15), transparent 60%);\r\n animation: rotateGlow 15s linear infinite;\r\n }\r\n .cta-banner::after {\r\n bottom: -50%; right: -50%; \r\n background: radial-gradient(circle at 50% 50%, rgba(255, 184, 0, 0.1), transparent 50%);\r\n animation: rotateGlow 20s linear infinite reverse;\r\n }\r\n @keyframes rotateGlow { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n\r\n \/* ================= \u6587\u5b57\u5167\u5bb9\u5340 ================= *\/\r\n .cta-content { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; }\r\n .cta-content h2 { font-size: 3rem; font-weight: 900; color: #f8fafc; line-height: 1.3; margin-bottom: 1.5rem; }\r\n .cta-content h2 .highlight {\r\n background: linear-gradient(90deg, #FFB800 0%, #FFE87A 50%, #FFB800 100%);\r\n -webkit-background-clip: text; color: transparent; background-size: 200% auto;\r\n animation: shineText 3s linear infinite;\r\n }\r\n @keyframes shineText { to { background-position: 200% center; } }\r\n .cta-content p { font-size: 1.15rem; color: #cbd5e1; line-height: 1.8; margin-bottom: 3rem; }\r\n\r\n \/* ================= \u806f\u7e6b\u6309\u9215\u7d44\u4f48\u5c40 ================= *\/\r\n .cta-button-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n\r\n \/* \u9802\u5c64\u4e3b\u8981\u7684 LINE \u6309\u9215 (\u8996\u89ba\u6700\u91cd) *\/\r\n .line-container { width: 100%; display: flex; justify-content: center; margin-bottom: 10px; }\r\n\r\n \/* \u6b21\u8981\u6309\u9215\u7d44 (\u96fb\u8a71\u8207\u90f5\u4ef6) *\/\r\n .sub-button-group {\r\n display: flex;\r\n gap: 16px;\r\n justify-content: center;\r\n flex-wrap: wrap;\r\n }\r\n\r\n \/* ================= \u6d6e\u8a87\u7cfb\u5149\u7206\u6309\u9215 ================= *\/\r\n .btn-hyper-glow {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 18px 36px;\r\n font-size: 1.2rem;\r\n font-weight: 900;\r\n color: #0f172a;\r\n background: linear-gradient(90deg, #FFB800, #FFE87A, #FFB800, #FFD56B);\r\n background-size: 300% 100%;\r\n border-radius: 60px;\r\n text-decoration: none;\r\n letter-spacing: 1px;\r\n z-index: 1;\r\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n animation: bgShift 3s infinite linear, pulseShadow 2s infinite alternate;\r\n min-width: 260px;\r\n }\r\n\r\n \/* LINE \u5c08\u5c6c\u8272\u8abf\u8207\u5bec\u5ea6 *\/\r\n .btn-line {\r\n background: linear-gradient(90deg, #06C755, #0fe366, #06C755, #0ad65e);\r\n color: #ffffff;\r\n font-size: 1.4rem;\r\n padding: 22px 60px;\r\n min-width: 320px;\r\n }\r\n .btn-line:hover { box-shadow: 0 10px 40px rgba(6, 199, 85, 0.5); }\r\n\r\n .btn-hyper-glow::before {\r\n content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px;\r\n background: inherit; \/* \u8ddf\u96a8\u7236\u6309\u9215\u984f\u8272 *\/\r\n z-index: -1; border-radius: 65px; filter: blur(15px); opacity: 0; transition: opacity 0.4s ease;\r\n }\r\n\r\n .btn-hyper-glow:hover { transform: scale(1.05) translateY(-5px); }\r\n .btn-hyper-glow:hover::before { opacity: 1; animation: bgShift 2s linear infinite; }\r\n\r\n @keyframes bgShift { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } }\r\n @keyframes pulseShadow { \r\n 0% { box-shadow: 0 0 10px rgba(255, 184, 0, 0.2); } \r\n 100% { box-shadow: 0 0 25px rgba(255, 184, 0, 0.5); } \r\n }\r\n\r\n \/* ================= RWD \u97ff\u61c9\u5f0f ================= *\/\r\n @media (max-width: 768px) {\r\n .cta-container { padding: 0 20px; }\r\n .cta-banner { padding: 3.5rem 1.5rem; }\r\n .cta-content h2 { font-size: 2.2rem; }\r\n .cta-button-wrapper { width: 100%; }\r\n .sub-button-group { width: 100%; flex-direction: column; }\r\n .btn-hyper-glow, .btn-line { width: 100%; min-width: unset; }\r\n }\r\n<\/style>\r\n\r\n<section class=\"cta-section\">\r\n <div class=\"cta-container\">\r\n <div class=\"cta-banner\">\r\n <div class=\"cta-content\">\r\n <h2 class=\"lang-text\" \r\n data-tw=\"\u6e96\u5099\u597d\u91cd\u69cb\u60a8\u7684<br><span class='highlight'>\u4f01\u696d AI \u67b6\u69cb<\/span>\u4e86\u55ce\uff1f\" \r\n data-cn=\"\u51c6\u5907\u597d\u91cd\u6784\u60a8\u7684<br><span class='highlight'>\u4f01\u4e1a AI \u67b6\u6784<\/span>\u4e86\u5417\uff1f\">\r\n \u6e96\u5099\u597d\u91cd\u69cb\u60a8\u7684<br><span class='highlight'>\u4f01\u696d AI \u67b6\u69cb<\/span>\u4e86\u55ce\uff1f\r\n <\/h2>\r\n \r\n <p class=\"lang-text\" \r\n data-tw=\"\u7acb\u5373\u806f\u7e6b RefLink \u5c08\u696d\u9867\u554f\u5718\u968a\uff0c\u70ba\u60a8\u91cf\u8eab\u6253\u9020\u5c08\u5c6c\u7684 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd\u3002\" \r\n data-cn=\"\u7acb\u5373\u8054\u7cfb RefLink \u4e13\u4e1a\u987e\u95ee\u56e2\u961f\uff0c\u4e3a\u60a8\u91cf\u8eab\u6253\u9020\u4e13\u5c5e\u7684 AI \u8fd0\u8425\u57fa\u7840\u8bbe\u65bd\u3002\">\r\n \u7acb\u5373\u806f\u7e6b RefLink \u5c08\u696d\u9867\u554f\u5718\u968a\uff0c\u70ba\u60a8\u91cf\u8eab\u6253\u9020\u5c08\u5c6c\u7684 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd\u3002\r\n <\/p>\r\n \r\n <div class=\"cta-button-wrapper\">\r\n <div class=\"line-container\">\r\n <a href=\"https:\/\/line.me\/ti\/p\/r77t04vbKx\" target=\"_blank\" class=\"btn-hyper-glow btn-line lang-text\" data-tw=\"LINE \u7dda\u4e0a\u8aee\u8a62\" data-cn=\"LINE \u7ebf\u4e0a\u54a8\u8be2\">\r\n LINE \u7dda\u4e0a\u8aee\u8a62\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"sub-button-group\">\r\n <a href=\"tel:0968539089\" class=\"btn-hyper-glow lang-text\" data-tw=\"\u64a5\u6253\u96fb\u8a71\" data-cn=\"\u62e8\u6253\u7535\u8bdd\">\r\n \u64a5\u6253\u96fb\u8a71\r\n <\/a>\r\n <a href=\"mailto:rex@metawave.click\" class=\"btn-hyper-glow lang-text\" data-tw=\"\u767c\u9001\u90f5\u4ef6\" data-cn=\"\u53d1\u9001\u90ae\u4ef6\">\r\n \u767c\u9001\u90f5\u4ef6\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n \/\/ \u5ef6\u7e8c\u4f60\u539f\u672c\u7684\u8a9e\u8a00\u5207\u63db\u908f\u8f2f\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const headerLangBtn = document.getElementById('langToggle');\r\n if (headerLangBtn) {\r\n headerLangBtn.addEventListener('click', () => {\r\n const isCn = headerLangBtn.style.color === 'rgb(255, 184, 0)' || headerLangBtn.style.color === '#FFB800';\r\n const lang = isCn ? 'cn' : 'tw';\r\n document.querySelectorAll('.cta-section .lang-text').forEach(el => {\r\n const text = el.getAttribute(`data-${lang}`);\r\n if (text) el.innerHTML = text;\r\n });\r\n });\r\n }\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd \u7e41 \/ \u7b80 \u75db\u9ede\u8a3a\u65b7 \u89e3\u6c7a\u65b9\u6848 \u6280\u8853\u6846\u67b6 \u6210\u529f\u6848\u4f8b \u5f9e\u300c\u788e\u7247\u5316AI […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Home - RefLink AI<\/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:\/\/reflinkai.com\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - RefLink AI\" \/>\n<meta property=\"og:description\" content=\"RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd \u7e41 \/ \u7b80 \u75db\u9ede\u8a3a\u65b7 \u89e3\u6c7a\u65b9\u6848 \u6280\u8853\u6846\u67b6 \u6210\u529f\u6848\u4f8b \u5f9e\u300c\u788e\u7247\u5316AI […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/reflinkai.com\/\" \/>\n<meta property=\"og:site_name\" content=\"RefLink AI\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T06:16:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"41 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/reflinkai.com\/\",\"url\":\"https:\/\/reflinkai.com\/\",\"name\":\"Home - RefLink AI\",\"isPartOf\":{\"@id\":\"https:\/\/reflinkai.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/reflinkai.com\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/reflinkai.com\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\",\"datePublished\":\"2026-02-26T06:28:30+00:00\",\"dateModified\":\"2026-03-05T06:16:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/reflinkai.com\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/reflinkai.com\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/reflinkai.com\/#primaryimage\",\"url\":\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\",\"contentUrl\":\"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png\",\"width\":352,\"height\":155},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/reflinkai.com\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/reflinkai.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/reflinkai.com\/#website\",\"url\":\"https:\/\/reflinkai.com\/\",\"name\":\"RefLink AI-\u7cfb\u7d71\u5316 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd\",\"description\":\"\u5f9e\u788e\u7247\u5316 AI \u4f7f\u7528\uff0c\u5347\u7d1a\u70ba\u4f01\u696d\u5c08\u5c6c\u7684\u53ef\u6301\u7e8c\u589e\u9577 AI \u67b6\u69cb\u3002\",\"alternateName\":\"RefLink AI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/reflinkai.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n","yoast_head_json":{"title":"Home - RefLink AI","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:\/\/reflinkai.com\/","og_locale":"zh_TW","og_type":"article","og_title":"Home - RefLink AI","og_description":"RefLink | \u7cfb\u7d71\u5316AI\u904b\u71df\u57fa\u790e\u8a2d\u65bd \u7e41 \/ \u7b80 \u75db\u9ede\u8a3a\u65b7 \u89e3\u6c7a\u65b9\u6848 \u6280\u8853\u6846\u67b6 \u6210\u529f\u6848\u4f8b \u5f9e\u300c\u788e\u7247\u5316AI […]","og_url":"https:\/\/reflinkai.com\/","og_site_name":"RefLink AI","article_modified_time":"2026-03-05T06:16:11+00:00","og_image":[{"url":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"41 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/reflinkai.com\/","url":"https:\/\/reflinkai.com\/","name":"Home - RefLink AI","isPartOf":{"@id":"https:\/\/reflinkai.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/reflinkai.com\/#primaryimage"},"image":{"@id":"https:\/\/reflinkai.com\/#primaryimage"},"thumbnailUrl":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","datePublished":"2026-02-26T06:28:30+00:00","dateModified":"2026-03-05T06:16:11+00:00","breadcrumb":{"@id":"https:\/\/reflinkai.com\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/reflinkai.com\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/reflinkai.com\/#primaryimage","url":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","contentUrl":"https:\/\/reflinkai.com\/wp-content\/uploads\/2026\/02\/RefLink.png","width":352,"height":155},{"@type":"BreadcrumbList","@id":"https:\/\/reflinkai.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/reflinkai.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/reflinkai.com\/#website","url":"https:\/\/reflinkai.com\/","name":"RefLink AI-\u7cfb\u7d71\u5316 AI \u904b\u71df\u57fa\u790e\u8a2d\u65bd","description":"\u5f9e\u788e\u7247\u5316 AI \u4f7f\u7528\uff0c\u5347\u7d1a\u70ba\u4f01\u696d\u5c08\u5c6c\u7684\u53ef\u6301\u7e8c\u589e\u9577 AI \u67b6\u69cb\u3002","alternateName":"RefLink AI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/reflinkai.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reflinkai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":5,"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":105,"href":"https:\/\/reflinkai.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/105"}],"wp:attachment":[{"href":"https:\/\/reflinkai.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}