{"id":153,"date":"2025-06-06T22:36:40","date_gmt":"2025-06-06T14:36:40","guid":{"rendered":"https:\/\/www.yn5656.cn\/?page_id=153"},"modified":"2025-06-07T15:26:09","modified_gmt":"2025-06-07T07:26:09","slug":"%e5%8d%8f%e4%bc%9a%e6%9e%b6%e6%9e%84","status":"publish","type":"page","link":"https:\/\/www.yn5656.cn\/index.php\/%e5%8d%8f%e4%bc%9a%e6%9e%b6%e6%9e%84\/","title":{"rendered":"\u534f\u4f1a\u67b6\u6784"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\n\n \n \n \u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a – \u7ec4\u7ec7\u67b6\u6784<\/title>\n <meta name=\"description\" content=\"\u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a\u7ec4\u7ec7\u67b6\u6784\uff0c\u5c55\u793a\u51b3\u7b56\u5c42\u3001\u6267\u884c\u5c42\u3001\u4e13\u4e1a\u804c\u80fd\u4f53\u7cfb\u7b49\u4e94\u7ea7\u7ba1\u7406\u4f53\u7cfb\">\n <meta name=\"keywords\" content=\"\u7269\u6d41\u534f\u4f1a,\u7ec4\u7ec7\u67b6\u6784,\u884c\u4e1a\u534f\u4f1a,\u4e91\u5357\u7269\u6d41\">\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/font-awesome@4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n \n <!-- Tailwind \u914d\u7f6e -->\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n primary: '#165DFF',\n secondary: '#722ED1',\n tertiary: '#0FC6C2',\n quaternary: '#F53F3F',\n neutral: '#1D2129',\n 'neutral-light': '#4E5969',\n 'neutral-lighter': '#86909C',\n 'neutral-lightest': '#F2F3F5'\n },\n fontFamily: {\n inter: ['Inter', 'system-ui', 'sans-serif'],\n },\n animation: {\n 'fade-in': 'fadeIn 0.5s ease-in-out',\n 'slide-up': 'slideUp 0.5s ease-out',\n 'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n },\n keyframes: {\n fadeIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1' },\n },\n slideUp: {\n '0%': { transform: 'translateY(20px)', opacity: '0' },\n '100%': { transform: 'translateY(0)', opacity: '1' },\n }\n }\n },\n }\n }\n <\/script>\n \n <style type=\"text\/tailwindcss\">\n @layer utilities {\n .content-auto {\n content-visibility: auto;\n }\n .text-shadow {\n text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n }\n .card-hover {\n @apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1;\n }\n .gradient-text {\n @apply bg-clip-text text-transparent bg-gradient-to-r;\n }\n .section-padding {\n @apply py-12 md:py-20;\n }\n .section-margin {\n @apply mb-12 md:mb-16;\n }\n }\n \n \/* \u79fb\u52a8\u7aef\u4f18\u5316 *\/\n @media (max-width: 768px) {\n .mobile-stack > div {\n width: 100% !important;\n padding-left: 0 !important;\n padding-right: 0 !important;\n text-align: left !important;\n }\n .mobile-stack .icon-container {\n margin: 20px auto !important;\n transform: rotate(90deg);\n }\n }\n <\/style>\n<\/head>\n<body class=\"font-inter bg-white\">\n <!-- \u4e3b\u5185\u5bb9 -->\n <main class=\"pt-16 md:pt-20\">\n <!-- \u82f1\u96c4\u533a\u57df -->\n <section class=\"relative overflow-hidden bg-gradient-to-br from-primary\/5 to-secondary\/5 section-padding\">\n <div class=\"absolute top-0 right-0 w-1\/2 h-full bg-gradient-to-t from-primary\/10 to-transparent -skew-x-12 transform origin-top-right opacity-30\"><\/div>\n \n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"max-w-3xl mx-auto text-center\">\n <span class=\"inline-block bg-primary\/10 text-primary px-4 py-2 rounded-full text-sm font-medium mb-6 animate-fade-in will-change-opacity\">\n \u7ec4\u7ec7\u67b6\u6784\u4f53\u7cfb\n <\/span>\n <h1 class=\"text-[clamp(2rem,5vw,3.5rem)] font-bold text-neutral leading-tight mb-6 animate-slide-up will-change-transform\">\n <span class=\"gradient-text from-primary to-secondary\">\u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a<\/span><br>\n <span class=\"text-neutral-light\">\u4e13\u4e1a\u7ec4\u7ec7\u67b6\u6784<\/span>\n <\/h1>\n <p class=\"text-neutral-lighter text-lg md:text-xl mb-10 animate-slide-up will-change-transform\" style=\"animation-delay: 0.2s\">\n \u6db5\u76d6\u51b3\u7b56\u5c42\u3001\u6267\u884c\u5c42\u3001\u4e13\u4e1a\u804c\u80fd\u4f53\u7cfb\u3001\u5206\u652f\u673a\u6784\u53ca\u76d1\u7763\u4fdd\u969c\u4f53\u7cfb\u7684\u5b8c\u6574\u67b6\u6784\u8bbe\u8ba1\n <\/p>\n <div class=\"flex flex-col sm:flex-row justify-center gap-4 animate-slide-up will-change-transform\" style=\"animation-delay: 0.4s\">\n <a href=\"#decision\" class=\"bg-primary hover:bg-primary\/90 text-white px-6 py-3 rounded-lg shadow-lg hover:shadow-xl transition-all flex items-center justify-center\">\n <i class=\"fa fa-sitemap mr-2\" aria-hidden=\"true\"><\/i> \u6d4f\u89c8\u67b6\u6784\n <\/a>\n <a href=\"#contact\" class=\"bg-white hover:bg-gray-50 text-primary border border-primary px-6 py-3 rounded-lg shadow-md hover:shadow-lg transition-all flex items-center justify-center\">\n <i class=\"fa fa-envelope mr-2\" aria-hidden=\"true\"><\/i> \u8054\u7cfb\u6211\u4eec\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u88c5\u9970\u5143\u7d20 -->\n <div class=\"absolute bottom-0 left-0 w-full h-16 bg-gradient-to-t from-white to-transparent\"><\/div>\n <\/section>\n\n <!-- \u67b6\u6784\u6982\u8ff0 -->\n <section class=\"container mx-auto px-4 sm:px-6 lg:px-8 section-padding\">\n <div class=\"max-w-3xl mx-auto text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-neutral mb-6\">\u7ec4\u7ec7\u67b6\u6784\u6982\u89c8<\/h2>\n <p class=\"text-neutral-lighter text-lg\">\n \u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a\u91c7\u7528\u4e94\u7ea7\u67b6\u6784\u4f53\u7cfb\uff0c\u5efa\u7acb\u4e86\u4ece\u51b3\u7b56\u5230\u6267\u884c\u7684\u5b8c\u6574\u7ba1\u7406\u94fe\u6761\uff0c\u786e\u4fdd\u884c\u4e1a\u670d\u52a1\u7684\u4e13\u4e1a\u6027\u548c\u9ad8\u6548\u6027\u3002\n <\/p>\n <\/div>\n \n <!-- \u67b6\u6784\u5c42\u7ea7\u53ef\u89c6\u5316 -->\n <div class=\"relative\">\n <!-- \u8fde\u63a5\u7ebf -->\n <div class=\"hidden md:block absolute left-1\/2 top-0 bottom-0 w-1 bg-gray-200 transform -translate-x-1\/2 z-0\"><\/div>\n \n <!-- \u5c42\u7ea7\u5361\u7247 -->\n <div class=\"space-y-12 md:space-y-24 relative z-10\">\n <!-- \u51b3\u7b56\u5c42 -->\n <div class=\"flex flex-col md:flex-row items-center mobile-stack\">\n <div class=\"md:w-1\/2 md:pr-12 mb-8 md:mb-0 text-right md:text-left\">\n <h3 class=\"text-2xl font-bold text-neutral mb-4\">\u51b3\u7b56\u5c42<\/h3>\n <p class=\"text-neutral-light\">\u534f\u4f1a\u6700\u9ad8\u6743\u529b\u4e0e\u51b3\u7b56\u673a\u6784\uff0c\u7531\u4f1a\u5458\u4ee3\u8868\u5927\u4f1a\u3001\u7406\u4e8b\u4f1a\u548c\u5e38\u52a1\u7406\u4e8b\u4f1a\u6784\u6210\uff0c\u8d1f\u8d23\u6218\u7565\u89c4\u5212\u548c\u91cd\u5927\u51b3\u7b56\u3002<\/p>\n <\/div>\n <div class=\"md:w-24 flex justify-center mb-8 md:mb-0 icon-container\">\n <div class=\"w-16 h-16 rounded-full bg-primary flex items-center justify-center text-white shadow-lg\">\n <i class=\"fa fa-gavel text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 md:pl-12\">\n <div class=\"bg-white rounded-xl shadow-md p-6 card-hover\">\n <h4 class=\"font-bold text-lg text-primary mb-3\">\u6838\u5fc3\u804c\u80fd<\/h4>\n <ul class=\"space-y-2 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5236\u5b9a\u534f\u4f1a\u53d1\u5c55\u6218\u7565\u4e0e\u5e74\u5ea6\u5de5\u4f5c\u8ba1\u5212<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5ba1\u8bae\u548c\u6279\u51c6\u91cd\u5927\u4e1a\u52a1\u6d3b\u52a8\u3001\u8d22\u52a1\u9884\u7b97<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u9009\u4e3e\u548c\u7f62\u514d\u534f\u4f1a\u9886\u5bfc\u673a\u6784\u6210\u5458<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u6267\u884c\u5c42 -->\n <div class=\"flex flex-col md:flex-row items-center mobile-stack\">\n <div class=\"md:w-1\/2 md:pr-12 mb-8 md:mb-0 order-2 md:order-1\">\n <div class=\"bg-white rounded-xl shadow-md p-6 card-hover\">\n <h4 class=\"font-bold text-lg text-secondary mb-3\">\u6838\u5fc3\u804c\u80fd<\/h4>\n <ul class=\"space-y-2 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u6267\u884c\u7406\u4e8b\u4f1a\u51b3\u8bae\uff0c\u7ec4\u7ec7\u5b9e\u65bd\u5e74\u5ea6\u5de5\u4f5c\u8ba1\u5212<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u534f\u8c03\u5404\u90e8\u95e8\u5de5\u4f5c\uff0c\u5904\u7406\u65e5\u5e38\u4e8b\u52a1<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ba1\u7406\u534f\u4f1a\u8d44\u6e90\uff0c\u7ef4\u62a4\u4f1a\u5458\u5173\u7cfb<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"md:w-24 flex justify-center mb-8 md:mb-0 order-1 md:order-2 icon-container\">\n <div class=\"w-16 h-16 rounded-full bg-secondary flex items-center justify-center text-white shadow-lg\">\n <i class=\"fa fa-cogs text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 md:pl-12 text-left order-3\">\n <h3 class=\"text-2xl font-bold text-neutral mb-4\">\u6267\u884c\u5c42<\/h3>\n <p class=\"text-neutral-light\">\u534f\u4f1a\u65e5\u5e38\u8fd0\u8425\u4e2d\u67a2\uff0c\u8bbe\u79d8\u4e66\u957f\u7edf\u7b79\u7ba1\u7406\uff0c\u4e0b\u8f96\u884c\u653f\u8d22\u52a1\u90e8\u548c\u5ba3\u4f20\u90e8\uff0c\u786e\u4fdd\u51b3\u7b56\u9ad8\u6548\u6267\u884c\u3002<\/p>\n <\/div>\n <\/div>\n \n <!-- \u4e13\u4e1a\u804c\u80fd\u4f53\u7cfb -->\n <div class=\"flex flex-col md:flex-row items-center mobile-stack\">\n <div class=\"md:w-1\/2 md:pr-12 mb-8 md:mb-0 text-right md:text-left\">\n <h3 class=\"text-2xl font-bold text-neutral mb-4\">\u4e13\u4e1a\u804c\u80fd\u4f53\u7cfb<\/h3>\n <p class=\"text-neutral-light\">\u805a\u7126\u7269\u6d41\u884c\u4e1a\u524d\u6cbf\u6280\u672f\u4e0e\u53d1\u5c55\u8d8b\u52bf\uff0c\u8bbe\u7acb\u4e09\u5927\u4e13\u4e1a\u7814\u7a76\u65b9\u5411\uff0c\u63d0\u4f9b\u884c\u4e1a\u6807\u51c6\u5236\u5b9a\u4e0e\u6280\u672f\u6307\u5bfc\u3002<\/p>\n <\/div>\n <div class=\"md:w-24 flex justify-center mb-8 md:mb-0 icon-container\">\n <div class=\"w-16 h-16 rounded-full bg-tertiary flex items-center justify-center text-white shadow-lg\">\n <i class=\"fa fa-flask text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 md:pl-12\">\n <div class=\"bg-white rounded-xl shadow-md p-6 card-hover\">\n <h4 class=\"font-bold text-lg text-tertiary mb-3\">\u4e13\u4e1a\u65b9\u5411<\/h4>\n <ul class=\"space-y-2 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4ed3\u50a8\u7ba1\u7406\u7814\u7a76\uff1a\u667a\u80fd\u4ed3\u50a8\u6807\u51c6\u5236\u5b9a\u4e0e\u7eff\u8272\u4ed3\u50a8\u5efa\u8bbe<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4e1c\u76df\u7269\u6d41\u7814\u7a76\uff1aRCEP\u6846\u67b6\u4e0b\u7684\u8de8\u5883\u7269\u6d41\u901a\u9053\u4f18\u5316<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u667a\u80fd\u88c5\u5907\u7814\u7a76\uff1a\u65e0\u4eba\u914d\u9001\u4e0e\u4f4e\u7a7a\u7269\u6d41\u6280\u672f\u63a8\u5e7f<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u5206\u652f\u673a\u6784 -->\n <div class=\"flex flex-col md:flex-row items-center mobile-stack\">\n <div class=\"md:w-1\/2 md:pr-12 mb-8 md:mb-0 order-2 md:order-1\">\n <div class=\"bg-white rounded-xl shadow-md p-6 card-hover\">\n <h4 class=\"font-bold text-lg text-quaternary mb-3\">\u5206\u652f\u673a\u6784<\/h4>\n <ul class=\"space-y-2 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4e13\u4e1a\u59d4\u5458\u4f1a\uff1a\u4ed3\u50a8\u3001\u8fd0\u8f93\u3001\u4fe1\u606f\u6280\u672f\u4e09\u5927\u4e13\u4e1a\u59d4\u5458\u4f1a<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u533a\u57df\u5206\u4f1a\uff1a\u91cd\u70b9\u53d1\u5c55\u4e1c\u76df\u7269\u6d41\u5206\u4f1a\uff0c\u4fc3\u8fdb\u8de8\u5883\u7269\u6d41\u5408\u4f5c<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4f01\u4e1a\u670d\u52a1\u4e2d\u5fc3\uff1a\u4e3a\u4f1a\u5458\u63d0\u4f9b\u5b9a\u5236\u5316\u89e3\u51b3\u65b9\u6848\u4e0e\u54a8\u8be2\u670d\u52a1<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"md:w-24 flex justify-center mb-8 md:mb-0 order-1 md:order-2 icon-container\">\n <div class=\"w-16 h-16 rounded-full bg-quaternary flex items-center justify-center text-white shadow-lg\">\n <i class=\"fa fa-sitemap text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 md:pl-12 text-left order-3\">\n <h3 class=\"text-2xl font-bold text-neutral mb-4\">\u5206\u652f\u673a\u6784<\/h3>\n <p class=\"text-neutral-light\">\u6784\u5efa\u300c\u4e13\u4e1a\u59d4\u5458\u4f1a+\u533a\u57df\u5206\u4f1a\u300d\u53cc\u7ef4\u751f\u6001\uff0c\u8986\u76d6\u7269\u6d41\u5168\u4ea7\u4e1a\u94fe\uff0c\u63d0\u4f9b\u4e13\u4e1a\u5316\u3001\u672c\u5730\u5316\u670d\u52a1\u652f\u6301\u3002<\/p>\n <\/div>\n <\/div>\n \n <!-- \u76d1\u7763\u4fdd\u969c\u4f53\u7cfb -->\n <div class=\"flex flex-col md:flex-row items-center mobile-stack\">\n <div class=\"md:w-1\/2 md:pr-12 mb-8 md:mb-0 text-right md:text-left\">\n <h3 class=\"text-2xl font-bold text-neutral mb-4\">\u76d1\u7763\u4fdd\u969c\u4f53\u7cfb<\/h3>\n <p class=\"text-neutral-light\">\u5efa\u7acb\u5b8c\u5584\u7684\u76d1\u7763\u673a\u5236\u548c\u4e13\u5bb6\u667a\u5e93\uff0c\u786e\u4fdd\u534f\u4f1a\u8fd0\u4f5c\u89c4\u8303\u900f\u660e\uff0c\u4e3a\u51b3\u7b56\u63d0\u4f9b\u4e13\u4e1a\u652f\u6301\u3002<\/p>\n <\/div>\n <div class=\"md:w-24 flex justify-center mb-8 md:mb-0 icon-container\">\n <div class=\"w-16 h-16 rounded-full bg-gray-600 flex items-center justify-center text-white shadow-lg\">\n <i class=\"fa fa-shield text-2xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <\/div>\n <div class=\"md:w-1\/2 md:pl-12\">\n <div class=\"bg-white rounded-xl shadow-md p-6 card-hover\">\n <h4 class=\"font-bold text-lg text-gray-600 mb-3\">\u76d1\u7763\u673a\u5236<\/h4>\n <ul class=\"space-y-2 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u76d1\u4e8b\u4f1a\uff1a\u72ec\u7acb\u884c\u4f7f\u76d1\u7763\u804c\u6743\uff0c\u786e\u4fdd\u8d22\u52a1\u89c4\u8303\u4e0e\u51b3\u7b56\u5408\u89c4<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4e13\u5bb6\u987e\u95ee\u56e2\uff1a\u7531\u884c\u4e1a\u6743\u5a01\u7ec4\u6210\uff0c\u63d0\u4f9b\u6280\u672f\u6307\u5bfc\u4e0e\u653f\u7b56\u5efa\u8bae<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4f1a\u5458\u76d1\u7763\u7ec4\uff1a\u6536\u96c6\u4f1a\u5458\u53cd\u9988\uff0c\u4fc3\u8fdb\u670d\u52a1\u8d28\u91cf\u6301\u7eed\u63d0\u5347<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u8be6\u7ec6\u67b6\u6784\u5c55\u793a -->\n <section id=\"decision\" class=\"bg-neutral-lightest section-padding\">\n <div class=\"container mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"max-w-3xl mx-auto text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-neutral mb-6\">\u7ec4\u7ec7\u67b6\u6784\u8be6\u60c5<\/h2>\n <p class=\"text-neutral-lighter text-lg\">\n \u6df1\u5165\u4e86\u89e3\u534f\u4f1a\u5404\u5c42\u7ea7\u804c\u80fd\u4e0e\u5206\u5de5\uff0c\u6784\u5efa\u9ad8\u6548\u534f\u4f5c\u7684\u7269\u6d41\u884c\u4e1a\u751f\u6001\u7cfb\u7edf\n <\/p>\n <\/div>\n \n <!-- \u67b6\u6784\u9009\u9879\u5361 -->\n <div class=\"mb-10\">\n <div class=\"flex flex-wrap justify-center gap-2 md:gap-4\">\n <button class=\"architecture-tab active px-6 py-3 rounded-full bg-primary text-white font-medium transition-all\" data-target=\"decision-tab\">\n \u51b3\u7b56\u5c42\n <\/button>\n <button class=\"architecture-tab px-6 py-3 rounded-full bg-white text-neutral-light font-medium hover:bg-gray-100 transition-all\" data-target=\"executive-tab\">\n \u6267\u884c\u5c42\n <\/button>\n <button class=\"architecture-tab px-6 py-3 rounded-full bg-white text-neutral-light font-medium hover:bg-gray-100 transition-all\" data-target=\"functional-tab\">\n \u4e13\u4e1a\u804c\u80fd\u4f53\u7cfb\n <\/button>\n <button class=\"architecture-tab px-6 py-3 rounded-full bg-white text-neutral-light font-medium hover:bg-gray-100 transition-all\" data-target=\"branches-tab\">\n \u5206\u652f\u673a\u6784\n <\/button>\n <button class=\"architecture-tab px-6 py-3 rounded-full bg-white text-neutral-light font-medium hover:bg-gray-100 transition-all\" data-target=\"supervision-tab\">\n \u76d1\u7763\u4fdd\u969c\u4f53\u7cfb\n <\/button>\n <\/div>\n <\/div>\n \n <!-- \u9009\u9879\u5361\u5185\u5bb9 -->\n <div class=\"architecture-content\" id=\"decision-tab\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <!-- \u4f1a\u5458\u4ee3\u8868\u5927\u4f1a -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-primary to-blue-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-primary\/10 flex items-center justify-center text-primary mr-4\">\n <i class=\"fa fa-users text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4f1a\u5458\u4ee3\u8868\u5927\u4f1a<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u534f\u4f1a\u6700\u9ad8\u6743\u529b\u673a\u6784\uff0c\u7531\u7269\u6d41\u4f01\u4e1a\u3001\u79d1\u7814\u673a\u6784\u7b49\u4f1a\u5458\u4ee3\u8868\u7ec4\u6210\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5ba1\u8bae\u548c\u4fee\u6539\u534f\u4f1a\u7ae0\u7a0b<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u9009\u4e3e\u548c\u7f62\u514d\u7406\u4e8b\u4f1a\u6210\u5458<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5ba1\u8bae\u5e74\u5ea6\u5de5\u4f5c\u62a5\u544a\u548c\u8d22\u52a1\u62a5\u544a<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u51b3\u5b9a\u534f\u4f1a\u7684\u91cd\u5927\u4e1a\u52a1\u6d3b\u52a8\u548c\u53d1\u5c55\u6218\u7565<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u7406\u4e8b\u4f1a -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-primary to-blue-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-primary\/10 flex items-center justify-center text-primary mr-4\">\n <i class=\"fa fa-gavel text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u7406\u4e8b\u4f1a<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u4f1a\u5458\u4ee3\u8868\u5927\u4f1a\u95ed\u4f1a\u671f\u95f4\u7684\u6267\u884c\u673a\u6784\uff0c\u7531\u4f1a\u5458\u4ee3\u8868\u5927\u4f1a\u9009\u4e3e\u4ea7\u751f\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u6267\u884c\u4f1a\u5458\u4ee3\u8868\u5927\u4f1a\u7684\u51b3\u8bae<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u9009\u4e3e\u548c\u7f62\u514d\u5e38\u52a1\u7406\u4e8b\u4f1a\u6210\u5458<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5236\u5b9a\u5e74\u5ea6\u5de5\u4f5c\u8ba1\u5212\u548c\u8d22\u52a1\u9884\u7b97<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u51b3\u5b9a\u534f\u4f1a\u5185\u90e8\u7ba1\u7406\u673a\u6784\u7684\u8bbe\u7f6e<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u5e38\u52a1\u7406\u4e8b\u4f1a -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-primary to-blue-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-primary\/10 flex items-center justify-center text-primary mr-4\">\n <i class=\"fa fa-cog text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u5e38\u52a1\u7406\u4e8b\u4f1a<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u7406\u4e8b\u4f1a\u95ed\u4f1a\u671f\u95f4\u7684\u5e38\u8bbe\u6267\u884c\u673a\u6784\uff0c\u5904\u7406\u7d27\u6025\u4e8b\u52a1\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u6267\u884c\u7406\u4e8b\u4f1a\u7684\u51b3\u8bae<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u51b3\u5b9a\u53ec\u5f00\u7406\u4e8b\u4f1a\u4e34\u65f6\u4f1a\u8bae<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5904\u7406\u534f\u4f1a\u7684\u7d27\u6025\u4e8b\u52a1\u548c\u91cd\u5927\u95ee\u9898<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-primary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63d0\u540d\u79d8\u4e66\u957f\u4eba\u9009\uff0c\u63d0\u4ea4\u7406\u4e8b\u4f1a\u51b3\u5b9a<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"architecture-content hidden\" id=\"executive-tab\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <!-- \u884c\u653f\u8d22\u52a1\u90e8 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-secondary to-purple-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-secondary\/10 flex items-center justify-center text-secondary mr-4\">\n <i class=\"fa fa-building text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u884c\u653f\u8d22\u52a1\u90e8<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u8d1f\u8d23\u534f\u4f1a\u65e5\u5e38\u884c\u653f\u7ba1\u7406\u548c\u8d22\u52a1\u7ba1\u7406\u5de5\u4f5c\uff0c\u4fdd\u969c\u534f\u4f1a\u8fd0\u8425\u987a\u7545\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5236\u5b9a\u548c\u6267\u884c\u534f\u4f1a\u5185\u90e8\u7ba1\u7406\u5236\u5ea6<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ba1\u7406\u534f\u4f1a\u4eba\u4e8b\u3001\u6863\u6848\u548c\u529e\u516c\u7528\u54c1<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7f16\u5236\u548c\u6267\u884c\u8d22\u52a1\u9884\u7b97\uff0c\u7ba1\u7406\u534f\u4f1a\u8d44\u91d1<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u8d1f\u8d23\u4f1a\u5458\u6ce8\u518c\u3001\u7eed\u8d39\u548c\u7edf\u8ba1\u5de5\u4f5c<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u5ba3\u4f20\u90e8 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-secondary to-purple-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-secondary\/10 flex items-center justify-center text-secondary mr-4\">\n <i class=\"fa fa-bullhorn text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u5ba3\u4f20\u90e8<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u8d1f\u8d23\u534f\u4f1a\u54c1\u724c\u5efa\u8bbe\u548c\u5ba3\u4f20\u63a8\u5e7f\u5de5\u4f5c\uff0c\u63d0\u5347\u534f\u4f1a\u5f71\u54cd\u529b\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5236\u5b9a\u534f\u4f1a\u5ba3\u4f20\u7b56\u7565\u548c\u5e74\u5ea6\u5ba3\u4f20\u8ba1\u5212<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u8fd0\u8425\u534f\u4f1a\u5b98\u7f51\u3001\u5fae\u4fe1\u516c\u4f17\u53f7\u7b49\u65b0\u5a92\u4f53\u5e73\u53f0<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ec4\u7ec7\u884c\u4e1a\u8bba\u575b\u3001\u7814\u8ba8\u4f1a\u548c\u5c55\u4f1a\u7b49\u6d3b\u52a8<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-secondary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7f16\u8f91\u51fa\u7248\u534f\u4f1a\u520a\u7269\u548c\u884c\u4e1a\u62a5\u544a<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"architecture-content hidden\" id=\"functional-tab\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <!-- \u4ed3\u50a8\u7ba1\u7406\u7814\u7a76 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-tertiary to-green-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-tertiary\/10 flex items-center justify-center text-tertiary mr-4\">\n <i class=\"fa fa-archive text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4ed3\u50a8\u7ba1\u7406\u7814\u7a76<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u4e13\u6ce8\u4e8e\u667a\u80fd\u4ed3\u50a8\u6280\u672f\u7814\u53d1\u4e0e\u5e94\u7528\u63a8\u5e7f\uff0c\u63d0\u5347\u4ed3\u50a8\u6548\u7387\u4e0e\u7ba1\u7406\u6c34\u5e73\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7814\u7a76\u667a\u80fd\u4ed3\u50a8\u7cfb\u7edf\u89c4\u5212\u4e0e\u8bbe\u8ba1<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5236\u5b9a\u4ed3\u50a8\u81ea\u52a8\u5316\u8bbe\u5907\u6280\u672f\u6807\u51c6<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63a8\u5e7f\u7eff\u8272\u4ed3\u50a8\u6280\u672f\u4e0e\u53ef\u6301\u7eed\u53d1\u5c55\u65b9\u6848<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5f00\u5c55\u4ed3\u50a8\u7ba1\u7406\u6700\u4f73\u5b9e\u8df5\u6848\u4f8b\u7814\u7a76<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u4e1c\u76df\u7269\u6d41\u7814\u7a76 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-tertiary to-green-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-tertiary\/10 flex items-center justify-center text-tertiary mr-4\">\n <i class=\"fa fa-globe text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4e1c\u76df\u7269\u6d41\u7814\u7a76<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u805a\u7126RCEP\u6846\u67b6\u4e0b\u7684\u4e1c\u76df\u7269\u6d41\u5e02\u573a\uff0c\u4fc3\u8fdb\u533a\u57df\u7269\u6d41\u5408\u4f5c\u4e0e\u53d1\u5c55\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5206\u6790\u4e1c\u76df\u5404\u56fd\u7269\u6d41\u5e02\u573a\u653f\u7b56\u4e0e\u73af\u5883<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7814\u7a76\u8de8\u5883\u7269\u6d41\u901a\u9053\u4f18\u5316\u4e0e\u534f\u540c\u53d1\u5c55<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63a8\u52a8\u4e2d\u56fd-\u4e1c\u76df\u7269\u6d41\u6807\u51c6\u4e92\u8ba4\u4e0e\u5bf9\u63a5<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ec4\u7ec7\u8de8\u5883\u7269\u6d41\u4f01\u4e1a\u4ea4\u6d41\u4e0e\u5408\u4f5c\u6d3b\u52a8<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u667a\u80fd\u88c5\u5907\u4e0e\u4f4e\u7a7a\u7269\u6d41 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-tertiary to-green-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-tertiary\/10 flex items-center justify-center text-tertiary mr-4\">\n <i class=\"fa fa-rocket text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u667a\u80fd\u88c5\u5907\u4e0e\u4f4e\u7a7a\u7269\u6d41<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u63a2\u7d22\u65e0\u4eba\u673a\u3001\u65e0\u4eba\u8f66\u7b49\u667a\u80fd\u88c5\u5907\u5728\u7269\u6d41\u9886\u57df\u7684\u5e94\u7528\uff0c\u63a8\u52a8\u4f4e\u7a7a\u7269\u6d41\u6280\u672f\u53d1\u5c55\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7814\u7a76\u65e0\u4eba\u914d\u9001\u8f66\u3001\u65e0\u4eba\u673a\u7269\u6d41\u653f\u7b56<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63a8\u52a8\u4f4e\u7a7a\u7269\u6d41\u7a7a\u57df\u7ba1\u7406\u89c4\u8303<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5236\u5b9a\u667a\u80fd\u7269\u6d41\u88c5\u5907\u6280\u672f\u6807\u51c6<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-tertiary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ec4\u7ec7\u667a\u80fd\u7269\u6d41\u88c5\u5907\u6280\u672f\u4ea4\u6d41\u6d3b\u52a8<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"architecture-content hidden\" id=\"branches-tab\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <!-- \u4ed3\u50a8\u4e13\u4e1a\u59d4\u5458\u4f1a -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-quaternary to-pink-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-quaternary\/10 flex items-center justify-center text-quaternary mr-4\">\n <i class=\"fa fa-archive text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4ed3\u50a8\u4e13\u4e1a\u59d4\u5458\u4f1a<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u8d1f\u8d23\u4ed3\u50a8\u9886\u57df\u6807\u51c6\u5236\u5b9a\u4e0e\u6280\u672f\u63a8\u5e7f\u5de5\u4f5c\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5236\u5b9a\u667a\u80fd\u4ed3\u50a8\u6807\u51c6<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63a8\u5e7f\u8282\u80fd\u8bbe\u5907<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ec4\u7ec7\u4ed3\u50a8\u6280\u672f\u57f9\u8bad<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5f00\u5c55\u4ed3\u50a8\u5b89\u5168\u7814\u7a76<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u4e1c\u76df\u7269\u6d41\u5206\u4f1a -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-quaternary to-pink-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-quaternary\/10 flex items-center justify-center text-quaternary mr-4\">\n <i class=\"fa fa-globe text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4e1c\u76df\u7269\u6d41\u5206\u4f1a<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u4fc3\u8fdb\u4e2d\u56fd\u4e0e\u4e1c\u76df\u56fd\u5bb6\u7269\u6d41\u5408\u4f5c\u4e0e\u4ea4\u6d41\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63a8\u52a8\u4e2d\u8d8a\u8de8\u5883\u51b7\u94fe\u4e13\u7ebf<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u534f\u8c03\u4e1c\u76df\u56fd\u5bb6\u7269\u6d41\u57fa\u7840\u8bbe\u65bd\u5bf9\u63a5<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63d0\u4f9b\u4e1c\u76df\u7269\u6d41\u5e02\u573a\u8c03\u7814<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ec4\u7ec7”\u4e2d\u56fd\u7269\u6d41\u4f01\u4e1a\u4e1c\u76df\u884c”\u6d3b\u52a8<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u4f01\u4e1a\u670d\u52a1\u4e2d\u5fc3 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-quaternary to-pink-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-quaternary\/10 flex items-center justify-center text-quaternary mr-4\">\n <i class=\"fa fa-briefcase text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4f01\u4e1a\u670d\u52a1\u4e2d\u5fc3<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u4e3a\u4f1a\u5458\u4f01\u4e1a\u63d0\u4f9b\u5168\u65b9\u4f4d\u670d\u52a1\u652f\u6301\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63d0\u4f9b\u5b9a\u5236\u5316\u89e3\u51b3\u65b9\u6848<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5f00\u5c55\u4e13\u4e1a\u54a8\u8be2\u670d\u52a1<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u7ec4\u7ec7\u4f01\u4e1a\u4ea4\u6d41\u6d3b\u52a8<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-quaternary mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63d0\u4f9b\u653f\u7b56\u6cd5\u89c4\u89e3\u8bfb<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"architecture-content hidden\" id=\"supervision-tab\">\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n <!-- \u76d1\u4e8b\u4f1a -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-gray-600 to-gray-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-gray-600\/10 flex items-center justify-center text-gray-600 mr-4\">\n <i class=\"fa fa-balance-scale text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u76d1\u4e8b\u4f1a<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u72ec\u7acb\u884c\u4f7f\u76d1\u7763\u804c\u6743\uff0c\u786e\u4fdd\u534f\u4f1a\u89c4\u8303\u8fd0\u4f5c\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5ba1\u6838\u534f\u4f1a\u8d22\u52a1\u62a5\u544a<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u76d1\u7763\u7406\u4e8b\u4f1a\u51b3\u7b56\u7a0b\u5e8f<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u68c0\u67e5\u534f\u4f1a\u4e1a\u52a1\u6d3b\u52a8\u5408\u89c4\u6027<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63d0\u51fa\u6539\u8fdb\u610f\u89c1\u548c\u5efa\u8bae<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u4e13\u5bb6\u987e\u95ee\u56e2 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-gray-600 to-gray-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-gray-600\/10 flex items-center justify-center text-gray-600 mr-4\">\n <i class=\"fa fa-graduation-cap text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4e13\u5bb6\u987e\u95ee\u56e2<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u4e3a\u534f\u4f1a\u53d1\u5c55\u63d0\u4f9b\u4e13\u4e1a\u6307\u5bfc\u548c\u6280\u672f\u652f\u6301\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63d0\u4f9b\u6280\u672f\u6307\u5bfc\u4e0e\u653f\u7b56\u5efa\u8bae<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u53c2\u4e0e\u91cd\u5927\u9879\u76ee\u8bc4\u5ba1<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u5f00\u5c55\u884c\u4e1a\u53d1\u5c55\u8d8b\u52bf\u7814\u7a76<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u6307\u5bfc\u4e13\u4e1a\u6280\u672f\u6807\u51c6\u5236\u5b9a<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n \n <!-- \u4f1a\u5458\u76d1\u7763\u7ec4 -->\n <div class=\"bg-white rounded-xl shadow-md overflow-hidden card-hover\">\n <div class=\"h-3 bg-gradient-to-r from-gray-600 to-gray-400\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center mb-4\">\n <div class=\"w-12 h-12 rounded-full bg-gray-600\/10 flex items-center justify-center text-gray-600 mr-4\">\n <i class=\"fa fa-comments text-xl\" aria-hidden=\"true\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-neutral\">\u4f1a\u5458\u76d1\u7763\u7ec4<\/h3>\n <\/div>\n <p class=\"text-neutral-light mb-4\">\u6536\u96c6\u4f1a\u5458\u53cd\u9988\uff0c\u4fc3\u8fdb\u670d\u52a1\u8d28\u91cf\u63d0\u5347\u3002<\/p>\n <ul class=\"space-y-3 text-neutral-light\">\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u6536\u96c6\u4f1a\u5458\u53cd\u9988\u610f\u89c1<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u76d1\u7763\u534f\u4f1a\u670d\u52a1\u8d28\u91cf<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u63d0\u51fa\u6539\u8fdb\u5efa\u8bae<\/span>\n <\/li>\n <li class=\"flex items-start\">\n <i class=\"fa fa-check-circle text-gray-600 mt-1 mr-2\" aria-hidden=\"true\"><\/i>\n <span>\u4fc3\u8fdb\u534f\u4f1a\u4e0e\u4f1a\u5458\u6c9f\u901a<\/span>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <!-- \u8fd4\u56de\u9876\u90e8\u6309\u94ae -->\n <div class=\"text-center mt-12\">\n <button onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"bg-primary hover:bg-primary\/90 text-white px-6 py-3 rounded-lg shadow-lg hover:shadow-xl transition-all inline-flex items-center\">\n <i class=\"fa fa-arrow-up mr-2\" aria-hidden=\"true\"><\/i> \u8fd4\u56de\u9876\u90e8\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <!-- JavaScript -->\n <script>\n \/\/ \u9009\u9879\u5361\u5207\u6362\u529f\u80fd\n document.querySelectorAll('.architecture-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n \/\/ \u79fb\u9664\u6240\u6709active\u7c7b\n document.querySelectorAll('.architecture-tab').forEach(t => {\n t.classList.remove('active', 'bg-primary', 'text-white');\n t.classList.add('bg-white', 'text-neutral-light');\n });\n \n \/\/ \u6dfb\u52a0active\u7c7b\u5230\u5f53\u524d\u9009\u9879\u5361\n this.classList.add('active', 'bg-primary', 'text-white');\n this.classList.remove('bg-white', 'text-neutral-light');\n \n \/\/ \u9690\u85cf\u6240\u6709\u5185\u5bb9\n document.querySelectorAll('.architecture-content').forEach(c => c.classList.add('hidden'));\n \n \/\/ \u663e\u793a\u76ee\u6807\u5185\u5bb9\n const target = this.getAttribute('data-target');\n document.getElementById(target).classList.remove('hidden');\n });\n });\n\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 <\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a – \u7ec4\u7ec7\u67b6\u6784 \u7ec4\u7ec7\u67b6\u6784\u4f53\u7cfb \u4e91\u5357\u7269\u6d41\u884c\u4e1a\u534f\u4f1a \u4e13\u4e1a\u7ec4\u7ec7\u67b6\u6784 \u6db5\u76d6\u51b3\u7b56\u5c42\u3001\u6267\u884c\u5c42\u3001 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":23,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/pages\/153\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/www.yn5656.cn\/index.php\/wp-json\/wp\/v2\/media?parent=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}