{"id":592,"date":"2025-06-10T11:28:28","date_gmt":"2025-06-10T03:28:28","guid":{"rendered":"https:\/\/www.affectivechain.com\/?page_id=592"},"modified":"2025-08-05T17:57:42","modified_gmt":"2025-08-05T09:57:42","slug":"recruitment","status":"publish","type":"page","link":"https:\/\/www.affectivechain.com\/index.php\/recruitment\/","title":{"rendered":"\u70ed\u62db\u5c97\u4f4d"},"content":{"rendered":"\n<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&#038;family=Playfair+Display:wght@400;600;700&#038;display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary: #4a6cf7;\r\n            --secondary: #6d28d9;\r\n            --accent: #00c9c8;\r\n            --dark: #1a1a2e;\r\n            --light: #f8f9ff;\r\n            --text-dark: #1e293b;\r\n            --text-light: #64748b;\r\n            --transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        }\r\n        \r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        body {\r\n            background: linear-gradient(135deg, #f8f9ff 0%, #eef2ff 100%);\r\n            color: var(--text-dark);\r\n            font-family: 'Montserrat', sans-serif;\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n        \r\n        .container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 20px;\r\n        }\r\n        \r\n        \/* \u516c\u53f8\u6807\u8bc6 *\/\r\n        .company-brand {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n        \r\n        .logo-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .logo-img {\r\n            height: 100px;\r\n            width: auto;\r\n            margin: 0 20px;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .logo-img:hover {\r\n            transform: translateY(-5px);\r\n        }\r\n        \r\n        .company-name {\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .company-tagline {\r\n            font-size: 1.4rem;\r\n            color: var(--text-light);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            line-height: 1.6;\r\n        }\r\n        \r\n        \/* \u82f1\u96c4\u533a\u57df *\/\r\n        .hero {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            position: relative;\r\n            padding: 40px 0;\r\n        }\r\n        \r\n        .hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: \r\n                radial-gradient(circle at 20% 30%, rgba(74, 108, 247, 0.05) 0%, transparent 40%),\r\n                radial-gradient(circle at 80% 70%, rgba(109, 40, 217, 0.05) 0%, transparent 40%);\r\n            z-index: -1;\r\n        }\r\n        \r\n        .hero-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 3.5rem;\r\n            font-weight: 700;\r\n            margin-bottom: 25px;\r\n            line-height: 1.1;\r\n            background: linear-gradient(to right, var(--text-dark), var(--secondary));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n        }\r\n        \r\n        .hero-description {\r\n            font-size: 1.3rem;\r\n            color: var(--text-light);\r\n            max-width: 900px;\r\n            margin: 0 auto 50px;\r\n            line-height: 1.8;\r\n        }\r\n        \r\n        .hero-stats {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 50px;\r\n            margin-top: 60px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .stat-item {\r\n            text-align: center;\r\n            padding: 20px 30px;\r\n            background: rgba(255, 255, 255, 0.7);\r\n            border-radius: 16px;\r\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);\r\n            min-width: 200px;\r\n            transition: var(--transition);\r\n        }\r\n        \r\n        .stat-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 12px 30px rgba(74, 108, 247, 0.15);\r\n        }\r\n        \r\n        .stat-number {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            background: linear-gradient(to right, var(--primary), var(--secondary));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n            margin-bottom: 10px;\r\n        }\r\n        \r\n        .stat-text {\r\n            font-size: 1.1rem;\r\n            color: var(--text-light);\r\n            font-weight: 500;\r\n        }\r\n        \r\n        \/* \u516c\u53f8\u7b80\u4ecb *\/\r\n        .about-section {\r\n            padding: 60px 0;\r\n            position: relative;\r\n        }\r\n        \r\n        .section-title {\r\n            font-family: 'Playfair Display', serif;\r\n            font-size: 2.8rem;\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n            position: relative;\r\n        }\r\n        \r\n        .section-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(to right, var(--primary), var(--accent));\r\n            border-radius: 4px;\r\n        }\r\n        \r\n        .about-content {\r\n            display: flex;\r\n            gap: 50px;\r\n            align-items: center;\r\n            margin-bottom: 80px;\r\n        }\r\n        \r\n        .about-text {\r\n            flex: 1;\r\n        }\r\n        \r\n        .about-image {\r\n            flex: 1;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n            height: 400px;\r\n            background: linear-gradient(45deg, #6d28d9, #4a6cf7);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .about-image-content {\r\n            text-align: center;\r\n            padding: 30px;\r\n            color: white;\r\n        }\r\n        \r\n        .about-image-content i {\r\n            font-size: 5rem;\r\n            margin-bottom: 30px;\r\n            opacity: 0.8;\r\n        }\r\n        \r\n        .about-image-content h3 {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .about-text h3 {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 25px;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .about-text p {\r\n            font-size: 1.15rem;\r\n            color: var(--text-light);\r\n            margin-bottom: 25px;\r\n            line-height: 1.8;\r\n        }\r\n        \r\n        \/* \u6838\u5fc3\u4ef7\u503c *\/\r\n        .values-section {\r\n            padding: 60px 0;\r\n            background: linear-gradient(to bottom, #f8f9ff, #eef2ff);\r\n            position: relative;\r\n            border-radius: 20px;\r\n            margin: 40px 0;\r\n        }\r\n        \r\n        .values-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n        }\r\n        \r\n        .value-card {\r\n            background: white;\r\n            border-radius: 16px;\r\n            padding: 40px 30px;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n            transition: var(--transition);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n        \r\n        .value-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(to right, var(--primary), var(--accent));\r\n            z-index: 2;\r\n        }\r\n        \r\n        .value-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 15px 40px rgba(74, 108, 247, 0.15);\r\n        }\r\n        \r\n        .value-icon {\r\n            font-size: 3.5rem;\r\n            margin-bottom: 25px;\r\n            background: linear-gradient(to right, var(--primary), var(--secondary));\r\n            -webkit-background-clip: text;\r\n            background-clip: text;\r\n            color: transparent;\r\n        }\r\n        \r\n        .value-title {\r\n            font-size: 1.6rem;\r\n            margin-bottom: 20px;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .value-desc {\r\n            font-size: 1.1rem;\r\n            color: var(--text-light);\r\n        }\r\n        \r\n        \/* \u5e94\u7528\u573a\u666f *\/\r\n        .applications-section {\r\n            padding: 60px 0;\r\n        }\r\n        \r\n        .tabs {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            margin-bottom: 50px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .tab {\r\n            padding: 12px 30px;\r\n            background: white;\r\n            border: none;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            color: var(--text-light);\r\n            cursor: pointer;\r\n            transition: var(--transition);\r\n            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n        }\r\n        \r\n        .tab.active, .tab:hover {\r\n            background: linear-gradient(to right, var(--primary), var(--secondary));\r\n            color: white;\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .tab-content {\r\n            display: none;\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n        \r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        \r\n        .app-card {\r\n            background: white;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\r\n            display: flex;\r\n            height: 300px;\r\n        }\r\n        \r\n        .app-image {\r\n            flex: 1;\r\n            background: linear-gradient(45deg, #4a6cf7, #6d28d9);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 4rem;\r\n        }\r\n        \r\n        .app-content {\r\n            flex: 1;\r\n            padding: 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        \r\n        .app-title {\r\n            font-size: 1.8rem;\r\n            margin-bottom: 20px;\r\n            color: var(--text-dark);\r\n        }\r\n        \r\n        .app-desc {\r\n            font-size: 1.1rem;\r\n            color: var(--text-light);\r\n            margin-bottom: 25px;\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .app-features {\r\n            display: flex;\r\n            gap: 12px;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .feature-tag {\r\n            background: #ede9fe;\r\n            color: #6d28d9;\r\n            padding: 8px 18px;\r\n            border-radius: 50px;\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n        @media (max-width: 992px) {\r\n            .hero-title {\r\n                font-size: 2.8rem;\r\n            }\r\n            \r\n            .about-content {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .app-card {\r\n                flex-direction: column;\r\n                height: auto;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .company-name {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .company-tagline {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .hero-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .hero-description {\r\n                font-size: 1.1rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n            \r\n            .stat-item {\r\n                min-width: 150px;\r\n                padding: 15px 20px;\r\n            }\r\n            \r\n            .stat-number {\r\n                font-size: 2.5rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"container\">\r\n        <!-- \u516c\u53f8\u6807\u8bc6 -->\r\n        <div class=\"company-brand\">\r\n            <div class=\"logo-container\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/05\/120X90.png\" alt=\"HCAI Tech\" class=\"logo-img\">\r\n            <\/div>\r\n            <h1 class=\"company-name\">HCAI Tech<\/h1>\r\n            <p class=\"company-tagline\">\u60c5\u611f\u4eba\u5de5\u667a\u80fd\u9886\u5bfc\u8005 &#8211; \u8ba9\u79d1\u6280\u7406\u89e3\u60c5\u611f<\/p>\r\n        <\/div>\r\n            <p class=\"hero-description\">\r\n                HCAI Tech \u662f\u60c5\u611f\u4eba\u5de5\u667a\u80fd\u9886\u57df\u7684\u521b\u65b0\u9886\u5bfc\u8005\uff0c\u6211\u4eec\u4e13\u6ce8\u4e8e\u60c5\u611f\u8ba1\u7b97\u4e0e\u591a\u6a21\u6001\u60c5\u7eea\u8bc6\u522b\u6280\u672f\uff0c\u901a\u8fc7\u6df1\u5ea6\u5b66\u4e60\u548c\u795e\u7ecf\u79d1\u5b66\u539f\u7406\uff0c\u5c06\u4eba\u7c7b\u60c5\u611f\u8f6c\u5316\u4e3a\u53ef\u91cf\u5316\u3001\u53ef\u5206\u6790\u7684\u6570\u636e\u8d44\u4ea7\u3002\u4e3a\u533b\u7597\u3001\u5bb6\u5ead\u3001\u6559\u80b2\u3001\u4f01\u4e1a\u670d\u52a1\u7b49\u9886\u57df\u63d0\u4f9b\u9769\u547d\u6027\u7684\u60c5\u611f\u667a\u80fd\u89e3\u51b3\u65b9\u6848\u3002\r\n            <\/p>\r\n            \r\n            <div class=\"hero-stats\">\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number\">92.1%<\/div>\r\n                    <div class=\"stat-text\">\u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387<\/div>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number\">15+<\/div>\r\n                    <div class=\"stat-text\">\u884c\u4e1a\u89e3\u51b3\u65b9\u6848<\/div>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number\">50+<\/div>\r\n                    <div class=\"stat-text\">\u4e13\u5229\u6280\u672f<\/div>\r\n                <\/div>\r\n                <div class=\"stat-item\">\r\n                    <div class=\"stat-number\">1000+<\/div>\r\n                    <div class=\"stat-text\">\u4f01\u4e1a\u5ba2\u6237<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u516c\u53f8\u7b80\u4ecb -->\r\n        <section class=\"about-section\">\r\n            <h2 class=\"section-title\">\u5173\u4e8e\u6211\u4eec<\/h2>\r\n            \r\n            <div class=\"about-content\">\r\n                <div class=\"about-text\">\r\n                    <h3>\u60c5\u611f\u8ba1\u7b97\u6280\u672f\u7684\u5f00\u62d3\u8005<\/h3>\r\n                    <p>HCAI Tech\u6210\u7acb\u4e8e2025\u5e74\uff0c\u7531\u6765\u81ea\u5fc3\u94fe\u5927\u5b66\u3001\u5fc3\u94fe\u7406\u5de5\u5b66\u9662\u7684\u4eba\u5de5\u667a\u80fd\u4e13\u5bb6\u548c\u795e\u7ecf\u79d1\u5b66\u5bb6\u5171\u540c\u521b\u7acb\u3002\u6211\u4eec\u81f4\u529b\u4e8e\u5f25\u5408\u60c5\u611f\u4e0e\u79d1\u6280\u4e4b\u95f4\u7684\u9e3f\u6c9f\uff0c\u901a\u8fc7\u521b\u65b0\u6280\u672f\u5e2e\u52a9\u673a\u5668\u7406\u89e3\u4eba\u7c7b\u60c5\u611f\u3002<\/p>\r\n                    \r\n                    <p>\u516c\u53f8\u6838\u5fc3\u6280\u672f&#8221;\u591a\u6a21\u6001\u60c5\u7eea\u8bc6\u522b\u5f15\u64ce&#8221;\u878d\u5408\u4e86\u8bed\u97f3\u60c5\u611f\u5206\u6790\u3001\u9762\u90e8\u5fae\u8868\u60c5\u8bc6\u522b\u3001\u751f\u7406\u4fe1\u53f7\u76d1\u6d4b\u548c\u6587\u672c\u60c5\u611f\u5206\u6790\u56db\u5927\u6280\u672f\u6a21\u5757\uff0c\u5b9e\u73b0\u4e86\u9ad8\u8fbe92.1%\u7684\u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387\uff0c\u8fdc\u8d85\u884c\u4e1a\u5e73\u5747\u6c34\u5e73\u3002<\/p>\r\n                    \r\n                    <p>\u6211\u4eec\u7684\u4f7f\u547d\u662f\u8ba9\u60c5\u611f\u6570\u636e\u6210\u4e3a\u6539\u5584\u4eba\u7c7b\u751f\u6d3b\u7684\u91cd\u8981\u8d44\u4ea7\u3002\u901a\u8fc7\u60c5\u611fAI\u6280\u672f\uff0c\u6211\u4eec\u5e2e\u52a9\u533b\u7597\u673a\u6784\u5b9e\u73b0\u7cbe\u795e\u75be\u75c5\u65e9\u671f\u7b5b\u67e5\uff0c\u52a9\u529b\u6559\u80b2\u673a\u6784\u63d0\u5347\u5b66\u751f\u5fc3\u7406\u5065\u5eb7\u6c34\u5e73\uff0c\u8d4b\u80fd\u4f01\u4e1a\u4f18\u5316\u5458\u5de5\u5173\u6000\u4f53\u7cfb\u3002<\/p>\r\n                    \r\n                    <p>HCAI Tech\u5df2\u83b7\u5f97\u5fc3\u94fe\u8d44\u672c\u3001\u60c5\u667a\u8d44\u672c\u7b49\u9876\u7ea7\u6295\u8d44\u673a\u6784\u7684\u591a\u8f6e\u878d\u8d44\uff0c\u5e76\u4e0e\u5fc3\u94fe\u5927\u5b66\u7b2c\u516d\u533b\u9662\u3001\u5fc3\u94fe\u5927\u5b66\u5fc3\u7406\u5b66\u7cfb\u7b49\u673a\u6784\u5efa\u7acb\u6df1\u5ea6\u5408\u4f5c\u5173\u7cfb\u3002<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"about-image\">\r\n                    <div class=\"about-image-content\">\r\n                        <i class=\"fas fa-brain\"><\/i>\r\n                        <h3>\u60c5\u611f\u8ba1\u7b97 + \u795e\u7ecf\u79d1\u5b66<\/h3>\r\n                        <p>\u878d\u5408\u524d\u6cbfAI\u6280\u672f\u4e0e\u795e\u7ecf\u79d1\u5b66\u539f\u7406<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u6838\u5fc3\u4ef7\u503c -->\r\n        <section class=\"values-section\">\r\n            <h2 class=\"section-title\">\u6838\u5fc3\u4ef7\u503c<\/h2>\r\n            \r\n            <div class=\"values-grid\">\r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-lightbulb\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"value-title\">\u6280\u672f\u521b\u65b0<\/h3>\r\n                    <p class=\"value-desc\">\u62e5\u670950+\u9879\u60c5\u611f\u8ba1\u7b97\u4e13\u5229\uff0c\u6301\u7eed\u7a81\u7834\u60c5\u611f\u8bc6\u522b\u6280\u672f\u8fb9\u754c\uff0c\u4fdd\u6301\u884c\u4e1a\u9886\u5148\u5730\u4f4d\u3002<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-heart\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"value-title\">\u4f26\u7406\u4f18\u5148<\/h3>\r\n                    <p class=\"value-desc\">\u4e25\u683c\u9075\u5b88\u9690\u79c1\u4fdd\u62a4\u6cd5\u89c4\uff0c\u5efa\u7acb\u4e1a\u754c\u9996\u4e2a\u60c5\u611f\u6570\u636e\u4f26\u7406\u6846\u67b6\uff0c\u786e\u4fdd\u6280\u672f\u5411\u5584\u3002<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-users\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"value-title\">\u5ba2\u6237\u6210\u529f<\/h3>\r\n                    <p class=\"value-desc\">\u4e3a\u533b\u7597\u3001\u6559\u80b2\u3001\u4f01\u4e1a\u7b49\u4e0d\u540c\u573a\u666f\u63d0\u4f9b\u5b9a\u5236\u5316\u89e3\u51b3\u65b9\u6848\uff0c\u5ba2\u6237\u6ee1\u610f\u5ea6\u8fbe98.7%\u3002<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"value-card\">\r\n                    <div class=\"value-icon\">\r\n                        <i class=\"fas fa-shield-alt\"><\/i>\r\n                    <\/div>\r\n                    <h3 class=\"value-title\">\u6570\u636e\u5b89\u5168<\/h3>\r\n                    <p class=\"value-desc\">\u901a\u8fc7ISO27001\u8ba4\u8bc1\uff0c\u91c7\u7528\u533a\u5757\u94fe\u6280\u672f\u5b9e\u73b0\u60c5\u611f\u6570\u636e\u52a0\u5bc6\u5b58\u50a8\u4e0e\u6388\u6743\u8bbf\u95ee\u3002<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u5e94\u7528\u573a\u666f -->\r\n        <section class=\"applications-section\">\r\n            <h2 class=\"section-title\">\u5e94\u7528\u573a\u666f<\/h2>\r\n            \r\n            <div class=\"tabs\">\r\n                <button class=\"tab active\" data-tab=\"healthcare\">\u533b\u7597\u5065\u5eb7<\/button>\r\n                <button class=\"tab\" data-tab=\"education\">\u6559\u80b2\u9886\u57df<\/button>\r\n                <button class=\"tab\" data-tab=\"enterprise\">\u4f01\u4e1a\u670d\u52a1<\/button>\r\n            <\/div>\r\n            \r\n            <div class=\"tab-content active\" id=\"healthcare\">\r\n                <div class=\"app-card\">\r\n                    <div class=\"app-image\">\r\n                        <i class=\"fas fa-heartbeat\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"app-content\">\r\n                        <h3 class=\"app-title\">\u7cbe\u795e\u5065\u5eb7\u7b5b\u67e5\u7cfb\u7edf<\/h3>\r\n                        <p class=\"app-desc\">\u901a\u8fc7\u8bed\u97f3\u548c\u9762\u90e8\u8868\u60c5\u5206\u6790\uff0c\u5b9e\u73b0\u6291\u90c1\u75c7\u3001\u7126\u8651\u75c7\u7b49\u7cbe\u795e\u75be\u75c5\u7684\u65e9\u671f\u7b5b\u67e5\uff0c\u51c6\u786e\u7387\u8fbe89.3%\uff0c\u52a9\u529b\u533b\u7597\u673a\u6784\u63d0\u524d\u5e72\u9884\u3002<\/p>\r\n                        <div class=\"app-features\">\r\n                            <span class=\"feature-tag\">\u60c5\u7eea\u969c\u788d\u8bc6\u522b<\/span>\r\n                            <span class=\"feature-tag\">\u65e9\u671f\u9884\u8b66<\/span>\r\n                            <span class=\"feature-tag\">\u6cbb\u7597\u8f85\u52a9<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"tab-content\" id=\"education\">\r\n                <div class=\"app-card\">\r\n                    <div class=\"app-image\">\r\n                        <i class=\"fas fa-graduation-cap\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"app-content\">\r\n                        <h3 class=\"app-title\">\u5b66\u751f\u5fc3\u7406\u5065\u5eb7\u5e73\u53f0<\/h3>\r\n                        <p class=\"app-desc\">\u5b9e\u65f6\u76d1\u6d4b\u5b66\u751f\u60c5\u7eea\u72b6\u6001\uff0c\u8bc6\u522b\u6f5c\u5728\u5fc3\u7406\u95ee\u9898\uff0c\u4e3a\u6559\u80b2\u673a\u6784\u63d0\u4f9b\u4e2a\u6027\u5316\u5fc3\u7406\u5065\u5eb7\u5e72\u9884\u65b9\u6848\u3002<\/p>\r\n                        <div class=\"app-features\">\r\n                            <span class=\"feature-tag\">\u60c5\u7eea\u6ce2\u52a8\u76d1\u6d4b<\/span>\r\n                            <span class=\"feature-tag\">\u538b\u529b\u7ba1\u7406<\/span>\r\n                            <span class=\"feature-tag\">\u5fc3\u7406\u5e72\u9884<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"tab-content\" id=\"enterprise\">\r\n                <div class=\"app-card\">\r\n                    <div class=\"app-image\">\r\n                        <i class=\"fas fa-briefcase\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"app-content\">\r\n                        <h3 class=\"app-title\">\u4f01\u4e1a\u5458\u5de5\u5173\u6000\u7cfb\u7edf<\/h3>\r\n                        <p class=\"app-desc\">\u5206\u6790\u5458\u5de5\u60c5\u7eea\u72b6\u6001\u4e0e\u56e2\u961f\u6c1b\u56f4\uff0c\u964d\u4f4e\u79bb\u804c\u738715.8%\uff0c\u63d0\u5347\u56e2\u961f\u534f\u4f5c\u6548\u738723.4%\uff0c\u6253\u9020\u5065\u5eb7\u804c\u573a\u73af\u5883\u3002<\/p>\r\n                        <div class=\"app-features\">\r\n                            <span class=\"feature-tag\">\u5458\u5de5\u60c5\u7eea\u76d1\u6d4b<\/span>\r\n                            <span class=\"feature-tag\">\u56e2\u961f\u6c1b\u56f4\u5206\u6790<\/span>\r\n                            <span class=\"feature-tag\">\u79bb\u804c\u98ce\u9669\u9884\u8b66<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ \u6807\u7b7e\u5207\u6362\u529f\u80fd\r\n        document.querySelectorAll('.tab').forEach(tab => {\r\n            tab.addEventListener('click', function() {\r\n                \/\/ \u79fb\u9664\u6240\u6709\u6d3b\u52a8\u72b6\u6001\r\n                document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));\r\n                document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));\r\n                \r\n                \/\/ \u6dfb\u52a0\u5f53\u524d\u6d3b\u52a8\u72b6\u6001\r\n                this.classList.add('active');\r\n                const tabId = this.getAttribute('data-tab');\r\n                document.getElementById(tabId).classList.add('active');\r\n            });\r\n        });\r\n        \r\n        \/\/ \u5361\u7247\u60ac\u505c\u6548\u679c\r\n        document.querySelectorAll('.stat-item, .value-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                this.style.transform = 'translateY(-10px)';\r\n            });\r\n            card.addEventListener('mouseleave', function() {\r\n                this.style.transform = 'translateY(0)';\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u5fc3\u94fe\u6570\u79d1 &#8211; HCAI Tech | \u62db\u8058\u4fe1\u606f<\/title>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#6d28d9',\n                        primaryLight: '#8b5cf6',\n                        secondary: '#43cea2',\n                        accent: '#ff7e5f',\n                        dark: '#1e293b',\n                        medium: '#4b5563',\n                        light: '#f9fafb',\n                    },\n                    fontFamily: {\n                        sans: ['Noto Sans SC', 'sans-serif'],\n                    },\n                }\n            }\n        }\n    <\/script>\n    <style type=\"text\/tailwindcss\">\n        @layer utilities {\n            .text-shadow {\n                text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            }\n            .card-hover {\n                transition: all 0.3s ease;\n            }\n            .card-hover:hover {\n                transform: translateY(-5px);\n            }\n            .gradient-bg {\n                background: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);\n            }\n            .gradient-text {\n                background-clip: text;\n                -webkit-background-clip: text;\n                color: transparent;\n                background-image: linear-gradient(135deg, #6d28d9 0%, #8b5cf6 100%);\n            }\n            .animate-fade-in {\n                animation: fadeIn 0.8s ease-out forwards;\n            }\n            @keyframes fadeIn {\n                from { opacity: 0; transform: translateY(20px); }\n                to { opacity: 1; transform: translateY(0); }\n            }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 font-sans text-dark\">\n    <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12\">\n        <!-- \u516c\u53f8\u4ecb\u7ecd - \u4f18\u5316\u7248 -->\n        <div class=\"mb-16 text-center animate-fade-in\">\n            <h1 class=\"text-[clamp(2.5rem,5vw,4rem)] font-bold mb-6 gradient-text\">\u5fc3\u94fe\u6570\u79d1 &#8211; HCAI Tech<\/h1>\n            <p class=\"text-xl text-medium max-w-3xl mx-auto mb-8 leading-relaxed\">\n                <span class=\"font-semibold text-primary\">\u60c5\u611f\u8ba1\u7b97\u4e0e\u5fc3\u7406\u5065\u5eb7\u9886\u57df\u7684\u521b\u65b0\u8005<\/span>\uff0c\u901a\u8fc7\u4eba\u5de5\u667a\u80fd\u4e0e\u5fc3\u7406\u5b66\u7684\u6df1\u5ea6\u878d\u5408\uff0c\n                \u6784\u5efa\u60c5\u611f\u8d44\u4ea7\u7ba1\u7406\u7684\u672a\u6765\u3002\u6211\u4eec\u7684\u6280\u672f\u4ea7\u54c1\u6db5\u76d6\u5bb6\u5ead\u5173\u7cfb\u5065\u5eb7\u76d1\u6d4b\u3001\u60c5\u611fAI\u52a9\u624b\u3001\n                \u5fc3\u7406\u5065\u5eb7\u8bc4\u4f30\u7cfb\u7edf\u7b49\u591a\u4e2a\u9886\u57df\uff0c\u81f4\u529b\u4e8e\u8ba9\u6bcf\u4e2a\u4eba\u90fd\u80fd\u62e5\u6709\u5065\u5eb7\u7684\u60c5\u611f\u751f\u6001\u3002\n            <\/p>\n            <div class=\"inline-block gradient-bg text-white px-8 py-3 rounded-full font-medium text-lg shadow-lg hover:scale-105 transition-transform\">\n                \u4e0a\u6d77\u5730\u533a 25\u4e2a\u804c\u4f4d\u70ed\u62db\n            <\/div>\n        <\/div>\n\n        <!-- \u516c\u53f8\u573a\u666f\u5c55\u793a -->\n        <div class=\"mb-16 rounded-2xl overflow-hidden shadow-xl max-w-6xl mx-auto animate-fade-in\">\n            <img decoding=\"async\" src=\"https:\/\/www.affectivechain.com\/wp-content\/uploads\/2025\/07\/121-scaled.jpg\" alt=\"\u5fc3\u94fe\u6570\u79d1\u516c\u53f8\u573a\u666f\" class=\"w-full h-auto object-cover\">\n            <div class=\"bg-gradient-to-t from-dark to-transparent p-6 relative -mt-24\">\n                <p class=\"text-white text-lg max-w-2xl mx-auto text-center\">\n                    <i class=\"fas fa-quote-left text-primaryLight mr-2\"><\/i>\n                    \u6211\u4eec\u7684\u521b\u65b0\u4e2d\u5fc3 &#8211; \u60c5\u611f\u8ba1\u7b97\u4e0e\u5fc3\u7406\u5065\u5eb7\u6280\u672f\u7814\u53d1\u57fa\u5730\n                    <i class=\"fas fa-quote-right text-primaryLight ml-2\"><\/i>\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- \u62db\u8058\u4eae\u70b9 -->\n        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 mb-16\">\n            <div class=\"bg-white p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n                <div class=\"w-14 h-14 bg-primary\/10 rounded-full flex items-center justify-center mb-6\">\n                    <i class=\"fas fa-map-marker-alt text-2xl text-primary\"><\/i>\n                <\/div>\n                <h3 class=\"text-xl font-semibold mb-3 text-primary\">\u4e0a\u6d77\u6838\u5fc3\u533a\u4f4d<\/h3>\n                <p class=\"text-medium\">\u4f4d\u4e8e\u6d66\u4e1c\u65b0\u533a\u5f20\u6c5f\u9ad8\u79d1\u6280\u56ed\u533a\uff0c\u6bd7\u90bb\u4f17\u591a\u79d1\u6280\u4f01\u4e1a\u4e0e\u7814\u7a76\u673a\u6784\uff0c\u4ea4\u901a\u4fbf\u5229\uff0c\u4eba\u624d\u6c47\u805a\u3002<\/p>\n            <\/div>\n            \n            <div class=\"bg-white p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n                <div class=\"w-14 h-14 bg-primary\/10 rounded-full flex items-center justify-center mb-6\">\n                    <i class=\"fas fa-hand-holding-heart text-2xl text-primary\"><\/i>\n                <\/div>\n                <h3 class=\"text-xl font-semibold mb-3 text-primary\">\u884c\u4e1a\u524d\u6cbf\u9886\u57df<\/h3>\n                <p class=\"text-medium\">\u60c5\u611f\u8ba1\u7b97\u4e0e\u5fc3\u7406\u5065\u5eb7\u4ea4\u53c9\u9886\u57df\uff0c\u653f\u7b56\u652f\u6301\u529b\u5ea6\u5927\uff0c\u5e02\u573a\u524d\u666f\u5e7f\u9614\uff0c\u804c\u4e1a\u53d1\u5c55\u7a7a\u95f4\u65e0\u9650\u3002<\/p>\n            <\/div>\n            \n            <div class=\"bg-white p-8 rounded-xl shadow-md card-hover border border-gray-100\">\n                <div class=\"w-14 h-14 bg-primary\/10 rounded-full flex items-center justify-center mb-6\">\n                    <i class=\"fas fa-users text-2xl text-primary\"><\/i>\n                <\/div>\n                <h3 class=\"text-xl font-semibold mb-3 text-primary\">\u7cbe\u82f1\u56e2\u961f\u7ec4\u5efa<\/h3>\n                <p class=\"text-medium\">\u9996\u6279\u6838\u5fc3\u56e2\u961f\u6210\u5458\u5c06\u83b7\u5f97\u80a1\u6743\u6fc0\u52b1\uff0c\u53c2\u4e0e\u516c\u53f8\u6218\u7565\u51b3\u7b56\uff0c\u4e0e\u884c\u4e1a\u9876\u5c16\u4eba\u624d\u5171\u540c\u6210\u957f\u3002<\/p>\n            <\/div>\n        <\/div>\n\n        <!-- \u6280\u672f\u4ea7\u54c1\u7b80\u4ecb -->\n        <div class=\"mb-16 bg-white p-8 md:p-12 rounded-2xl shadow-lg\">\n            <h2 class=\"text-3xl font-bold mb-8 text-center\">\u6211\u4eec\u7684\u6280\u672f\u4ea7\u54c1\u77e9\u9635<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <div class=\"border border-gray-100 p-6 rounded-xl card-hover\">\n                    <div class=\"text-primary text-3xl mb-4\">\n                        <i class=\"fas fa-heartbeat\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u60c5\u611f\u72b6\u6001\u76d1\u6d4b\u7cfb\u7edf<\/h3>\n                    <p class=\"text-medium\">\u901a\u8fc7\u591a\u6a21\u6001\u6570\u636e\u91c7\u96c6\u4e0eAI\u5206\u6790\uff0c\u5b9e\u65f6\u76d1\u6d4b\u7528\u6237\u60c5\u611f\u72b6\u6001\uff0c\u63d0\u4f9b\u4e2a\u6027\u5316\u8c03\u8282\u5efa\u8bae\u3002<\/p>\n                <\/div>\n                \n                <div class=\"border border-gray-100 p-6 rounded-xl card-hover\">\n                    <div class=\"text-primary text-3xl mb-4\">\n                        <i class=\"fas fa-home\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u5bb6\u5ead\u5173\u7cfb\u5065\u5eb7\u5e73\u53f0<\/h3>\n                    <p class=\"text-medium\">\u57fa\u4e8e\u5bb6\u5ead\u4e92\u52a8\u6a21\u5f0f\u5206\u6790\uff0c\u8bc6\u522b\u6f5c\u5728\u5173\u7cfb\u98ce\u9669\uff0c\u63d0\u4f9b\u79d1\u5b66\u5e72\u9884\u65b9\u6848\uff0c\u7ef4\u62a4\u5bb6\u5ead\u548c\u8c10\u3002<\/p>\n                <\/div>\n                \n                <div class=\"border border-gray-100 p-6 rounded-xl card-hover\">\n                    <div class=\"text-primary text-3xl mb-4\">\n                        <i class=\"fas fa-brain\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u5fc3\u7406\u5065\u5eb7AI\u52a9\u624b<\/h3>\n                    <p class=\"text-medium\">\u7ed3\u5408\u4e34\u5e8a\u5fc3\u7406\u5b66\u4e0e\u81ea\u7136\u8bed\u8a00\u5904\u7406\u6280\u672f\uff0c\u63d0\u4f9b24\/7\u5fc3\u7406\u5065\u5eb7\u652f\u6301\u4e0e\u521d\u6b65\u5e72\u9884\u3002<\/p>\n                <\/div>\n                \n                <div class=\"border border-gray-100 p-6 rounded-xl card-hover\">\n                    <div class=\"text-primary text-3xl mb-4\">\n                        <i class=\"fas fa-chart-line\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u60c5\u611f\u8d44\u4ea7\u5206\u6790\u7cfb\u7edf<\/h3>\n                    <p class=\"text-medium\">\u91cf\u5316\u5206\u6790\u4e2a\u4eba\u60c5\u611f\u8d44\u4ea7\u72b6\u51b5\uff0c\u63d0\u4f9b\u957f\u671f\u60c5\u611f\u5065\u5eb7\u7ba1\u7406\u4e0e\u4f18\u5316\u65b9\u6848\u3002<\/p>\n                <\/div>\n                \n                <div class=\"border border-gray-100 p-6 rounded-xl card-hover\">\n                    <div class=\"text-primary text-3xl mb-4\">\n                        <i class=\"fas fa-school\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u6559\u80b2\u60c5\u611f\u652f\u6301\u5e73\u53f0<\/h3>\n                    <p class=\"text-medium\">\u4e13\u4e3a\u6559\u80b2\u573a\u666f\u8bbe\u8ba1\uff0c\u5e2e\u52a9\u6559\u5e08\u8bc6\u522b\u5b66\u751f\u60c5\u611f\u9700\u6c42\uff0c\u4f18\u5316\u6559\u5b66\u4e92\u52a8\u6548\u679c\u3002<\/p>\n                <\/div>\n                \n                <div class=\"border border-gray-100 p-6 rounded-xl card-hover\">\n                    <div class=\"text-primary text-3xl mb-4\">\n                        <i class=\"fas fa-building\"><\/i>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u4f01\u4e1a\u60c5\u611f\u7ba1\u7406\u65b9\u6848<\/h3>\n                    <p class=\"text-medium\">\u5e2e\u52a9\u4f01\u4e1a\u76d1\u6d4b\u4e0e\u6539\u5584\u5458\u5de5\u5fc3\u7406\u5065\u5eb7\u72b6\u51b5\uff0c\u63d0\u5347\u56e2\u961f\u51dd\u805a\u529b\u4e0e\u5de5\u4f5c\u6548\u7387\u3002<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u62db\u8058\u5c97\u4f4d -->\n        <div class=\"mb-16\">\n            <h2 class=\"text-3xl font-bold mb-2 text-center\">\u6280\u672f\u7814\u53d1\u7c7b\u5c97\u4f4d<\/h2>\n            <p class=\"text-center text-medium mb-10\">\u5171\u62db\u805812\u4eba | \u6211\u4eec\u671f\u5f85\u6280\u672f\u521b\u65b0\u8005\u52a0\u5165\uff0c\u5171\u540c\u6253\u9020\u60c5\u611f\u667a\u80fd\u7684\u672a\u6765<\/p>\n            \n            <!-- \u524d\u7aef\u5f00\u53d1\u5de5\u7a0b\u5e08 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u524d\u7aef\u5f00\u53d1\u5de5\u7a0b\u5e08<\/h3>\n                            <p class=\"text-medium\">3\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-code mr-2\"><\/i> 15K-30K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u516c\u53f8\u60c5\u611f\u8ba1\u7b97\u76f8\u5173\u4ea7\u54c1\u7684\u524d\u7aef\u5f00\u53d1\uff0c\u5b9e\u73b0\u9ad8\u8d28\u91cf\u7684\u7528\u6237\u754c\u9762\u4e0e\u4ea4\u4e92\u4f53\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u4ea7\u54c1\u7ecf\u7406\u3001\u8bbe\u8ba1\u5e08\u548c\u540e\u7aef\u5de5\u7a0b\u5e08\u7d27\u5bc6\u5408\u4f5c\uff0c\u53c2\u4e0e\u4ea7\u54c1\u9700\u6c42\u5206\u6790\u4e0e\u6280\u672f\u65b9\u6848\u8bbe\u8ba1<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u5316\u524d\u7aef\u6027\u80fd\uff0c\u89e3\u51b3\u5404\u79cd\u6d4f\u89c8\u5668\u517c\u5bb9\u6027\u95ee\u9898\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53c2\u4e0e\u524d\u7aef\u6280\u672f\u67b6\u6784\u8bbe\u8ba1\u4e0e\u7ec4\u4ef6\u5e93\u5efa\u8bbe\uff0c\u63a8\u52a8\u524d\u7aef\u5de5\u7a0b\u5316\u5b9e\u8df5<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5173\u6ce8\u524d\u7aef\u6280\u672f\u53d1\u5c55\u8d8b\u52bf\uff0c\u5f15\u5165\u65b0\u6280\u672f\u63d0\u5347\u56e2\u961f\u5f00\u53d1\u6548\u7387\u4e0e\u4ea7\u54c1\u8d28\u91cf<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u8ba1\u7b97\u673a\u76f8\u5173\u4e13\u4e1a\uff0c2\u5e74\u4ee5\u4e0a\u524d\u7aef\u5f00\u53d1\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7cbe\u901aHTML5\u3001CSS3\u3001JavaScript\uff0c\u719f\u6089ES6+\u7279\u6027<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u81f3\u5c11\u719f\u7ec3\u638c\u63e1\u4e00\u79cd\u524d\u7aef\u6846\u67b6\uff08React\/Vue\/Angular\uff09\uff0c\u6709React\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e86\u89e3\u524d\u7aef\u5de5\u7a0b\u5316\u3001\u6a21\u5757\u5316\u5f00\u53d1\uff0c\u6709Webpack\u7b49\u6784\u5efa\u5de5\u5177\u4f7f\u7528\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5bf9\u7528\u6237\u4f53\u9a8c\u6709\u6df1\u523b\u7406\u89e3\uff0c\u5177\u5907\u826f\u597d\u7684\u5ba1\u7f8e\u80fd\u529b\u548c\u4ea4\u4e92\u8bbe\u8ba1\u610f\u8bc6<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u6570\u636e\u53ef\u89c6\u5316\u3001\u60c5\u611f\u4ea4\u4e92\u7c7b\u4ea7\u54c1\u5f00\u53d1\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u540e\u7aef\u5f00\u53d1\u5de5\u7a0b\u5e08 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u540e\u7aef\u5f00\u53d1\u5de5\u7a0b\u5e08<\/h3>\n                            <p class=\"text-medium\">3\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-server mr-2\"><\/i> 18K-35K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u516c\u53f8\u6838\u5fc3\u4ea7\u54c1\u7684\u540e\u7aef\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5f00\u53d1\uff0c\u5305\u62ecAPI\u63a5\u53e3\u3001\u6570\u636e\u5904\u7406\u4e0e\u5b58\u50a8\u7b49<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53c2\u4e0e\u7cfb\u7edf\u67b6\u6784\u8bbe\u8ba1\u4e0e\u6280\u672f\u9009\u578b\uff0c\u4fdd\u969c\u7cfb\u7edf\u7684\u9ad8\u53ef\u7528\u6027\u3001\u9ad8\u6269\u5c55\u6027\u4e0e\u6570\u636e\u5b89\u5168<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u5316\u540e\u7aef\u670d\u52a1\u6027\u80fd\uff0c\u89e3\u51b3\u7cfb\u7edf\u74f6\u9888\uff0c\u63d0\u5347\u7528\u6237\u4f53\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u524d\u7aef\u56e2\u961f\u3001\u7b97\u6cd5\u56e2\u961f\u7d27\u5bc6\u5408\u4f5c\uff0c\u5171\u540c\u5b8c\u6210\u4ea7\u54c1\u529f\u80fd\u5f00\u53d1\u4e0e\u8fed\u4ee3<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53c2\u4e0e\u6280\u672f\u6587\u6863\u7f16\u5199\uff0c\u63a8\u52a8\u5f00\u53d1\u89c4\u8303\u4e0e\u6700\u4f73\u5b9e\u8df5\u7684\u843d\u5730<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u8ba1\u7b97\u673a\u76f8\u5173\u4e13\u4e1a\uff0c3\u5e74\u4ee5\u4e0a\u540e\u7aef\u5f00\u53d1\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7cbe\u901aJava\/Python\/Go\u4e2d\u81f3\u5c11\u4e00\u79cd\u7f16\u7a0b\u8bed\u8a00\u53ca\u76f8\u5173\u751f\u6001<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u719f\u6089\u5fae\u670d\u52a1\u67b6\u6784\uff0c\u6709\u5206\u5e03\u5f0f\u7cfb\u7edf\u8bbe\u8ba1\u4e0e\u5f00\u53d1\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u719f\u6089\u5173\u7cfb\u578b\u6570\u636e\u5e93\uff08MySQL\u7b49\uff09\u548cNoSQL\u6570\u636e\u5e93\uff08MongoDB\/Redis\u7b49\uff09<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u9ad8\u5e76\u53d1\u3001\u5927\u6570\u636e\u91cf\u7cfb\u7edf\u5f00\u53d1\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e86\u89e3\u60c5\u611f\u8ba1\u7b97\u3001\u5fc3\u7406\u5065\u5eb7\u76f8\u5173\u9886\u57df\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u7b97\u6cd5\u5de5\u7a0b\u5e08\uff08\u60c5\u611f\u8ba1\u7b97\u65b9\u5411\uff09 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u7b97\u6cd5\u5de5\u7a0b\u5e08\uff08\u60c5\u611f\u8ba1\u7b97\u65b9\u5411\uff09<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-brain mr-2\"><\/i> 25K-45K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u60c5\u611f\u8ba1\u7b97\u76f8\u5173\u7b97\u6cd5\u7684\u7814\u7a76\u4e0e\u5f00\u53d1\uff0c\u5305\u62ec\u60c5\u611f\u8bc6\u522b\u3001\u60c5\u611f\u9884\u6d4b\u7b49<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8bbe\u8ba1\u5e76\u5b9e\u73b0\u57fa\u4e8e\u6587\u672c\u3001\u8bed\u97f3\u3001\u56fe\u50cf\u7b49\u591a\u6a21\u6001\u6570\u636e\u7684\u60c5\u611f\u5206\u6790\u6a21\u578b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u5316\u73b0\u6709\u7b97\u6cd5\u6a21\u578b\uff0c\u63d0\u5347\u60c5\u611f\u8bc6\u522b\u51c6\u786e\u7387\u4e0e\u7cfb\u7edf\u6027\u80fd<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u4ea7\u54c1\u3001\u5de5\u7a0b\u56e2\u961f\u7d27\u5bc6\u5408\u4f5c\uff0c\u5c06\u7b97\u6cd5\u7814\u7a76\u6210\u679c\u843d\u5730\u5230\u5b9e\u9645\u4ea7\u54c1\u4e2d<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8ddf\u8e2a\u60c5\u611f\u8ba1\u7b97\u3001\u81ea\u7136\u8bed\u8a00\u5904\u7406\u7b49\u9886\u57df\u7684\u524d\u6cbf\u6280\u672f\u4e0e\u7814\u7a76\u6210\u679c<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7855\u58eb\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u8ba1\u7b97\u673a\u3001\u4eba\u5de5\u667a\u80fd\u3001\u5fc3\u7406\u5b66\u7b49\u76f8\u5173\u4e13\u4e1a<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>2\u5e74\u4ee5\u4e0a\u60c5\u611f\u8ba1\u7b97\u3001\u81ea\u7136\u8bed\u8a00\u5904\u7406\u6216\u76f8\u5173\u9886\u57df\u7b97\u6cd5\u7814\u53d1\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7cbe\u901a\u673a\u5668\u5b66\u4e60\u3001\u6df1\u5ea6\u5b66\u4e60\u7406\u8bba\u4e0e\u7b97\u6cd5\uff0c\u719f\u6089TensorFlow\/PyTorch\u7b49\u6846\u67b6<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u6587\u672c\u60c5\u611f\u5206\u6790\u3001\u60c5\u611f\u5bf9\u8bdd\u7cfb\u7edf\u7b49\u76f8\u5173\u9879\u76ee\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u826f\u597d\u7684\u6570\u5b66\u57fa\u7840\u548c\u7b97\u6cd5\u8bbe\u8ba1\u80fd\u529b\uff0c\u80fd\u72ec\u7acb\u89e3\u51b3\u590d\u6742\u6280\u672f\u95ee\u9898<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53d1\u8868\u8fc7\u60c5\u611f\u8ba1\u7b97\u76f8\u5173\u5b66\u672f\u8bba\u6587\u6216\u6709\u76f8\u5173\u4e13\u5229\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u6570\u636e\u79d1\u5b66\u5bb6 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u6570\u636e\u79d1\u5b66\u5bb6<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-chart-line mr-2\"><\/i> 22K-40K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u60c5\u611f\u4e0e\u5fc3\u7406\u5065\u5eb7\u76f8\u5173\u6570\u636e\u7684\u91c7\u96c6\u3001\u6e05\u6d17\u3001\u5206\u6790\u4e0e\u5efa\u6a21<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8bbe\u8ba1\u6570\u636e\u6316\u6398\u65b9\u6848\uff0c\u53d1\u73b0\u7528\u6237\u60c5\u611f\u89c4\u5f8b\u4e0e\u884c\u4e3a\u6a21\u5f0f<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6784\u5efa\u7528\u6237\u60c5\u611f\u5065\u5eb7\u8bc4\u4f30\u6a21\u578b\uff0c\u4e3a\u4ea7\u54c1\u63d0\u4f9b\u6570\u636e\u652f\u6301<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u4ea7\u54c1\u548c\u7b97\u6cd5\u56e2\u961f\u5408\u4f5c\uff0c\u5c06\u6570\u636e\u5206\u6790\u6210\u679c\u8f6c\u5316\u4e3a\u4ea7\u54c1\u529f\u80fd\u4e0e\u4f18\u5316\u65b9\u5411<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8bbe\u8ba1\u6570\u636e\u53ef\u89c6\u5316\u65b9\u6848\uff0c\u5411\u56e2\u961f\u548c\u7ba1\u7406\u5c42\u5c55\u793a\u6570\u636e\u5206\u6790\u7ed3\u679c<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7855\u58eb\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u7edf\u8ba1\u5b66\u3001\u6570\u636e\u79d1\u5b66\u3001\u5fc3\u7406\u5b66\u7b49\u76f8\u5173\u4e13\u4e1a<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>3\u5e74\u4ee5\u4e0a\u6570\u636e\u79d1\u5b66\u76f8\u5173\u5de5\u4f5c\u7ecf\u9a8c\uff0c\u6709\u5065\u5eb7\u533b\u7597\u6216\u60c5\u611f\u76f8\u5173\u9886\u57df\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7cbe\u901aPython\/R\u7b49\u6570\u636e\u5206\u6790\u5de5\u5177\uff0c\u719f\u6089SQL\u53ca\u6570\u636e\u5904\u7406\u6280\u672f<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u719f\u6089\u673a\u5668\u5b66\u4e60\u7b97\u6cd5\uff0c\u6709\u9884\u6d4b\u6a21\u578b\u6784\u5efa\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u79c0\u7684\u6570\u636e\u5206\u6790\u80fd\u529b\u548c\u4e1a\u52a1\u7406\u89e3\u80fd\u529b\uff0c\u80fd\u4ece\u6570\u636e\u4e2d\u53d1\u73b0\u6709\u4ef7\u503c\u7684\u6d1e\u5bdf<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u826f\u597d\u7684\u6c9f\u901a\u80fd\u529b\uff0c\u80fd\u6e05\u6670\u8868\u8fbe\u590d\u6742\u7684\u6570\u636e\u5206\u6790\u7ed3\u679c<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- AI\u4ea7\u54c1\u7ecf\u7406 -->\n            <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">AI\u4ea7\u54c1\u7ecf\u7406<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-cogs mr-2\"><\/i> 20K-38K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u516c\u53f8AI\u60c5\u611f\u4ea7\u54c1\u7684\u89c4\u5212\u4e0e\u8bbe\u8ba1\uff0c\u5305\u62ec\u9700\u6c42\u5206\u6790\u3001\u4ea7\u54c1\u5b9a\u4f4d\u3001\u529f\u80fd\u8bbe\u8ba1\u7b49<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u7b97\u6cd5\u3001\u5f00\u53d1\u3001\u8bbe\u8ba1\u56e2\u961f\u7d27\u5bc6\u5408\u4f5c\uff0c\u63a8\u52a8AI\u529f\u80fd\u7684\u843d\u5730\u4e0e\u4f18\u5316<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5b9a\u4e49AI\u4ea7\u54c1\u7684\u8bc4\u4f30\u6307\u6807\uff0c\u6301\u7eed\u8ddf\u8e2a\u4ea7\u54c1\u6548\u679c\u5e76\u63a8\u52a8\u8fed\u4ee3\u4f18\u5316<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6df1\u5165\u7406\u89e3\u7528\u6237\u9700\u6c42\u4e0e\u5e02\u573a\u52a8\u6001\uff0c\u63a2\u7d22AI\u6280\u672f\u5728\u60c5\u611f\u5065\u5eb7\u9886\u57df\u7684\u521b\u65b0\u5e94\u7528<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u64b0\u5199\u4ea7\u54c1\u9700\u6c42\u6587\u6863\u3001\u7528\u6237\u6545\u4e8b\uff0c\u7ec4\u7ec7\u4ea7\u54c1\u8bc4\u5ba1\u4f1a\u8bae<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c3\u5e74\u4ee5\u4e0aAI\u76f8\u5173\u4ea7\u54c1\u7ecf\u7406\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e86\u89e3\u673a\u5668\u5b66\u4e60\u3001\u81ea\u7136\u8bed\u8a00\u5904\u7406\u7b49AI\u6280\u672f\u539f\u7406\u53ca\u5e94\u7528\u573a\u666f<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u60c5\u611f\u8ba1\u7b97\u3001\u667a\u80fd\u5bf9\u8bdd\u3001\u5fc3\u7406\u5065\u5eb7\u7c7b\u4ea7\u54c1\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u79c0\u7684\u4ea7\u54c1\u601d\u7ef4\u548c\u7528\u6237\u6d1e\u5bdf\u529b\uff0c\u80fd\u5e73\u8861\u6280\u672f\u53ef\u884c\u6027\u4e0e\u7528\u6237\u9700\u6c42<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u51fa\u8272\u7684\u6c9f\u901a\u534f\u8c03\u80fd\u529b\u548c\u9879\u76ee\u7ba1\u7406\u80fd\u529b\uff0c\u80fd\u63a8\u52a8\u8de8\u56e2\u961f\u5408\u4f5c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5fc3\u7406\u5b66\u3001\u8ba4\u77e5\u79d1\u5b66\u7b49\u76f8\u5173\u80cc\u666f\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- \u4ea7\u54c1\u8bbe\u8ba1\u7c7b\u5c97\u4f4d -->\n        <div class=\"mb-16\">\n            <h2 class=\"text-3xl font-bold mb-2 text-center\">\u4ea7\u54c1\u8bbe\u8ba1\u7c7b\u5c97\u4f4d<\/h2>\n            <p class=\"text-center text-medium mb-10\">\u5171\u62db\u80584\u4eba | \u6211\u4eec\u9700\u8981\u521b\u9020\u51fa\u6709\u6e29\u5ea6\u7684\u60c5\u611f\u4ea4\u4e92\u4f53\u9a8c<\/p>\n            \n            <!-- UX\/UI\u8bbe\u8ba1\u5e08 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">UX\/UI\u8bbe\u8ba1\u5e08<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-paint-brush mr-2\"><\/i> 15K-30K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u516c\u53f8\u60c5\u611f\u5065\u5eb7\u7c7b\u4ea7\u54c1\u7684\u7528\u6237\u4f53\u9a8c\u8bbe\u8ba1\u4e0e\u754c\u9762\u8bbe\u8ba1<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8fdb\u884c\u7528\u6237\u7814\u7a76\uff0c\u7406\u89e3\u76ee\u6807\u7528\u6237\u9700\u6c42\u4e0e\u60c5\u611f\u4f53\u9a8c\uff0c\u8f6c\u5316\u4e3a\u8bbe\u8ba1\u65b9\u6848<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u521b\u5efa\u7528\u6237\u6d41\u7a0b\u56fe\u3001\u7ebf\u6846\u56fe\u3001\u539f\u578b\u548c\u89c6\u89c9\u8bbe\u8ba1\u7a3f<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u4ea7\u54c1\u7ecf\u7406\u3001\u5f00\u53d1\u56e2\u961f\u7d27\u5bc6\u5408\u4f5c\uff0c\u786e\u4fdd\u8bbe\u8ba1\u65b9\u6848\u7684\u6709\u6548\u843d\u5730<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53c2\u4e0e\u8bbe\u8ba1\u8bc4\u5ba1\u4e0e\u7528\u6237\u6d4b\u8bd5\uff0c\u6301\u7eed\u4f18\u5316\u4ea7\u54c1\u4f53\u9a8c<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u8bbe\u8ba1\u76f8\u5173\u4e13\u4e1a\uff0c2\u5e74\u4ee5\u4e0aUX\/UI\u8bbe\u8ba1\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7cbe\u901aFigma\u3001Sketch\u7b49\u8bbe\u8ba1\u5de5\u5177\uff0c\u6709\u826f\u597d\u7684\u89c6\u89c9\u8bbe\u8ba1\u80fd\u529b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7406\u89e3\u7528\u6237\u4f53\u9a8c\u8bbe\u8ba1\u539f\u5219\uff0c\u5177\u5907\u4f18\u79c0\u7684\u4ea4\u4e92\u8bbe\u8ba1\u80fd\u529b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u5065\u5eb7\u533b\u7597\u3001\u5fc3\u7406\u54a8\u8be2\u7c7b\u4ea7\u54c1\u8bbe\u8ba1\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5bf9\u60c5\u611f\u5316\u8bbe\u8ba1\u6709\u6df1\u5165\u7406\u89e3\uff0c\u80fd\u8bbe\u8ba1\u51fa\u6709\u6e29\u5ea6\u7684\u4ea7\u54c1\u4f53\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u826f\u597d\u7684\u6c9f\u901a\u80fd\u529b\u548c\u56e2\u961f\u534f\u4f5c\u7cbe\u795e\uff0c\u80fd\u6e05\u6670\u8868\u8fbe\u8bbe\u8ba1\u601d\u8def<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u4ea4\u4e92\u8bbe\u8ba1\u5e08 -->\n            <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u4ea4\u4e92\u8bbe\u8ba1\u5e08\uff08\u60c5\u611f\u4f53\u9a8c\u65b9\u5411\uff09<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-exchange-alt mr-2\"><\/i> 18K-32K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u8bbe\u8ba1\u7b26\u5408\u7528\u6237\u60c5\u611f\u9700\u6c42\u7684\u4ea7\u54c1\u4ea4\u4e92\u6d41\u7a0b\u4e0e\u4f53\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6df1\u5165\u7814\u7a76\u7528\u6237\u5728\u60c5\u611f\u5065\u5eb7\u573a\u666f\u4e0b\u7684\u884c\u4e3a\u6a21\u5f0f\u4e0e\u9700\u6c42<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8bbe\u8ba1\u60c5\u611f\u5316\u4ea4\u4e92\u65b9\u6848\uff0c\u63d0\u5347\u7528\u6237\u5728\u4ea7\u54c1\u4f7f\u7528\u8fc7\u7a0b\u4e2d\u7684\u60c5\u611f\u4f53\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5236\u4f5c\u4ea4\u4e92\u539f\u578b\uff0c\u7ec4\u7ec7\u7528\u6237\u6d4b\u8bd5\uff0c\u6536\u96c6\u53cd\u9988\u5e76\u4f18\u5316\u8bbe\u8ba1\u65b9\u6848<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u4ea7\u54c1\u3001\u8bbe\u8ba1\u3001\u5f00\u53d1\u56e2\u961f\u534f\u4f5c\uff0c\u786e\u4fdd\u4ea4\u4e92\u8bbe\u8ba1\u7684\u6709\u6548\u5b9e\u65bd<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c2\u5e74\u4ee5\u4e0a\u4ea4\u4e92\u8bbe\u8ba1\u7ecf\u9a8c\uff0c\u6709\u60c5\u611f\u5316\u8bbe\u8ba1\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u638c\u63e1\u7528\u6237\u4f53\u9a8c\u8bbe\u8ba1\u65b9\u6cd5\u4e0e\u6d41\u7a0b\uff0c\u80fd\u72ec\u7acb\u5b8c\u6210\u4ece\u9700\u6c42\u5230\u8bbe\u8ba1\u7684\u5168\u6d41\u7a0b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7cbe\u901aAxure\u3001Figma\u7b49\u539f\u578b\u8bbe\u8ba1\u5de5\u5177\uff0c\u80fd\u5236\u4f5c\u9ad8\u4fdd\u771f\u4ea4\u4e92\u539f\u578b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5bf9\u7528\u6237\u5fc3\u7406\u4e0e\u60c5\u611f\u6709\u6df1\u5165\u7406\u89e3\uff0c\u5fc3\u7406\u5b66\u76f8\u5173\u80cc\u666f\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u5065\u5eb7\u3001\u533b\u7597\u3001\u5fc3\u7406\u54a8\u8be2\u7c7b\u4ea7\u54c1\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u826f\u597d\u7684\u903b\u8f91\u601d\u7ef4\u80fd\u529b\u548c\u6c9f\u901a\u80fd\u529b\uff0c\u80fd\u6e05\u6670\u8868\u8fbe\u8bbe\u8ba1\u601d\u8def<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- \u4e1a\u52a1\u4e0e\u8fd0\u8425\u7c7b\u5c97\u4f4d -->\n        <div class=\"mb-16\">\n            <h2 class=\"text-3xl font-bold mb-2 text-center\">\u4e1a\u52a1\u4e0e\u8fd0\u8425\u7c7b\u5c97\u4f4d<\/h2>\n            <p class=\"text-center text-medium mb-10\">\u5171\u62db\u80587\u4eba | \u8fde\u63a5\u6280\u672f\u4e0e\u7528\u6237\uff0c\u4f20\u9012\u60c5\u611f\u5065\u5eb7\u4ef7\u503c<\/p>\n            \n            <!-- \u5fc3\u7406\u54a8\u8be2\u5e08 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u5fc3\u7406\u54a8\u8be2\u5e08<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-user-friends mr-2\"><\/i> 15K-28K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e3a\u7528\u6237\u63d0\u4f9b\u4e13\u4e1a\u7684\u5fc3\u7406\u54a8\u8be2\u670d\u52a1\uff0c\u5305\u62ec\u4e2a\u4f53\u54a8\u8be2\u3001\u5bb6\u5ead\u5173\u7cfb\u54a8\u8be2\u7b49<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53c2\u4e0e\u4ea7\u54c1\u5fc3\u7406\u54a8\u8be2\u6a21\u5757\u7684\u8bbe\u8ba1\u4e0e\u4f18\u5316\uff0c\u63d0\u4f9b\u4e13\u4e1a\u5fc3\u7406\u5b66\u652f\u6301<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u64b0\u5199\u5fc3\u7406\u5065\u5eb7\u79d1\u666e\u5185\u5bb9\uff0c\u53c2\u4e0e\u7528\u6237\u6559\u80b2\u4e0e\u5f15\u5bfc\u5de5\u4f5c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u4ea7\u54c1\u3001\u6280\u672f\u56e2\u961f\u5408\u4f5c\uff0c\u5c06\u5fc3\u7406\u5b66\u7406\u8bba\u4e0e\u65b9\u6cd5\u878d\u5165\u4ea7\u54c1\u529f\u80fd\u8bbe\u8ba1<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53c2\u4e0e\u6848\u4f8b\u7814\u8ba8\u4e0e\u56e2\u961f\u57f9\u8bad\uff0c\u63d0\u5347\u56e2\u961f\u7684\u5fc3\u7406\u5b66\u4e13\u4e1a\u77e5\u8bc6<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5fc3\u7406\u5b66\u76f8\u5173\u4e13\u4e1a\u7855\u58eb\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c3\u5e74\u4ee5\u4e0a\u5fc3\u7406\u54a8\u8be2\u5de5\u4f5c\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6301\u6709\u56fd\u5bb6\u4e8c\u7ea7\u6216\u4e09\u7ea7\u5fc3\u7406\u54a8\u8be2\u5e08\u8d44\u683c\u8bc1\u4e66<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u64c5\u957f\u5bb6\u5ead\u5173\u7cfb\u3001\u60c5\u611f\u95ee\u9898\u7b49\u9886\u57df\u7684\u54a8\u8be2\uff0c\u6709\u76f8\u5173\u6848\u4f8b\u7ecf\u9a8c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e86\u89e3\u5fc3\u7406\u54a8\u8be2\u4f26\u7406\u89c4\u8303\uff0c\u6709\u826f\u597d\u7684\u804c\u4e1a\u7d20\u517b\u548c\u4fdd\u5bc6\u610f\u8bc6<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u826f\u597d\u7684\u6c9f\u901a\u80fd\u529b\u548c\u56e2\u961f\u534f\u4f5c\u7cbe\u795e\uff0c\u613f\u610f\u5c1d\u8bd5\u5c06\u5fc3\u7406\u54a8\u8be2\u4e0e\u6280\u672f\u7ed3\u5408<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u4e92\u8054\u7f51\u4ea7\u54c1\u76f8\u5173\u7ecf\u9a8c\uff0c\u6216\u613f\u610f\u5b66\u4e60\u65b0\u6280\u672f\u5e94\u7528\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u5185\u5bb9\u8fd0\u8425\u4e13\u5458 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u5185\u5bb9\u8fd0\u8425\u4e13\u5458<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-pen-fancy mr-2\"><\/i> 12K-20K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u516c\u53f8\u4ea7\u54c1\u53ca\u5e73\u53f0\u7684\u5185\u5bb9\u7b56\u5212\u4e0e\u521b\u4f5c\uff0c\u5305\u62ec\u79d1\u666e\u6587\u7ae0\u3001\u7528\u6237\u6307\u5357\u7b49<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5236\u5b9a\u5185\u5bb9\u8fd0\u8425\u7b56\u7565\uff0c\u63d0\u5347\u7528\u6237\u7c98\u6027\u4e0e\u6d3b\u8dc3\u5ea6<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u5fc3\u7406\u54a8\u8be2\u5e08\u5408\u4f5c\uff0c\u521b\u4f5c\u4e13\u4e1a\u3001\u6613\u61c2\u7684\u5fc3\u7406\u5065\u5eb7\u79d1\u666e\u5185\u5bb9<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5206\u6790\u5185\u5bb9\u6570\u636e\uff0c\u4f18\u5316\u5185\u5bb9\u65b9\u5411\u4e0e\u5f62\u5f0f\uff0c\u63d0\u5347\u5185\u5bb9\u6548\u679c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u53c2\u4e0e\u7528\u6237\u8c03\u7814\uff0c\u4e86\u89e3\u7528\u6237\u9700\u6c42\uff0c\u4e3a\u5185\u5bb9\u521b\u4f5c\u63d0\u4f9b\u65b9\u5411<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u4e2d\u6587\u3001\u65b0\u95fb\u3001\u5fc3\u7406\u5b66\u7b49\u76f8\u5173\u4e13\u4e1a<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>2\u5e74\u4ee5\u4e0a\u5185\u5bb9\u8fd0\u8425\u6216\u76f8\u5173\u5de5\u4f5c\u7ecf\u9a8c\uff0c\u6709\u5065\u5eb7\u3001\u5fc3\u7406\u9886\u57df\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u79c0\u7684\u6587\u5b57\u529f\u5e95\uff0c\u80fd\u64b0\u5199\u901a\u4fd7\u6613\u61c2\u3001\u6709\u5438\u5f15\u529b\u7684\u5185\u5bb9<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e86\u89e3\u5185\u5bb9\u4f20\u64ad\u89c4\u5f8b\uff0c\u6709\u793e\u4ea4\u5a92\u4f53\u8fd0\u8425\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u57fa\u672c\u7684\u6570\u636e\u5206\u6790\u80fd\u529b\uff0c\u80fd\u6839\u636e\u6570\u636e\u4f18\u5316\u5185\u5bb9\u7b56\u7565<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5bf9\u5fc3\u7406\u5065\u5eb7\u3001\u60c5\u611f\u7ba1\u7406\u9886\u57df\u6709\u6d53\u539a\u5174\u8da3\uff0c\u613f\u610f\u6df1\u5165\u5b66\u4e60<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u5e02\u573a\u4e13\u5458 -->\n            <div class=\"bg-white rounded-xl shadow-md mb-8 overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u5e02\u573a\u4e13\u5458<\/h3>\n                            <p class=\"text-medium\">2\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-bullhorn mr-2\"><\/i> 12K-22K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u516c\u53f8\u4ea7\u54c1\u7684\u5e02\u573a\u63a8\u5e7f\u7b56\u7565\u5236\u5b9a\u4e0e\u6267\u884c<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5f00\u62d3\u5e76\u7ef4\u62a4\u4e0e\u5fc3\u7406\u5065\u5eb7\u673a\u6784\u3001\u6559\u80b2\u673a\u6784\u7b49\u76f8\u5173\u5408\u4f5c\u4f19\u4f34\u7684\u5173\u7cfb<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7ec4\u7ec7\u7ebf\u4e0a\u7ebf\u4e0b\u5e02\u573a\u6d3b\u52a8\uff0c\u63d0\u5347\u54c1\u724c\u77e5\u540d\u5ea6\u4e0e\u4ea7\u54c1\u5f71\u54cd\u529b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6536\u96c6\u5e02\u573a\u4fe1\u606f\u4e0e\u7ade\u4e89\u5bf9\u624b\u52a8\u6001\uff0c\u4e3a\u4ea7\u54c1\u8fed\u4ee3\u4e0e\u5e02\u573a\u7b56\u7565\u63d0\u4f9b\u4f9d\u636e<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u5185\u5bb9\u3001\u4ea7\u54c1\u56e2\u961f\u534f\u4f5c\uff0c\u5236\u5b9a\u6574\u5408\u8425\u9500\u65b9\u6848<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u5e02\u573a\u8425\u9500\u3001\u516c\u5171\u5173\u7cfb\u7b49\u76f8\u5173\u4e13\u4e1a<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>2\u5e74\u4ee5\u4e0a\u5e02\u573a\u63a8\u5e7f\u7ecf\u9a8c\uff0c\u6709\u5065\u5eb7\u3001\u6559\u80b2\u3001\u79d1\u6280\u9886\u57df\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u4f18\u79c0\u7684\u6c9f\u901a\u80fd\u529b\u548c\u8c08\u5224\u6280\u5de7\uff0c\u64c5\u957f\u8d44\u6e90\u6574\u5408<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u6d3b\u52a8\u7b56\u5212\u4e0e\u6267\u884c\u7ecf\u9a8c\uff0c\u80fd\u72ec\u7acb\u5b8c\u6210\u5e02\u573a\u6d3b\u52a8<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u826f\u597d\u7684\u5e02\u573a\u6d1e\u5bdf\u529b\u548c\u6570\u636e\u5206\u6790\u80fd\u529b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5bf9\u60c5\u611f\u5065\u5eb7\u3001\u4eba\u5de5\u667a\u80fd\u9886\u57df\u6709\u5174\u8da3\uff0c\u5b66\u4e60\u80fd\u529b\u5f3a<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n            <!-- \u7528\u6237\u7814\u7a76\u4e13\u5458 -->\n            <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u7528\u6237\u7814\u7a76\u4e13\u5458<\/h3>\n                            <p class=\"text-medium\">1\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-search mr-2\"><\/i> 15K-25K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u60c5\u611f\u5065\u5eb7\u4ea7\u54c1\u7684\u7528\u6237\u7814\u7a76\uff0c\u6df1\u5165\u7406\u89e3\u7528\u6237\u9700\u6c42\u4e0e\u884c\u4e3a<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8bbe\u8ba1\u5e76\u6267\u884c\u7528\u6237\u7814\u7a76\u65b9\u6848\uff0c\u5305\u62ec\u7528\u6237\u8bbf\u8c08\u3001\u95ee\u5377\u8c03\u67e5\u3001\u53ef\u7528\u6027\u6d4b\u8bd5\u7b49<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5206\u6790\u7814\u7a76\u6570\u636e\uff0c\u63d0\u70bc\u7528\u6237\u6d1e\u5bdf\uff0c\u4e3a\u4ea7\u54c1\u8bbe\u8ba1\u4e0e\u8fed\u4ee3\u63d0\u4f9b\u4f9d\u636e<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u521b\u5efa\u7528\u6237\u753b\u50cf\u3001\u7528\u6237\u65c5\u7a0b\u56fe\u7b49\uff0c\u5e2e\u52a9\u56e2\u961f\u7406\u89e3\u7528\u6237<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4e0e\u4ea7\u54c1\u3001\u8bbe\u8ba1\u56e2\u961f\u7d27\u5bc6\u5408\u4f5c\uff0c\u63a8\u52a8\u7528\u6237\u7814\u7a76\u6210\u679c\u843d\u5730<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u5fc3\u7406\u5b66\u3001\u793e\u4f1a\u5b66\u3001\u4eba\u7c7b\u5b66\u7b49\u76f8\u5173\u4e13\u4e1a<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>2\u5e74\u4ee5\u4e0a\u7528\u6237\u7814\u7a76\u7ecf\u9a8c\uff0c\u6709\u5065\u5eb7\u3001\u5fc3\u7406\u7c7b\u4ea7\u54c1\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u638c\u63e1\u591a\u79cd\u7528\u6237\u7814\u7a76\u65b9\u6cd5\uff0c\u80fd\u6839\u636e\u7814\u7a76\u76ee\u6807\u9009\u62e9\u5408\u9002\u7684\u7814\u7a76\u65b9\u6848<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u79c0\u7684\u6570\u636e\u5206\u6790\u80fd\u529b\u548c\u6d1e\u5bdf\u80fd\u529b\uff0c\u80fd\u4ece\u6570\u636e\u4e2d\u63d0\u70bc\u6709\u4ef7\u503c\u7684\u4fe1\u606f<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u826f\u597d\u7684\u6c9f\u901a\u80fd\u529b\uff0c\u80fd\u6e05\u6670\u8868\u8fbe\u7814\u7a76\u53d1\u73b0\u4e0e\u5efa\u8bae<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u6709\u60c5\u611f\u8ba1\u7b97\u3001\u5fc3\u7406\u5065\u5eb7\u76f8\u5173\u7814\u7a76\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- \u804c\u80fd\u7c7b\u5c97\u4f4d -->\n        <div class=\"mb-16\">\n            <h2 class=\"text-3xl font-bold mb-2 text-center\">\u804c\u80fd\u7c7b\u5c97\u4f4d<\/h2>\n            <p class=\"text-center text-medium mb-10\">\u5171\u62db\u80582\u4eba | \u4e3a\u56e2\u961f\u63d0\u4f9b\u575a\u5b9e\u7684\u652f\u6301\u4e0e\u4fdd\u969c<\/p>\n            \n            <!-- \u4eba\u529b\u8d44\u6e90\u4e13\u5458 -->\n            <div class=\"bg-white rounded-xl shadow-md overflow-hidden\">\n                <div class=\"p-6 md:p-8 border-b border-gray-100 bg-primary\/5\">\n                    <div class=\"flex flex-col md:flex-row md:items-center justify-between\">\n                        <div>\n                            <h3 class=\"text-2xl font-semibold mb-2\">\u4eba\u529b\u8d44\u6e90\u4e13\u5458<\/h3>\n                            <p class=\"text-medium\">1\u4eba | \u5168\u804c | \u4e0a\u6d77\u6d66\u4e1c<\/p>\n                        <\/div>\n                        <div class=\"mt-4 md:mt-0 px-6 py-2 bg-primary\/10 text-primary rounded-full font-medium inline-flex items-center\">\n                            <i class=\"fas fa-user-tie mr-2\"><\/i> 10K-18K\u00b713\u85aa\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"p-6 md:p-8\">\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u5c97\u4f4d\u804c\u8d23<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u516c\u53f8\u62db\u8058\u5168\u6d41\u7a0b\u7ba1\u7406\uff0c\u5305\u62ec\u804c\u4f4d\u53d1\u5e03\u3001\u7b80\u5386\u7b5b\u9009\u3001\u9762\u8bd5\u5b89\u6392\u7b49<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u534f\u52a9\u5efa\u7acb\u548c\u5b8c\u5584\u516c\u53f8\u4eba\u529b\u8d44\u6e90\u7ba1\u7406\u5236\u5ea6\u4e0e\u6d41\u7a0b<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u8d1f\u8d23\u5458\u5de5\u5165\u804c\u3001\u79bb\u804c\u3001\u8f6c\u6b63\u3001\u8c03\u52a8\u7b49\u4eba\u4e8b\u624b\u7eed\u529e\u7406<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u534f\u52a9\u7ec4\u7ec7\u516c\u53f8\u57f9\u8bad\u6d3b\u52a8\uff0c\u63a8\u52a8\u5458\u5de5\u53d1\u5c55<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u7ef4\u62a4\u5458\u5de5\u5173\u7cfb\uff0c\u7ec4\u7ec7\u5458\u5de5\u6d3b\u52a8\uff0c\u63d0\u5347\u56e2\u961f\u51dd\u805a\u529b<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div>\n                            <h4 class=\"text-lg font-semibold mb-4 text-primary\">\u4efb\u804c\u8981\u6c42<\/h4>\n                            <ul class=\"space-y-2\">\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u672c\u79d1\u53ca\u4ee5\u4e0a\u5b66\u5386\uff0c\u4eba\u529b\u8d44\u6e90\u7ba1\u7406\u7b49\u76f8\u5173\u4e13\u4e1a<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>2\u5e74\u4ee5\u4e0a\u4eba\u529b\u8d44\u6e90\u76f8\u5173\u5de5\u4f5c\u7ecf\u9a8c\uff0c\u6709\u79d1\u6280\u516c\u53f8\u62db\u8058\u7ecf\u9a8c\u8005\u4f18\u5148<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u719f\u6089\u4eba\u529b\u8d44\u6e90\u5404\u9879\u6a21\u5757\uff0c\u5c24\u5176\u64c5\u957f\u62db\u8058\u6a21\u5757<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u4f18\u79c0\u7684\u6c9f\u901a\u534f\u8c03\u80fd\u529b\u548c\u7ec4\u7ec7\u80fd\u529b\uff0c\u5de5\u4f5c\u7ec6\u81f4\u8ba4\u771f<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u719f\u6089\u52b3\u52a8\u6cd5\u5f8b\u6cd5\u89c4\uff0c\u5177\u5907\u826f\u597d\u7684\u804c\u4e1a\u7d20\u517b\u548c\u4fdd\u5bc6\u610f\u8bc6<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <i class=\"fas fa-check-circle text-secondary mt-1 mr-3\"><\/i>\n                                    <span>\u5177\u5907\u4e00\u5b9a\u7684\u62db\u8058\u6e20\u9053\u8d44\u6e90\uff0c\u80fd\u6709\u6548\u63a8\u8fdb\u62db\u8058\u5de5\u4f5c<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- \u62db\u8058\u6d41\u7a0b -->\n        <div class=\"mb-16 bg-white p-8 md:p-12 rounded-2xl shadow-lg\">\n            <h2 class=\"text-3xl font-bold mb-8 text-center\">\u62db\u8058\u6d41\u7a0b<\/h2>\n            <div class=\"grid grid-cols-1 md:grid-cols-5 gap-4 md:gap-8\">\n                <div class=\"text-center\">\n                    <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <span class=\"text-primary font-bold text-xl\">1<\/span>\n                    <\/div>\n                    <h3 class=\"font-semibold mb-2\">\u7b80\u5386\u6295\u9012<\/h3>\n                    <p class=\"text-medium text-sm\">\u53d1\u9001\u7b80\u5386\u81f3HR\u90ae\u7bb1<\/p>\n                <\/div>\n                \n                <div class=\"text-center\">\n                    <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <span class=\"text-primary font-bold text-xl\">2<\/span>\n                    <\/div>\n                    <h3 class=\"font-semibold mb-2\">\u521d\u7b5b\u8bc4\u4f30<\/h3>\n                    <p class=\"text-medium text-sm\">HR\u521d\u6b65\u7b5b\u9009\u4e0e\u8bc4\u4f30<\/p>\n                <\/div>\n                \n                <div class=\"text-center\">\n                    <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <span class=\"text-primary font-bold text-xl\">3<\/span>\n                    <\/div>\n                    <h3 class=\"font-semibold mb-2\">\u4e13\u4e1a\u9762\u8bd5<\/h3>\n                    <p class=\"text-medium text-sm\">\u90e8\u95e8\u8d1f\u8d23\u4eba\u9762\u8bd5<\/p>\n                <\/div>\n                \n                <div class=\"text-center\">\n                    <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <span class=\"text-primary font-bold text-xl\">4<\/span>\n                    <\/div>\n                    <h3 class=\"font-semibold mb-2\">\u7efc\u5408\u8bc4\u4f30<\/h3>\n                    <p class=\"text-medium text-sm\">\u80fd\u529b\u6d4b\u8bd5\u4e0e\u56e2\u961f\u5339\u914d\u5ea6<\/p>\n                <\/div>\n                \n                <div class=\"text-center\">\n                    <div class=\"w-16 h-16 bg-primary\/10 rounded-full flex items-center justify-center mx-auto mb-4\">\n                        <span class=\"text-primary font-bold text-xl\">5<\/span>\n                    <\/div>\n                    <h3 class=\"font-semibold mb-2\">Offer\u53d1\u653e<\/h3>\n                    <p class=\"text-medium text-sm\">\u85aa\u916c\u8c08\u5224\u4e0e\u5165\u804c\u5b89\u6392<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <!-- \u8054\u7cfb\u65b9\u5f0f -->\n        <div class=\"text-center mb-8\">\n            <h2 class=\"text-3xl font-bold mb-6\">\u52a0\u5165\u6211\u4eec<\/h2>\n            <p class=\"text-xl text-medium mb-8 max-w-2xl mx-auto\">\n                \u6211\u4eec\u6b63\u5728\u5bfb\u627e\u5bf9\u60c5\u611f\u5065\u5eb7\u4e0e\u4eba\u5de5\u667a\u80fd\u4ea4\u53c9\u9886\u57df\u5145\u6ee1\u70ed\u60c5\u7684\u4eba\u624d\uff0c\n                \u5171\u540c\u6253\u9020\u6709\u6e29\u5ea6\u7684\u79d1\u6280\u4ea7\u54c1\uff0c\u4e3a\u7528\u6237\u7684\u60c5\u611f\u5065\u5eb7\u4fdd\u9a7e\u62a4\u822a\u3002\n            <\/p>\n            <div class=\"inline-flex flex-col md:flex-row items-center justify-center bg-white shadow-lg rounded-xl p-6 md:p-8 max-w-md mx-auto transition-all hover:shadow-xl\">\n                <div class=\"mr-0 md:mr-6 mb-4 md:mb-0 text-primary text-4xl\">\n                    <i class=\"fas fa-envelope\"><\/i>\n                <\/div>\n                <div class=\"text-center md:text-left\">\n                    <h3 class=\"font-semibold text-lg mb-1\">\u6295\u9012\u7b80\u5386\u81f3<\/h3>\n                    <p class=\"text-primary text-xl font-medium\">Hr@heartchain.cn<\/p>\n                    <p class=\"text-medium text-sm mt-2\">\u8bf7\u5728\u90ae\u4ef6\u4e3b\u9898\u6ce8\u660e&#8221;\u5e94\u8058\u5c97\u4f4d+\u59d3\u540d&#8221;<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <script>\n        \/\/ \u5e73\u6ed1\u6eda\u52a8\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                document.querySelector(this.getAttribute('href')).scrollIntoView({\n                    behavior: 'smooth'\n                });\n            });\n        });\n        \n        \/\/ \u6eda\u52a8\u52a8\u753b\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        \n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('animate-fade-in');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        \n        document.querySelectorAll('section, .animate-section').forEach(el => {\n            observer.observe(el);\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HCAI Tech \u60c5\u611f\u4eba\u5de5\u667a\u80fd\u9886\u5bfc\u8005 &#8211; \u8ba9\u79d1\u6280\u7406\u89e3\u60c5\u611f HCAI Tech \u662f\u60c5\u611f\u4eba\u5de5\u667a\u80fd\u9886\u57df [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-592","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/comments?post=592"}],"version-history":[{"count":6,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/592\/revisions"}],"predecessor-version":[{"id":1925,"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/pages\/592\/revisions\/1925"}],"wp:attachment":[{"href":"https:\/\/www.affectivechain.com\/index.php\/wp-json\/wp\/v2\/media?parent=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}