{"id":8,"date":"2026-02-23T06:28:15","date_gmt":"2026-02-23T06:28:15","guid":{"rendered":"https:\/\/silvergenai.org\/?page_id=8"},"modified":"2026-04-10T06:34:01","modified_gmt":"2026-04-10T06:34:01","slug":"home","status":"publish","type":"page","link":"https:\/\/silvergenai.org\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8608e80 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"8608e80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7347e71 elementor-widget elementor-widget-html\" data-id=\"7347e71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-TW\">\n<head>\n    <meta charset=\"UTF-8\">\n    <style>\n        \/* ================= 1. \u57fa\u790e\u8b8a\u6578\u8207\u74b0\u5883\u8a2d\u5b9a ================= *\/\n        :root {\n            --orange: #F08050;\n            --orange-light: #FF9B70;\n            --blue-dark: #2C3E50;\n            --text-main: #1A2530;\n            --border-highlight: #ffffc4;\n        }\n\n        \/* \u5c07\u6b64\u6bb5\u843d\u52a0\u5165 hero-ultimate-fix \u7684\u6a23\u5f0f\u4e2d *\/\n.hero-ultimate-fix {\n    \/* ...\u539f\u6709\u8a2d\u5b9a... *\/\n    background-image: url('https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/04\/Hero-BG-scaled.png') !important;\n    \/* \u52a0\u5165\u4e00\u9ede\u9ede\u6a21\u7cca\u6ffe\u93e1\uff0c\u8b93\u80cc\u666f\u50cf\u666f\u6df1\u6548\u679c\uff0c\u53cd\u800c\u80fd\u7a81\u986f\u524d\u65b9\u6587\u5b57\u8207\u5f71\u7247 *\/\n    backdrop-filter: blur(2px); \n}\n\n\/* \u7a0d\u5fae\u8abf\u5f37\u767d\u8272\u906e\u7f69\uff0c\u964d\u4f4e\u80cc\u666f\u7684\u96dc\u8a0a\u5c0d\u6bd4 *\/\n.hero-ultimate-fix::before {\n    background: rgba(255, 255, 255, 0.25); \/* \u5f9e 0.1 \u63d0\u9ad8\u5230 0.25 *\/\n}\n\n        .hero-ultimate-fix {\n            width: 100%;\n            min-height: 100vh;\n            display: flex;\n            align-items: center; \/* \u6539\u56de\u7f6e\u4e2d\u5c0d\u9f4a\uff0c\u8b93\u5f71\u7247\u8207\u6a19\u984c\u7b49\u9ad8 *\/\n            overflow: hidden;\n            position: relative;\n            \/* \u96fb\u8166\u7248\u5e95\u5716 *\/\n            background-image: url('https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/04\/Hero-BG-scaled.png') !important;\n            background-repeat: no-repeat !important;\n            background-position: center center !important;\n            background-size: cover !important;\n        }\n\n        \/* \u767d\u8272\u67d4\u5149\u906e\u7f69 *\/\n        .hero-ultimate-fix::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: rgba(255, 255, 255, 0.1); \n            z-index: 1;\n        }\n\n        .hero-award {\n            display: flex;\n            align-items: center; \/* \u78ba\u4fdd\u5de6\u53f3\u5167\u5bb9\u7b49\u9ad8\u5c0d\u9f4a *\/\n            justify-content: space-between;\n            padding: 0 8%;\n            max-width: 1400px;\n            margin: 0 auto;\n            width: 100%;\n            gap: 50px;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* ================= 2. \u5de6\u5074\u5167\u5bb9\u5340 ================= *\/\n        .hero-content {\n            flex: 1.2;\n            max-width: 600px;\n            text-align: left;\n        }\n\n        .hero-title {\n            font-size: clamp(2.2rem, 3.8vw, 3.5rem);\n            font-weight: 900;\n            color: var(--blue-dark);\n            line-height: 1.2;\n            margin-bottom: 25px;\n            letter-spacing: -1px;\n        }\n\n        .highlight { color: var(--orange); }\n\n        .subtitle {\n            font-size: 1.2rem;\n            color: var(--blue-dark);\n            margin-bottom: 25px;\n            font-weight: 700;\n        }\n\n        .desc-box {\n            margin-bottom: 45px;\n        }\n\n        .desc-box p {\n            font-size: 1rem;\n            color: #2b3e4f;\n            line-height: 1.7;\n            margin-bottom: 10px;\n            font-weight: 500;\n        }\n\n        .btn-group {\n            display: flex !important;\n            gap: 20px;\n        }\n\n        .btn-new {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            height: 54px;\n            padding: 0 35px;\n            border-radius: 100px;\n            font-weight: 700;\n            font-size: 1.05rem;\n            text-decoration: none;\n            transition: all 0.3s ease;\n        }\n\n        .btn-primary-new {\n            background: var(--orange);\n            color: white;\n            box-shadow: 0 8px 20px rgba(240, 128, 80, 0.2);\n        }\n\n        .btn-secondary-new {\n            background: #fff;\n            color: var(--orange);\n            border: 2px solid var(--orange) !important;\n        }\n\n        \/* ================= 3. \u53f3\u5074\u5f71\u7247\u8996\u89ba\u5340 ================= *\/\n        .hero-visual {\n            flex: 1;\n            display: flex;\n            justify-content: center;\n        }\n\n        .video-wrapper {\n            width: 100%;\n            max-width: 480px; \n            aspect-ratio: 16 \/ 9;\n            border-radius: 20px;\n            overflow: hidden;\n            background: #000;\n            border: 2px solid var(--border-highlight);\n            box-shadow: 0 15px 35px rgba(0,0,0,0.15);\n            animation: floatVideo 6s ease-in-out infinite;\n        }\n\n        .video-wrapper video {\n            width: 100%;\n            height: 100%;\n            display: block;\n            object-fit: cover;\n        }\n\n        @keyframes floatVideo {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        \/* ================= 4. \u97ff\u61c9\u5f0f\u4f48\u5c40\u8207\u907f\u958b\u81c9\u90e8\u7d30\u7bc0 ================= *\/\n\n        \/* \u91dd\u5c0d 1440px \u4ee5\u4e0b\u87a2\u5e55\uff1a\u589e\u52a0\u53f3\u908a\u8ddd\uff0c\u5f37\u5236\u5167\u5bb9\u5411\u5de6\u63a8\uff0c\u907f\u958b\u53f3\u5074\u4eba\u7269\u81c9\u90e8 *\/\n        @media (max-width: 1440px) {\n            .hero-award {\n                padding-right: 15%; \/* \u589e\u52a0\u53f3\u5074\u7559\u767d\uff0c\u628a\u5f71\u7247\u5f80\u4e2d\u9593\/\u5de6\u908a\u63a8 *\/\n            }\n        }\n\n        \/* \u91dd\u5c0d 1280px \u4ee5\u4e0b\u87a2\u5e55\uff1a\u5167\u5bb9\u7a0d\u5fae\u4e0b\u79fb\u4e26\u7e2e\u5c0f\u5f71\u7247\uff0c\u4fdd\u8b77\u80cc\u666f\u81c9\u90e8 *\/\n        @media (max-width: 1280px) {\n            .hero-award {\n                align-items: center;\n                padding-top: 100px; \/* \u5167\u5bb9\u4e0b\u79fb *\/\n                padding-right: 18%; \/* \u66f4\u5927\u7684\u53f3\u5074\u4fdd\u8b77\u5340 *\/\n            }\n            .video-wrapper {\n                max-width: 380px; \/* \u7e2e\u5c0f\u5f71\u7247\u907f\u514d\u64cb\u5230\u81c9 *\/\n            }\n        }\n\n        \/* \u624b\u6a5f\u7248\u8a2d\u5b9a *\/\n        @media (max-width: 991px) {\n            .hero-ultimate-fix {\n                background-image: url('https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/04\/Hero-phone.jpg') !important;\n                align-items: center;\n            }\n            .hero-award { \n                flex-direction: column;\n                text-align: center;\n                padding: 60px 5%; \n                align-items: center;\n            }\n            .hero-content { max-width: 100%; margin-bottom: 40px; }\n            .btn-group { justify-content: center; }\n            .hero-visual { width: 100%; }\n            .video-wrapper { max-width: 100%; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"hero-ultimate-fix\">\n    <section class=\"hero-award\">\n        \n        <div class=\"hero-content\">\n            <br><br><h1 class=\"hero-title\">\n                AI\u966a\u4f34 \u00d7 \u5931\u667a\u9810\u9632<br>\n                \u8de8\u4e16\u4ee3<span class=\"highlight\">\u5171\u878d<\/span>\n            <\/h1>\n     \n            <p class=\"subtitle\">\u6253\u9020\u53f0\u7063\u9ad8\u9f61 AI \u966a\u4f34\u8207\u5931\u667a\u9810\u9632\u7684\u65b0\u6a21\u5f0f<\/p>\n            \n            <div class=\"desc-box\">\n                <p>\u6211\u5011\u4e0d\u662f\u6559 AI \u6280\u8853\uff0c\u800c\u662f\u966a\u9577\u8005\u8de8\u8d8a\u6578\u4f4d\u6050\u61fc\u3002<\/p>\n                <p>\u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u82e5\u6709\u6eab\u5ea6\uff0c\u80fd\u91cd\u65b0\u9ede\u4eae\u9577\u8f29\u7684\u81ea\u4fe1\u8207\u5bb6\u5ead\u7684\u9023\u7d50\u3002<\/p>\n            <\/div>\n\n            <div class=\"btn-group\">\n                <a href=\"#cooperate\" class=\"btn-new btn-primary-new\">\u63a2\u7d22\u5408\u4f5c<\/a>\n                <a href=\"#experience\" class=\"btn-new btn-secondary-new\">\u5831\u540d\u9ad4\u9a57<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"hero-visual\">\n            <div class=\"video-wrapper\">\n                <video autoplay muted loop playsinline>\n                    <source src=\"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/04\/\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5f71\u7247\u3010\u667a\u6167\u65b0\u706b\u82b1\u3011.mp4\" type=\"video\/mp4\">\n                    \u60a8\u7684\u700f\u89bd\u5668\u4e0d\u652f\u63f4\u5f71\u7247\u64ad\u653e\u3002\n                <\/video>\n            <\/div>\n        <\/div>\n\n    <\/section>\n<\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1261e3b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"1261e3b\" 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-c15b18f elementor-widget elementor-widget-html\" data-id=\"c15b18f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Reality Section | Clean Professional Style<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* ================= \u5168\u57df\u8207\u57fa\u790e\u8a2d\u5b9a (\u7d71\u4e00\u56de Hero \u9801\u9762\u7684\u914d\u8272) ================= *\/\r\n        :root {\r\n            --orange: #F08050;\r\n            --orange-light: #FF9B70;\r\n            --blue-dark: #2C3E50;\r\n            --text-main: #1A2530;     \/* \u6df1\u8272\u4e3b\u6587\u5b57 *\/\r\n            --text-muted: #5A6C7D;    \/* \u8f14\u52a9\u7070\u6587\u5b57 *\/\r\n            --bg-color: #F8F9FB;      \/* \u6975\u6dfa\u7684\u51b7\u7070\u767d\u5e95\u8272 *\/\r\n            --card-bg: #FFFFFF;       \/* \u5361\u7247\u7d14\u767d\u5e95\u8272 *\/\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Noto Sans TC', sans-serif;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--bg-color);\r\n            color: var(--text-main);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* ================= \u73fe\u5be6\u75db\u9ede\u5340\u584a\u4f48\u5c40 ================= *\/\r\n        .reality-section {\r\n            padding: 120px 8%;\r\n            position: relative;\r\n            max-width: 1600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* \u9802\u90e8\u6a19\u984c\u5340 *\/\r\n        .section-header {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto 80px auto;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: 3rem;\r\n            font-weight: 900;\r\n            letter-spacing: 2px;\r\n            margin-bottom: 24px;\r\n            color: var(--text-main);\r\n        }\r\n\r\n        .section-title span {\r\n            color: var(--orange);\r\n            position: relative;\r\n        }\r\n\r\n        \/* \u6a19\u984c\u6a58\u8272\u5e95\u7dda\u52d5\u756b *\/\r\n        .section-title span::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -5px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background-color: var(--orange);\r\n            transform: scaleX(0);\r\n            transform-origin: right;\r\n            transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        .reality-section:hover .section-title span::after {\r\n            transform: scaleX(1);\r\n            transform-origin: left;\r\n        }\r\n\r\n        .section-desc {\r\n            font-size: 1.25rem;\r\n            color: var(--text-muted);\r\n            line-height: 1.8;\r\n            font-weight: 400;\r\n        }\r\n\r\n        .highlight-text {\r\n            color: var(--blue-dark);\r\n            font-weight: 700;\r\n        }\r\n\r\n        \/* ================= \u4e92\u52d5\u5361\u7247\u5340 (Grid \u4f48\u5c40) ================= *\/\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* \u55ae\u5f35\u5361\u7247\u8a2d\u8a08\uff1a\u7d14\u767d\u4e7e\u6de8\u3001\u67d4\u548c\u9670\u5f71 *\/\r\n        .challenge-card {\r\n            background: var(--card-bg);\r\n            border: 1px solid rgba(0, 0, 0, 0.03);\r\n            border-radius: 30px;\r\n            padding: 50px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);\r\n            cursor: default;\r\n        }\r\n\r\n        \/* \u5361\u7247 Hover \u7279\u6548\uff1a\u6d6e\u8d77\u3001\u6a58\u8272\u5fae\u908a\u6846\u3001\u52a0\u6df1\u9670\u5f71 *\/\r\n        .challenge-card:hover {\r\n            transform: translateY(-15px);\r\n            border-color: rgba(240, 128, 80, 0.3);\r\n            box-shadow: 0 20px 50px rgba(44, 62, 80, 0.08);\r\n        }\r\n\r\n        \/* \u5167\u90e8\u96b1\u85cf\u7684\u6a58\u8272\u5149\u6688\uff0cHover \u6642\u986f\u73fe *\/\r\n        .challenge-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(240,128,80,0.05) 0%, transparent 60%);\r\n            opacity: 0;\r\n            transition: opacity 0.5s ease;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .challenge-card:hover::before {\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* \u5de8\u5927\u7684\u6d6e\u6c34\u5370\u6578\u5b57 (\u6539\u70ba\u6975\u6dfa\u7684\u6a58\u8272) *\/\r\n        .card-number {\r\n            position: absolute;\r\n            top: -20px;\r\n            right: 10px;\r\n            font-size: 10rem;\r\n            font-weight: 900;\r\n            color: rgba(240, 128, 80, 0.04);\r\n            line-height: 1;\r\n            z-index: 1;\r\n            transition: all 0.5s ease;\r\n            user-select: none;\r\n        }\r\n\r\n        .challenge-card:hover .card-number {\r\n            color: rgba(240, 128, 80, 0.1);\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        \/* \u5361\u7247\u5167\u5bb9 *\/\r\n        .card-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .card-icon {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: rgba(240, 128, 80, 0.1);\r\n            border-radius: 16px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 30px;\r\n            transition: all 0.5s ease;\r\n        }\r\n\r\n        .icon-line {\r\n            width: 24px;\r\n            height: 3px;\r\n            background: var(--orange);\r\n            border-radius: 3px;\r\n            position: relative;\r\n        }\r\n        .icon-line::before, .icon-line::after {\r\n            content: '';\r\n            position: absolute;\r\n            height: 3px;\r\n            background: var(--orange);\r\n            border-radius: 3px;\r\n            left: 0;\r\n        }\r\n        .icon-line::before { top: -8px; width: 16px; }\r\n        .icon-line::after { top: 8px; width: 32px; }\r\n\r\n        .challenge-card:hover .card-icon {\r\n            background: var(--orange);\r\n            transform: scale(1.1);\r\n        }\r\n        .challenge-card:hover .icon-line, \r\n        .challenge-card:hover .icon-line::before, \r\n        .challenge-card:hover .icon-line::after {\r\n            background: white;\r\n        }\r\n\r\n        .card-content h3 {\r\n            font-size: 1.6rem;\r\n            margin-bottom: 16px;\r\n            color: var(--text-main);\r\n            font-weight: 700;\r\n        }\r\n\r\n        .card-content p {\r\n            font-size: 1.05rem;\r\n            color: var(--text-muted);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        \/* ================= \u5e95\u90e8\u4fe1\u5ff5\u5ba3\u544a ================= *\/\r\n        .belief-statement {\r\n            text-align: center;\r\n            margin-top: 100px;\r\n            position: relative;\r\n        }\r\n\r\n        \/* \u6539\u70ba\u660e\u4eae\u767d\u5e95\u3001\u6a58\u8272\u63cf\u908a\u7684\u9ad8\u7d1a\u81a0\u56ca *\/\r\n        .belief-text {\r\n            font-size: 1.8rem;\r\n            font-weight: 500;\r\n            color: var(--text-main);\r\n            display: inline-block;\r\n            padding: 30px 50px;\r\n            background: #FFFFFF;\r\n            border-radius: 100px;\r\n            border: 1px solid rgba(240, 128, 80, 0.2);\r\n            box-shadow: 0 10px 30px rgba(240, 128, 80, 0.08);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u6eab\u548c\u7684\u6383\u5149\u52d5\u756b *\/\r\n        .belief-text::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 50%;\r\n            height: 100%;\r\n            background: linear-gradient(to right, transparent, rgba(240, 128, 80, 0.08), transparent);\r\n            transform: skewX(-20deg);\r\n            animation: shine 4s infinite;\r\n        }\r\n\r\n        .belief-text span {\r\n            color: var(--orange);\r\n            font-weight: 900;\r\n        }\r\n\r\n        @keyframes shine {\r\n            0% { left: -100%; }\r\n            20% { left: 200%; }\r\n            100% { left: 200%; }\r\n        }\r\n\r\n        \/* ================= RWD \u97ff\u61c9\u5f0f ================= *\/\r\n        @media (max-width: 1024px) {\r\n            .cards-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n            .challenge-card:nth-child(3) {\r\n                grid-column: span 2;\r\n                max-width: 50%;\r\n                margin: 0 auto;\r\n            }\r\n            .section-title { font-size: 2.5rem; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .reality-section { padding: 80px 5%; }\r\n            .section-header { margin-bottom: 50px; }\r\n            .section-title { font-size: 2.2rem; }\r\n            .cards-grid { grid-template-columns: 1fr; gap: 30px; }\r\n            .challenge-card:nth-child(3) {\r\n                grid-column: span 1;\r\n                max-width: 100%;\r\n            }\r\n            .card-number { font-size: 8rem; top: -10px; right: 5px; }\r\n            .belief-text {\r\n                font-size: 1.3rem;\r\n                padding: 24px 30px;\r\n                border-radius: 30px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"reality-section\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\">\u6211\u5011\u6b63\u5728\u9762\u5c0d\u7684<span>\u73fe\u5be6<\/span><\/h2>\r\n            <p class=\"section-desc\">\r\n                \u53f0\u7063\u5df2\u6b63\u5f0f\u9081\u5165\u8d85\u9ad8\u9f61\u793e\u6703\u3002<span class=\"highlight-text\">\u6bcf 5 \u4eba\u4e4b\u4e2d\uff0c\u5c31\u6709 1 \u4f4d\u662f 65 \u6b72\u4ee5\u4e0a\u9577\u8005\u3002<\/span><br>\r\n                \u96a8\u8457\u9ad8\u9f61\u4eba\u53e3\u589e\u52a0\uff0c\u5931\u667a\u98a8\u96aa\u9010\u5e74\u5347\u9ad8\uff0c\u9577\u8f29\u6b63\u9762\u81e8\u8457\u4e09\u91cd\u6311\u6230\uff1a\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cards-grid\">\r\n            <div class=\"challenge-card\">\r\n                <div class=\"card-number\">01<\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-icon\"><div class=\"icon-line\"><\/div><\/div>\r\n                    <h3>\u6578\u4f4d\u5de5\u5177\u9580\u6abb\u9ad8<\/h3>\r\n                    <p>\u9577\u8f29\u9762\u5c0d\u65e5\u65b0\u6708\u7570\u7684\u79d1\u6280\u8207\u4ecb\u9762\u7d93\u5e38\u611f\u5230\u632b\u6557\uff0c\u9032\u800c\u7522\u751f\u6578\u4f4d\u6050\u61fc\uff0c\u9010\u6f38\u8207\u793e\u6703\u8cc7\u8a0a\u53ca\u4fbf\u5229\u751f\u6d3b\u812b\u7bc0\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"challenge-card\">\r\n                <div class=\"card-number\">02<\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-icon\"><div class=\"icon-line\"><\/div><\/div>\r\n                    <h3>\u966a\u4f34\u6642\u9593\u6e1b\u5c11<\/h3>\r\n                    <p>\u73fe\u4ee3\u5bb6\u5ead\u7d50\u69cb\u6539\u8b8a\uff0c\u5b50\u5973\u751f\u6d3b\u8207\u5de5\u4f5c\u5fd9\u788c\uff0c\u5be6\u9ad4\u966a\u4f34\u9577\u8f29\u7684\u6642\u9593\u4e0d\u53ef\u907f\u514d\u5730\u5927\u5e45\u6e1b\u5c11\uff0c\u5b64\u7368\u611f\u65e5\u76ca\u589e\u52a0\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"challenge-card\">\r\n                <div class=\"card-number\">03<\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-icon\"><div class=\"icon-line\"><\/div><\/div>\r\n                    <h3>\u8166\u90e8\u523a\u6fc0\u4e0d\u8db3<\/h3>\r\n                    <p>\u7f3a\u4e4f\u793e\u4ea4\u4e92\u52d5\u8207\u65b0\u4e8b\u7269\u7684\u5b78\u7fd2\uff0c\u5c0e\u81f4\u8166\u90e8\u8a8d\u77e5\u529f\u80fd\u7f3a\u4e4f\u523a\u6fc0\uff0c\u9019\u4e5f\u662f\u52a0\u901f\u8001\u5316\u8207\u5931\u667a\u98a8\u96aa\u5347\u9ad8\u7684\u4e3b\u56e0\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"belief-statement\">\r\n            <div class=\"belief-text\">\r\n                \u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u4e0d\u662f\u51b7\u51b0\u51b0\u7684\u5de5\u5177<br>\u800c\u662f\u91cd\u65b0<span>\u9023\u7d50\u4e16\u4ee3\u7684\u6a4b\u6881\u3002<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dc38d2d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"dc38d2d\" 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-e761a95 elementor-widget elementor-widget-html\" data-id=\"e761a95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Core Sections | Sticky Stacking Mobile<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* ================= 1. \u5168\u57df\u8207\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n        :root {\r\n            --orange: #F08050;\r\n            --orange-light: #FF9B70;\r\n            --orange-fade: rgba(240, 128, 80, 0.08);\r\n            --blue-dark: #2C3E50;\r\n            --text-main: #1A2530;\r\n            --text-muted: #5A6C7D;\r\n            --bg-color: #F8F9FB;\r\n            --card-bg: #FFFFFF;\r\n            --transition-smooth: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans TC', sans-serif; }\r\n        \r\n        \/* \u79fb\u9664 body \u7684 overflow-x: hidden \u907f\u514d\u5403\u6389\u624b\u6a5f\u7248\u4f48\u5c40 *\/\r\n        body { background-color: var(--bg-color); color: var(--text-main); }\r\n\r\n        .core-section { padding: 100px 5%; max-width: 1400px; margin: 0 auto; }\r\n        \r\n        \/* ================= 2. \u6a19\u984c\u5340 ================= *\/\r\n        .section-header { text-align: center; margin-bottom: 60px; }\r\n        .section-title { font-size: 3rem; font-weight: 900; color: var(--text-main); position: relative; display: inline-block; }\r\n        .section-title span { color: var(--orange); }\r\n        .section-title::after {\r\n            content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);\r\n            width: 80px; height: 5px; border-radius: 5px; background: var(--orange);\r\n            transition: var(--transition-smooth);\r\n        }\r\n\r\n        \/* ================= 3. Bento Box \u7db2\u683c\u7cfb\u7d71 (\u684c\u6a5f\u7248) ================= *\/\r\n        .bento-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(12, 1fr);\r\n            gap: 30px;\r\n            position: relative;\r\n        }\r\n\r\n        .card-edu { grid-column: span 5; }\r\n        .card-ai { grid-column: span 7; }\r\n        .card-gen { grid-column: span 7; }\r\n        .card-esg { grid-column: span 5; }\r\n\r\n        \/* \u5361\u7247\u672c\u9ad4 *\/\r\n        .bento-card {\r\n            background: var(--card-bg);\r\n            border-radius: 36px;\r\n            padding: 45px;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.03);\r\n            border: 1px solid rgba(240, 128, 80, 0.1);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n            transition: var(--transition-smooth);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* \u684c\u6a5f\u7248 Hover \u7279\u6548\uff1a\u6d6e\u52d5\u8207\u767c\u5149 *\/\r\n        @media (min-width: 769px) {\r\n            .bento-card:hover {\r\n                transform: translateY(-10px);\r\n                box-shadow: 0 20px 50px rgba(240, 128, 80, 0.12);\r\n                border-color: rgba(240, 128, 80, 0.4);\r\n            }\r\n            .bento-card::before {\r\n                content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px;\r\n                background: radial-gradient(circle, var(--orange-fade) 0%, transparent 70%);\r\n                border-radius: 50%; transition: var(--transition-smooth); transform: scale(0.5); opacity: 0;\r\n            }\r\n            .bento-card:hover::before { transform: scale(1.5); opacity: 1; }\r\n        }\r\n\r\n        \/* ================= 4. \u5361\u7247\u5167\u90e8 UI ================= *\/\r\n        \/* \u6578\u5b57\u6a19\u7c64 *\/\r\n        .card-index {\r\n            display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px;\r\n            border-radius: 14px; background: var(--orange); color: #FFF; font-weight: 900; font-size: 1.3rem;\r\n            margin-bottom: 24px; box-shadow: 0 8px 20px rgba(240, 128, 80, 0.3);\r\n            transform: rotate(-5deg); transition: var(--transition-smooth);\r\n        }\r\n        .bento-card:hover .card-index { transform: rotate(0deg) scale(1.1); }\r\n\r\n        .card-title { font-size: 1.7rem; font-weight: 700; margin-bottom: 16px; color: var(--orange); }\r\n        .card-desc { font-size: 1.1rem; color: var(--text-muted); line-height: 1.7; margin-bottom: 30px; }\r\n\r\n        \/* \u6559\u80b2\uff1a\u6a19\u7c64\u7d44 *\/\r\n        .tag-group { display: flex; gap: 10px; flex-wrap: wrap; margin-top: auto; }\r\n        .tag {\r\n            padding: 8px 24px; background: var(--card-bg); border: 1.5px solid rgba(240, 128, 80, 0.3);\r\n            border-radius: 100px; font-size: 1rem; font-weight: 700; color: var(--orange); transition: 0.3s ease;\r\n        }\r\n        .bento-card:hover .tag { background: var(--orange-fade); transform: translateY(-3px); }\r\n\r\n        \/* AI\u963f\u8070\u4ed4\uff1a\u6253\u52fe\u5217\u8868 *\/\r\n        .feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-top: auto; list-style: none; }\r\n        .feature-list li { font-size: 1.05rem; font-weight: 500; color: var(--text-main); display: flex; align-items: center; gap: 10px; }\r\n        .check-dot { width: 8px; height: 8px; background: var(--orange); border-radius: 50%; box-shadow: 0 0 10px rgba(240,128,80,0.5); }\r\n\r\n        \/* \u4e16\u4ee3\uff1a\u5f15\u8a00 *\/\r\n        .highlight-quote {\r\n            font-size: 1.2rem; font-weight: 700; color: var(--blue-dark);\r\n            border-left: 4px solid var(--orange); padding-left: 20px; margin-top: auto; background: var(--bg-color); padding: 15px 20px; border-radius: 0 16px 16px 0;\r\n        }\r\n\r\n        \/* ESG\uff1a\u6e05\u55ae *\/\r\n        .esg-list { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-top: auto; }\r\n        .esg-list li { display: flex; align-items: center; gap: 12px; font-size: 1.05rem; color: var(--text-muted); font-weight: 500;}\r\n        .esg-icon { color: var(--orange); font-weight: 900; }\r\n\r\n        \/* ================= 5. \u5e73\u677f\u97ff\u61c9\u5f0f ================= *\/\r\n        @media (max-width: 1024px) {\r\n            .bento-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .card-edu, .card-ai, .card-gen, .card-esg { grid-column: span 1; }\r\n            .feature-list { grid-template-columns: 1fr; }\r\n        }\r\n\r\n        \/* ================= 6. \u624b\u6a5f\u7248\u5275\u65b0\uff1aSticky Stacking (\u9ecf\u6027\u758a\u52a0) ================= *\/\r\n        @media (max-width: 768px) {\r\n            .core-section { padding: 60px 5% 100px 5%; }\r\n            .section-title { font-size: 2.2rem; }\r\n            \r\n            \/* \u5c07\u7db2\u683c\u6539\u70ba\u55ae\u6b04\u5782\u76f4\u6392\u5217 *\/\r\n            .bento-grid {\r\n                display: flex;\r\n                flex-direction: column;\r\n                gap: 0; \/* \u79fb\u9664\u9593\u8ddd\uff0c\u9760 margin \u548c top \u63a7\u5236 *\/\r\n            }\r\n\r\n            .bento-card {\r\n                padding: 35px 25px;\r\n                border-radius: 30px;\r\n                \/* \u2605 \u6838\u5fc3\u9b54\u6cd5\uff1a\u9ecf\u6027\u5b9a\u4f4d \u2605 *\/\r\n                position: sticky;\r\n                height: auto;\r\n                min-height: 400px;\r\n                margin-bottom: 40px; \/* \u5361\u7247\u6efe\u52d5\u5230\u5e95\u90e8\u6642\u7684\u57fa\u790e\u9593\u8ddd *\/\r\n                box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.08); \/* \u9802\u90e8\u9670\u5f71\uff0c\u758a\u52a0\u6642\u624d\u6709\u7acb\u9ad4\u611f *\/\r\n                border-top: 1px solid rgba(255,255,255,0.8);\r\n            }\r\n\r\n            \/* \u70ba\u6bcf\u5f35\u5361\u7247\u8a2d\u5b9a\u4e0d\u540c\u7684\u505c\u6b62\u9ad8\u5ea6\uff0c\u5f62\u6210\u968e\u68af\u5f0f\u8986\u84cb *\/\r\n            .card-edu { top: 100px; z-index: 1; background: #FFFFFF; }\r\n            .card-ai  { top: 120px; z-index: 2; background: #FFF9F6; } \/* \u5fae\u5fae\u6539\u8b8a\u5e95\u8272\u589e\u52a0\u5c64\u6b21 *\/\r\n            .card-gen { top: 140px; z-index: 3; background: #FFFFFF; }\r\n            .card-esg { top: 160px; z-index: 4; background: #FFF9F6; margin-bottom: 0;}\r\n\r\n            .card-index { width: 40px; height: 40px; font-size: 1.1rem; margin-bottom: 20px; }\r\n            .card-title { font-size: 1.5rem; }\r\n            .card-desc { font-size: 1.05rem; margin-bottom: 25px; }\r\n            .feature-list { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n             .feature-list { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"core-section\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\" id=\"WeDo\">\u6211\u5011\u5728<span>\u505a\u4ec0\u9ebc<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"bento-grid\">\r\n            \r\n            <div class=\"bento-card card-edu\">\r\n                <div>\r\n                    <div class=\"card-index\">01<\/div>\r\n                    <h3 class=\"card-title\">\u5931\u667a\u9810\u9632\u6559\u80b2\u63a8\u5ee3<\/h3>\r\n                    <p class=\"card-desc\">\u8a2d\u8a08\u7d50\u5408\u8166\u529b\u6d3b\u5316\u3001\u793e\u4ea4\u523a\u6fc0\u8207\u79d1\u6280\u61c9\u7528\u7684\u884c\u52d5\u8ab2\u7a0b\uff0c\u5e6b\u52a9\u9577\u8f29\u5efa\u7acb\u65e9\u671f\u89ba\u5bdf\u80fd\u529b\u3002\u91cd\u5728\u4e92\u52d5\u8207\u5206\u4eab\uff0c\u8b93\u9577\u8005\u52d5\u8166\u3001\u52d5\u53e3\u3001\u52d5\u5fc3\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"tag-group\">\r\n                    <span class=\"tag\">\u52d5\u8166<\/span>\r\n                    <span class=\"tag\">\u52d5\u53e3<\/span>\r\n                    <span class=\"tag\">\u52d5\u5fc3<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card card-ai\">\r\n                <div>\r\n                    <div class=\"card-index\">02<\/div>\r\n                    <h3 class=\"card-title\">AI\u667a\u6167\u966a\u4f34\uff08\u963f\u8070\u4ed4\uff09<\/h3>\r\n                    <p class=\"card-desc\">\u70ba\u53f0\u7063\u9577\u8f29\u8a2d\u8a08\u7684\u5c08\u5c6c AI \u52a9\u624b\u3002\u5b83\u4e0d\u53ea\u662f\u51b7\u51b0\u51b0\u7684\u79d1\u6280\u5de5\u5177\uff0c\u800c\u662f\u4e00\u4f4d\u6bcf\u5929\u6703\u554f\u5b89\u3001\u63d0\u9192\u3001\u966a\u804a\u7684\u6578\u4f4d\u5925\u4f34\u3002<\/p>\r\n                <\/div>\r\n                <ul class=\"feature-list\">\r\n                    <li><div class=\"check-dot\"><\/div>\u5065\u5eb7\u7528\u85e5\u63d0\u9192<\/li>\r\n                    <li><div class=\"check-dot\"><\/div>\u65e5\u5e38\u6696\u5fc3\u95dc\u61f7<\/li>\r\n                    <li><div class=\"check-dot\"><\/div>\u5bb6\u5ead\u50b3\u8a71\u6e9d\u901a<\/li>\r\n                    <li><div class=\"check-dot\"><\/div>\u8ff7\u5931\u8def\u7dda\u5c0e\u822a<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card card-gen\">\r\n                <div>\r\n                    <div class=\"card-index\">03<\/div>\r\n                    <h3 class=\"card-title\">\u8de8\u4e16\u4ee3\u5171\u878d\u6d3b\u52d5<\/h3>\r\n                    <p class=\"card-desc\">\u63a8\u52d5\u300c\u9752\u5e74\u5e36\u9577\u8f29\u5b78AI\u300d\u5de5\u4f5c\u574a\uff0c\u8b93\u79d1\u6280\u6210\u70ba\u4e16\u4ee3\u4e4b\u9593\u7684\u5171\u901a\u8a9e\u8a00\u3002\u7e2e\u77ed\u5f7c\u6b64\u7684\u8ddd\u96e2\uff0c\u5efa\u7acb\u771f\u6b63\u7684\u7406\u89e3\u8207\u5c0a\u91cd\u3002<\/p>\r\n                <\/div>\r\n                <div class=\"highlight-quote\">\u5e74\u8f15\u4eba\u6559\u79d1\u6280\uff0c\u9577\u8f29\u6559\u4eba\u751f\u3002<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"bento-card card-esg\">\r\n                <div>\r\n                    <div class=\"card-index\">04<\/div>\r\n                    <h3 class=\"card-title\">ESG\u8207\u516c\u5171\u5408\u4f5c<\/h3>\r\n                    <p class=\"card-desc\">\u8207\u4f01\u696d\u53ca\u653f\u5e9c\u55ae\u4f4d\u651c\u624b\u5408\u4f5c\uff0c\u6253\u9020\u5177\u5099\u793e\u6703\u5f71\u97ff\u529b\u7684\u9ad8\u9f61\u53cb\u5584\u8207\u8166\u5065\u5eb7\u5c08\u6848\u3002<\/p>\r\n                <\/div>\r\n                <ul class=\"esg-list\">\r\n                    <li><span class=\"esg-icon\">\u2713<\/span> \u54e1\u5de5\u5bb6\u5c6c\u8166\u5065\u5eb7\u8b1b\u5ea7<\/li>\r\n                    <li><span class=\"esg-icon\">\u2713<\/span> AI\u6a02\u9f61\u9ad4\u9a57\u6d3b\u52d5<\/li>\r\n                    <li><span class=\"esg-icon\">\u2713<\/span> \u653f\u7b56\u793a\u7bc4\u5834\u57df<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70ecb56 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"70ecb56\" 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-497170f elementor-widget elementor-widget-html\" data-id=\"497170f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Results & Trust Section | Awwwards Style<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* ================= 1. \u5168\u57df\u8207\u57fa\u790e\u8a2d\u5b9a (\u4fdd\u6301\u54c1\u724c\u4e00\u81f4\u6027) ================= *\/\r\n        :root {\r\n            --orange: #F08050;\r\n            --orange-light: #FF9B70;\r\n            --blue-dark: #2C3E50;\r\n            --text-main: #1A2530;\r\n            --text-muted: #5A6C7D;\r\n            --bg-color: #FFFFFF; \/* \u9019\u5340\u6211\u5011\u7528\u7d14\u767d\u5e95\uff0c\u5c55\u73fe\u6975\u81f4\u4e7e\u6de8\u7684\u4fe1\u4efb\u611f *\/\r\n            --card-bg: #F8F9FB;  \/* \u5361\u7247\u7528\u6975\u6dfa\u7684\u7070\u767d\uff0c\u88fd\u9020\u5c0d\u6bd4 *\/\r\n            --transition-smooth: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans TC', sans-serif; }\r\n        body { background-color: var(--bg-color); color: var(--text-main); overflow-x: hidden; }\r\n\r\n        .results-section { padding: 120px 5%; max-width: 1400px; margin: 0 auto; position: relative; }\r\n\r\n        \/* \u80cc\u666f\u5fae\u5149\u88dd\u98fe *\/\r\n        .results-section::before {\r\n            content: ''; position: absolute; top: 20%; left: -10%; width: 500px; height: 500px;\r\n            background: radial-gradient(circle, rgba(240,128,80,0.03) 0%, transparent 70%);\r\n            border-radius: 50%; z-index: 0; pointer-events: none;\r\n        }\r\n\r\n        \/* ================= 2. \u6a19\u984c\u5340 ================= *\/\r\n        .section-header { text-align: center; margin-bottom: 80px; position: relative; z-index: 1; }\r\n        .section-title { font-size: 3rem; font-weight: 900; color: var(--text-main); position: relative; display: inline-block; }\r\n        .section-title span { color: var(--orange); }\r\n        .section-title::after {\r\n            content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);\r\n            width: 60px; height: 5px; border-radius: 5px; background: var(--orange);\r\n        }\r\n\r\n        \/* ================= 3. \u6578\u64da\u8207\u6210\u679c\u7db2\u683c ================= *\/\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 30px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .stat-card {\r\n            background: var(--card-bg);\r\n            border-radius: 24px;\r\n            padding: 50px 30px;\r\n            text-align: center;\r\n            border: 1px solid rgba(0,0,0,0.02);\r\n            transition: var(--transition-smooth);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        \/* Hover \u6642\u7684\u5fae\u6d6e\u96d5\u8207\u6a58\u8272\u5e95\u7dda\u751f\u9577 *\/\r\n        .stat-card::after {\r\n            content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px;\r\n            background: linear-gradient(90deg, var(--orange), var(--orange-light));\r\n            transform: scaleX(0); transform-origin: center; transition: var(--transition-smooth);\r\n        }\r\n        .stat-card:hover { transform: translateY(-10px); background: #FFFFFF; box-shadow: 0 20px 40px rgba(44, 62, 80, 0.05); }\r\n        .stat-card:hover::after { transform: scaleX(1); }\r\n\r\n        \/* \u8d85\u5927\u6392\u7248\u85dd\u8853 (Macro Typography) *\/\r\n        .stat-number-wrapper {\r\n            font-size: 4.5rem;\r\n            font-weight: 900;\r\n            line-height: 1;\r\n            margin-bottom: 15px;\r\n            \/* \u6a58\u8272\u6f38\u5c64\u6587\u5b57\u9b54\u6cd5 *\/\r\n            background: linear-gradient(135deg, var(--orange), #FF6B35);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: flex;\r\n            align-items: baseline;\r\n            justify-content: center;\r\n        }\r\n\r\n        .stat-symbol { font-size: 3rem; margin-left: 2px; }\r\n        \r\n        \/* \u6587\u5b57\u6a19\u7c64 *\/\r\n        .stat-label { font-size: 1.25rem; font-weight: 700; color: var(--blue-dark); margin-bottom: 10px; }\r\n        .stat-desc { font-size: 1rem; color: var(--text-muted); line-height: 1.6; }\r\n\r\n        \/* \u5c08\u70ba CogMate \u8207\u5be6\u52d9\u7d93\u9a57\u8a2d\u8a08\u7684\u5fbd\u7ae0\u98a8\u683c *\/\r\n        .badge-style .stat-number-wrapper {\r\n            font-size: 2rem;\r\n            -webkit-text-fill-color: var(--blue-dark); \/* \u54c1\u724c\u5b57\u6539\u56de\u6df1\u8272 *\/\r\n            letter-spacing: 1px;\r\n            margin-bottom: 25px;\r\n        }\r\n        .badge-style .brand-highlight {\r\n            color: var(--orange);\r\n            -webkit-text-fill-color: var(--orange);\r\n            font-size: 2.5rem;\r\n        }\r\n\r\n        \/* ================= 4. \u884c\u52d5\u5ba3\u8a00\u5340 (Manifesto) ================= *\/\r\n        .manifesto-box {\r\n            margin-top: 80px;\r\n            position: relative;\r\n            z-index: 1;\r\n            display: flex;\r\n            justify-content: center;\r\n        }\r\n\r\n        .manifesto-content {\r\n            background: #FFFFFF;\r\n            padding: 40px 60px;\r\n            border-radius: 100px;\r\n            border: 1px solid rgba(240, 128, 80, 0.2);\r\n            box-shadow: 0 15px 35px rgba(240, 128, 80, 0.08);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: var(--transition-smooth);\r\n        }\r\n\r\n        .manifesto-content:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 20px 50px rgba(240, 128, 80, 0.15);\r\n        }\r\n\r\n        .manifesto-content p {\r\n            font-size: 1.5rem;\r\n            font-weight: 500;\r\n            color: var(--text-muted);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        .manifesto-content p span {\r\n            color: var(--text-main);\r\n            font-weight: 900;\r\n            font-size: 1.8rem;\r\n            display: inline-block;\r\n            position: relative;\r\n        }\r\n\r\n        \/* \u5ba3\u8a00\u5e95\u90e8\u7684\u6a58\u8272\u9ad8\u5149 *\/\r\n        .manifesto-content p span::after {\r\n            content: ''; position: absolute; bottom: 4px; left: 0; width: 100%; height: 12px;\r\n            background: rgba(240, 128, 80, 0.2); z-index: -1; transform: skewX(-15deg);\r\n        }\r\n\r\n        \/* ================= 5. RWD \u97ff\u61c9\u5f0f ================= *\/\r\n        @media (max-width: 1200px) {\r\n            .stat-number-wrapper { font-size: 3.5rem; }\r\n            .stat-symbol { font-size: 2.5rem; }\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            \/* \u5e73\u677f\uff1a2x2 \u7db2\u683c *\/\r\n            .stats-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .manifesto-content { padding: 30px 40px; border-radius: 30px; }\r\n            .manifesto-content p { font-size: 1.3rem; }\r\n            .manifesto-content p span { font-size: 1.5rem; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            \/* \u624b\u6a5f\u7248\uff1a\u55ae\u6b04\u7011\u5e03\u6d41 *\/\r\n            .results-section { padding: 80px 5%; }\r\n            .section-title { font-size: 2.2rem; }\r\n            .stats-grid { grid-template-columns: 1fr; gap: 20px; }\r\n            .stat-card { padding: 40px 20px; border-radius: 20px; }\r\n            \r\n            .manifesto-box { margin-top: 60px; }\r\n            .manifesto-content { padding: 30px 20px; border-radius: 24px; text-align: left; } \/* \u624b\u6a5f\u7248\u5ba3\u8a00\u9760\u5de6\u5c0d\u9f4a\u8f03\u597d\u95b1\u8b80 *\/\r\n            .manifesto-content p { font-size: 1.1rem; }\r\n            .manifesto-content p span { font-size: 1.3rem; display: block; margin-top: 8px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"results-section\">\r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\" id=\"ActualResults\">\u5be6\u969b<span>\u6210\u679c<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"stats-grid\" id=\"stats-container\">\r\n            \r\n            <div class=\"stat-card\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    <span class=\"counter\" data-target=\"300\">0<\/span>\r\n                    <span class=\"stat-symbol\">+<\/span>\r\n                <\/div>\r\n                <div class=\"stat-label\">\u4f4d\u9577\u8f29\u53c3\u8207<\/div>\r\n                <div class=\"stat-desc\">\u6301\u7e8c\u64f4\u5927\u7684\u793e\u5340\u884c\u52d5\u529b<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-card\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    <span class=\"counter\" data-target=\"90\">0<\/span>\r\n                    <span class=\"stat-symbol\">%<\/span>\r\n                <\/div>\r\n                <div class=\"stat-label\">\u8ab2\u7a0b\u6eff\u610f\u5ea6<\/div>\r\n                <div class=\"stat-desc\">\u4f86\u81ea\u9577\u8f29\u8207\u5bb6\u5c6c\u7684\u771f\u5be6\u80af\u5b9a<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-card badge-style\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    <span class=\"brand-highlight\">CogMate\u00ae<\/span>\r\n                <\/div>\r\n                <div class=\"stat-label\">\u5f15\u9032\u65e5\u672c\u885b\u91c7\u6aa2\u6e2c\u5de5\u5177<\/div>\r\n                <div class=\"stat-desc\">\u5c08\u696d\u8166\u9f61\u6aa2\u6e2c<br>\uff08\u975e\u91ab\u7642\u7be9\u6aa2\uff09<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"stat-card badge-style\">\r\n                <div class=\"stat-number-wrapper\">\r\n                    \u7b2c\u4e00\u7dda\r\n                <\/div>\r\n                <div class=\"stat-label\">\u8166\u5065\u5eb7\u6559\u80b2\u5be6\u52d9\u7d93\u9a57<\/div>\r\n                <div class=\"stat-desc\">\u6df1\u8015\u793e\u5340\uff0c\u4e86\u89e3\u9577\u8f29\u771f\u6b63\u9700\u6c42<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"manifesto-box\">\r\n            <div class=\"manifesto-content\">\r\n                <p>\u6211\u5011\u4e0d\u662f\u6982\u5ff5\u5021\u8b70\u8005\uff0c<br>\r\n                \u6211\u5011\u662f<span>\u5be6\u969b\u5728\u793e\u5340\u57f7\u884c\u7684\u884c\u52d5\u5718\u968a\u3002<\/span><\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n        document.addEventListener(\"DOMContentLoaded\", () => {\r\n            const counters = document.querySelectorAll('.counter');\r\n            const speed = 200; \/\/ \u6578\u5b57\u8df3\u52d5\u7684\u901f\u5ea6\uff0c\u8d8a\u4f4e\u8d8a\u5feb\r\n\r\n            \/\/ \u5efa\u7acb IntersectionObserver \u4f86\u5075\u6e2c\u5143\u7d20\u662f\u5426\u9032\u5165\u756b\u9762\r\n            const observer = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    \/\/ \u7576\u6578\u5b57\u5340\u584a\u9032\u5165\u756b\u9762\u6642\r\n                    if (entry.isIntersecting) {\r\n                        const counter = entry.target;\r\n                        const target = +counter.getAttribute('data-target');\r\n                        \r\n                        const updateCount = () => {\r\n                            const count = +counter.innerText;\r\n                            \/\/ \u8a08\u7b97\u6bcf\u6b21\u589e\u52a0\u7684\u6b65\u9577\r\n                            const inc = target \/ speed;\r\n\r\n                            if (count < target) {\r\n                                \/\/ \u5411\u4e0a\u53d6\u6574\u4e26\u66f4\u65b0\u6587\u5b57\r\n                                counter.innerText = Math.ceil(count + inc);\r\n                                \/\/ \u4f7f\u7528 requestAnimationFrame \u8b93\u52d5\u756b\u6975\u5ea6\u6ed1\u9806\r\n                                requestAnimationFrame(updateCount);\r\n                            } else {\r\n                                counter.innerText = target;\r\n                            }\r\n                        };\r\n                        updateCount();\r\n                        \/\/ \u57f7\u884c\u904e\u4e00\u6b21\u5f8c\u5c31\u53d6\u6d88\u89c0\u5bdf\uff0c\u907f\u514d\u91cd\u8907\u89f8\u767c\r\n                        observer.unobserve(counter);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 }); \/\/ \u7576\u5143\u7d20 50% \u51fa\u73fe\u5728\u756b\u9762\u4e0a\u6642\u89f8\u767c\r\n\r\n            \/\/ \u5c07\u6240\u6709\u8a08\u6578\u5668\u52a0\u5165\u89c0\u5bdf\r\n            counters.forEach(counter => {\r\n                observer.observe(counter);\r\n            });\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-73da56b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"73da56b\" 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-e30c3b5 elementor-widget elementor-widget-html\" data-id=\"e30c3b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>About Us | Awwwards Style<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* ================= 1. \u5168\u57df\u8207\u57fa\u790e\u8a2d\u5b9a (\u54c1\u724c\u4e00\u81f4\u6027) ================= *\/\r\n        :root {\r\n            --orange: #F08050;\r\n            --orange-light: #FF9B70;\r\n            --orange-fade: rgba(240, 128, 80, 0.08);\r\n            --blue-dark: #2C3E50;\r\n            --text-main: #1A2530;\r\n            --text-muted: #5A6C7D;\r\n            --bg-color: #FFFFFF; \/* \u7d14\u767d\u5e95\u8272\uff0c\u7dad\u6301\u4e7e\u6de8\u4fd0\u843d *\/\r\n            --bg-alt: #F8F9FB;   \/* \u5340\u584a\u4ea4\u66ff\u7528\u7684\u6dfa\u7070\u8272 *\/\r\n            --transition-smooth: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans TC', sans-serif; }\r\n        body { background-color: var(--bg-color); color: var(--text-main); overflow-x: hidden; }\r\n\r\n        \/* ================= 2. \u6545\u4e8b\u5f15\u8a00\u5340 (\u5354\u6703\u7c21\u4ecb) ================= *\/\r\n        .story-section { padding: 120px 5%; max-width: 1200px; margin: 0 auto; text-align: center; }\r\n        \r\n        .story-header { margin-bottom: 60px; }\r\n        .story-title { font-size: 3rem; font-weight: 900; color: var(--text-main); margin-bottom: 20px; }\r\n        .story-subtitle { font-size: 1.4rem; color: var(--text-muted); font-weight: 500; }\r\n\r\n        \/* \u300c\u6211\u5011\u89c0\u5bdf\u5230\u300d\u7684\u91cd\u9ede\u5217\u9ede\uff0c\u4f7f\u7528\u932f\u843d\u6709\u81f4\u7684\u6392\u7248 *\/\r\n        .observation-box {\r\n            margin: 60px auto;\r\n            max-width: 800px;\r\n            text-align: left;\r\n            position: relative;\r\n            padding-left: 40px;\r\n            border-left: 2px dashed rgba(240, 128, 80, 0.4);\r\n        }\r\n\r\n        .obs-title { font-size: 1.2rem; font-weight: 700; color: var(--orange); margin-bottom: 30px; }\r\n\r\n        .obs-item {\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: var(--blue-dark);\r\n            margin-bottom: 20px;\r\n            line-height: 1.5;\r\n            position: relative;\r\n            opacity: 0.8;\r\n            transition: var(--transition-smooth);\r\n        }\r\n\r\n        .obs-item:hover { opacity: 1; transform: translateX(10px); color: var(--text-main); }\r\n        .obs-item span { color: var(--text-muted); font-size: 1.3rem; font-weight: 500; }\r\n\r\n        \/* \u6a19\u8a8c\u6027\u7684\u6a58\u8272\u5149\u9ede *\/\r\n        .obs-item::before {\r\n            content: ''; position: absolute; left: -47px; top: 12px; width: 12px; height: 12px;\r\n            background: var(--bg-color); border: 3px solid var(--orange); border-radius: 50%;\r\n            transition: var(--transition-smooth);\r\n        }\r\n        .obs-item:hover::before { background: var(--orange); box-shadow: 0 0 15px rgba(240, 128, 80, 0.5); }\r\n\r\n        \/* \u5f37\u70c8\u8996\u89ba\u5ba3\u544a\uff1a\u56e0\u6b64\u6211\u5011\u9078\u64c7\u884c\u52d5 *\/\r\n        .action-statement {\r\n            margin-top: 80px;\r\n            padding: 60px 40px;\r\n            background: var(--bg-alt);\r\n            border-radius: 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .action-statement::after {\r\n            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px;\r\n            background: linear-gradient(90deg, var(--orange), var(--orange-light));\r\n        }\r\n\r\n        .action-title { font-size: 2.5rem; font-weight: 900; color: var(--text-main); margin-bottom: 20px; }\r\n        .action-title span { color: var(--orange); }\r\n        .action-desc { font-size: 1.2rem; color: var(--text-muted); line-height: 1.8; max-width: 700px; margin: 0 auto; }\r\n\r\n        \/* ================= 3. \u4e94\u5927\u89d2\u8272\u5b9a\u4f4d (Sticky Layout) ================= *\/\r\n        .roles-section { padding: 120px 5%; background: var(--bg-alt); position: relative; }\r\n        .roles-container { max-width: 1400px; margin: 0 auto; display: flex; gap: 60px; align-items: flex-start; }\r\n\r\n        \/* \u5de6\u5074\uff1a\u9ecf\u6027\u6a19\u984c\u5340 *\/\r\n        .roles-sticky-left {\r\n            flex: 0 0 350px;\r\n            position: sticky;\r\n            top: 120px; \/* \u7576\u9801\u9762\u6efe\u52d5\u6642\uff0c\u9019\u500b\u5340\u57df\u6703\u505c\u5728\u756b\u9762\u4e0a\u65b9 120px \u8655 *\/\r\n        }\r\n\r\n        .roles-main-title { font-size: 3rem; font-weight: 900; color: var(--text-main); line-height: 1.2; margin-bottom: 20px; }\r\n        .roles-main-title span { color: var(--orange); display: block; font-size: 1.5rem; margin-top: 10px; }\r\n        .roles-intro { font-size: 1.1rem; color: var(--text-muted); line-height: 1.7; }\r\n\r\n        \/* \u53f3\u5074\uff1a\u4e92\u52d5\u5f0f\u5217\u8868 (List-to-Card) *\/\r\n        .roles-list-right { flex: 1; display: flex; flex-direction: column; gap: 20px; }\r\n\r\n        .role-row {\r\n            background: var(--bg-color);\r\n            border-radius: 24px;\r\n            padding: 40px;\r\n            display: flex;\r\n            gap: 40px;\r\n            border: 1px solid rgba(0,0,0,0.03);\r\n            transition: var(--transition-smooth);\r\n            position: relative;\r\n            overflow: hidden;\r\n            cursor: default;\r\n        }\r\n\r\n        .role-row::before {\r\n            content: ''; position: absolute; left: 0; top: 0; width: 6px; height: 100%;\r\n            background: var(--orange-light); transform: scaleY(0); transform-origin: top;\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .role-row:hover {\r\n            transform: translateX(-10px);\r\n            box-shadow: 20px 20px 60px rgba(44, 62, 80, 0.05);\r\n            border-color: rgba(240, 128, 80, 0.2);\r\n        }\r\n\r\n        .role-row:hover::before { transform: scaleY(1); }\r\n\r\n        \/* \u6578\u5b57\u8a2d\u8a08 *\/\r\n        .role-num {\r\n            font-size: 4rem; font-weight: 900; line-height: 0.8;\r\n            color: rgba(240, 128, 80, 0.15); transition: var(--transition-smooth);\r\n        }\r\n        .role-row:hover .role-num { color: var(--orange); transform: scale(1.1) rotate(-5deg); }\r\n\r\n        \/* \u5167\u5bb9\u5340 *\/\r\n        .role-content { flex: 1; }\r\n        .role-title { font-size: 1.8rem; font-weight: 700; color: var(--blue-dark); margin-bottom: 16px; transition: color 0.3s; }\r\n        .role-row:hover .role-title { color: var(--orange); }\r\n        .role-desc { font-size: 1.1rem; color: var(--text-muted); line-height: 1.7; margin-bottom: 20px; }\r\n\r\n        \/* \u5167\u6587\u7279\u6b8a\u5f37\u8abf\u6a19\u7c64 *\/\r\n        .highlight-tag { display: inline-block; padding: 4px 12px; background: var(--orange-fade); color: var(--orange); border-radius: 8px; font-weight: 700; font-size: 0.95rem; margin-top: 10px; }\r\n\r\n        \/* ESG \u5217\u8868\u6a23\u5f0f *\/\r\n        .role-esg-list { list-style: none; display: flex; flex-direction: column; gap: 8px; margin-top: 15px; }\r\n        .role-esg-list li { display: flex; align-items: center; gap: 10px; font-size: 1.05rem; color: var(--text-main); font-weight: 500; }\r\n        .role-esg-list li::before { content: '\u2713'; color: var(--orange); font-weight: 900; }\r\n\r\n        \/* ================= 4. RWD \u97ff\u61c9\u5f0f ================= *\/\r\n        @media (max-width: 1024px) {\r\n            .roles-container { flex-direction: column; gap: 40px; }\r\n            .roles-sticky-left { position: relative; top: 0; flex: auto; text-align: center; max-width: 600px; margin: 0 auto; }\r\n            .roles-main-title span { display: inline-block; margin-top: 0; margin-left: 10px; }\r\n            .role-row { padding: 30px; gap: 20px; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .story-section { padding: 80px 5%; }\r\n            .story-title { font-size: 2.2rem; }\r\n            .observation-box { border-left: none; padding-left: 0; text-align: center; }\r\n            .obs-item { font-size: 1.4rem; }\r\n            .obs-item span { display: block; font-size: 1.1rem; margin-top: 5px; }\r\n            .obs-item::before { display: none; \/* \u624b\u6a5f\u7248\u79fb\u9664\u5713\u9ede\uff0c\u4fdd\u6301\u756b\u9762\u4e7e\u6de8 *\/ }\r\n            .obs-item:hover { transform: translateY(-5px); }\r\n\r\n            .action-statement { padding: 40px 25px; border-radius: 24px; }\r\n            .action-title { font-size: 2rem; }\r\n\r\n            .roles-section { padding: 80px 5%; }\r\n            .roles-main-title { font-size: 2.5rem; }\r\n            \r\n            \/* \u624b\u6a5f\u7248\u89d2\u8272\u5217\u6539\u70ba\u76f4\u5411\u5361\u7247 *\/\r\n            .role-row { flex-direction: column; gap: 15px; border-radius: 20px; padding: 25px; }\r\n            .role-num { font-size: 3rem; }\r\n            .role-title { font-size: 1.5rem; }\r\n            .role-row:hover { transform: translateY(-5px); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"story-section\">\r\n        <div class=\"story-header\">\r\n            <h2 class=\"story-title\"  id=\"AboutUs\">\u95dc\u65bc\u6211\u5011<\/h2>\r\n            <p class=\"story-subtitle\">\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703\uff0c\u6210\u7acb\u65bc\u9ad8\u9f61\u5316\u6d6a\u6f6e\u4e4b\u4e2d\u3002<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"observation-box\">\r\n            <div class=\"obs-title\">\u6211\u5011\u89c0\u5bdf\u5230\uff1a<\/div>\r\n            <div class=\"obs-item\">\u79d1\u6280\u9032\u6b65\u98db\u5feb\uff0c<br><span>\u4f46\u9577\u8005\u88ab\u7559\u5728\u5f8c\u9762\u3002<\/span><\/div>\r\n            <div class=\"obs-item\">\u5bb6\u5ead\u5fd9\u788c\u589e\u52a0\uff0c<br><span>\u4f46\u966a\u4f34\u6642\u9593\u6e1b\u5c11\u3002<\/span><\/div>\r\n            <div class=\"obs-item\">\u5931\u667a\u98a8\u96aa\u5347\u9ad8\uff0c<br><span>\u4f46\u65e9\u671f\u9810\u9632\u610f\u8b58\u4e0d\u8db3\u3002<\/span><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"action-statement\">\r\n            <h3 class=\"action-title\">\u56e0\u6b64\uff0c\u6211\u5011\u9078\u64c7<span>\u884c\u52d5<\/span>\u3002<\/h3>\r\n            <p class=\"action-desc\">\u6211\u5011\u900f\u904e\u79d1\u6280\u6559\u80b2\u3001\u8166\u5065\u5eb7\u63a8\u5ee3\u8207\u8de8\u4e16\u4ee3\u5408\u4f5c\uff0c\u4e0d\u53ea\u662f\u89e3\u6c7a\u554f\u984c\uff0c\u66f4\u662f\u70ba\u4e86\u6253\u9020\u4e00\u500b\u66f4\u6709\u6eab\u5ea6\u7684\u9ad8\u9f61\u793e\u6703\u3002<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"roles-section\">\r\n        <div class=\"roles-container\">\r\n            \r\n            <div class=\"roles-sticky-left\">\r\n                <h2 class=\"roles-main-title\" id=\"Roles\">\u4e94\u5927<br>\u89d2\u8272\u5b9a\u4f4d<span>Our Core Roles<\/span><\/h2>\r\n                <p class=\"roles-intro\">\u6211\u5011\u4e0d\u53ea\u662f\u4e00\u500b\u5354\u6703\uff0c\u6211\u5011\u5728\u7b2c\u4e00\u7dda\u626e\u6f14\u8457\u9023\u7d50\u4e16\u4ee3\u3001\u63a8\u5ee3\u5065\u5eb7\u8207\u5be6\u8e10 ESG \u7684\u95dc\u9375\u6a4b\u6a11\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"roles-list-right\">\r\n                \r\n                <div class=\"role-row\">\r\n                    <div class=\"role-num\">1<\/div>\r\n                    <div class=\"role-content\">\r\n                        <h3 class=\"role-title\"> \u9577\u8f29 AI \u5b78\u7fd2\u966a\u4f34\u8005<\/h3>\r\n                        <p class=\"role-desc\">\u8b93\u9577\u8f29\u5f9e\u300c\u4f7f\u7528\u8005\u300d\u8b8a\u6210\u300c\u5275\u9020\u8005\u300d\u3002\u5728\u8ab2\u7a0b\u4e2d\uff0c\u9577\u8f29\u7528 ChatGPT \u5275\u4f5c\u8a69\u6b4c\u3001\u6545\u4e8b\u8207\u5716\u50cf\uff0c\u5728\u5206\u4eab\u4e2d\u5efa\u7acb\u81ea\u4fe1\uff0c\u5728\u5275\u4f5c\u4e2d\u6d3b\u5316\u8166\u529b\u3002<\/p>\r\n                        <span class=\"highlight-tag\">\u5efa\u7acb\u81ea\u4fe1 \u00d7 \u6d3b\u5316\u8166\u529b<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"role-row\">\r\n                    <div class=\"role-num\">2<\/div>\r\n                    <div class=\"role-content\">\r\n                        <h3 class=\"role-title\">\u8de8\u4e16\u4ee3\u5171\u878d\u6a4b\u6a11<\/h3>\r\n                        <p class=\"role-desc\">\u9752\u5e74\u4e0d\u53ea\u662f\u5fd7\u5de5\uff0c\u800c\u662f\u79d1\u6280\u966a\u4f34\u8005\u3002\u900f\u904e\u96d9\u5411\u4ea4\u6d41\uff0c\u8b93\u4e16\u4ee3\u4e4b\u9593\u7522\u751f\u6df1\u5ea6\u7684\u7406\u89e3\u8207\u5c0a\u91cd\u3002<\/p>\r\n                        <span class=\"highlight-tag\">\u96d9\u5411\u4ea4\u6d41<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"role-row\">\r\n                    <div class=\"role-num\">3<\/div>\r\n                    <div class=\"role-content\">\r\n                        <h3 class=\"role-title\">\u8166\u5065\u5eb7\u63a8\u5ee3\u8005<\/h3>\r\n                        <p class=\"role-desc\">\u5f15\u9032\u65e5\u672c\u885b\u91c7\u88fd\u85e5 CogMate\u00ae \u8166\u9f61\u6aa2\u6e2c\u5de5\u5177\uff08\u975e\u91ab\u7642\u7be9\u6aa2\uff09\uff0c\u642d\u914d\u8a8d\u77e5\u904b\u52d5\u8207\u6559\u80b2\u8b1b\u5ea7\uff0c\u63a8\u52d5\u65e9\u671f\u89ba\u5bdf\u8207\u751f\u6d3b\u9810\u9632\u89c0\u5ff5\u3002<\/p>\r\n                        <span class=\"highlight-tag\">CogMate\u00ae \u6388\u6b0a\u5408\u4f5c<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"role-row\">\r\n                    <div class=\"role-num\">4<\/div>\r\n                    <div class=\"role-content\">\r\n                        <h3 class=\"role-title\">\u4f01\u696d ESG \u5408\u4f5c\u5925\u4f34<\/h3>\r\n                        <p class=\"role-desc\">\u8b93 ESG \u4e0d\u53ea\u662f\u5831\u544a\u6578\u5b57\uff0c\u800c\u662f\u5be6\u969b\u884c\u52d5\u3002\u6211\u5011\u5354\u52a9\u4f01\u696d\u5efa\u7acb\uff1a<\/p>\r\n                        <ul class=\"role-esg-list\">\r\n                            <li>\u54e1\u5de5\u5bb6\u5c6c\u652f\u6301\u65b9\u6848<\/li>\r\n                            <li>\u9ad8\u9f61\u53cb\u5584\u653f\u7b56\u793a\u7bc4<\/li>\r\n                            <li>\u793e\u6703\u5f71\u97ff\u529b\u5c08\u6848<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"role-row\">\r\n                    <div class=\"role-num\">5<\/div>\r\n                    <div class=\"role-content\">\r\n                        <h3 class=\"role-title\">\u653f\u5e9c\u5408\u4f5c\u63a8\u52d5\u8005<\/h3>\r\n                        <p class=\"role-desc\">\u627f\u63a5\u5730\u65b9\u8207\u4e2d\u592e\u5275\u65b0 AI \u5c08\u6848\uff0c\u7d50\u5408\u653f\u7b56\u65b9\u5411\u8207\u7b2c\u4e00\u7dda\u5be6\u52d9\u7d93\u9a57\uff0c\u63d0\u4f9b\u771f\u6b63\u53ef\u843d\u5730\u57f7\u884c\u7684\u793a\u7bc4\u6a21\u5f0f\u3002<\/p>\r\n                        <span class=\"highlight-tag\">\u653f\u7b56\u843d\u5730\u57f7\u884c<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a41cbe9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"a41cbe9\" 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-d35a624 elementor-widget elementor-widget-html\" data-id=\"d35a624\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-TW\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Core Programs | Product Showcase Style<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    <style>\n        \/* ================= 1. \u5168\u57df\u8207\u57fa\u790e\u8a2d\u5b9a ================= *\/\n        :root {\n            --orange: #F08050;\n            --orange-light: #FF9B70;\n            --orange-fade: rgba(240, 128, 80, 0.08);\n            --blue-dark: #2C3E50;\n            --text-main: #1A2530;\n            --text-muted: #5A6C7D;\n            --bg-white: #FFFFFF;\n            --bg-gray: #F8F9FB;\n            --transition-smooth: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\n        }\n\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans TC', sans-serif; }\n        body { background-color: var(--bg-white); color: var(--text-main); overflow-x: hidden; }\n\n        \/* \u5171\u7528\u5927\u6a19\u984c *\/\n        .section-header { text-align: center; margin-bottom: 80px; }\n        .section-title { font-size: 3rem; font-weight: 900; color: var(--text-main); position: relative; display: inline-block; }\n        .section-title span { color: var(--orange); }\n        .section-title::after {\n            content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);\n            width: 80px; height: 5px; border-radius: 5px; background: var(--orange);\n        }\n\n        \/* \u6309\u9215\u8a2d\u8a08 *\/\n        .btn-primary {\n            display: inline-flex; align-items: center; justify-content: center;\n            padding: 18px 45px; background: linear-gradient(135deg, var(--orange), var(--orange-light));\n            color: white; font-size: 1.15rem; font-weight: 700; text-decoration: none; border-radius: 100px;\n            box-shadow: 0 10px 30px rgba(240, 128, 80, 0.3); transition: var(--transition-smooth);\n            margin-top: 40px; cursor: pointer; border: none;\n        }\n        .btn-primary:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(240, 128, 80, 0.4); }\n\n        \/* ================= 2. \u8a08\u756b A\uff1a\u884c\u52d5\u8ab2\u7a0b ================= *\/\n        .program-a { padding: 120px 5% 65px; background: var(--bg-white); position: relative; }\n        .program-container { max-width: 1400px; margin: 0 auto; }\n        .layout-a { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: flex-start; }\n        .a-left { position: sticky; top: 120px; }\n        .a-tag { display: inline-block; color: var(--orange); font-weight: 900; letter-spacing: 2px; margin-bottom: 15px; font-size: 1.1rem; }\n        .a-title { font-size: 3.2rem; font-weight: 900; line-height: 1.2; color: var(--blue-dark); margin-bottom: 30px; }\n        .a-quote { font-size: 1.8rem; font-weight: 700; color: var(--text-main); line-height: 1.6; padding-left: 25px; border-left: 5px solid var(--orange); margin-bottom: 30px; }\n        .a-quote span { color: var(--text-muted); font-size: 1.2rem; display: block; margin-top: 10px; font-weight: 500; }\n        .a-right { display: flex; flex-direction: column; gap: 30px; }\n        .a-card { background: var(--bg-gray); border-radius: 24px; padding: 45px; border: 1px solid rgba(0,0,0,0.03); transition: var(--transition-smooth); position: relative; overflow: hidden; }\n        .a-card:hover { transform: translateX(-10px); background: #FFFFFF; box-shadow: 20px 20px 60px rgba(44,62,80,0.06); border-color: rgba(240,128,80,0.2); }\n        .a-card-title { font-size: 1.6rem; font-weight: 700; color: var(--blue-dark); margin-bottom: 25px; display: flex; align-items: center; gap: 15px; }\n        .a-card-title::before { content: ''; width: 12px; height: 12px; background: var(--orange); border-radius: 50%; }\n        .custom-list { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }\n        .custom-list li { display: flex; align-items: center; gap: 12px; font-size: 1.1rem; color: var(--text-muted); font-weight: 500; }\n        .custom-list li i { width: 24px; height: 24px; background: var(--orange-fade); color: var(--orange); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8rem; }\n        .a-card:hover .custom-list li { color: var(--text-main); }\n        .a-card:hover .custom-list li i { background: var(--orange); color: white; }\n\n        \/* ================= 3. ESG \/ SDGs \u5c08\u5340 (\u7cbe\u7c21\u4fee\u6b63\u7248) ================= *\/\n        .sdg-section { \n            padding: 65px 5% 100px; \n            position: relative;\n            background-image: url('https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/04\/background_variant_2.png') !important;\n            background-size: cover !important;\n            background-position: center !important;\n            background-attachment: scroll;\n        }\n        .sdg-section::before {\n            content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n            background: rgba(255, 255, 255, 0.6); z-index: 1;\n        }\n        .sdg-section .program-container { position: relative; z-index: 2; }\n        .sdg-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 25px; margin-top: 30px; align-items: start; }\n        .sdg-item {\n            background: var(--sdg-bg); color: var(--blue-dark); border-radius: 24px; padding: 30px; cursor: pointer;\n            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease;\n            position: relative; text-align: left; display: flex; flex-direction: column;\n            border: 1px solid rgba(255,255,255,0.8); backdrop-filter: blur(5px);\n        }\n        .sdg-item:hover { transform: translateY(-8px); box-shadow: 0 15px 35px rgba(0,0,0,0.06); }\n        .sdg-number { font-size: 3.5rem; font-weight: 900; color: var(--sdg-accent); opacity: 0.12; position: absolute; right: 20px; top: 10px; }\n        .sdg-inner-content h3 { font-size: 1.4rem; font-weight: 900; margin-bottom: 12px; color: var(--blue-dark); border-left: 4px solid var(--sdg-accent); padding-left: 12px; }\n        .sdg-desc-wrapper { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.5s cubic-bezier(0.4, 0, 0.2, 1); }\n        .sdg-item:hover .sdg-desc-wrapper { grid-template-rows: 1fr; }\n        .sdg-desc { font-size: 1rem; line-height: 1.6; color: var(--text-main); overflow: hidden; }\n        .sdg-item:hover .sdg-desc { padding-top: 10px; }\n\n        \/* ================= 4. \u8a08\u756b B\uff1a\u963f\u8070\u4ed4 AI ================= *\/\n        .program-b { padding: 120px 5%; background: var(--bg-gray); position: relative; overflow: hidden; }\n        .product-showcase { display: grid; grid-template-columns: 1fr 400px 1fr; gap: 40px; align-items: center; margin-top: 60px; }\n        .phone-mockup { width: 320px; height: 650px; margin: 0 auto; background: #FFFFFF; border-radius: 40px; box-shadow: 0 30px 60px rgba(0,0,0,0.1), inset 0 0 0 10px #2C3E50; position: relative; display: flex; flex-direction: column; overflow: hidden; transform: translateY(0); transition: var(--transition-smooth); }\n        .phone-mockup:hover { transform: translateY(-15px); box-shadow: 0 40px 80px rgba(240,128,80,0.2), inset 0 0 0 10px #2C3E50; }\n        .phone-notch { position: absolute; top: 10px; left: 50%; transform: translateX(-50%); width: 120px; height: 25px; background: #2C3E50; border-radius: 0 0 15px 15px; z-index: 10; }\n        .phone-screen { padding: 60px 20px 20px; flex: 1; background: #F0F4F8; display: flex; flex-direction: column; gap: 15px; position: relative; }\n        .chat-bubble { max-width: 80%; padding: 15px; border-radius: 20px; font-size: 0.95rem; line-height: 1.5; animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; opacity: 0; transform: translateY(20px); }\n        .chat-ai { background: #FFFFFF; color: var(--text-main); align-self: flex-start; border-bottom-left-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }\n        .chat-user { background: var(--orange); color: #FFFFFF; align-self: flex-end; border-bottom-right-radius: 5px; box-shadow: 0 5px 15px rgba(240,128,80,0.2); animation-delay: 0.8s; }\n        .chat-ai-2 { background: #FFFFFF; color: var(--text-main); align-self: flex-start; border-bottom-left-radius: 5px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); animation-delay: 1.6s; }\n        @keyframes popIn { to { opacity: 1; transform: translateY(0); } }\n        .b-panel { display: flex; flex-direction: column; gap: 40px; }\n        .b-card { background: transparent; }\n        .b-card h4 { font-size: 1.4rem; color: var(--orange); margin-bottom: 15px; font-weight: 900; }\n        .b-card p { font-size: 1.05rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 20px; }\n        .tag-cloud { display: flex; flex-wrap: wrap; gap: 10px; }\n        .b-tag { padding: 8px 16px; background: #FFFFFF; border: 1px solid rgba(44,62,80,0.1); border-radius: 8px; font-size: 0.95rem; font-weight: 700; color: var(--blue-dark); transition: 0.3s; }\n        .b-tag:hover { background: var(--orange); color: #FFFFFF; border-color: var(--orange); transform: translateY(-3px); }\n\n        \/* ================= 5. RWD \u97ff\u61c9\u5f0f ================= *\/\n        @media (max-width: 1024px) {\n            .layout-a { grid-template-columns: 1fr; gap: 40px; }\n            .a-left { position: relative; top: 0; }\n            .product-showcase { grid-template-columns: 1fr; text-align: center; }\n            .phone-mockup { order: -1; margin-bottom: 40px; }\n            .tag-cloud { justify-content: center; }\n            .sdg-desc-wrapper { grid-template-rows: 1fr; }\n            .sdg-desc { padding-top: 10px; }\n            .sdg-section { padding: 40px 5% 60px; }\n        }\n        @media (max-width: 768px) {\n            .program-a, .program-b { padding: 80px 5%; }\n            .section-title { font-size: 2.2rem; }\n            .phone-mockup { width: 280px; height: 580px; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n   <section class=\"program-a\" id=\"program-a\">\n        <div class=\"program-container\">\n            <div class=\"section-header\">\n                <h2 class=\"section-title\" id=\"CorePlan\">\u6838\u5fc3<span>\u8a08\u756b<\/span><\/h2>\n            <\/div>\n            <div class=\"layout-a\">\n                <div class=\"a-left\">\n                    <span class=\"a-tag\">PROGRAM A<\/span>\n                    <h3 class=\"a-title\">\u667a\u6167\u4e0d\u5931\u806f<br>\u5931\u667a\u9810\u9632\u884c\u52d5\u8ab2\u7a0b<\/h3>\n                    <div class=\"a-quote\">\n                        \u6211\u5011\u76f8\u4fe1\u5931\u667a\u9810\u9632<br>\u4e0d\u662f\u91ab\u7642\u554f\u984c\uff0c\u800c\u662f\u751f\u6d3b\u554f\u984c\u3002\n                        <span>\u4e0d\u5f37\u8abf\u8003\u8a66\u8207\u77e5\u8b58\u8a18\u61b6\uff0c\u800c\u662f\u900f\u904e\u4e92\u52d5\u3001\u5275\u4f5c\u8207\u5206\u4eab\uff0c\u8b93\u9577\u8005\u300c\u52d5\u8166\u3001\u52d5\u53e3\u3001\u52d5\u5fc3\u300d\u3002<\/span>\n                    <\/div>\n                    <a href=\"#\" class=\"btn-primary\">\u5408\u4f5c\u5c0e\u5165\u6b64\u8a08\u756b<\/a>\n                <\/div>\n                <div class=\"a-right\">\n                    <div class=\"a-card\">\n                        <h4 class=\"a-card-title\">\u8ab2\u7a0b\u878d\u5408\u5143\u7d20<\/h4>\n                        <ul class=\"custom-list\">\n                            <li><i class=\"fa-solid fa-brain\"><\/i> \u8166\u529b\u6d3b\u5316\u8a13\u7df4<\/li>\n                            <li><i class=\"fa-solid fa-comments\"><\/i> \u793e\u4ea4\u4e92\u52d5\u523a\u6fc0<\/li>\n                            <li><i class=\"fa-solid fa-microchip\"><\/i> \u79d1\u6280\u5275\u4f5c\u61c9\u7528<\/li>\n                            <li><i class=\"fa-solid fa-house-chimney-user\"><\/i> \u5bb6\u5ead\u966a\u4f34\u9023\u7d50<\/li>\n                            <li><i class=\"fa-solid fa-chart-line\"><\/i> \u65e9\u671f\u7be9\u6aa2\u8207\u81ea\u6211\u89ba\u5bdf<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div class=\"a-card\">\n                        <h4 class=\"a-card-title\">\u8ab2\u7a0b\u5408\u4f5c\u6a21\u5f0f<\/h4>\n                        <ul class=\"custom-list\">\n                            <li><i class=\"fa-solid fa-map-location-dot\"><\/i> \u793e\u5340\u64da\u9ede\u5c0e\u5165<\/li>\n                            <li><i class=\"fa-solid fa-building\"><\/i> \u4f01\u696dESG\uff0f\u54e1\u5de5\u5065\u5eb7\u65b9\u6848<\/li>\n                            <li><i class=\"fa-solid fa-file-contract\"><\/i> \u653f\u5e9c\u6a19\u6848\u5408\u4f5c<\/li>\n                            <li><i class=\"fa-solid fa-graduation-cap\"><\/i> \u5b78\u6821\u670d\u52d9\u5b78\u7fd2\u5408\u4f5c<\/li>\n                        <\/ul>\n                    <\/div>\n\n                    <div class=\"a-card\">\n                        <h4 class=\"a-card-title\">\u8a08\u756b\u5f71\u97ff\u529b<\/h4>\n                        <ul class=\"custom-list\">\n                            <li><i class=\"fa-solid fa-chart-line\"><\/i> \u63d0\u5347\u9577\u8005\u6578\u4f4d\u81ea\u4fe1<\/li>\n                            <li><i class=\"fa-solid fa-people-arrows\"><\/i> \u589e\u52a0\u793e\u4ea4\u4e92\u52d5\u983b\u7387<\/li>\n                            <li><i class=\"fa-solid fa-heart-pulse\"><\/i> \u5efa\u7acb\u65e9\u671f\u8166\u5065\u5eb7\u610f\u8b58<\/li>\n                            <li><i class=\"fa-solid fa-copy\"><\/i> \u6253\u9020\u53ef\u8907\u88fd\u7684\u63a8\u52d5\u6a21\u5f0f<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>    <section class=\"sdg-section\" id=\"esg-sdgs\">\n        <div class=\"program-container\">\n            <div class=\"section-header\">\n                <span class=\"a-tag\" style=\"display:block; text-align:center; margin-bottom:10px;\">GLOBAL IMPACT<\/span>\n                <h2 class=\"section-title\">\u843d\u5be6 <span>SDGs<\/span> \u6c38\u7e8c\u76ee\u6a19<\/h2>\n                <p style=\"font-size: 1.2rem; color: var(--text-muted); margin-top: 15px;\">\n                    \u5354\u6703\u900f\u904e AI \u79d1\u6280\u8207\u793e\u7fa4\u884c\u52d5\uff0c\u5177\u9ad4\u5be6\u8e10\u5168\u7403\u6c38\u7e8c\u767c\u5c55\u6307\u6a19\u3002\n                <\/p>\n            <\/div>\n            <div class=\"sdg-grid\">\n                <div class=\"sdg-item\" style=\"--sdg-bg: #E7F3E5; --sdg-accent: #4C9F38;\">\n                    <div class=\"sdg-number\">03<\/div>\n                    <div class=\"sdg-inner-content\">\n                        <h3>\u5065\u5eb7\u8207\u798f\u7949<\/h3>\n                        <div class=\"sdg-desc-wrapper\">\n                            <p class=\"sdg-desc\">\u900f\u904e AI \u8166\u5065\u5eb7\u6d3b\u5316\u8ab2\u7a0b\u8207\u300c\u963f\u8070\u4ed4 AI\u300d\u63d0\u9192\u529f\u80fd\uff0c\u6709\u6548\u9810\u9632\u9ad8\u9f61\u5931\u667a\uff0c\u63d0\u5347\u9577\u8005\u5fc3\u7406\u5065\u5eb7\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sdg-item\" style=\"--sdg-bg: #F9E7E9; --sdg-accent: #C5192D;\">\n                    <div class=\"sdg-number\">04<\/div>\n                    <div class=\"sdg-inner-content\">\n                        <h3>\u512a\u8cea\u6559\u80b2<\/h3>\n                        <div class=\"sdg-desc-wrapper\">\n                            <p class=\"sdg-desc\">\u63a8\u5ee3\u6578\u4f4d\u5e73\u6b0a\uff0c\u63d0\u4f9b\u5c08\u9580\u70ba\u9577\u8005\u8a2d\u8a08\u7684 AI \u4e92\u52d5\u6559\u5b78\u8ab2\u7a0b\uff0c\u8b93\u9ad8\u9f61\u8005\u4e5f\u80fd\u638c\u63e1\u672a\u4f86\u79d1\u6280\u7684\u61c9\u7528\u6b0a\u5229\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sdg-item\" style=\"--sdg-bg: #FBE7F0; --sdg-accent: #DD1367;\">\n                    <div class=\"sdg-number\">10<\/div>\n                    <div class=\"sdg-inner-content\">\n                        <h3>\u6e1b\u5c11\u4e0d\u5e73\u7b49<\/h3>\n                        <div class=\"sdg-desc-wrapper\">\n                            <p class=\"sdg-desc\">\u6d88\u9664\u8de8\u4e16\u4ee3\u8207\u57ce\u9109\u9593\u7684\u6578\u4f4d\u9d3b\u6e9d\uff0c\u7e2e\u77ed\u504f\u9109\u9577\u8f29\u8207\u73fe\u4ee3\u79d1\u6280\u4e4b\u9593\u7684\u61c9\u7528\u843d\u5dee\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"sdg-item\" style=\"--sdg-bg: #E6EDF2; --sdg-accent: #19486A;\">\n                    <div class=\"sdg-number\">17<\/div>\n                    <div class=\"sdg-inner-content\">\n                        <h3>\u591a\u5143\u5925\u4f34\u95dc\u4fc2<\/h3>\n                        <div class=\"sdg-desc-wrapper\">\n                            <p class=\"sdg-desc\">\u9023\u7d50\u653f\u5e9c\u3001\u4f01\u696d\u3001\u5fd7\u5de5\u8207\u793e\u5340\u64da\u9ede\uff0c\u5171\u540c\u6253\u9020\u667a\u6167\u5171\u878d\u7684\u793e\u6703\u751f\u614b\u7cfb\u3002<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"program-b\" id=\"program-b\">\n        <div class=\"program-container\">\n            <div class=\"section-header\">\n                <span class=\"a-tag\" style=\"display:block; text-align:center; margin-bottom:10px;\" id=\"SmartCompanion\">PROGRAM B<\/span>\n                <h2 class=\"section-title\" style=\"font-size: 2.8rem;\">\u963f\u8070\u4ed4 AI <span>\u667a\u6167\u966a\u4f34<\/span><\/h2>\n                <p style=\"font-size: 1.2rem; color: var(--text-muted); margin-top: 20px;\">\u4e0d\u662f\u79d1\u6280\u70ab\u6280\uff0c\u800c\u662f\u6bcf\u5929\u7684\u5b89\u5fc3\u966a\u4f34\u3002<\/p>\n            <\/div>\n            <div class=\"product-showcase\">\n                <div class=\"b-panel\">\n                    <div class=\"b-card\">\n                        <h4>\u89e3\u6c7a\u7684\u75db\u9ede<\/h4>\n                        <p>\u9577\u8005\u7368\u5c45\u8207\u5b64\u7368\u611f\u589e\u52a0\u3001\u5b50\u5973\u7121\u6cd5\u5373\u6642\u95dc\u5fc3\u7236\u6bcd\u3001\u670d\u85e5\u8207\u751f\u6d3b\u63d0\u9192\u4e0d\u8db3\u3001\u6578\u4f4d\u5de5\u5177\u4f7f\u7528\u9580\u6abb\u904e\u9ad8\u3002<\/p>\n                    <\/div>\n                    <div class=\"b-card\">\n                        <h4>\u6838\u5fc3\u529f\u80fd<\/h4>\n                        <div class=\"tag-cloud\">\n                            <span class=\"b-tag\">\u5931\u667a\u63d0\u9192<\/span>\n                            <span class=\"b-tag\">\u6bcf\u65e5\u554f\u5b89<\/span>\n                            <span class=\"b-tag\">\u8a9e\u97f3\u966a\u804a<\/span>\n                            <span class=\"b-tag\">\u5bb6\u5ead\u50b3\u8a71<\/span>\n                            <span class=\"b-tag\">\u8def\u7dda\u5c0e\u822a<\/span>\n                            <span class=\"b-tag\">\u8aa6\u7d93\u7948\u798f<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"phone-mockup\">\n                    <div class=\"phone-notch\"><\/div>\n                    <div class=\"phone-screen\">\n                        <div class=\"chat-bubble chat-ai\">\u65e9\u5b89\uff01\u963f\u516c\uff0c\u4eca\u5929\u5929\u6c23\u8b8a\u51b7\u4e86\uff0c\u8a18\u5f97\u591a\u7a7f\u4e00\u4ef6\u5916\u5957\u5594\uff01\u51fa\u9580\u6563\u6b65\u4e86\u55ce\uff1f<\/div>\n                        <div class=\"chat-bubble chat-user\">\u6709\u5594\uff0c\u6211\u525b\u53bb\u516c\u5712\u8d70\u4e00\u5708\u56de\u4f86\u4e86\u3002<\/div>\n                        <div class=\"chat-bubble chat-ai-2\">\u592a\u68d2\u4e86\uff01\u53e6\u5916\u63d0\u9192\u60a8\uff0c\u5341\u9ede\u8981\u8a18\u5f97\u5403\u8840\u58d3\u85e5\u5594\uff0c\u5403\u5b8c\u8ddf\u6211\u8aaa\u4e00\u8072\uff01<\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"b-panel\">\n                    <div class=\"b-card\">\n                        <h4>\u6280\u8853\u67b6\u69cb<\/h4>\n                        <div class=\"tag-cloud\">\n                            <span class=\"b-tag\">LINE \u6574\u5408\u61c9\u7528<\/span>\n                            <span class=\"b-tag\">AI \u8a9e\u97f3\u4e92\u52d5<\/span>\n                            <span class=\"b-tag\">\u6a21\u7d44\u5316\u8a2d\u8a08<\/span>\n                            <span class=\"b-tag\">\u96b1\u79c1\u8cc7\u6599\u5b89\u5168<\/span>\n                        <\/div>\n                    <\/div>\n                    <div class=\"b-card\">\n                        <h4>\u516c\u76ca\u63a8\u5ee3<\/h4>\n                        <p>\u63a8\u52d5\u504f\u9109\u516c\u76ca\u5c0e\u5165\u3001\u5f31\u52e2\u9577\u8f29\u514d\u8cbb\u5e33\u865f\u63d0\u4f9b\uff0c\u4e26\u7a4d\u6975\u958b\u5c55\u793e\u5340\u8a66\u9ede\u5408\u4f5c\u65b9\u6848\u3002<\/p>\n                        <a href=\"#\" class=\"btn-primary\" style=\"margin-top: 15px; padding: 12px 30px; font-size: 1rem;\">\u6d3d\u8a62\u7522\u54c1\u5c0e\u5165<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/body>\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-aa7db97 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"aa7db97\" 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-75ab49e elementor-widget elementor-widget-html\" data-id=\"75ab49e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Cooperation Section | Pure CSS Solid Tabs & Mega CTA<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* ================= 1. \u5168\u57df\u8207\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n        :root {\r\n            --orange: #F08050;\r\n            --orange-light: #FF9B70;\r\n            --orange-fade: rgba(240, 128, 80, 0.08);\r\n            --blue-dark: #2C3E50;\r\n            --text-main: #1A2530;\r\n            --text-muted: #8B9DAB;\r\n            --bg-white: #FFFFFF;\r\n            --bg-gray: #F8F9FB;\r\n            --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans TC', sans-serif; }\r\n        body { background-color: var(--bg-gray); color: var(--text-main); overflow-x: hidden; }\r\n\r\n        .coop-section { padding: 120px 5%; max-width: 1200px; margin: 0 auto; position: relative; }\r\n\r\n        \/* \u5927\u6a19\u984c *\/\r\n        .section-header { text-align: center; margin-bottom: 60px; }\r\n        .section-title { font-size: 3rem; font-weight: 900; color: var(--blue-dark); position: relative; display: inline-block; }\r\n        .section-title span { color: var(--orange); }\r\n        .section-title::after {\r\n            content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);\r\n            width: 60px; height: 5px; border-radius: 5px; background: var(--orange);\r\n        }\r\n\r\n        \/* ================= 2. \u7d14 CSS \u6a19\u7c64\u5207\u63db\u6838\u5fc3\u908f\u8f2f ================= *\/\r\n        \/* \u96b1\u85cf\u771f\u5be6\u7684 Radio Buttons *\/\r\n        input[type=\"radio\"] { display: none; }\r\n\r\n        .tabs-system { position: relative; }\r\n\r\n        .tab-controls {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 50px;\r\n            margin-bottom: 50px;\r\n            border-bottom: 2px solid rgba(0,0,0,0.05);\r\n        }\r\n\r\n        \/* \u5c07 Label \u507d\u88dd\u6210\u6309\u9215 *\/\r\n        .tab-btn {\r\n            font-size: 1.8rem;\r\n            font-weight: 900;\r\n            color: var(--text-muted);\r\n            padding: 15px 20px;\r\n            cursor: pointer;\r\n            position: relative;\r\n            transition: var(--transition-smooth);\r\n            user-select: none;\r\n        }\r\n\r\n        .tab-btn:hover { color: var(--blue-dark); }\r\n\r\n        \/* \u6a19\u7c64\u5e95\u7dda\u6e96\u5099 *\/\r\n        .tab-btn::after {\r\n            content: ''; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%);\r\n            width: 0; height: 4px; background: var(--orange); border-radius: 4px 4px 0 0;\r\n            transition: var(--transition-smooth);\r\n        }\r\n\r\n        \/* \u2605 \u7d14 CSS \u89f8\u767c\uff1a\u7576 Radio \u88ab\u9078\u4e2d\u6642\uff0c\u6539\u8b8a\u5c0d\u61c9\u7684 Label \u6a23\u5f0f \u2605 *\/\r\n        #tab-target:checked ~ .tab-controls label[for=\"tab-target\"],\r\n        #tab-method:checked ~ .tab-controls label[for=\"tab-method\"] {\r\n            color: var(--orange);\r\n        }\r\n        \r\n        #tab-target:checked ~ .tab-controls label[for=\"tab-target\"]::after,\r\n        #tab-method:checked ~ .tab-controls label[for=\"tab-method\"]::after {\r\n            width: 100%;\r\n        }\r\n\r\n        \/* ================= 3. \u5207\u63db\u5167\u5bb9\u5340\u584a ================= *\/\r\n        .tab-content-wrapper { min-height: 350px; position: relative; }\r\n        \r\n        .tab-pane {\r\n            display: none; \/* \u9810\u8a2d\u5b8c\u5168\u96b1\u85cf *\/\r\n            animation: fadeIn 0.5s ease forwards;\r\n        }\r\n\r\n        \/* \u2605 \u7d14 CSS \u89f8\u767c\uff1a\u7576 Radio \u88ab\u9078\u4e2d\u6642\uff0c\u986f\u793a\u5c0d\u61c9\u7684\u5167\u5bb9\u5340\u584a \u2605 *\/\r\n        #tab-target:checked ~ .tab-content-wrapper .pane-target,\r\n        #tab-method:checked ~ .tab-content-wrapper .pane-method {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 25px;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(15px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        \/* ================= 4. \u5361\u7247\u8a2d\u8a08 ================= *\/\r\n        .coop-card {\r\n            background: var(--bg-white);\r\n            border-radius: 16px;\r\n            padding: 35px 30px;\r\n            box-shadow: 0 5px 20px rgba(0,0,0,0.02);\r\n            border: 1px solid rgba(0,0,0,0.04);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            transition: var(--transition-smooth);\r\n            cursor: default;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .coop-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 15px 35px rgba(240, 128, 80, 0.08);\r\n            border-color: rgba(240, 128, 80, 0.3);\r\n        }\r\n\r\n        .card-title {\r\n            font-size: 1.35rem;\r\n            font-weight: 700;\r\n            color: var(--blue-dark);\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .card-icon {\r\n            width: 45px; height: 45px;\r\n            border-radius: 50%;\r\n            background: var(--bg-gray);\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: var(--text-muted);\r\n            transition: var(--transition-smooth);\r\n            z-index: 2;\r\n        }\r\n        .card-icon svg { width: 22px; height: 22px; }\r\n\r\n        .coop-card:hover .card-icon { background: var(--orange); color: white; transform: scale(1.1); }\r\n\r\n        \/* ================= 5. \u8d85\u7d1a CTA \u6309\u9215 (Mega CTA) ================= *\/\r\n        .cta-wrapper { text-align: center; margin-top: 80px; position: relative; }\r\n\r\n        .btn-mega {\r\n            display: inline-flex; align-items: center; justify-content: center;\r\n            padding: 22px 60px; background: linear-gradient(135deg, var(--orange), var(--orange-light));\r\n            color: white; font-size: 1.4rem; font-weight: 900; text-decoration: none; border-radius: 100px;\r\n            box-shadow: 0 15px 35px rgba(240, 128, 80, 0.4); transition: var(--transition-smooth);\r\n            position: relative; overflow: hidden; letter-spacing: 1px;\r\n        }\r\n\r\n        .btn-mega::before {\r\n            content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, transparent 60%);\r\n            opacity: 0; transition: var(--transition-smooth); z-index: 1; pointer-events: none;\r\n        }\r\n\r\n        .btn-mega:hover { transform: translateY(-5px) scale(1.02); box-shadow: 0 20px 50px rgba(240, 128, 80, 0.6); }\r\n        .btn-mega:hover::before { opacity: 1; animation: rotateLight 3s linear infinite; }\r\n\r\n        @keyframes rotateLight { 100% { transform: rotate(360deg); } }\r\n\r\n        \/* ================= 6. RWD \u97ff\u61c9\u5f0f ================= *\/\r\n        @media (max-width: 768px) {\r\n            .coop-section { padding: 80px 5%; }\r\n            .section-title { font-size: 2.2rem; }\r\n            .tab-controls { gap: 20px; margin-bottom: 40px; }\r\n            .tab-btn { font-size: 1.4rem; padding: 10px; }\r\n            #tab-target:checked ~ .tab-content-wrapper .pane-target,\r\n            #tab-method:checked ~ .tab-content-wrapper .pane-method { grid-template-columns: 1fr; gap: 15px; }\r\n            .coop-card { padding: 25px 20px; }\r\n            .btn-mega { width: 100%; padding: 20px; font-size: 1.25rem; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"coop-section\">\r\n        \r\n        <div class=\"section-header\">\r\n            <h2 class=\"section-title\" id=\"cooperate\">\u5408\u4f5c<span>\u5c08\u5340<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"tabs-system\">\r\n            \r\n            <input type=\"radio\" id=\"tab-target\" name=\"coop-tabs\" checked>\r\n            <input type=\"radio\" id=\"tab-method\" name=\"coop-tabs\">\r\n\r\n            <div class=\"tab-controls\">\r\n                <label for=\"tab-target\" class=\"tab-btn\">\u5408\u4f5c\u5c0d\u8c61<\/label>\r\n                <label for=\"tab-method\" class=\"tab-btn\">\u5408\u4f5c\u65b9\u5f0f<\/label>\r\n            <\/div>\r\n\r\n            <div class=\"tab-content-wrapper\">\r\n                \r\n                <div class=\"tab-pane pane-target\">\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u793e\u5340\u95dc\u61f7\u64da\u9ede<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u9577\u7167\u6a5f\u69cb<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u4f01\u696d ESG \u90e8\u9580<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u653f\u5e9c\u55ae\u4f4d<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u79d1\u6280\u516c\u53f8<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tab-pane pane-method\">\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u5171\u540c\u958b\u8ab2<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u6280\u8853\u5c0e\u5165<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u653f\u7b56\u793a\u7bc4\u5834\u57df<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u6578\u64da\u7814\u7a76\u5408\u4f5c<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"20\" x2=\"18\" y2=\"10\"><\/line><line x1=\"12\" y1=\"20\" x2=\"12\" y2=\"4\"><\/line><line x1=\"6\" y1=\"20\" x2=\"6\" y2=\"14\"><\/line><\/svg><\/div>\r\n                    <\/div>\r\n                    <div class=\"coop-card\">\r\n                        <span class=\"card-title\">\u54e1\u5de5\u5065\u5eb7\u8207\u9ad8\u9f61\u53cb\u5584\u65b9\u6848<\/span>\r\n                        <div class=\"card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path><\/svg><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div> <div class=\"cta-wrapper\">\r\n            <a href=\"#\" class=\"btn-mega\">\u5408\u4f5c\u6d3d\u8a62\uff08\u4f01\u696d\uff0f\u653f\u5e9c\uff0f\u5a92\u9ad4\uff09<\/a>\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e68b204 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"e68b204\" 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-55d1fe3 elementor-widget elementor-widget-html\" data-id=\"55d1fe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Team, Volunteer & Contact | Final Awwwards Style<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        \/* ================= 1. \u5168\u57df\u8207\u57fa\u790e\u8a2d\u5b9a ================= *\/\r\n        :root {\r\n            --orange: #F08050;\r\n            --orange-light: #FF9B70;\r\n            --orange-fade: rgba(240, 128, 80, 0.08);\r\n            --blue-dark: #2C3E50;\r\n            --text-main: #1A2530;\r\n            --text-muted: #8B9DAB;\r\n            --bg-white: #FFFFFF;\r\n            --bg-gray: #F8F9FB;\r\n            --transition-smooth: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Noto Sans TC', sans-serif; }\r\n        body { background-color: var(--bg-white); color: var(--text-main); overflow-x: hidden; }\r\n\r\n        \/* \u5171\u7528\u6a19\u984c\u6a23\u5f0f *\/\r\n        .section-header { text-align: center; margin-bottom: 60px; }\r\n        .section-title { font-size: 3rem; font-weight: 900; color: var(--blue-dark); position: relative; display: inline-block; }\r\n        .section-title span { color: var(--orange); }\r\n        .section-title::after {\r\n            content: ''; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%);\r\n            width: 60px; height: 5px; border-radius: 5px; background: var(--orange);\r\n        }\r\n\r\n        \/* \u6309\u9215\u5171\u7528 *\/\r\n        .btn-primary {\r\n            display: inline-flex; align-items: center; justify-content: center;\r\n            padding: 16px 40px; background: linear-gradient(135deg, var(--orange), var(--orange-light));\r\n            color: white; font-size: 1.15rem; font-weight: 700; text-decoration: none; border-radius: 100px;\r\n            box-shadow: 0 10px 30px rgba(240, 128, 80, 0.3); transition: var(--transition-smooth);\r\n            border: none; cursor: pointer;\r\n        }\r\n        .btn-primary:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(240, 128, 80, 0.4); }\r\n\r\n        \/* ================= 2. \u5718\u968a\u5340\u584a (Leader & Advisors) ================= *\/\r\n        .team-section { padding: 120px 5%; background: var(--bg-white); }\r\n        .team-container { max-width: 1200px; margin: 0 auto; }\r\n        .team-subtitle { text-align: center; font-size: 1.2rem; color: var(--text-muted); margin-bottom: 50px; }\r\n\r\n        \/* \u2605 \u7406\u4e8b\u9577\u5c08\u5c6c\u805a\u7126\u5361\u7247 (Leader Spotlight) \u2605 *\/\r\n        .leader-profile {\r\n            display: flex;\r\n            background: var(--bg-gray);\r\n            border-radius: 30px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 50px rgba(0,0,0,0.04);\r\n            border: 1px solid rgba(0,0,0,0.02);\r\n            margin-bottom: 80px;\r\n            transition: var(--transition-smooth);\r\n        }\r\n        \r\n        .leader-profile:hover {\r\n            box-shadow: 0 30px 60px rgba(240, 128, 80, 0.08);\r\n            transform: translateY(-5px);\r\n        }\r\n\r\n        \/* \u5de6\u5074\u7167\u7247\u5340 *\/\r\n        .leader-image {\r\n            flex: 0 0 400px; \/* \u56fa\u5b9a\u7167\u7247\u5bec\u5ea6 *\/\r\n            position: relative;\r\n        }\r\n        .leader-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            object-position: top center; \/* \u78ba\u4fdd\u4eba\u50cf\u81c9\u90e8\u4e0d\u88ab\u88c1\u5207 *\/\r\n        }\r\n        \r\n        \/* \u5716\u7247\u53f3\u5074\u7684\u6f38\u5c64\u904e\u6e21\u6548\u679c (\u8b93\u5716\u7247\u8207\u6587\u5b57\u5340\u878d\u5408\u5f97\u66f4\u597d) *\/\r\n        .leader-image::after {\r\n            content: ''; position: absolute; top: 0; right: 0; width: 40px; height: 100%;\r\n            background: linear-gradient(to right, transparent, var(--bg-gray));\r\n        }\r\n\r\n        \/* \u53f3\u5074\u6587\u5b57\u5c65\u6b77\u5340 *\/\r\n        .leader-info {\r\n            padding: 50px;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        .leader-badge {\r\n            align-self: flex-start;\r\n            background: var(--orange-fade);\r\n            color: var(--orange);\r\n            padding: 8px 18px;\r\n            border-radius: 100px;\r\n            font-weight: 900;\r\n            font-size: 0.95rem;\r\n            margin-bottom: 20px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .leader-name {\r\n            font-size: 2.5rem;\r\n            font-weight: 900;\r\n            color: var(--blue-dark);\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .leader-edu {\r\n            font-size: 1.15rem;\r\n            color: var(--text-muted);\r\n            margin-bottom: 30px;\r\n            font-weight: 500;\r\n        }\r\n\r\n        \/* \u7d93\u6b77\u6e05\u55ae\uff1a\u96d9\u6b04\u7db2\u683c\u6392\u7248 *\/\r\n        .leader-exp-list {\r\n            list-style: none;\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 15px 25px;\r\n        }\r\n\r\n        .leader-exp-list li {\r\n            position: relative;\r\n            padding-left: 28px;\r\n            color: var(--text-main);\r\n            font-size: 1.05rem;\r\n            line-height: 1.5;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .leader-exp-list li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 2px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            width: 20px; height: 20px;\r\n            background: var(--orange);\r\n            color: white;\r\n            border-radius: 50%;\r\n            font-size: 0.75rem;\r\n            font-weight: 900;\r\n        }\r\n\r\n        \/* \u8de8\u9818\u57df\u9867\u554f\u5c0f\u6a19 *\/\r\n        .sub-heading {\r\n            text-align: center;\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: var(--blue-dark);\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n        }\r\n\r\n        \/* \u9867\u554f\u9818\u57df Grid *\/\r\n        .domain-grid {\r\n            display: flex; flex-wrap: wrap; justify-content: center; gap: 15px;\r\n        }\r\n\r\n        .domain-card {\r\n            background: var(--bg-white);\r\n            border: 1px solid rgba(0,0,0,0.05);\r\n            border-radius: 16px;\r\n            padding: 20px 30px;\r\n            display: flex; align-items: center; gap: 12px;\r\n            transition: var(--transition-smooth);\r\n            cursor: default;\r\n        }\r\n\r\n        .domain-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 25px rgba(240, 128, 80, 0.1);\r\n            border-color: rgba(240, 128, 80, 0.3);\r\n        }\r\n\r\n        .domain-icon {\r\n            width: 32px; height: 32px; border-radius: 8px; background: var(--orange-fade);\r\n            color: var(--orange); display: flex; align-items: center; justify-content: center;\r\n            transition: var(--transition-smooth);\r\n        }\r\n\r\n        .domain-card:hover .domain-icon { background: var(--orange); color: white; transform: rotate(10deg); }\r\n        .domain-title { font-size: 1.1rem; font-weight: 700; color: var(--blue-dark); }\r\n\r\n        \/* ================= 3. \u5fd7\u5de5\u53c3\u8207 (Volunteer Section) ================= *\/\r\n        .volunteer-section { padding: 120px 5%; background: var(--bg-gray); overflow: hidden; }\r\n        .vol-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1.5fr; gap: 60px; align-items: center; }\r\n\r\n        .vol-left .vol-tag { display: inline-block; color: var(--orange); font-weight: 900; letter-spacing: 2px; margin-bottom: 15px; }\r\n        .vol-left h2 { font-size: 3rem; font-weight: 900; color: var(--blue-dark); line-height: 1.2; margin-bottom: 20px; }\r\n        .vol-left p { font-size: 1.15rem; color: var(--text-muted); line-height: 1.7; margin-bottom: 30px; }\r\n        \r\n        .vol-quote {\r\n            padding: 20px; background: var(--bg-white); border-left: 4px solid var(--orange);\r\n            border-radius: 0 16px 16px 0; font-size: 1.2rem; font-weight: 700; color: var(--text-main);\r\n            box-shadow: 0 10px 20px rgba(0,0,0,0.03); margin-bottom: 40px;\r\n        }\r\n\r\n        \/* \u932f\u843d\u6709\u81f4\u7684\u5361\u7247\u6392\u7248 *\/\r\n        .vol-right { display: flex; gap: 20px; }\r\n        .vol-col { display: flex; flex-direction: column; gap: 20px; flex: 1; }\r\n        .vol-col.down { margin-top: 40px; } \/* \u7522\u751f\u9ad8\u4f4e\u843d\u5dee *\/\r\n\r\n        .vol-card {\r\n            background: var(--bg-white); border-radius: 24px; padding: 40px 30px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.02); transition: var(--transition-smooth);\r\n            text-align: center; border: 1px solid transparent;\r\n        }\r\n        .vol-card:hover { transform: translateY(-10px); box-shadow: 0 20px 40px rgba(240,128,80,0.1); border-color: rgba(240,128,80,0.2); }\r\n        .vol-card h4 { font-size: 1.3rem; font-weight: 700; color: var(--orange); margin-top: 15px; }\r\n\r\n        \/* ================= 4. \u806f\u7d61\u6211\u5011\u8207\u8868\u55ae (Contact Section) ================= *\/\r\n\/* ================= 4. \u806f\u7d61\u6211\u5011\u8207\u8868\u55ae (Contact Section) \u66ff\u63db\u8a9e\u6cd5 ================= *\/\r\n.contact-section { \r\n    padding: 120px 5% 60px;\r\n    background-image: url('https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/04\/background_variant_2.png') !important;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n    position: relative;\r\n}\r\n\r\n\/* \u589e\u52a0\u534a\u900f\u660e\u906e\u7f69\uff0c\u78ba\u4fdd\u300c\u806f\u7d61\u6211\u5011\u300d\u6a19\u984c\u6e05\u6670\u5ea6 *\/\r\n.contact-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0; bottom: 0;\r\n    background: rgba(255, 255, 255, 0.4); \r\n    z-index: 1;\r\n}\r\n\r\n\/* \u78ba\u4fdd\u5340\u584a\u5167\u5bb9\u8207\u6a19\u984c\u986f\u793a\u5728\u906e\u7f69\u4e0a\u65b9 *\/\r\n.contact-section .section-header, \r\n.contact-section .contact-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* \u8abf\u6574\u5bb9\u5668\u80cc\u666f\uff0c\u8b93\u8868\u55ae\u5361\u7247\u5728\u80cc\u666f\u5716\u4e0a\u66f4\u6e05\u6670 *\/\r\n.contact-container { \r\n    max-width: 1200px; \r\n    margin: 0 auto; \r\n    background: rgba(255, 255, 255, 0.9); \r\n    border-radius: 40px; \r\n    box-shadow: 0 30px 70px rgba(0,0,0,0.1); \r\n    border: 1px solid rgba(0,0,0,0.03); \r\n    overflow: hidden; \r\n    display: flex;\r\n}\r\n\r\n\/* \u8b93\u5167\u90e8\u8868\u55ae\u80cc\u666f\u900f\u660e\u4ee5\u986f\u793a\u5bb9\u5668\u5e95\u8272 *\/\r\n.contact-form { \r\n    flex: 1.2;\r\n    padding: 60px; \r\n    background: transparent; \r\n}\r\n\r\n        .contact-section { padding: 120px 5% 60px; background: var(--bg-white); }\r\n        .contact-container { max-width: 1200px; margin: 0 auto; background: var(--bg-white); border-radius: 40px; box-shadow: 0 20px 60px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,0.03); overflow: hidden; display: flex; }\r\n\r\n        \/* \u5de6\u5074\uff1a\u8cc7\u8a0a\u8207\u5730\u5716 *\/\r\n        .contact-info { flex: 1; background: var(--blue-dark); color: white; padding: 60px; position: relative; overflow: hidden; }\r\n        .contact-info::before {\r\n            content: ''; position: absolute; top: -50px; right: -50px; width: 250px; height: 250px;\r\n            background: radial-gradient(circle, rgba(240,128,80,0.2) 0%, transparent 70%); border-radius: 50%;\r\n        }\r\n\r\n        .info-title { font-size: 2.5rem; font-weight: 900; margin-bottom: 30px; position: relative; z-index: 1; }\r\n        \r\n        .intent-list { margin-bottom: 40px; position: relative; z-index: 1; }\r\n        .intent-list p { color: rgba(255,255,255,0.7); margin-bottom: 15px; font-weight: 500; }\r\n        .intent-tags { display: flex; flex-wrap: wrap; gap: 10px; }\r\n        .intent-tag { padding: 6px 15px; border: 1px solid rgba(255,255,255,0.2); border-radius: 100px; font-size: 0.9rem; color: white; }\r\n\r\n        .info-item { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 25px; position: relative; z-index: 1; }\r\n        .info-item svg { width: 24px; height: 24px; color: var(--orange); flex-shrink: 0; }\r\n        .info-item p { color: rgba(255,255,255,0.9); line-height: 1.5; }\r\n        .info-item strong { display: block; color: white; font-size: 1.1rem; margin-bottom: 5px; }\r\n\r\n        \/* \u53f3\u5074\uff1a\u6d6e\u52d5\u6a19\u7c64\u8868\u55ae *\/\r\n        .contact-form { flex: 1.2; padding: 60px; background: var(--bg-white); }\r\n        .form-title { font-size: 1.8rem; font-weight: 700; color: var(--blue-dark); margin-bottom: 40px; }\r\n\r\n        .input-group { position: relative; margin-bottom: 35px; }\r\n        .input-group input, .input-group textarea {\r\n            width: 100%; border: none; border-bottom: 2px solid rgba(0,0,0,0.1); background: transparent;\r\n            padding: 10px 0; font-size: 1.05rem; color: var(--text-main); outline: none; transition: 0.3s;\r\n        }\r\n        .input-group textarea { resize: vertical; min-height: 80px; }\r\n        \r\n        \/* \u61f8\u6d6e\u6a19\u7c64\u9ed1\u79d1\u6280 *\/\r\n        .input-group label {\r\n            position: absolute; top: 10px; left: 0; color: var(--text-muted); font-size: 1.05rem;\r\n            transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); pointer-events: none;\r\n        }\r\n        .input-group input:focus ~ label, .input-group input:valid ~ label,\r\n        .input-group textarea:focus ~ label, .input-group textarea:valid ~ label {\r\n            top: -20px; font-size: 0.85rem; color: var(--orange); font-weight: 700;\r\n        }\r\n        .input-group input:focus, .input-group textarea:focus { border-bottom-color: var(--orange); }\r\n\r\n        \/* ================= 5. Footer ================= *\/\r\n        .footer { text-align: center; padding: 30px 5%; background: var(--bg-white); color: var(--text-muted); font-size: 0.95rem; border-top: 1px solid rgba(0,0,0,0.05); margin-top: 40px; }\r\n\r\n        \/* ================= 6. RWD \u97ff\u61c9\u5f0f ================= *\/\r\n        @media (max-width: 1024px) {\r\n            \/* \u7406\u4e8b\u9577\u5361\u7247\u624b\u6a5f\u7248\u8b8a\u70ba\u4e0a\u4e0b\u758a\u52a0 *\/\r\n            .leader-profile { flex-direction: column; }\r\n            .leader-image { flex: auto; height: 400px; }\r\n            .leader-image::after { display: none; \/* \u79fb\u9664\u6f38\u5c64\u906e\u7f69 *\/ }\r\n            .leader-info { padding: 40px 30px; }\r\n            .leader-exp-list { grid-template-columns: 1fr; \/* \u624b\u6a5f\u7248\u55ae\u884c\u986f\u793a *\/ }\r\n\r\n            .vol-container { grid-template-columns: 1fr; text-align: center; }\r\n            .vol-right { justify-content: center; }\r\n            .vol-quote { border-left: none; border-bottom: 4px solid var(--orange); border-radius: 16px; }\r\n            .contact-container { flex-direction: column; }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .team-section, .volunteer-section, .contact-section { padding: 80px 5%; }\r\n            .section-title { font-size: 2.2rem; }\r\n            \r\n            .leader-image { height: 300px; }\r\n            .leader-name { font-size: 2rem; }\r\n            .leader-info { padding: 30px 20px; }\r\n\r\n            .vol-left h2 { font-size: 2.2rem; }\r\n            .vol-right { flex-direction: column; gap: 20px; }\r\n            .vol-col.down { margin-top: 0; } \/* \u624b\u6a5f\u53d6\u6d88\u9ad8\u4f4e\u843d\u5dee *\/\r\n            .contact-info, .contact-form { padding: 40px 25px; }\r\n            .info-title { font-size: 2rem; }\r\n            .btn-primary { width: 100%; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <section class=\"team-section\" id=\"team\">\r\n        <div class=\"team-container\">\r\n            <div class=\"section-header\">\r\n                <h2 class=\"section-title\" id=\"team\">\u7406\u4e8b\u9577\u8207\u9867\u554f<span>\u5718\u968a<\/span><\/h2>\r\n                <p class=\"team-subtitle\">\u8de8\u9818\u57df\u5c08\u696d\u5718\u968a\uff0c\u7d50\u5408 AI \u79d1\u6280\u3001\u6559\u80b2\u8207\u8166\u5065\u5eb7\u5be6\u52d9\u3002<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"leader-profile\">\r\n                <div class=\"leader-image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg\" alt=\"\u6e38\u91c7\u5a55 \u7406\u4e8b\u9577\">\r\n                <\/div>\r\n                \r\n                <div class=\"leader-info\">\r\n                    <span class=\"leader-badge\">\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703 \u7406\u4e8b\u9577<\/span>\r\n                    <h3 class=\"leader-name\">\u6e38\u91c7\u5a55<\/h3>\r\n                    <p class=\"leader-edu\">\u6587\u5316\u5927\u5b78\u793e\u6703\u4f01\u696d\u7814\u7a76\u6240 \u78a9\u58eb<\/p>\r\n                    \r\n                    <ul class=\"leader-exp-list\">\r\n                        <li>\u53f0\u5317\u5e02\u9280\u9aee\u65cf AI \u8ab2\u7a0b\u8001\u5e2b<\/li>\r\n                        <li>\u65b0\u5317\u5730\u5340\u793e\u5927 AI \u8ab2\u7a0b\u8001\u5e2b<\/li>\r\n                        <li>\u65b0\u5317\u5e02\u793e\u6703\u5c40\u5275\u65b0\u5c08\u6848-\u504f\u9109\u9280\u9aee AI \u8ab2\u7a0b\u8001\u5e2b<\/li>\r\n                        <li>\u53f0\u5317\u5730\u5340\u793e\u5927\u9810\u9632\u5931\u667a\u8166\u9f61\u6aa2\u6e2c\u8b1b\u5e2b<\/li>\r\n                        <li>\u53f0\u5317\u5730\u5340\u8001\u670d\u4e2d\u5fc3\u5168\u8166\u8a8d\u77e5\u904b\u52d5\u8001\u5e2b<\/li>\r\n                        <li>\u65b0\u5317\u5e02\u653f\u5e9c\u8b66\u5bdf\u5c40\u53ca\u5404\u5206\u5c40\u9810\u9632\u5931\u667a\u8b1b\u5e2b<\/li>\r\n                        <li>\u5168\u9f61\u6a02\u904a\u5065\u5eb7\u767c\u5c55\u5354\u6703\u9810\u9632\u5931\u667a\u9006\u9f61\u6559\u7df4<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <h3 class=\"sub-heading\">\u8de8\u9818\u57df\u9867\u554f\u5718\u968a<\/h3>\r\n            <div class=\"domain-grid\">\r\n                <div class=\"domain-card\">\r\n                    <div class=\"domain-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg><\/div>\r\n                    <span class=\"domain-title\">\u91ab\u7642\u5c08\u696d<\/span>\r\n                <\/div>\r\n                <div class=\"domain-card\">\r\n                    <div class=\"domain-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/svg><\/div>\r\n                    <span class=\"domain-title\">\u9577\u7167\u5c08\u5bb6<\/span>\r\n                <\/div>\r\n                <div class=\"domain-card\">\r\n                    <div class=\"domain-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg><\/div>\r\n                    <span class=\"domain-title\">AI\u79d1\u6280\u9867\u554f<\/span>\r\n                <\/div>\r\n                <div class=\"domain-card\">\r\n                    <div class=\"domain-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"><\/path><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"><\/path><\/svg><\/div>\r\n                    <span class=\"domain-title\">\u6559\u80b2\u5c08\u5bb6<\/span>\r\n                <\/div>\r\n                <div class=\"domain-card\">\r\n                    <div class=\"domain-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"21 8 21 21 3 21 3 8\"><\/polyline><rect x=\"1\" y=\"3\" width=\"22\" height=\"5\"><\/rect><line x1=\"10\" y1=\"12\" x2=\"14\" y2=\"12\"><\/line><\/svg><\/div>\r\n                    <span class=\"domain-title\">\u4f01\u696d\u9867\u554f<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"volunteer-section\" id=\"volunteer\">\r\n        <div class=\"vol-container\">\r\n            <div class=\"vol-left\">\r\n                <span class=\"vol-tag\" id=\"VOLUNTEER\">VOLUNTEER<\/span>\r\n                <h2>\u6210\u70ba\u6a02\u9f61 AI \u966a\u4f34\u7684<br>\u95dc\u9375\u529b\u91cf<\/h2>\r\n                <p>\u672c\u6703\u5fd7\u5de5\u4ee5\u300c\u6a02\u9f61 AI \u966a\u4f34\u300d\u70ba\u6838\u5fc3\u89d2\u8272\u3002\u7121\u8ad6\u60a8\u5177\u5099\u6559\u5b78\u71b1\u5ff1\u3001\u79d1\u6280\u5c08\u9577\uff0c\u9084\u662f\u559c\u611b\u7c4c\u8fa6\u6d3b\u52d5\uff0c\u9019\u88e1\u90fd\u6709\u60a8\u7684\u821e\u53f0\u3002<\/p>\r\n                <div class=\"vol-quote\">\r\n                    \u300c\u6211\u5011\u76f8\u4fe1\uff0c\u6bcf\u4e00\u4f4d\u5fd7\u5de5\u90fd\u662f\u4e16\u4ee3\u9023\u7d50\u7684\u95dc\u9375\u89d2\u8272\u3002\u300d\r\n                <\/div>\r\n                <a href=\"#\" class=\"btn-primary\">\u7acb\u5373\u52a0\u5165\u5fd7\u5de5\u884c\u5217<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"vol-right\">\r\n                <div class=\"vol-col\">\r\n                    <div class=\"vol-card\">\r\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z\"><\/path><path d=\"M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z\"><\/path><\/svg>\r\n                        <h4>\u6559\u5b78\u5fd7\u5de5<\/h4>\r\n                    <\/div>\r\n                    <div class=\"vol-card\">\r\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polygon points=\"10 8 16 12 10 16 10 8\"><\/polygon><\/svg>\r\n                        <h4>\u793e\u5340\u6d3b\u52d5\u5fd7\u5de5<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"vol-col down\">\r\n                    <div class=\"vol-card\">\r\n                        <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--orange)\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\r\n                        <h4>\u79d1\u6280\u8f14\u5c0e\u5fd7\u5de5<\/h4>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"contact-section\" id=\"contact\">\r\n        <div class=\"section-header\" >\r\n            <h2 class=\"section-title\" id=\"Contact\">\u806f\u7d61<span>\u6211\u5011<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"contact-container\">\r\n            <div class=\"contact-info\">\r\n                <h3 class=\"info-title\">\u958b\u555f\u5408\u4f5c\u5c0d\u8a71<\/h3>\r\n                \r\n                <div class=\"intent-list\">\r\n                    <p>\u82e5\u60a8\u5e0c\u671b\uff1a<\/p>\r\n                    <div class=\"intent-tags\">\r\n                        <span class=\"intent-tag\">\u5c0e\u5165\u8ab2\u7a0b<\/span>\r\n                        <span class=\"intent-tag\">\u63a8\u52d5 ESG \u5c08\u6848<\/span>\r\n                        <span class=\"intent-tag\">\u5efa\u7acb\u793a\u7bc4\u5834\u57df<\/span>\r\n                        <span class=\"intent-tag\">\u5a92\u9ad4\u63a1\u8a2a\u5408\u4f5c<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"info-item\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"><\/path><\/svg>\r\n                    <div>\r\n                        <strong>LINE \u5b98\u65b9\u5e33\u865f<\/strong>\r\n                        <p>@\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"info-item\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                    <div>\r\n                        <strong>Email \u96fb\u5b50\u4fe1\u7bb1<\/strong>\r\n                        <p>Kellyyu1212@gmail.com<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"info-item\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                    <div>\r\n                        <strong>\u806f\u7d61\u5730\u5740<\/strong>\r\n                        <p>\u53f0\u7063\u53f0\u5317\u5e02 (\u5354\u6703\u8a3b\u518a\u5730\u5740)<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"contact-form\">\r\n                <h3 class=\"form-title\">\u7dda\u4e0a\u6d3d\u8a62\u8868\u55ae<\/h3>\r\n                \r\n                <form action=\"https:\/\/formsubmit.co\/rexlin323@gmail.com\" method=\"POST\">\r\n                    \r\n                    <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n\r\n                    <div class=\"input-group\">\r\n                        <input type=\"text\" id=\"name\" name=\"\u59d3\u540d\" required>\r\n                        <label for=\"name\">\u59d3\u540d \/ \u806f\u7d61\u4eba<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"input-group\">\r\n                        <input type=\"text\" id=\"company\" name=\"\u55ae\u4f4d\u6216\u4f01\u696d\u540d\u7a31\" required>\r\n                        <label for=\"company\">\u55ae\u4f4d \/ \u4f01\u696d\u540d\u7a31<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"input-group\">\r\n                        <input type=\"email\" id=\"email\" name=\"\u96fb\u5b50\u4fe1\u7bb1\" required>\r\n                        <label for=\"email\">\u96fb\u5b50\u4fe1\u7bb1<\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"input-group\">\r\n                        <textarea id=\"message\" name=\"\u6d3d\u8a62\u5167\u5bb9\" required><\/textarea>\r\n                        <label for=\"message\">\u60a8\u5e0c\u671b\u6d3d\u8a62\u7684\u5167\u5bb9\u6216\u5408\u4f5c\u65b9\u5411...<\/label>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"btn-primary\" style=\"width: 100%; border-radius: 12px; margin-top: 20px;\">\u9001\u51fa\u8868\u55ae<\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer class=\"footer\">\r\n        <p>&copy; 2026 \u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703. All Rights Reserved.<\/p>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI\u966a\u4f34 \u00d7 \u5931\u667a\u9810\u9632 \u8de8\u4e16\u4ee3\u5171\u878d \u6253\u9020\u53f0\u7063\u9ad8\u9f61 AI \u966a\u4f34\u8207\u5931\u667a\u9810\u9632\u7684\u65b0\u6a21\u5f0f \u6211\u5011\u4e0d\u662f\u6559 AI \u6280\u8853\uff0c\u800c\u662f\u966a\u9577\u8005\u8de8\u8d8a\u6578\u4f4d\u6050\u61fc\u3002 \u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u82e5\u6709\u6eab\u5ea6\uff0c\u80fd\u91cd\u65b0\u9ede\u4eae\u9577\u8f29\u7684\u81ea\u4fe1\u8207\u5bb6\u5ead\u7684\u9023\u7d50\u3002 \u63a2\u7d22\u5408\u4f5c \u5831\u540d\u9ad4\u9a57 \u60a8\u7684\u700f\u89bd\u5668\u4e0d\u652f\u63f4\u5f71\u7247\u64ad\u653e\u3002 Reality Section | Clean Professional Style \u6211\u5011\u6b63\u5728\u9762\u5c0d\u7684\u73fe\u5be6 \u53f0\u7063\u5df2\u6b63\u5f0f\u9081\u5165\u8d85\u9ad8\u9f61\u793e\u6703\u3002\u6bcf 5 \u4eba\u4e4b\u4e2d\uff0c\u5c31\u6709 1 \u4f4d\u662f 65 \u6b72\u4ee5\u4e0a\u9577\u8005\u3002 \u96a8\u8457\u9ad8\u9f61\u4eba\u53e3\u589e\u52a0\uff0c\u5931\u667a\u98a8\u96aa\u9010\u5e74\u5347\u9ad8\uff0c\u9577\u8f29\u6b63\u9762\u81e8\u8457\u4e09\u91cd\u6311\u6230\uff1a 01 \u6578\u4f4d\u5de5\u5177\u9580\u6abb\u9ad8 \u9577\u8f29\u9762\u5c0d\u65e5\u65b0\u6708\u7570\u7684\u79d1\u6280\u8207\u4ecb\u9762\u7d93\u5e38\u611f\u5230\u632b\u6557\uff0c\u9032\u800c\u7522\u751f\u6578\u4f4d\u6050\u61fc\uff0c\u9010\u6f38\u8207\u793e\u6703\u8cc7\u8a0a\u53ca\u4fbf\u5229\u751f\u6d3b\u812b\u7bc0\u3002 02 \u966a\u4f34\u6642\u9593\u6e1b\u5c11 \u73fe\u4ee3\u5bb6\u5ead\u7d50\u69cb\u6539\u8b8a\uff0c\u5b50\u5973\u751f\u6d3b\u8207\u5de5\u4f5c\u5fd9\u788c\uff0c\u5be6\u9ad4\u966a\u4f34\u9577\u8f29\u7684\u6642\u9593\u4e0d\u53ef\u907f\u514d\u5730\u5927\u5e45\u6e1b\u5c11\uff0c\u5b64\u7368\u611f\u65e5\u76ca\u589e\u52a0\u3002 03 \u8166\u90e8\u523a\u6fc0\u4e0d\u8db3 \u7f3a\u4e4f\u793e\u4ea4\u4e92\u52d5\u8207\u65b0\u4e8b\u7269\u7684\u5b78\u7fd2\uff0c\u5c0e\u81f4\u8166\u90e8\u8a8d\u77e5\u529f\u80fd\u7f3a\u4e4f\u523a\u6fc0\uff0c\u9019\u4e5f\u662f\u52a0\u901f\u8001\u5316\u8207\u5931\u667a\u98a8\u96aa\u5347\u9ad8\u7684\u4e3b\u56e0\u3002 \u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u4e0d\u662f\u51b7\u51b0\u51b0\u7684\u5de5\u5177\u800c\u662f\u91cd\u65b0\u9023\u7d50\u4e16\u4ee3\u7684\u6a4b\u6881\u3002 Core Sections | Sticky Stacking Mobile \u6211\u5011\u5728\u505a\u4ec0\u9ebc 01 \u5931\u667a\u9810\u9632\u6559\u80b2\u63a8\u5ee3 \u8a2d\u8a08\u7d50\u5408\u8166\u529b\u6d3b\u5316\u3001\u793e\u4ea4\u523a\u6fc0\u8207\u79d1\u6280\u61c9\u7528\u7684\u884c\u52d5\u8ab2\u7a0b\uff0c\u5e6b\u52a9\u9577\u8f29\u5efa\u7acb\u65e9\u671f\u89ba\u5bdf\u80fd\u529b\u3002\u91cd\u5728\u4e92\u52d5\u8207\u5206\u4eab\uff0c\u8b93\u9577\u8005\u52d5\u8166\u3001\u52d5\u53e3\u3001\u52d5\u5fc3\u3002 \u52d5\u8166 \u52d5\u53e3 \u52d5\u5fc3 02 AI\u667a\u6167\u966a\u4f34\uff08\u963f\u8070\u4ed4\uff09 \u70ba\u53f0\u7063\u9577\u8f29\u8a2d\u8a08\u7684\u5c08\u5c6c AI \u52a9\u624b\u3002\u5b83\u4e0d\u53ea\u662f\u51b7\u51b0\u51b0\u7684\u79d1\u6280\u5de5\u5177\uff0c\u800c\u662f\u4e00\u4f4d\u6bcf\u5929\u6703\u554f\u5b89\u3001\u63d0\u9192\u3001\u966a\u804a\u7684\u6578\u4f4d\u5925\u4f34\u3002 \u5065\u5eb7\u7528\u85e5\u63d0\u9192 \u65e5\u5e38\u6696\u5fc3\u95dc\u61f7 \u5bb6\u5ead\u50b3\u8a71\u6e9d\u901a \u8ff7\u5931\u8def\u7dda\u5c0e\u822a 03 \u8de8\u4e16\u4ee3\u5171\u878d\u6d3b\u52d5 \u63a8\u52d5\u300c\u9752\u5e74\u5e36\u9577\u8f29\u5b78AI\u300d\u5de5\u4f5c\u574a\uff0c\u8b93\u79d1\u6280\u6210\u70ba\u4e16\u4ee3\u4e4b\u9593\u7684\u5171\u901a\u8a9e\u8a00\u3002\u7e2e\u77ed\u5f7c\u6b64\u7684\u8ddd\u96e2\uff0c\u5efa\u7acb\u771f\u6b63\u7684\u7406\u89e3\u8207\u5c0a\u91cd\u3002 \u5e74\u8f15\u4eba\u6559\u79d1\u6280\uff0c\u9577\u8f29\u6559\u4eba\u751f\u3002 04 ESG\u8207\u516c\u5171\u5408\u4f5c \u8207\u4f01\u696d\u53ca\u653f\u5e9c\u55ae\u4f4d\u651c\u624b\u5408\u4f5c\uff0c\u6253\u9020\u5177\u5099\u793e\u6703\u5f71\u97ff\u529b\u7684\u9ad8\u9f61\u53cb\u5584\u8207\u8166\u5065\u5eb7\u5c08\u6848\u3002 \u2713 \u54e1\u5de5\u5bb6\u5c6c\u8166\u5065\u5eb7\u8b1b\u5ea7 \u2713 AI\u6a02\u9f61\u9ad4\u9a57\u6d3b\u52d5 \u2713 \u653f\u7b56\u793a\u7bc4\u5834\u57df Results &#038; Trust Section | Awwwards Style \u5be6\u969b\u6210\u679c 0 + \u4f4d\u9577\u8f29\u53c3\u8207 \u6301\u7e8c\u64f4\u5927\u7684\u793e\u5340\u884c\u52d5\u529b 0 % \u8ab2\u7a0b\u6eff\u610f\u5ea6 \u4f86\u81ea\u9577\u8f29\u8207\u5bb6\u5c6c\u7684\u771f\u5be6\u80af\u5b9a CogMate\u00ae \u5f15\u9032\u65e5\u672c\u885b\u91c7\u6aa2\u6e2c\u5de5\u5177 \u5c08\u696d\u8166\u9f61\u6aa2\u6e2c\uff08\u975e\u91ab\u7642\u7be9\u6aa2\uff09 \u7b2c\u4e00\u7dda \u8166\u5065\u5eb7\u6559\u80b2\u5be6\u52d9\u7d93\u9a57 \u6df1\u8015\u793e\u5340\uff0c\u4e86\u89e3\u9577\u8f29\u771f\u6b63\u9700\u6c42 \u6211\u5011\u4e0d\u662f\u6982\u5ff5\u5021\u8b70\u8005\uff0c \u6211\u5011\u662f\u5be6\u969b\u5728\u793e\u5340\u57f7\u884c\u7684\u884c\u52d5\u5718\u968a\u3002 <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>- \u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703<\/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:\/\/silvergenai.org\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- \u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703\" \/>\n<meta property=\"og:description\" content=\"AI\u966a\u4f34 \u00d7 \u5931\u667a\u9810\u9632 \u8de8\u4e16\u4ee3\u5171\u878d \u6253\u9020\u53f0\u7063\u9ad8\u9f61 AI \u966a\u4f34\u8207\u5931\u667a\u9810\u9632\u7684\u65b0\u6a21\u5f0f \u6211\u5011\u4e0d\u662f\u6559 AI \u6280\u8853\uff0c\u800c\u662f\u966a\u9577\u8005\u8de8\u8d8a\u6578\u4f4d\u6050\u61fc\u3002 \u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u82e5\u6709\u6eab\u5ea6\uff0c\u80fd\u91cd\u65b0\u9ede\u4eae\u9577\u8f29\u7684\u81ea\u4fe1\u8207\u5bb6\u5ead\u7684\u9023\u7d50\u3002 \u63a2\u7d22\u5408\u4f5c \u5831\u540d\u9ad4\u9a57 \u60a8\u7684\u700f\u89bd\u5668\u4e0d\u652f\u63f4\u5f71\u7247\u64ad\u653e\u3002 Reality Section | Clean Professional Style \u6211\u5011\u6b63\u5728\u9762\u5c0d\u7684\u73fe\u5be6 \u53f0\u7063\u5df2\u6b63\u5f0f\u9081\u5165\u8d85\u9ad8\u9f61\u793e\u6703\u3002\u6bcf 5 \u4eba\u4e4b\u4e2d\uff0c\u5c31\u6709 1 \u4f4d\u662f 65 \u6b72\u4ee5\u4e0a\u9577\u8005\u3002 \u96a8\u8457\u9ad8\u9f61\u4eba\u53e3\u589e\u52a0\uff0c\u5931\u667a\u98a8\u96aa\u9010\u5e74\u5347\u9ad8\uff0c\u9577\u8f29\u6b63\u9762\u81e8\u8457\u4e09\u91cd\u6311\u6230\uff1a 01 \u6578\u4f4d\u5de5\u5177\u9580\u6abb\u9ad8 \u9577\u8f29\u9762\u5c0d\u65e5\u65b0\u6708\u7570\u7684\u79d1\u6280\u8207\u4ecb\u9762\u7d93\u5e38\u611f\u5230\u632b\u6557\uff0c\u9032\u800c\u7522\u751f\u6578\u4f4d\u6050\u61fc\uff0c\u9010\u6f38\u8207\u793e\u6703\u8cc7\u8a0a\u53ca\u4fbf\u5229\u751f\u6d3b\u812b\u7bc0\u3002 02 \u966a\u4f34\u6642\u9593\u6e1b\u5c11 \u73fe\u4ee3\u5bb6\u5ead\u7d50\u69cb\u6539\u8b8a\uff0c\u5b50\u5973\u751f\u6d3b\u8207\u5de5\u4f5c\u5fd9\u788c\uff0c\u5be6\u9ad4\u966a\u4f34\u9577\u8f29\u7684\u6642\u9593\u4e0d\u53ef\u907f\u514d\u5730\u5927\u5e45\u6e1b\u5c11\uff0c\u5b64\u7368\u611f\u65e5\u76ca\u589e\u52a0\u3002 03 \u8166\u90e8\u523a\u6fc0\u4e0d\u8db3 \u7f3a\u4e4f\u793e\u4ea4\u4e92\u52d5\u8207\u65b0\u4e8b\u7269\u7684\u5b78\u7fd2\uff0c\u5c0e\u81f4\u8166\u90e8\u8a8d\u77e5\u529f\u80fd\u7f3a\u4e4f\u523a\u6fc0\uff0c\u9019\u4e5f\u662f\u52a0\u901f\u8001\u5316\u8207\u5931\u667a\u98a8\u96aa\u5347\u9ad8\u7684\u4e3b\u56e0\u3002 \u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u4e0d\u662f\u51b7\u51b0\u51b0\u7684\u5de5\u5177\u800c\u662f\u91cd\u65b0\u9023\u7d50\u4e16\u4ee3\u7684\u6a4b\u6881\u3002 Core Sections | Sticky Stacking Mobile \u6211\u5011\u5728\u505a\u4ec0\u9ebc 01 \u5931\u667a\u9810\u9632\u6559\u80b2\u63a8\u5ee3 \u8a2d\u8a08\u7d50\u5408\u8166\u529b\u6d3b\u5316\u3001\u793e\u4ea4\u523a\u6fc0\u8207\u79d1\u6280\u61c9\u7528\u7684\u884c\u52d5\u8ab2\u7a0b\uff0c\u5e6b\u52a9\u9577\u8f29\u5efa\u7acb\u65e9\u671f\u89ba\u5bdf\u80fd\u529b\u3002\u91cd\u5728\u4e92\u52d5\u8207\u5206\u4eab\uff0c\u8b93\u9577\u8005\u52d5\u8166\u3001\u52d5\u53e3\u3001\u52d5\u5fc3\u3002 \u52d5\u8166 \u52d5\u53e3 \u52d5\u5fc3 02 AI\u667a\u6167\u966a\u4f34\uff08\u963f\u8070\u4ed4\uff09 \u70ba\u53f0\u7063\u9577\u8f29\u8a2d\u8a08\u7684\u5c08\u5c6c AI \u52a9\u624b\u3002\u5b83\u4e0d\u53ea\u662f\u51b7\u51b0\u51b0\u7684\u79d1\u6280\u5de5\u5177\uff0c\u800c\u662f\u4e00\u4f4d\u6bcf\u5929\u6703\u554f\u5b89\u3001\u63d0\u9192\u3001\u966a\u804a\u7684\u6578\u4f4d\u5925\u4f34\u3002 \u5065\u5eb7\u7528\u85e5\u63d0\u9192 \u65e5\u5e38\u6696\u5fc3\u95dc\u61f7 \u5bb6\u5ead\u50b3\u8a71\u6e9d\u901a \u8ff7\u5931\u8def\u7dda\u5c0e\u822a 03 \u8de8\u4e16\u4ee3\u5171\u878d\u6d3b\u52d5 \u63a8\u52d5\u300c\u9752\u5e74\u5e36\u9577\u8f29\u5b78AI\u300d\u5de5\u4f5c\u574a\uff0c\u8b93\u79d1\u6280\u6210\u70ba\u4e16\u4ee3\u4e4b\u9593\u7684\u5171\u901a\u8a9e\u8a00\u3002\u7e2e\u77ed\u5f7c\u6b64\u7684\u8ddd\u96e2\uff0c\u5efa\u7acb\u771f\u6b63\u7684\u7406\u89e3\u8207\u5c0a\u91cd\u3002 \u5e74\u8f15\u4eba\u6559\u79d1\u6280\uff0c\u9577\u8f29\u6559\u4eba\u751f\u3002 04 ESG\u8207\u516c\u5171\u5408\u4f5c \u8207\u4f01\u696d\u53ca\u653f\u5e9c\u55ae\u4f4d\u651c\u624b\u5408\u4f5c\uff0c\u6253\u9020\u5177\u5099\u793e\u6703\u5f71\u97ff\u529b\u7684\u9ad8\u9f61\u53cb\u5584\u8207\u8166\u5065\u5eb7\u5c08\u6848\u3002 \u2713 \u54e1\u5de5\u5bb6\u5c6c\u8166\u5065\u5eb7\u8b1b\u5ea7 \u2713 AI\u6a02\u9f61\u9ad4\u9a57\u6d3b\u52d5 \u2713 \u653f\u7b56\u793a\u7bc4\u5834\u57df Results &#038; Trust Section | Awwwards Style \u5be6\u969b\u6210\u679c 0 + \u4f4d\u9577\u8f29\u53c3\u8207 \u6301\u7e8c\u64f4\u5927\u7684\u793e\u5340\u884c\u52d5\u529b 0 % \u8ab2\u7a0b\u6eff\u610f\u5ea6 \u4f86\u81ea\u9577\u8f29\u8207\u5bb6\u5c6c\u7684\u771f\u5be6\u80af\u5b9a CogMate\u00ae \u5f15\u9032\u65e5\u672c\u885b\u91c7\u6aa2\u6e2c\u5de5\u5177 \u5c08\u696d\u8166\u9f61\u6aa2\u6e2c\uff08\u975e\u91ab\u7642\u7be9\u6aa2\uff09 \u7b2c\u4e00\u7dda \u8166\u5065\u5eb7\u6559\u80b2\u5be6\u52d9\u7d93\u9a57 \u6df1\u8015\u793e\u5340\uff0c\u4e86\u89e3\u9577\u8f29\u771f\u6b63\u9700\u6c42 \u6211\u5011\u4e0d\u662f\u6982\u5ff5\u5021\u8b70\u8005\uff0c \u6211\u5011\u662f\u5be6\u969b\u5728\u793e\u5340\u57f7\u884c\u7684\u884c\u52d5\u5718\u968a\u3002\" \/>\n<meta property=\"og:url\" content=\"https:\/\/silvergenai.org\/\" \/>\n<meta property=\"og:site_name\" content=\"\u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T06:34:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"36 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/silvergenai.org\/\",\"url\":\"https:\/\/silvergenai.org\/\",\"name\":\"- \u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703\",\"isPartOf\":{\"@id\":\"http:\/\/silvergenai.org\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/silvergenai.org\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/silvergenai.org\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg\",\"datePublished\":\"2026-02-23T06:28:15+00:00\",\"dateModified\":\"2026-04-10T06:34:01+00:00\",\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/silvergenai.org\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/silvergenai.org\/#primaryimage\",\"url\":\"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg\",\"contentUrl\":\"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg\",\"width\":1099,\"height\":1489},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/silvergenai.org\/#website\",\"url\":\"http:\/\/silvergenai.org\/\",\"name\":\"\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703\",\"description\":\"AI\u966a\u4f34 \u00b7 \u5931\u667a\u9810\u9632 \u00b7 \u8de8\u4e16\u4ee3\u5171\u878d\uff1a\u6253\u9020\u53f0\u7063\u9ad8\u9f61\u79d1\u6280\u65b0\u6a21\u5f0f\",\"alternateName\":\"\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d Silvergen AI\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/silvergenai.org\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"- \u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703","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:\/\/silvergenai.org\/","og_locale":"zh_TW","og_type":"article","og_title":"- \u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703","og_description":"AI\u966a\u4f34 \u00d7 \u5931\u667a\u9810\u9632 \u8de8\u4e16\u4ee3\u5171\u878d \u6253\u9020\u53f0\u7063\u9ad8\u9f61 AI \u966a\u4f34\u8207\u5931\u667a\u9810\u9632\u7684\u65b0\u6a21\u5f0f \u6211\u5011\u4e0d\u662f\u6559 AI \u6280\u8853\uff0c\u800c\u662f\u966a\u9577\u8005\u8de8\u8d8a\u6578\u4f4d\u6050\u61fc\u3002 \u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u82e5\u6709\u6eab\u5ea6\uff0c\u80fd\u91cd\u65b0\u9ede\u4eae\u9577\u8f29\u7684\u81ea\u4fe1\u8207\u5bb6\u5ead\u7684\u9023\u7d50\u3002 \u63a2\u7d22\u5408\u4f5c \u5831\u540d\u9ad4\u9a57 \u60a8\u7684\u700f\u89bd\u5668\u4e0d\u652f\u63f4\u5f71\u7247\u64ad\u653e\u3002 Reality Section | Clean Professional Style \u6211\u5011\u6b63\u5728\u9762\u5c0d\u7684\u73fe\u5be6 \u53f0\u7063\u5df2\u6b63\u5f0f\u9081\u5165\u8d85\u9ad8\u9f61\u793e\u6703\u3002\u6bcf 5 \u4eba\u4e4b\u4e2d\uff0c\u5c31\u6709 1 \u4f4d\u662f 65 \u6b72\u4ee5\u4e0a\u9577\u8005\u3002 \u96a8\u8457\u9ad8\u9f61\u4eba\u53e3\u589e\u52a0\uff0c\u5931\u667a\u98a8\u96aa\u9010\u5e74\u5347\u9ad8\uff0c\u9577\u8f29\u6b63\u9762\u81e8\u8457\u4e09\u91cd\u6311\u6230\uff1a 01 \u6578\u4f4d\u5de5\u5177\u9580\u6abb\u9ad8 \u9577\u8f29\u9762\u5c0d\u65e5\u65b0\u6708\u7570\u7684\u79d1\u6280\u8207\u4ecb\u9762\u7d93\u5e38\u611f\u5230\u632b\u6557\uff0c\u9032\u800c\u7522\u751f\u6578\u4f4d\u6050\u61fc\uff0c\u9010\u6f38\u8207\u793e\u6703\u8cc7\u8a0a\u53ca\u4fbf\u5229\u751f\u6d3b\u812b\u7bc0\u3002 02 \u966a\u4f34\u6642\u9593\u6e1b\u5c11 \u73fe\u4ee3\u5bb6\u5ead\u7d50\u69cb\u6539\u8b8a\uff0c\u5b50\u5973\u751f\u6d3b\u8207\u5de5\u4f5c\u5fd9\u788c\uff0c\u5be6\u9ad4\u966a\u4f34\u9577\u8f29\u7684\u6642\u9593\u4e0d\u53ef\u907f\u514d\u5730\u5927\u5e45\u6e1b\u5c11\uff0c\u5b64\u7368\u611f\u65e5\u76ca\u589e\u52a0\u3002 03 \u8166\u90e8\u523a\u6fc0\u4e0d\u8db3 \u7f3a\u4e4f\u793e\u4ea4\u4e92\u52d5\u8207\u65b0\u4e8b\u7269\u7684\u5b78\u7fd2\uff0c\u5c0e\u81f4\u8166\u90e8\u8a8d\u77e5\u529f\u80fd\u7f3a\u4e4f\u523a\u6fc0\uff0c\u9019\u4e5f\u662f\u52a0\u901f\u8001\u5316\u8207\u5931\u667a\u98a8\u96aa\u5347\u9ad8\u7684\u4e3b\u56e0\u3002 \u6211\u5011\u76f8\u4fe1\uff0c\u79d1\u6280\u4e0d\u662f\u51b7\u51b0\u51b0\u7684\u5de5\u5177\u800c\u662f\u91cd\u65b0\u9023\u7d50\u4e16\u4ee3\u7684\u6a4b\u6881\u3002 Core Sections | Sticky Stacking Mobile \u6211\u5011\u5728\u505a\u4ec0\u9ebc 01 \u5931\u667a\u9810\u9632\u6559\u80b2\u63a8\u5ee3 \u8a2d\u8a08\u7d50\u5408\u8166\u529b\u6d3b\u5316\u3001\u793e\u4ea4\u523a\u6fc0\u8207\u79d1\u6280\u61c9\u7528\u7684\u884c\u52d5\u8ab2\u7a0b\uff0c\u5e6b\u52a9\u9577\u8f29\u5efa\u7acb\u65e9\u671f\u89ba\u5bdf\u80fd\u529b\u3002\u91cd\u5728\u4e92\u52d5\u8207\u5206\u4eab\uff0c\u8b93\u9577\u8005\u52d5\u8166\u3001\u52d5\u53e3\u3001\u52d5\u5fc3\u3002 \u52d5\u8166 \u52d5\u53e3 \u52d5\u5fc3 02 AI\u667a\u6167\u966a\u4f34\uff08\u963f\u8070\u4ed4\uff09 \u70ba\u53f0\u7063\u9577\u8f29\u8a2d\u8a08\u7684\u5c08\u5c6c AI \u52a9\u624b\u3002\u5b83\u4e0d\u53ea\u662f\u51b7\u51b0\u51b0\u7684\u79d1\u6280\u5de5\u5177\uff0c\u800c\u662f\u4e00\u4f4d\u6bcf\u5929\u6703\u554f\u5b89\u3001\u63d0\u9192\u3001\u966a\u804a\u7684\u6578\u4f4d\u5925\u4f34\u3002 \u5065\u5eb7\u7528\u85e5\u63d0\u9192 \u65e5\u5e38\u6696\u5fc3\u95dc\u61f7 \u5bb6\u5ead\u50b3\u8a71\u6e9d\u901a \u8ff7\u5931\u8def\u7dda\u5c0e\u822a 03 \u8de8\u4e16\u4ee3\u5171\u878d\u6d3b\u52d5 \u63a8\u52d5\u300c\u9752\u5e74\u5e36\u9577\u8f29\u5b78AI\u300d\u5de5\u4f5c\u574a\uff0c\u8b93\u79d1\u6280\u6210\u70ba\u4e16\u4ee3\u4e4b\u9593\u7684\u5171\u901a\u8a9e\u8a00\u3002\u7e2e\u77ed\u5f7c\u6b64\u7684\u8ddd\u96e2\uff0c\u5efa\u7acb\u771f\u6b63\u7684\u7406\u89e3\u8207\u5c0a\u91cd\u3002 \u5e74\u8f15\u4eba\u6559\u79d1\u6280\uff0c\u9577\u8f29\u6559\u4eba\u751f\u3002 04 ESG\u8207\u516c\u5171\u5408\u4f5c \u8207\u4f01\u696d\u53ca\u653f\u5e9c\u55ae\u4f4d\u651c\u624b\u5408\u4f5c\uff0c\u6253\u9020\u5177\u5099\u793e\u6703\u5f71\u97ff\u529b\u7684\u9ad8\u9f61\u53cb\u5584\u8207\u8166\u5065\u5eb7\u5c08\u6848\u3002 \u2713 \u54e1\u5de5\u5bb6\u5c6c\u8166\u5065\u5eb7\u8b1b\u5ea7 \u2713 AI\u6a02\u9f61\u9ad4\u9a57\u6d3b\u52d5 \u2713 \u653f\u7b56\u793a\u7bc4\u5834\u57df Results &#038; Trust Section | Awwwards Style \u5be6\u969b\u6210\u679c 0 + \u4f4d\u9577\u8f29\u53c3\u8207 \u6301\u7e8c\u64f4\u5927\u7684\u793e\u5340\u884c\u52d5\u529b 0 % \u8ab2\u7a0b\u6eff\u610f\u5ea6 \u4f86\u81ea\u9577\u8f29\u8207\u5bb6\u5c6c\u7684\u771f\u5be6\u80af\u5b9a CogMate\u00ae \u5f15\u9032\u65e5\u672c\u885b\u91c7\u6aa2\u6e2c\u5de5\u5177 \u5c08\u696d\u8166\u9f61\u6aa2\u6e2c\uff08\u975e\u91ab\u7642\u7be9\u6aa2\uff09 \u7b2c\u4e00\u7dda \u8166\u5065\u5eb7\u6559\u80b2\u5be6\u52d9\u7d93\u9a57 \u6df1\u8015\u793e\u5340\uff0c\u4e86\u89e3\u9577\u8f29\u771f\u6b63\u9700\u6c42 \u6211\u5011\u4e0d\u662f\u6982\u5ff5\u5021\u8b70\u8005\uff0c \u6211\u5011\u662f\u5be6\u969b\u5728\u793e\u5340\u57f7\u884c\u7684\u884c\u52d5\u5718\u968a\u3002","og_url":"https:\/\/silvergenai.org\/","og_site_name":"\u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703","article_modified_time":"2026-04-10T06:34:01+00:00","og_image":[{"url":"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"36 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/silvergenai.org\/","url":"https:\/\/silvergenai.org\/","name":"- \u793e\u5718\u6cd5\u4eba\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703","isPartOf":{"@id":"http:\/\/silvergenai.org\/#website"},"primaryImageOfPage":{"@id":"https:\/\/silvergenai.org\/#primaryimage"},"image":{"@id":"https:\/\/silvergenai.org\/#primaryimage"},"thumbnailUrl":"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg","datePublished":"2026-02-23T06:28:15+00:00","dateModified":"2026-04-10T06:34:01+00:00","inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/silvergenai.org\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/silvergenai.org\/#primaryimage","url":"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg","contentUrl":"https:\/\/silvergenai.org\/wp-content\/uploads\/2026\/02\/523925.jpg","width":1099,"height":1489},{"@type":"WebSite","@id":"http:\/\/silvergenai.org\/#website","url":"http:\/\/silvergenai.org\/","name":"\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d\u767c\u5c55\u5354\u6703","description":"AI\u966a\u4f34 \u00b7 \u5931\u667a\u9810\u9632 \u00b7 \u8de8\u4e16\u4ee3\u5171\u878d\uff1a\u6253\u9020\u53f0\u7063\u9ad8\u9f61\u79d1\u6280\u65b0\u6a21\u5f0f","alternateName":"\u8de8\u4e16\u4ee3\u667a\u6167\u5171\u878d Silvergen AI","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/silvergenai.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/silvergenai.org\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/silvergenai.org\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/silvergenai.org\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/silvergenai.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/silvergenai.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":5,"href":"https:\/\/silvergenai.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":225,"href":"https:\/\/silvergenai.org\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/225"}],"wp:attachment":[{"href":"https:\/\/silvergenai.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}