<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Noto Sans SC', sans-serif;\n background-color: #F3F4F6; \/* Gray-100 base *\/\n color: #1F2937; \/* Gray-800 text *\/\n }\n \n \/* Chart Container Styling - Mandatory Constraint *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px; \/* Constrain width for readability *\/\n margin-left: auto;\n margin-right: auto;\n height: 350px; \/* Base height *\/\n max-height: 400px;\n }\n\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n\n \/* Material Design Cards *\/\n .card {\n background-color: white;\n border-radius: 0.75rem; \/* rounded-xl *\/\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n \n .card:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n\n \/* Gradient Text *\/\n .text-gradient {\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(to right, #1E40AF, #EF4444);\n }\n\n \/* Custom Flowchart Arrows (CSS Shapes, NO SVG) *\/\n .arrow-down {\n width: 0; \n height: 0; \n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9CA3AF;\n margin: 0 auto;\n }\n \n .arrow-right {\n width: 0; \n height: 0; \n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 15px solid #9CA3AF;\n }\n <\/style>\n\n \n \n \n \n \n\n \n\n \n \n \n<\/head>\n<body class=\"antialiased\">\n\n \n <header class=\"bg-white shadow-md sticky top-0 z-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center\">\n <h1 class=\"text-2xl font-bold text-gray-900\">\ud83c\udde8\ud83c\uddf3 \u4e2d\u56fd\u8d38\u6613\u987a\u5dee\uff1a<span class=\"text-blue-700\">\u6df1\u5ea6\u590d\u76d8<\/span><\/h1>\n <div class=\"text-sm font-medium text-gray-500 hidden sm:block\">\u903b\u8f91\u95ed\u73af\u5206\u6790<\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-12\">\n\n \n <section class=\"text-center space-y-4\">\n <h2 class=\"text-4xl md:text-5xl font-black text-gray-900 tracking-tight\">\n \u5f3a\u4f9b\u7ed9 <span class=\"text-gray-400\">vs<\/span> \u5f31\u9700\u6c42\n <\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u4e3a\u4ec0\u4e48\u4e2d\u56fd\u4f1a\u6709\u5982\u6b64\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\uff1f\u8fd9\u4e0d\u4ec5\u4ec5\u662f\u6570\u5b57\u6e38\u620f\uff0c\u800c\u662f\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269\u3002\u5f53\u201c\u592a\u80fd\u9020\u201d\u9047\u4e0a\u201c\u6ca1\u82b1\u5b8c\u201d\uff0c\u4ea7\u80fd\u53ea\u80fd\u5411\u5168\u7403\u6ea2\u51fa\u3002\n <\/p>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div class=\"space-y-6\">\n <div class=\"bg-white p-6 rounded-lg shadow-md border-l-4 border-red-500\">\n <h3 class=\"text-2xl font-bold text-gray-800 mb-2\">\u526a\u5200\u5dee\u6548\u5e94<\/h3>\n <p class=\"text-gray-600 mb-4\">\n \u4e2d\u56fd\u62e5\u6709\u5168\u4ea7\u4e1a\u94fe\u4f18\u52bf\u548c\u57fa\u7840\u8bbe\u65bd\u7ea2\u5229\uff0c\u751f\u4ea7\u6548\u7387\u6781\u9ad8\u3002\u4e0e\u6b64\u540c\u65f6\uff0c\u9ad8\u50a8\u84c4\u7387\u548c\u4f4e\u6d88\u8d39\u7387\u5bfc\u81f4\u56fd\u5185\u5e02\u573a\u65e0\u6cd5\u6d88\u5316\u8fd9\u4e9b\u4ea7\u80fd\u3002\n <\/p>\n <ul class=\"space-y-2\">\n <li class=\"flex items-center text-sm\">\n <span class=\"w-2 h-2 bg-red-500 rounded-full mr-2\"><\/span>\n <strong>\u4f9b\u7ed9\u4fa7\uff1a<\/strong> \u5168\u4ea7\u4e1a\u94fe + \u6280\u672f\u7206\u53d1\n <\/li>\n <li class=\"flex items-center text-sm\">\n <span class=\"w-2 h-2 bg-blue-500 rounded-full mr-2\"><\/span>\n <strong>\u9700\u6c42\u4fa7\uff1a<\/strong> \u5c45\u6c11\u6d88\u8d39\u5360\u6bd4\u504f\u4f4e\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-blue-50 p-6 rounded-lg border border-blue-100\">\n <h4 class=\"font-bold text-blue-900 mb-2\">\u7ed3\u679c\uff1a<\/h4>\n <p class=\"text-blue-800\">\u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = <span class=\"font-black text-xl\">\u5de8\u989d\u987a\u5dee<\/span><\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card p-6\">\n <h3 class=\"text-lg font-bold text-gray-700 mb-4 text-center\">\u4ea7\u80fd\u4e0e\u6d88\u8d39\u6307\u6570\u8d8b\u52bf (\u793a\u610f\u56fe)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"supplyDemandChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-gray-400 text-center mt-2\">\u4e24\u8005\u5dee\u8ddd\u4ee3\u8868\u51fa\u53e3\u538b\u529b<\/p>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold text-gray-800\">\u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d<\/h3>\n <p class=\"text-gray-500\">\u8fd1\u671f\u987a\u5dee\u6fc0\u589e\u7684\u6280\u672f\u5f15\u64ce<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"card p-6 text-center hover:bg-red-50 transition-colors cursor-default border-t-4 border-red-500\">\n <div class=\"text-4xl mb-3\">\ud83d\ude97<\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u7535\u52a8\u6c7d\u8f66<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\u6280\u672f\u8fed\u4ee3\u5feb\uff0c\u6210\u672c\u63a7\u5236\u6781\u5f3a\uff0c\u91cd\u5851\u5168\u7403\u6c7d\u8f66\u7248\u56fe\u3002<\/p>\n <\/div>\n \n <div class=\"card p-6 text-center hover:bg-yellow-50 transition-colors cursor-default border-t-4 border-yellow-500\">\n <div class=\"text-4xl mb-3\">\u2600\ufe0f<\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u5149\u4f0f\u4ea7\u54c1<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\u5168\u4ea7\u4e1a\u94fe\u5784\u65ad\u4f18\u52bf\uff0c\u80fd\u6e90\u8f6c\u578b\u7684\u57fa\u7840\u8bbe\u65bd\u3002<\/p>\n <\/div>\n \n <div class=\"card p-6 text-center hover:bg-green-50 transition-colors cursor-default border-t-4 border-green-500\">\n <div class=\"text-4xl mb-3\">\ud83d\udd0b<\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u9502\u7535\u6c60<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\u638c\u63e1\u6838\u5fc3\u6750\u6599\u4e0e\u5236\u9020\u5de5\u827a\uff0c\u4e0d\u4ec5\u81ea\u7528\u66f4\u5927\u91cf\u51fa\u53e3\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gray-800 text-white rounded-2xl p-8 md:p-12\">\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-3xl font-bold mb-4\">\u6df1\u5c42\u76ee\u7684\uff1a\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49<\/h2>\n <p class=\"text-gray-300 max-w-2xl mx-auto\">\n \u4e0d\u4ec5\u4ec5\u662f\u4e3a\u4e86\u8d5a\u94b1\uff0c\u66f4\u662f\u4e00\u79cd\u201c\u7528\u4ea7\u80fd\u6362\u5b89\u5168\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002\n <\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-gray-700 p-6 rounded-xl border border-gray-600\">\n <div class=\"text-blue-400 text-sm font-bold uppercase tracking-wider mb-2\">Goal 01<\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u4fdd\u996d\u7897 (\u5c31\u4e1a)<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">\n \u901a\u8fc7\u51fa\u53e3\u521b\u9020\u5c31\u4e1a\uff0c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002\u5236\u9020\u4e1a\u662f\u5438\u7eb3\u52b3\u52a8\u529b\u7684\u84c4\u6c34\u6c60\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-gray-700 p-6 rounded-xl border border-gray-600\">\n <div class=\"text-yellow-400 text-sm font-bold uppercase tracking-wider mb-2\">Goal 02<\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u4e70\u8d44\u6e90 (\u5b89\u5168)<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">\n \u8d5a\u53d6\u786c\u901a\u8d27\uff08\u5916\u6c47\uff09\uff0c\u4ee5\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u548c\u534a\u5bfc\u4f53\u6280\u672f\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-gray-700 p-6 rounded-xl border border-gray-600\">\n <div class=\"text-red-400 text-sm font-bold uppercase tracking-wider mb-2\">Goal 03<\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u7ec3\u5185\u529f (\u5347\u7ea7)<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">\n \u5229\u7528\u5168\u7403\u5927\u5e02\u573a\u5206\u644a\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u5347\u7ea7\u548c\u8fed\u4ee3\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div class=\"order-2 lg:order-1 card p-6\">\n <h3 class=\"text-lg font-bold text-gray-700 mb-4 text-center\">\u5168\u7403\u8d38\u6613\u6469\u64e6\u6307\u6570 (\u793a\u610f)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"impactChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-gray-400 text-center mt-2\">\u4ece\u62e5\u62b1\u5230\u9632\u5fa1\uff1a\u5173\u7a0e\u4e0e\u8c03\u67e5\u6fc0\u589e<\/p>\n <\/div>\n <div class=\"order-1 lg:order-2 space-y-6\">\n <h2 class=\"text-3xl font-bold text-gray-900\">\u5916\u90e8\u5f71\u54cd\uff1a\u535a\u5f08\u52a0\u5267<\/h2>\n <p class=\"text-gray-600\">\n \u4e16\u754c\u5bf9\u4e2d\u56fd\u5236\u9020\u7684\u6001\u5ea6\u6b63\u5728\u53d1\u751f\u8d28\u53d8\u3002\n <\/p>\n \n <div class=\"space-y-4\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0 mt-1 mr-4\">\n <div class=\"w-8 h-8 bg-green-100 text-green-600 rounded-full flex items-center justify-center font-bold\">1<\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-gray-800\">\u8f93\u51fa\u901a\u7f29\u4e0e\u51b2\u51fb<\/h4>\n <p class=\"text-sm text-gray-600\">\u5ec9\u4ef7\u5546\u54c1\u964d\u4f4e\u4e86\u5168\u7403\u901a\u80c0\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u672c\u571f\u5236\u9020\u4e1a\uff0c\u5bfc\u81f4\u4ea7\u4e1a\u7a7a\u5fc3\u5316\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex\">\n <div class=\"flex-shrink-0 mt-1 mr-4\">\n <div class=\"w-8 h-8 bg-red-100 text-red-600 rounded-full flex items-center justify-center font-bold\">2<\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-gray-800\">\u897f\u65b9\u9632\u5fa1\u6027\u53cd\u51fb<\/h4>\n <p class=\"text-sm text-gray-600\">\u5173\u7a0e\u58c1\u5792\u3001\u9488\u5bf9\u7535\u52a8\u8f66\u7684\u53cd\u8865\u8d34\u8c03\u67e5\uff0c\u4ee5\u53ca\u63a8\u884c\u201cChina + 1\u201d\u7b56\u7565\u91cd\u6784\u4f9b\u5e94\u94fe\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold text-gray-900\">\u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\n \u4e3a\u4e86\u7ef4\u6301\u51fa\u53e3\u7ade\u4e89\u529b\uff08\u4f4e\u6210\u672c\uff09\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u4e00\u679a\u786c\u5e01\u7684\u4e24\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u5374\u662f\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002\n <\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <div class=\"lg:col-span-2 card p-6\">\n <h3 class=\"text-lg font-bold text-gray-700 mb-4 text-center\">GDP\u589e\u957f vs \u52b3\u52a8\u62a5\u916c\u5360\u6bd4 (\u6096\u8bba\u793a\u610f)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"costChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-gray-400 text-center mt-2\">\u5b8f\u89c2\u7ecf\u6d4e\u589e\u957f\u672a\u5b8c\u5168\u8f6c\u5316\u4e3a\u5c45\u6c11\u6d88\u8d39\u529b<\/p>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-gray-400\">\n <h4 class=\"font-bold text-gray-800\">\u8eab\u4efd\u56f0\u5883<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\n \u52b3\u52a8\u8005 996 \u9ad8\u5f3a\u5ea6\u5de5\u4f5c\uff0c\u9020\u51fa\u4e86\u6700\u5148\u8fdb\u7684\u4ea7\u54c1\uff08\u5982\u9ad8\u7aef\u7535\u52a8\u8f66\uff09\uff0c\u4f46\u6536\u5165\u6c34\u5e73\u5374\u5e38\u5e38\u4e0d\u8db3\u4ee5\u6210\u4e3a\u8fd9\u4e9b\u4ea7\u54c1\u7684\u6838\u5fc3\u6d88\u8d39\u7fa4\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-gray-400\">\n <h4 class=\"font-bold text-gray-800\">\u5185\u5377\u52a0\u5267<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\n \u5185\u9700\u4e0d\u8db3\u5bfc\u81f4\u4ea7\u80fd\u5fc5\u987b\u5916\u6ea2\uff1b\u4e00\u65e6\u5916\u90e8\u53d7\u963b\uff0c\u8fc7\u5269\u4ea7\u80fd\u56de\u6d41\u56fd\u5185\uff0c\u5bfc\u81f4\u4ef7\u683c\u6218\u548c\u6781\u5ea6\u5185\u5377\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gradient-to-br from-blue-900 to-gray-900 text-white rounded-2xl p-8 md:p-12 relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-64 h-64 bg-white opacity-5 rounded-full\"><\/div>\n\n <div class=\"relative z-10 text-center space-y-8\">\n <div>\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-yellow-400\">\u672a\u6765\u7684\u65b9\u5411\uff1a\u5927\u8f6c\u6298<\/h2>\n <p class=\"text-xl text-gray-200\">\u4ece\u201c\u5916\u5faa\u73af\u9a71\u52a8\u201d\u8f6c\u5411\u201c\u5185\u5faa\u73af\u9a71\u52a8\u201d<\/p>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 text-gray-900\">\n <div class=\"bg-red-100 px-6 py-4 rounded-lg font-bold w-full md:w-auto text-center\">\n \u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165\n <\/div>\n <div class=\"hidden md:block text-white text-2xl\">\u2192<\/div>\n <div class=\"arrow-down md:hidden border-t-white\"><\/div>\n \n <div class=\"bg-yellow-100 px-6 py-4 rounded-lg font-bold w-full md:w-auto text-center\">\n \u6fc0\u6d3b\u56fd\u5185\u6d88\u8d39\n <\/div>\n <div class=\"hidden md:block text-white text-2xl\">\u2192<\/div>\n <div class=\"arrow-down md:hidden border-t-white\"><\/div>\n\n <div class=\"bg-green-100 px-6 py-4 rounded-lg font-bold w-full md:w-auto text-center\">\n \u5185\u90e8\u6d88\u5316\u4ea7\u80fd\n <\/div>\n <\/div>\n\n <div class=\"text-gray-300 text-sm max-w-2xl mx-auto mt-6\">\n \u8fd9\u4e0d\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u793e\u4f1a\u8d26\u3002\u6b27\u7f8e\u4e0d\u613f\u518d\u5355\u65b9\u9762\u5438\u6536\u4e2d\u56fd\u4ea7\u80fd\uff0c\u4e2d\u56fd\u5fc5\u987b\u901a\u8fc7\u63d0\u5347\u5185\u9700\u6765\u5b8c\u6210\u7ecf\u6d4e\u95ed\u73af\u3002\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pb-12\">\n <h3 class=\"text-2xl font-bold text-gray-900 mb-6 border-b pb-2\">\u4e0b\u4e00\u6b65\u7814\u7a76\u5efa\u8bae<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">01 \u5b8f\u89c2\u653f\u7b56<\/div>\n <p class=\"text-sm text-gray-600\">\u8c03\u7814\u201c\u53cc\u5faa\u73af\u201d\u6218\u7565\u57282024-2025\u5e74\u7684\u5177\u4f53\u8d22\u653f\u6539\u9769\u4e3e\u63aa\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">02 \u623f\u5730\u4ea7\u8f6c\u578b<\/div>\n <p class=\"text-sm text-gray-600\">\u5206\u6790\u6700\u5927\u5185\u9700\u5f15\u64ce\u8870\u9000\u540e\uff0c\u5bf9\u5b8f\u89c2\u7ecf\u6d4e\u7684\u5177\u4f53\u62d6\u7d2f\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">03 \u79d1\u6280\u7a81\u56f4<\/div>\n <p class=\"text-sm text-gray-600\">\u5149\u523b\u673a\u3001\u82af\u7247\u201c\u5927\u57fa\u91d1\u201d\u4e09\u671f\u53caAI\u4ea7\u4e1a\u7684\u771f\u5b9e\u8fdb\u5c55\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">04 \u65b0\u4e09\u6837\u58c1\u5792<\/div>\n <p class=\"text-sm text-gray-600\">\u9488\u5bf9EV\u3001\u7535\u6c60\u7684\u6700\u65b0\u5173\u7a0e\u4e0e\u53cd\u8865\u8d34\u8c03\u67e5\u5f71\u54cd\u8bc4\u4f30\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">05 AI\u4e0e\u5de5\u4e1a<\/div>\n <p class=\"text-sm text-gray-600\">\u5927\u6a21\u578b\u5728\u5de5\u4e1a\u9886\u57df\u7684\u5e94\u7528\u843d\u5730\u4e0e\u7b97\u529b\u57fa\u5efa\u60c5\u51b5\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">06 \u5c31\u4e1a\u66ff\u4ee3<\/div>\n <p class=\"text-sm text-gray-600\">\u9ad8\u6280\u672f\u5236\u9020\u4e1a\u80fd\u5426\u586b\u8865\u4f4e\u7aef\u5236\u9020\u548c\u5730\u4ea7\u7559\u4e0b\u7684\u5c31\u4e1a\u7a7a\u7f3a\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"bg-gray-100 py-8 border-t border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 text-center text-gray-500 text-sm\">\n <p>© 2025 \u903b\u8f91\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee. Based on source analysis.<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ --- Helper Function for Label Wrapping (16 chars) ---\n function wrapLabel(label) {\n const MAX_LENGTH = 16;\n if (label.length <= MAX_LENGTH) return label;\n \n const words = label.split(''); \/\/ Splitting by char for Chinese, or by space for English\n \/\/ Since this is primarily Chinese content, simple splitting might break semantics.\n \/\/ A safer approach for mixed content is splitting by chunks.\n \/\/ However, the requirement specifically mentions \"Split the original label string into words.\"\n \/\/ For Chinese, we can split by arbitrary length or semantic breaks if known.\n \/\/ Let's use a simple chunking for demo purposes on long strings.\n \n const result = [];\n let currentLine = '';\n \n \/\/ Simple logic: if Chinese, treat chars as words. If English, split by space.\n const isChinese = \/[\\u4e00-\\u9fa5]\/.test(label);\n \n if (isChinese) {\n for (let i = 0; i < label.length; i += 10) { \/\/ Wrap every 10 chars for Chinese readability\n result.push(label.substring(i, i + 10));\n }\n } else {\n const words = label.split(' ');\n let line = '';\n words.forEach(word => {\n if ((line + word).length > MAX_LENGTH) {\n result.push(line.trim());\n line = word + ' ';\n } else {\n line += word + ' ';\n }\n });\n result.push(line.trim());\n }\n \n return result.length === 1 ? result[0] : result;\n }\n\n \/\/ --- Common Chart Options ---\n Chart.defaults.font.family = \"'Noto Sans SC', sans-serif\";\n Chart.defaults.color = '#4B5563'; \/\/ Gray-600\n \n const commonOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n backgroundColor: 'rgba(17, 24, 39, 0.9)', \/\/ Gray-900\n padding: 12,\n callbacks: {\n \/\/ MANDATORY Tooltip Title Callback\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n } else {\n return label;\n }\n }\n }\n },\n legend: {\n position: 'bottom',\n labels: {\n usePointStyle: true,\n padding: 20\n }\n }\n }\n };\n\n \/\/ --- Chart 1: Supply vs Demand Gap ---\n const ctx1 = document.getElementById('supplyDemandChart').getContext('2d');\n new Chart(ctx1, {\n type: 'line',\n data: {\n labels: ['2014', '2016', '2018', '2020', '2022', '2024'],\n datasets: [\n {\n label: '\u5de5\u4e1a\u4ea7\u80fd\u6307\u6570 (Supply)',\n data: [100, 115, 130, 150, 175, 195],\n borderColor: '#EF4444', \/\/ Red-500\n backgroundColor: 'rgba(239, 68, 68, 0.1)',\n borderWidth: 3,\n tension: 0.4,\n fill: false\n },\n {\n label: '\u56fd\u5185\u6d88\u8d39\u6307\u6570 (Demand)',\n data: [100, 110, 120, 125, 135, 145],\n borderColor: '#3B82F6', \/\/ Blue-500\n backgroundColor: 'rgba(59, 130, 246, 0.1)',\n borderWidth: 3,\n tension: 0.4,\n fill: true\n }\n ]\n },\n options: {\n ...commonOptions,\n interaction: {\n mode: 'index',\n intersect: false,\n },\n plugins: {\n ...commonOptions.plugins,\n annotation: {\n \/\/ Simple text annotation logic if needed, or leave to HTML text\n }\n },\n scales: {\n y: {\n display: false, \/\/ Abstract index\n beginAtZero: false\n },\n x: {\n grid: {\n display: false\n }\n }\n }\n }\n });\n\n \/\/ --- Chart 2: External Impact (Bar) ---\n const ctx2 = document.getElementById('impactChart').getContext('2d');\n new Chart(ctx2, {\n type: 'bar',\n data: {\n labels: ['2010 (\u4e92\u5229\u65f6\u4ee3)', '2018 (\u8d38\u6613\u6218)', '2024 (\u5168\u9762\u535a\u5f08)'],\n datasets: [{\n label: '\u8d38\u6613\u58c1\u5792\u4e0e\u8c03\u67e5\u6570\u91cf\u6307\u6570',\n data: [15, 65, 95],\n backgroundColor: [\n '#93C5FD', \/\/ Blue-300\n '#FCD34D', \/\/ Amber-300\n '#EF4444' \/\/ Red-500\n ],\n borderWidth: 0,\n borderRadius: 6\n }]\n },\n options: {\n ...commonOptions,\n plugins: {\n ...commonOptions.plugins,\n legend: {\n display: false\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n title: { display: true, text: '\u6469\u64e6\u5f3a\u5ea6' }\n },\n x: {\n grid: { display: false }\n }\n }\n }\n });\n\n \/\/ --- Chart 3: Internal Cost (Mixed) ---\n const ctx3 = document.getElementById('costChart').getContext('2d');\n new Chart(ctx3, {\n type: 'bar',\n data: {\n labels: ['2005', '2010', '2015', '2020', '2024'],\n datasets: [\n {\n label: 'GDP \u603b\u91cf\u589e\u957f',\n data: [30, 60, 100, 140, 170],\n backgroundColor: '#1E40AF', \/\/ Blue-800\n order: 2,\n borderRadius: 4\n },\n {\n label: '\u52b3\u52a8\u62a5\u916c\u5360\u6bd4\u8d8b\u52bf (Wage Share)',\n data: [45, 42, 43, 41, 40], \/\/ Conceptual Flat\/Declining share\n type: 'line',\n borderColor: '#F59E0B', \/\/ Amber-500\n borderWidth: 3,\n pointBackgroundColor: '#fff',\n pointBorderColor: '#F59E0B',\n pointRadius: 5,\n order: 1,\n yAxisID: 'y1'\n }\n ]\n },\n options: {\n ...commonOptions,\n interaction: {\n mode: 'index',\n intersect: false\n },\n scales: {\n y: {\n display: false,\n position: 'left',\n },\n y1: {\n display: true,\n position: 'right',\n min: 30,\n max: 60,\n grid: { display: false },\n title: { display: true, text: '\u52b3\u52a8\u62a5\u916c\u5360\u6bd4 (%)' }\n },\n x: {\n grid: { display: false }\n }\n }\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udde8\ud83c\uddf3 \u4e2d\u56fd\u8d38\u6613\u987a\u5dee\uff1a\u6df1\u5ea6\u590d\u76d8 \u903b\u8f91\u95ed\u73af\u5206\u6790 \u5f3a\u4f9b\u7ed9 vs \u5f31\u9700\u6c42 \u4e3a\u4ec0\u4e48\u4e2d\u56fd\u4f1a\u6709\u5982\u6b64\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\uff1f\u8fd9\u4e0d\u4ec5\u4ec5\u662f\u6570\u5b57\u6e38\u620f\uff0c\u800c\u662f\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269\u3002\u5f53\u201c\u592a\u80fd\u9020\u201d\u9047\u4e0a\u201c\u6ca1\u82b1\u5b8c\u201d\uff0c\u4ea7\u80fd\u53ea\u80fd\u5411\u5168\u7403\u6ea2\u51fa\u3002 \u526a\u5200\u5dee\u6548\u5e94 \u4e2d\u56fd\u62e5\u6709\u5168\u4ea7\u4e1a\u94fe\u4f18\u52bf\u548c\u57fa\u7840\u8bbe\u65bd\u7ea2\u5229\uff0c\u751f\u4ea7\u6548\u7387\u6781\u9ad8\u3002\u4e0e\u6b64\u540c\u65f6\uff0c\u9ad8\u50a8\u84c4\u7387\u548c\u4f4e\u6d88\u8d39\u7387\u5bfc\u81f4\u56fd\u5185\u5e02\u573a\u65e0\u6cd5\u6d88\u5316\u8fd9\u4e9b\u4ea7\u80fd\u3002 \u4f9b\u7ed9\u4fa7\uff1a \u5168\u4ea7\u4e1a\u94fe + \u6280\u672f\u7206\u53d1 \u9700\u6c42\u4fa7\uff1a \u5c45\u6c11\u6d88\u8d39\u5360\u6bd4\u504f\u4f4e \u7ed3\u679c\uff1a \u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = \u5de8\u989d\u987a\u5dee \u4ea7\u80fd\u4e0e\u6d88\u8d39\u6307\u6570\u8d8b\u52bf (\u793a\u610f\u56fe) \u4e24\u8005\u5dee\u8ddd\u4ee3\u8868\u51fa\u53e3\u538b\u529b \u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d \u8fd1\u671f\u987a\u5dee\u6fc0\u589e\u7684\u6280\u672f\u5f15\u64ce \ud83d\ude97 \u7535\u52a8\u6c7d\u8f66 \u6280\u672f\u8fed\u4ee3\u5feb\uff0c\u6210\u672c\u63a7\u5236\u6781\u5f3a\uff0c\u91cd\u5851\u5168\u7403\u6c7d\u8f66\u7248\u56fe\u3002 \u2600\ufe0f \u5149\u4f0f\u4ea7\u54c1 \u5168\u4ea7\u4e1a\u94fe\u5784\u65ad\u4f18\u52bf\uff0c\u80fd\u6e90\u8f6c\u578b\u7684\u57fa\u7840\u8bbe\u65bd\u3002 \ud83d\udd0b \u9502\u7535\u6c60 \u638c\u63e1\u6838\u5fc3\u6750\u6599\u4e0e\u5236\u9020\u5de5\u827a\uff0c\u4e0d\u4ec5\u81ea\u7528\u66f4\u5927\u91cf\u51fa\u53e3\u3002 \u6df1\u5c42\u76ee\u7684\uff1a\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49 \u4e0d\u4ec5\u4ec5\u662f\u4e3a\u4e86\u8d5a\u94b1\uff0c\u66f4\u662f\u4e00\u79cd\u201c\u7528\u4ea7\u80fd\u6362\u5b89\u5168\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002 Goal 01 \u4fdd\u996d\u7897 (\u5c31\u4e1a) \u901a\u8fc7\u51fa\u53e3\u521b\u9020\u5c31\u4e1a\uff0c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002\u5236\u9020\u4e1a\u662f\u5438\u7eb3\u52b3\u52a8\u529b\u7684\u84c4\u6c34\u6c60\u3002 Goal 02 \u4e70\u8d44\u6e90 (\u5b89\u5168) \u8d5a\u53d6\u786c\u901a\u8d27\uff08\u5916\u6c47\uff09\uff0c\u4ee5\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u548c\u534a\u5bfc\u4f53\u6280\u672f\u3002 Goal 03 \u7ec3\u5185\u529f (\u5347\u7ea7) \u5229\u7528\u5168\u7403\u5927\u5e02\u573a\u5206\u644a\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u5347\u7ea7\u548c\u8fed\u4ee3\u3002 \u5168\u7403\u8d38\u6613\u6469\u64e6\u6307\u6570 (\u793a\u610f) \u4ece\u62e5\u62b1\u5230\u9632\u5fa1\uff1a\u5173\u7a0e\u4e0e\u8c03\u67e5\u6fc0\u589e \u5916\u90e8\u5f71\u54cd\uff1a\u535a\u5f08\u52a0\u5267 \u4e16\u754c\u5bf9\u4e2d\u56fd\u5236\u9020\u7684\u6001\u5ea6\u6b63\u5728\u53d1\u751f\u8d28\u53d8\u3002 1 \u8f93\u51fa\u901a\u7f29\u4e0e\u51b2\u51fb \u5ec9\u4ef7\u5546\u54c1\u964d\u4f4e\u4e86\u5168\u7403\u901a\u80c0\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u672c\u571f\u5236\u9020\u4e1a\uff0c\u5bfc\u81f4\u4ea7\u4e1a\u7a7a\u5fc3\u5316\u3002 2 \u897f\u65b9\u9632\u5fa1\u6027\u53cd\u51fb \u5173\u7a0e\u58c1\u5792\u3001\u9488\u5bf9\u7535\u52a8\u8f66\u7684\u53cd\u8865\u8d34\u8c03\u67e5\uff0c\u4ee5\u53ca\u63a8\u884c\u201cChina + 1\u201d\u7b56\u7565\u91cd\u6784\u4f9b\u5e94\u94fe\u3002 \u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2 \u4e3a\u4e86\u7ef4\u6301\u51fa\u53e3\u7ade\u4e89\u529b\uff08\u4f4e\u6210\u672c\uff09\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u4e00\u679a\u786c\u5e01\u7684\u4e24\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u5374\u662f\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002 GDP\u589e\u957f vs \u52b3\u52a8\u62a5\u916c\u5360\u6bd4 (\u6096\u8bba\u793a\u610f) \u5b8f\u89c2\u7ecf\u6d4e\u589e\u957f\u672a\u5b8c\u5168\u8f6c\u5316\u4e3a\u5c45\u6c11\u6d88\u8d39\u529b \u8eab\u4efd\u56f0\u5883 \u52b3\u52a8\u8005 996 \u9ad8\u5f3a\u5ea6\u5de5\u4f5c\uff0c\u9020\u51fa\u4e86\u6700\u5148\u8fdb\u7684\u4ea7\u54c1\uff08\u5982\u9ad8\u7aef\u7535\u52a8\u8f66\uff09\uff0c\u4f46\u6536\u5165\u6c34\u5e73\u5374\u5e38\u5e38\u4e0d\u8db3\u4ee5\u6210\u4e3a\u8fd9\u4e9b\u4ea7\u54c1\u7684\u6838\u5fc3\u6d88\u8d39\u7fa4\u3002 \u5185\u5377\u52a0\u5267 \u5185\u9700\u4e0d\u8db3\u5bfc\u81f4\u4ea7\u80fd\u5fc5\u987b\u5916\u6ea2\uff1b\u4e00\u65e6\u5916\u90e8\u53d7\u963b\uff0c\u8fc7\u5269\u4ea7\u80fd\u56de\u6d41\u56fd\u5185\uff0c\u5bfc\u81f4\u4ef7\u683c\u6218\u548c\u6781\u5ea6\u5185\u5377\u3002 \u672a\u6765\u7684\u65b9\u5411\uff1a\u5927\u8f6c\u6298 \u4ece\u201c\u5916\u5faa\u73af\u9a71\u52a8\u201d\u8f6c\u5411\u201c\u5185\u5faa\u73af\u9a71\u52a8\u201d \u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165 \u2192 \u6fc0\u6d3b\u56fd\u5185\u6d88\u8d39 \u2192 \u5185\u90e8\u6d88\u5316\u4ea7\u80fd \u8fd9\u4e0d\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u793e\u4f1a\u8d26\u3002\u6b27\u7f8e\u4e0d\u613f\u518d\u5355\u65b9\u9762\u5438\u6536\u4e2d\u56fd\u4ea7\u80fd\uff0c\u4e2d\u56fd\u5fc5\u987b\u901a\u8fc7\u63d0\u5347\u5185\u9700\u6765\u5b8c\u6210\u7ecf\u6d4e\u95ed\u73af\u3002 \u4e0b\u4e00\u6b65\u7814\u7a76\u5efa\u8bae 01 \u5b8f\u89c2\u653f\u7b56 \u8c03\u7814\u201c\u53cc\u5faa\u73af\u201d\u6218\u7565\u57282024-2025\u5e74\u7684\u5177\u4f53\u8d22\u653f\u6539\u9769\u4e3e\u63aa\u3002 02 \u623f\u5730\u4ea7\u8f6c\u578b \u5206\u6790\u6700\u5927\u5185\u9700\u5f15\u64ce\u8870\u9000\u540e\uff0c\u5bf9\u5b8f\u89c2\u7ecf\u6d4e\u7684\u5177\u4f53\u62d6\u7d2f\u3002 03 \u79d1\u6280\u7a81\u56f4 \u5149\u523b\u673a\u3001\u82af\u7247\u201c\u5927\u57fa\u91d1\u201d\u4e09\u671f\u53caAI\u4ea7\u4e1a\u7684\u771f\u5b9e\u8fdb\u5c55\u3002 04 \u65b0\u4e09\u6837\u58c1\u5792 \u9488\u5bf9EV\u3001\u7535\u6c60\u7684\u6700\u65b0\u5173\u7a0e\u4e0e\u53cd\u8865\u8d34\u8c03\u67e5\u5f71\u54cd\u8bc4\u4f30\u3002 05 AI\u4e0e\u5de5\u4e1a \u5927\u6a21\u578b\u5728\u5de5\u4e1a\u9886\u57df\u7684\u5e94\u7528\u843d\u5730\u4e0e\u7b97\u529b\u57fa\u5efa\u60c5\u51b5\u3002 06 \u5c31\u4e1a\u66ff\u4ee3 \u9ad8\u6280\u672f\u5236\u9020\u4e1a\u80fd\u5426\u586b\u8865\u4f4e\u7aef\u5236\u9020\u548c\u5730\u4ea7\u7559\u4e0b\u7684\u5c31\u4e1a\u7a7a\u7f3a\u3002 © 2025 \u903b\u8f91\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee. Based on source analysis.<\/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-610","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=610"}],"version-history":[{"count":1,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/610\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/610\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":610,"date":"2025-12-16T11:33:59","date_gmt":"2025-12-16T03:33:59","guid":{"rendered":"https:\/\/trantor.ink\/?page_id=610"},"modified":"2025-12-16T11:33:59","modified_gmt":"2025-12-16T03:33:59","slug":"%e4%b8%ad%e5%9b%bd%e8%b4%b8%e6%98%93%e9%a1%ba%e5%b7%ae%ef%bc%9a%e5%85%a8%e6%99%af%e9%80%bb%e8%be%91%e5%a4%8d%e7%9b%98-infographic","status":"publish","type":"page","link":"https:\/\/trantor.ink\/?page_id=610","title":{"rendered":"\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\uff1a\u5168\u666f\u903b\u8f91\u590d\u76d8 Infographic"},"content":{"rendered":"\n\n\n\n \n \n <\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <style>\n body {\n font-family: 'Noto Sans SC', sans-serif;\n background-color: #F3F4F6; \/* Gray-100 base *\/\n color: #1F2937; \/* Gray-800 text *\/\n }\n \n \/* Chart Container Styling - Mandatory Constraint *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px; \/* Constrain width for readability *\/\n margin-left: auto;\n margin-right: auto;\n height: 350px; \/* Base height *\/\n max-height: 400px;\n }\n\n @media (min-width: 768px) {\n .chart-container {\n height: 400px;\n }\n }\n\n \/* Material Design Cards *\/\n .card {\n background-color: white;\n border-radius: 0.75rem; \/* rounded-xl *\/\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;\n }\n \n .card:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n }\n\n \/* Gradient Text *\/\n .text-gradient {\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-image: linear-gradient(to right, #1E40AF, #EF4444);\n }\n\n \/* Custom Flowchart Arrows (CSS Shapes, NO SVG) *\/\n .arrow-down {\n width: 0; \n height: 0; \n border-left: 10px solid transparent;\n border-right: 10px solid transparent;\n border-top: 15px solid #9CA3AF;\n margin: 0 auto;\n }\n \n .arrow-right {\n width: 0; \n height: 0; \n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-left: 15px solid #9CA3AF;\n }\n <\/style>\n\n \n \n \n \n \n\n \n\n \n \n \n<\/head>\n<body class=\"antialiased\">\n\n \n <header class=\"bg-white shadow-md sticky top-0 z-50\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 flex justify-between items-center\">\n <h1 class=\"text-2xl font-bold text-gray-900\">\ud83c\udde8\ud83c\uddf3 \u4e2d\u56fd\u8d38\u6613\u987a\u5dee\uff1a<span class=\"text-blue-700\">\u6df1\u5ea6\u590d\u76d8<\/span><\/h1>\n <div class=\"text-sm font-medium text-gray-500 hidden sm:block\">\u903b\u8f91\u95ed\u73af\u5206\u6790<\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 space-y-12\">\n\n \n <section class=\"text-center space-y-4\">\n <h2 class=\"text-4xl md:text-5xl font-black text-gray-900 tracking-tight\">\n \u5f3a\u4f9b\u7ed9 <span class=\"text-gray-400\">vs<\/span> \u5f31\u9700\u6c42\n <\/h2>\n <p class=\"text-xl text-gray-600 max-w-3xl mx-auto\">\n \u4e3a\u4ec0\u4e48\u4e2d\u56fd\u4f1a\u6709\u5982\u6b64\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\uff1f\u8fd9\u4e0d\u4ec5\u4ec5\u662f\u6570\u5b57\u6e38\u620f\uff0c\u800c\u662f\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269\u3002\u5f53\u201c\u592a\u80fd\u9020\u201d\u9047\u4e0a\u201c\u6ca1\u82b1\u5b8c\u201d\uff0c\u4ea7\u80fd\u53ea\u80fd\u5411\u5168\u7403\u6ea2\u51fa\u3002\n <\/p>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 items-center\">\n <div class=\"space-y-6\">\n <div class=\"bg-white p-6 rounded-lg shadow-md border-l-4 border-red-500\">\n <h3 class=\"text-2xl font-bold text-gray-800 mb-2\">\u526a\u5200\u5dee\u6548\u5e94<\/h3>\n <p class=\"text-gray-600 mb-4\">\n \u4e2d\u56fd\u62e5\u6709\u5168\u4ea7\u4e1a\u94fe\u4f18\u52bf\u548c\u57fa\u7840\u8bbe\u65bd\u7ea2\u5229\uff0c\u751f\u4ea7\u6548\u7387\u6781\u9ad8\u3002\u4e0e\u6b64\u540c\u65f6\uff0c\u9ad8\u50a8\u84c4\u7387\u548c\u4f4e\u6d88\u8d39\u7387\u5bfc\u81f4\u56fd\u5185\u5e02\u573a\u65e0\u6cd5\u6d88\u5316\u8fd9\u4e9b\u4ea7\u80fd\u3002\n <\/p>\n <ul class=\"space-y-2\">\n <li class=\"flex items-center text-sm\">\n <span class=\"w-2 h-2 bg-red-500 rounded-full mr-2\"><\/span>\n <strong>\u4f9b\u7ed9\u4fa7\uff1a<\/strong> \u5168\u4ea7\u4e1a\u94fe + \u6280\u672f\u7206\u53d1\n <\/li>\n <li class=\"flex items-center text-sm\">\n <span class=\"w-2 h-2 bg-blue-500 rounded-full mr-2\"><\/span>\n <strong>\u9700\u6c42\u4fa7\uff1a<\/strong> \u5c45\u6c11\u6d88\u8d39\u5360\u6bd4\u504f\u4f4e\n <\/li>\n <\/ul>\n <\/div>\n <div class=\"bg-blue-50 p-6 rounded-lg border border-blue-100\">\n <h4 class=\"font-bold text-blue-900 mb-2\">\u7ed3\u679c\uff1a<\/h4>\n <p class=\"text-blue-800\">\u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = <span class=\"font-black text-xl\">\u5de8\u989d\u987a\u5dee<\/span><\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"card p-6\">\n <h3 class=\"text-lg font-bold text-gray-700 mb-4 text-center\">\u4ea7\u80fd\u4e0e\u6d88\u8d39\u6307\u6570\u8d8b\u52bf (\u793a\u610f\u56fe)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"supplyDemandChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-gray-400 text-center mt-2\">\u4e24\u8005\u5dee\u8ddd\u4ee3\u8868\u51fa\u53e3\u538b\u529b<\/p>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"text-center mb-8\">\n <h3 class=\"text-2xl font-bold text-gray-800\">\u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d<\/h3>\n <p class=\"text-gray-500\">\u8fd1\u671f\u987a\u5dee\u6fc0\u589e\u7684\u6280\u672f\u5f15\u64ce<\/p>\n <\/div>\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n \n <div class=\"card p-6 text-center hover:bg-red-50 transition-colors cursor-default border-t-4 border-red-500\">\n <div class=\"text-4xl mb-3\">\ud83d\ude97<\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u7535\u52a8\u6c7d\u8f66<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\u6280\u672f\u8fed\u4ee3\u5feb\uff0c\u6210\u672c\u63a7\u5236\u6781\u5f3a\uff0c\u91cd\u5851\u5168\u7403\u6c7d\u8f66\u7248\u56fe\u3002<\/p>\n <\/div>\n \n <div class=\"card p-6 text-center hover:bg-yellow-50 transition-colors cursor-default border-t-4 border-yellow-500\">\n <div class=\"text-4xl mb-3\">\u2600\ufe0f<\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u5149\u4f0f\u4ea7\u54c1<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\u5168\u4ea7\u4e1a\u94fe\u5784\u65ad\u4f18\u52bf\uff0c\u80fd\u6e90\u8f6c\u578b\u7684\u57fa\u7840\u8bbe\u65bd\u3002<\/p>\n <\/div>\n \n <div class=\"card p-6 text-center hover:bg-green-50 transition-colors cursor-default border-t-4 border-green-500\">\n <div class=\"text-4xl mb-3\">\ud83d\udd0b<\/div>\n <h4 class=\"text-xl font-bold text-gray-800\">\u9502\u7535\u6c60<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\u638c\u63e1\u6838\u5fc3\u6750\u6599\u4e0e\u5236\u9020\u5de5\u827a\uff0c\u4e0d\u4ec5\u81ea\u7528\u66f4\u5927\u91cf\u51fa\u53e3\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gray-800 text-white rounded-2xl p-8 md:p-12\">\n <div class=\"mb-10 text-center\">\n <h2 class=\"text-3xl font-bold mb-4\">\u6df1\u5c42\u76ee\u7684\uff1a\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49<\/h2>\n <p class=\"text-gray-300 max-w-2xl mx-auto\">\n \u4e0d\u4ec5\u4ec5\u662f\u4e3a\u4e86\u8d5a\u94b1\uff0c\u66f4\u662f\u4e00\u79cd\u201c\u7528\u4ea7\u80fd\u6362\u5b89\u5168\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002\n <\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"bg-gray-700 p-6 rounded-xl border border-gray-600\">\n <div class=\"text-blue-400 text-sm font-bold uppercase tracking-wider mb-2\">Goal 01<\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u4fdd\u996d\u7897 (\u5c31\u4e1a)<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">\n \u901a\u8fc7\u51fa\u53e3\u521b\u9020\u5c31\u4e1a\uff0c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002\u5236\u9020\u4e1a\u662f\u5438\u7eb3\u52b3\u52a8\u529b\u7684\u84c4\u6c34\u6c60\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-gray-700 p-6 rounded-xl border border-gray-600\">\n <div class=\"text-yellow-400 text-sm font-bold uppercase tracking-wider mb-2\">Goal 02<\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u4e70\u8d44\u6e90 (\u5b89\u5168)<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">\n \u8d5a\u53d6\u786c\u901a\u8d27\uff08\u5916\u6c47\uff09\uff0c\u4ee5\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u548c\u534a\u5bfc\u4f53\u6280\u672f\u3002\n <\/p>\n <\/div>\n \n <div class=\"bg-gray-700 p-6 rounded-xl border border-gray-600\">\n <div class=\"text-red-400 text-sm font-bold uppercase tracking-wider mb-2\">Goal 03<\/div>\n <h3 class=\"text-xl font-bold mb-3\">\u7ec3\u5185\u529f (\u5347\u7ea7)<\/h3>\n <p class=\"text-gray-300 text-sm leading-relaxed\">\n \u5229\u7528\u5168\u7403\u5927\u5e02\u573a\u5206\u644a\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u5347\u7ea7\u548c\u8fed\u4ee3\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 items-center\">\n <div class=\"order-2 lg:order-1 card p-6\">\n <h3 class=\"text-lg font-bold text-gray-700 mb-4 text-center\">\u5168\u7403\u8d38\u6613\u6469\u64e6\u6307\u6570 (\u793a\u610f)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"impactChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-gray-400 text-center mt-2\">\u4ece\u62e5\u62b1\u5230\u9632\u5fa1\uff1a\u5173\u7a0e\u4e0e\u8c03\u67e5\u6fc0\u589e<\/p>\n <\/div>\n <div class=\"order-1 lg:order-2 space-y-6\">\n <h2 class=\"text-3xl font-bold text-gray-900\">\u5916\u90e8\u5f71\u54cd\uff1a\u535a\u5f08\u52a0\u5267<\/h2>\n <p class=\"text-gray-600\">\n \u4e16\u754c\u5bf9\u4e2d\u56fd\u5236\u9020\u7684\u6001\u5ea6\u6b63\u5728\u53d1\u751f\u8d28\u53d8\u3002\n <\/p>\n \n <div class=\"space-y-4\">\n <div class=\"flex\">\n <div class=\"flex-shrink-0 mt-1 mr-4\">\n <div class=\"w-8 h-8 bg-green-100 text-green-600 rounded-full flex items-center justify-center font-bold\">1<\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-gray-800\">\u8f93\u51fa\u901a\u7f29\u4e0e\u51b2\u51fb<\/h4>\n <p class=\"text-sm text-gray-600\">\u5ec9\u4ef7\u5546\u54c1\u964d\u4f4e\u4e86\u5168\u7403\u901a\u80c0\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u672c\u571f\u5236\u9020\u4e1a\uff0c\u5bfc\u81f4\u4ea7\u4e1a\u7a7a\u5fc3\u5316\u3002<\/p>\n <\/div>\n <\/div>\n <div class=\"flex\">\n <div class=\"flex-shrink-0 mt-1 mr-4\">\n <div class=\"w-8 h-8 bg-red-100 text-red-600 rounded-full flex items-center justify-center font-bold\">2<\/div>\n <\/div>\n <div>\n <h4 class=\"font-bold text-gray-800\">\u897f\u65b9\u9632\u5fa1\u6027\u53cd\u51fb<\/h4>\n <p class=\"text-sm text-gray-600\">\u5173\u7a0e\u58c1\u5792\u3001\u9488\u5bf9\u7535\u52a8\u8f66\u7684\u53cd\u8865\u8d34\u8c03\u67e5\uff0c\u4ee5\u53ca\u63a8\u884c\u201cChina + 1\u201d\u7b56\u7565\u91cd\u6784\u4f9b\u5e94\u94fe\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold text-gray-900\">\u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto\">\n \u4e3a\u4e86\u7ef4\u6301\u51fa\u53e3\u7ade\u4e89\u529b\uff08\u4f4e\u6210\u672c\uff09\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u4e00\u679a\u786c\u5e01\u7684\u4e24\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u5374\u662f\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002\n <\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n <div class=\"lg:col-span-2 card p-6\">\n <h3 class=\"text-lg font-bold text-gray-700 mb-4 text-center\">GDP\u589e\u957f vs \u52b3\u52a8\u62a5\u916c\u5360\u6bd4 (\u6096\u8bba\u793a\u610f)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"costChart\"><\/canvas>\n <\/div>\n <p class=\"text-xs text-gray-400 text-center mt-2\">\u5b8f\u89c2\u7ecf\u6d4e\u589e\u957f\u672a\u5b8c\u5168\u8f6c\u5316\u4e3a\u5c45\u6c11\u6d88\u8d39\u529b<\/p>\n <\/div>\n \n <div class=\"space-y-4\">\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-gray-400\">\n <h4 class=\"font-bold text-gray-800\">\u8eab\u4efd\u56f0\u5883<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\n \u52b3\u52a8\u8005 996 \u9ad8\u5f3a\u5ea6\u5de5\u4f5c\uff0c\u9020\u51fa\u4e86\u6700\u5148\u8fdb\u7684\u4ea7\u54c1\uff08\u5982\u9ad8\u7aef\u7535\u52a8\u8f66\uff09\uff0c\u4f46\u6536\u5165\u6c34\u5e73\u5374\u5e38\u5e38\u4e0d\u8db3\u4ee5\u6210\u4e3a\u8fd9\u4e9b\u4ea7\u54c1\u7684\u6838\u5fc3\u6d88\u8d39\u7fa4\u3002\n <\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-gray-400\">\n <h4 class=\"font-bold text-gray-800\">\u5185\u5377\u52a0\u5267<\/h4>\n <p class=\"text-sm text-gray-600 mt-2\">\n \u5185\u9700\u4e0d\u8db3\u5bfc\u81f4\u4ea7\u80fd\u5fc5\u987b\u5916\u6ea2\uff1b\u4e00\u65e6\u5916\u90e8\u53d7\u963b\uff0c\u8fc7\u5269\u4ea7\u80fd\u56de\u6d41\u56fd\u5185\uff0c\u5bfc\u81f4\u4ef7\u683c\u6218\u548c\u6781\u5ea6\u5185\u5377\u3002\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-gradient-to-br from-blue-900 to-gray-900 text-white rounded-2xl p-8 md:p-12 relative overflow-hidden\">\n \n <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-64 h-64 bg-white opacity-5 rounded-full\"><\/div>\n\n <div class=\"relative z-10 text-center space-y-8\">\n <div>\n <h2 class=\"text-3xl md:text-4xl font-bold mb-4 text-yellow-400\">\u672a\u6765\u7684\u65b9\u5411\uff1a\u5927\u8f6c\u6298<\/h2>\n <p class=\"text-xl text-gray-200\">\u4ece\u201c\u5916\u5faa\u73af\u9a71\u52a8\u201d\u8f6c\u5411\u201c\u5185\u5faa\u73af\u9a71\u52a8\u201d<\/p>\n <\/div>\n\n \n <div class=\"flex flex-col md:flex-row items-center justify-center gap-4 text-gray-900\">\n <div class=\"bg-red-100 px-6 py-4 rounded-lg font-bold w-full md:w-auto text-center\">\n \u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165\n <\/div>\n <div class=\"hidden md:block text-white text-2xl\">\u2192<\/div>\n <div class=\"arrow-down md:hidden border-t-white\"><\/div>\n \n <div class=\"bg-yellow-100 px-6 py-4 rounded-lg font-bold w-full md:w-auto text-center\">\n \u6fc0\u6d3b\u56fd\u5185\u6d88\u8d39\n <\/div>\n <div class=\"hidden md:block text-white text-2xl\">\u2192<\/div>\n <div class=\"arrow-down md:hidden border-t-white\"><\/div>\n\n <div class=\"bg-green-100 px-6 py-4 rounded-lg font-bold w-full md:w-auto text-center\">\n \u5185\u90e8\u6d88\u5316\u4ea7\u80fd\n <\/div>\n <\/div>\n\n <div class=\"text-gray-300 text-sm max-w-2xl mx-auto mt-6\">\n \u8fd9\u4e0d\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u793e\u4f1a\u8d26\u3002\u6b27\u7f8e\u4e0d\u613f\u518d\u5355\u65b9\u9762\u5438\u6536\u4e2d\u56fd\u4ea7\u80fd\uff0c\u4e2d\u56fd\u5fc5\u987b\u901a\u8fc7\u63d0\u5347\u5185\u9700\u6765\u5b8c\u6210\u7ecf\u6d4e\u95ed\u73af\u3002\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"pb-12\">\n <h3 class=\"text-2xl font-bold text-gray-900 mb-6 border-b pb-2\">\u4e0b\u4e00\u6b65\u7814\u7a76\u5efa\u8bae<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">01 \u5b8f\u89c2\u653f\u7b56<\/div>\n <p class=\"text-sm text-gray-600\">\u8c03\u7814\u201c\u53cc\u5faa\u73af\u201d\u6218\u7565\u57282024-2025\u5e74\u7684\u5177\u4f53\u8d22\u653f\u6539\u9769\u4e3e\u63aa\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">02 \u623f\u5730\u4ea7\u8f6c\u578b<\/div>\n <p class=\"text-sm text-gray-600\">\u5206\u6790\u6700\u5927\u5185\u9700\u5f15\u64ce\u8870\u9000\u540e\uff0c\u5bf9\u5b8f\u89c2\u7ecf\u6d4e\u7684\u5177\u4f53\u62d6\u7d2f\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">03 \u79d1\u6280\u7a81\u56f4<\/div>\n <p class=\"text-sm text-gray-600\">\u5149\u523b\u673a\u3001\u82af\u7247\u201c\u5927\u57fa\u91d1\u201d\u4e09\u671f\u53caAI\u4ea7\u4e1a\u7684\u771f\u5b9e\u8fdb\u5c55\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">04 \u65b0\u4e09\u6837\u58c1\u5792<\/div>\n <p class=\"text-sm text-gray-600\">\u9488\u5bf9EV\u3001\u7535\u6c60\u7684\u6700\u65b0\u5173\u7a0e\u4e0e\u53cd\u8865\u8d34\u8c03\u67e5\u5f71\u54cd\u8bc4\u4f30\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">05 AI\u4e0e\u5de5\u4e1a<\/div>\n <p class=\"text-sm text-gray-600\">\u5927\u6a21\u578b\u5728\u5de5\u4e1a\u9886\u57df\u7684\u5e94\u7528\u843d\u5730\u4e0e\u7b97\u529b\u57fa\u5efa\u60c5\u51b5\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-4 rounded-lg shadow-sm border border-gray-200 hover:border-blue-500 transition-colors\">\n <div class=\"text-blue-600 font-bold mb-1\">06 \u5c31\u4e1a\u66ff\u4ee3<\/div>\n <p class=\"text-sm text-gray-600\">\u9ad8\u6280\u672f\u5236\u9020\u4e1a\u80fd\u5426\u586b\u8865\u4f4e\u7aef\u5236\u9020\u548c\u5730\u4ea7\u7559\u4e0b\u7684\u5c31\u4e1a\u7a7a\u7f3a\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <\/main>\n\n <footer class=\"bg-gray-100 py-8 border-t border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 text-center text-gray-500 text-sm\">\n <p>© 2025 \u903b\u8f91\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee. Based on source analysis.<\/p>\n <\/div>\n <\/footer>\n\n \n <script>\n \/\/ --- Helper Function for Label Wrapping (16 chars) ---\n function wrapLabel(label) {\n const MAX_LENGTH = 16;\n if (label.length <= MAX_LENGTH) return label;\n \n const words = label.split(''); \/\/ Splitting by char for Chinese, or by space for English\n \/\/ Since this is primarily Chinese content, simple splitting might break semantics.\n \/\/ A safer approach for mixed content is splitting by chunks.\n \/\/ However, the requirement specifically mentions \"Split the original label string into words.\"\n \/\/ For Chinese, we can split by arbitrary length or semantic breaks if known.\n \/\/ Let's use a simple chunking for demo purposes on long strings.\n \n const result = [];\n let currentLine = '';\n \n \/\/ Simple logic: if Chinese, treat chars as words. If English, split by space.\n const isChinese = \/[\\u4e00-\\u9fa5]\/.test(label);\n \n if (isChinese) {\n for (let i = 0; i < label.length; i += 10) { \/\/ Wrap every 10 chars for Chinese readability\n result.push(label.substring(i, i + 10));\n }\n } else {\n const words = label.split(' ');\n let line = '';\n words.forEach(word => {\n if ((line + word).length > MAX_LENGTH) {\n result.push(line.trim());\n line = word + ' ';\n } else {\n line += word + ' ';\n }\n });\n result.push(line.trim());\n }\n \n return result.length === 1 ? result[0] : result;\n }\n\n \/\/ --- Common Chart Options ---\n Chart.defaults.font.family = \"'Noto Sans SC', sans-serif\";\n Chart.defaults.color = '#4B5563'; \/\/ Gray-600\n \n const commonOptions = {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n backgroundColor: 'rgba(17, 24, 39, 0.9)', \/\/ Gray-900\n padding: 12,\n callbacks: {\n \/\/ MANDATORY Tooltip Title Callback\n title: function(tooltipItems) {\n const item = tooltipItems[0];\n let label = item.chart.data.labels[item.dataIndex];\n if (Array.isArray(label)) {\n return label.join(' ');\n } else {\n return label;\n }\n }\n }\n },\n legend: {\n position: 'bottom',\n labels: {\n usePointStyle: true,\n padding: 20\n }\n }\n }\n };\n\n \/\/ --- Chart 1: Supply vs Demand Gap ---\n const ctx1 = document.getElementById('supplyDemandChart').getContext('2d');\n new Chart(ctx1, {\n type: 'line',\n data: {\n labels: ['2014', '2016', '2018', '2020', '2022', '2024'],\n datasets: [\n {\n label: '\u5de5\u4e1a\u4ea7\u80fd\u6307\u6570 (Supply)',\n data: [100, 115, 130, 150, 175, 195],\n borderColor: '#EF4444', \/\/ Red-500\n backgroundColor: 'rgba(239, 68, 68, 0.1)',\n borderWidth: 3,\n tension: 0.4,\n fill: false\n },\n {\n label: '\u56fd\u5185\u6d88\u8d39\u6307\u6570 (Demand)',\n data: [100, 110, 120, 125, 135, 145],\n borderColor: '#3B82F6', \/\/ Blue-500\n backgroundColor: 'rgba(59, 130, 246, 0.1)',\n borderWidth: 3,\n tension: 0.4,\n fill: true\n }\n ]\n },\n options: {\n ...commonOptions,\n interaction: {\n mode: 'index',\n intersect: false,\n },\n plugins: {\n ...commonOptions.plugins,\n annotation: {\n \/\/ Simple text annotation logic if needed, or leave to HTML text\n }\n },\n scales: {\n y: {\n display: false, \/\/ Abstract index\n beginAtZero: false\n },\n x: {\n grid: {\n display: false\n }\n }\n }\n }\n });\n\n \/\/ --- Chart 2: External Impact (Bar) ---\n const ctx2 = document.getElementById('impactChart').getContext('2d');\n new Chart(ctx2, {\n type: 'bar',\n data: {\n labels: ['2010 (\u4e92\u5229\u65f6\u4ee3)', '2018 (\u8d38\u6613\u6218)', '2024 (\u5168\u9762\u535a\u5f08)'],\n datasets: [{\n label: '\u8d38\u6613\u58c1\u5792\u4e0e\u8c03\u67e5\u6570\u91cf\u6307\u6570',\n data: [15, 65, 95],\n backgroundColor: [\n '#93C5FD', \/\/ Blue-300\n '#FCD34D', \/\/ Amber-300\n '#EF4444' \/\/ Red-500\n ],\n borderWidth: 0,\n borderRadius: 6\n }]\n },\n options: {\n ...commonOptions,\n plugins: {\n ...commonOptions.plugins,\n legend: {\n display: false\n }\n },\n scales: {\n y: {\n beginAtZero: true,\n title: { display: true, text: '\u6469\u64e6\u5f3a\u5ea6' }\n },\n x: {\n grid: { display: false }\n }\n }\n }\n });\n\n \/\/ --- Chart 3: Internal Cost (Mixed) ---\n const ctx3 = document.getElementById('costChart').getContext('2d');\n new Chart(ctx3, {\n type: 'bar',\n data: {\n labels: ['2005', '2010', '2015', '2020', '2024'],\n datasets: [\n {\n label: 'GDP \u603b\u91cf\u589e\u957f',\n data: [30, 60, 100, 140, 170],\n backgroundColor: '#1E40AF', \/\/ Blue-800\n order: 2,\n borderRadius: 4\n },\n {\n label: '\u52b3\u52a8\u62a5\u916c\u5360\u6bd4\u8d8b\u52bf (Wage Share)',\n data: [45, 42, 43, 41, 40], \/\/ Conceptual Flat\/Declining share\n type: 'line',\n borderColor: '#F59E0B', \/\/ Amber-500\n borderWidth: 3,\n pointBackgroundColor: '#fff',\n pointBorderColor: '#F59E0B',\n pointRadius: 5,\n order: 1,\n yAxisID: 'y1'\n }\n ]\n },\n options: {\n ...commonOptions,\n interaction: {\n mode: 'index',\n intersect: false\n },\n scales: {\n y: {\n display: false,\n position: 'left',\n },\n y1: {\n display: true,\n position: 'right',\n min: 30,\n max: 60,\n grid: { display: false },\n title: { display: true, text: '\u52b3\u52a8\u62a5\u916c\u5360\u6bd4 (%)' }\n },\n x: {\n grid: { display: false }\n }\n }\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udde8\ud83c\uddf3 \u4e2d\u56fd\u8d38\u6613\u987a\u5dee\uff1a\u6df1\u5ea6\u590d\u76d8 \u903b\u8f91\u95ed\u73af\u5206\u6790 \u5f3a\u4f9b\u7ed9 vs \u5f31\u9700\u6c42 \u4e3a\u4ec0\u4e48\u4e2d\u56fd\u4f1a\u6709\u5982\u6b64\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\uff1f\u8fd9\u4e0d\u4ec5\u4ec5\u662f\u6570\u5b57\u6e38\u620f\uff0c\u800c\u662f\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269\u3002\u5f53\u201c\u592a\u80fd\u9020\u201d\u9047\u4e0a\u201c\u6ca1\u82b1\u5b8c\u201d\uff0c\u4ea7\u80fd\u53ea\u80fd\u5411\u5168\u7403\u6ea2\u51fa\u3002 \u526a\u5200\u5dee\u6548\u5e94 \u4e2d\u56fd\u62e5\u6709\u5168\u4ea7\u4e1a\u94fe\u4f18\u52bf\u548c\u57fa\u7840\u8bbe\u65bd\u7ea2\u5229\uff0c\u751f\u4ea7\u6548\u7387\u6781\u9ad8\u3002\u4e0e\u6b64\u540c\u65f6\uff0c\u9ad8\u50a8\u84c4\u7387\u548c\u4f4e\u6d88\u8d39\u7387\u5bfc\u81f4\u56fd\u5185\u5e02\u573a\u65e0\u6cd5\u6d88\u5316\u8fd9\u4e9b\u4ea7\u80fd\u3002 \u4f9b\u7ed9\u4fa7\uff1a \u5168\u4ea7\u4e1a\u94fe + \u6280\u672f\u7206\u53d1 \u9700\u6c42\u4fa7\uff1a \u5c45\u6c11\u6d88\u8d39\u5360\u6bd4\u504f\u4f4e \u7ed3\u679c\uff1a \u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = \u5de8\u989d\u987a\u5dee \u4ea7\u80fd\u4e0e\u6d88\u8d39\u6307\u6570\u8d8b\u52bf (\u793a\u610f\u56fe) \u4e24\u8005\u5dee\u8ddd\u4ee3\u8868\u51fa\u53e3\u538b\u529b \u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d \u8fd1\u671f\u987a\u5dee\u6fc0\u589e\u7684\u6280\u672f\u5f15\u64ce \ud83d\ude97 \u7535\u52a8\u6c7d\u8f66 \u6280\u672f\u8fed\u4ee3\u5feb\uff0c\u6210\u672c\u63a7\u5236\u6781\u5f3a\uff0c\u91cd\u5851\u5168\u7403\u6c7d\u8f66\u7248\u56fe\u3002 \u2600\ufe0f \u5149\u4f0f\u4ea7\u54c1 \u5168\u4ea7\u4e1a\u94fe\u5784\u65ad\u4f18\u52bf\uff0c\u80fd\u6e90\u8f6c\u578b\u7684\u57fa\u7840\u8bbe\u65bd\u3002 \ud83d\udd0b \u9502\u7535\u6c60 \u638c\u63e1\u6838\u5fc3\u6750\u6599\u4e0e\u5236\u9020\u5de5\u827a\uff0c\u4e0d\u4ec5\u81ea\u7528\u66f4\u5927\u91cf\u51fa\u53e3\u3002 \u6df1\u5c42\u76ee\u7684\uff1a\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49 \u4e0d\u4ec5\u4ec5\u662f\u4e3a\u4e86\u8d5a\u94b1\uff0c\u66f4\u662f\u4e00\u79cd\u201c\u7528\u4ea7\u80fd\u6362\u5b89\u5168\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002 Goal 01 \u4fdd\u996d\u7897 (\u5c31\u4e1a) \u901a\u8fc7\u51fa\u53e3\u521b\u9020\u5c31\u4e1a\uff0c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002\u5236\u9020\u4e1a\u662f\u5438\u7eb3\u52b3\u52a8\u529b\u7684\u84c4\u6c34\u6c60\u3002 Goal 02 \u4e70\u8d44\u6e90 (\u5b89\u5168) \u8d5a\u53d6\u786c\u901a\u8d27\uff08\u5916\u6c47\uff09\uff0c\u4ee5\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u548c\u534a\u5bfc\u4f53\u6280\u672f\u3002 Goal 03 \u7ec3\u5185\u529f (\u5347\u7ea7) \u5229\u7528\u5168\u7403\u5927\u5e02\u573a\u5206\u644a\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u5347\u7ea7\u548c\u8fed\u4ee3\u3002 \u5168\u7403\u8d38\u6613\u6469\u64e6\u6307\u6570 (\u793a\u610f) \u4ece\u62e5\u62b1\u5230\u9632\u5fa1\uff1a\u5173\u7a0e\u4e0e\u8c03\u67e5\u6fc0\u589e \u5916\u90e8\u5f71\u54cd\uff1a\u535a\u5f08\u52a0\u5267 \u4e16\u754c\u5bf9\u4e2d\u56fd\u5236\u9020\u7684\u6001\u5ea6\u6b63\u5728\u53d1\u751f\u8d28\u53d8\u3002 1 \u8f93\u51fa\u901a\u7f29\u4e0e\u51b2\u51fb \u5ec9\u4ef7\u5546\u54c1\u964d\u4f4e\u4e86\u5168\u7403\u901a\u80c0\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u672c\u571f\u5236\u9020\u4e1a\uff0c\u5bfc\u81f4\u4ea7\u4e1a\u7a7a\u5fc3\u5316\u3002 2 \u897f\u65b9\u9632\u5fa1\u6027\u53cd\u51fb \u5173\u7a0e\u58c1\u5792\u3001\u9488\u5bf9\u7535\u52a8\u8f66\u7684\u53cd\u8865\u8d34\u8c03\u67e5\uff0c\u4ee5\u53ca\u63a8\u884c\u201cChina + 1\u201d\u7b56\u7565\u91cd\u6784\u4f9b\u5e94\u94fe\u3002 \u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2 \u4e3a\u4e86\u7ef4\u6301\u51fa\u53e3\u7ade\u4e89\u529b\uff08\u4f4e\u6210\u672c\uff09\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u4e00\u679a\u786c\u5e01\u7684\u4e24\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u5374\u662f\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002 GDP\u589e\u957f vs \u52b3\u52a8\u62a5\u916c\u5360\u6bd4 (\u6096\u8bba\u793a\u610f) \u5b8f\u89c2\u7ecf\u6d4e\u589e\u957f\u672a\u5b8c\u5168\u8f6c\u5316\u4e3a\u5c45\u6c11\u6d88\u8d39\u529b \u8eab\u4efd\u56f0\u5883 \u52b3\u52a8\u8005 996 \u9ad8\u5f3a\u5ea6\u5de5\u4f5c\uff0c\u9020\u51fa\u4e86\u6700\u5148\u8fdb\u7684\u4ea7\u54c1\uff08\u5982\u9ad8\u7aef\u7535\u52a8\u8f66\uff09\uff0c\u4f46\u6536\u5165\u6c34\u5e73\u5374\u5e38\u5e38\u4e0d\u8db3\u4ee5\u6210\u4e3a\u8fd9\u4e9b\u4ea7\u54c1\u7684\u6838\u5fc3\u6d88\u8d39\u7fa4\u3002 \u5185\u5377\u52a0\u5267 \u5185\u9700\u4e0d\u8db3\u5bfc\u81f4\u4ea7\u80fd\u5fc5\u987b\u5916\u6ea2\uff1b\u4e00\u65e6\u5916\u90e8\u53d7\u963b\uff0c\u8fc7\u5269\u4ea7\u80fd\u56de\u6d41\u56fd\u5185\uff0c\u5bfc\u81f4\u4ef7\u683c\u6218\u548c\u6781\u5ea6\u5185\u5377\u3002 \u672a\u6765\u7684\u65b9\u5411\uff1a\u5927\u8f6c\u6298 \u4ece\u201c\u5916\u5faa\u73af\u9a71\u52a8\u201d\u8f6c\u5411\u201c\u5185\u5faa\u73af\u9a71\u52a8\u201d \u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165 \u2192 \u6fc0\u6d3b\u56fd\u5185\u6d88\u8d39 \u2192 \u5185\u90e8\u6d88\u5316\u4ea7\u80fd \u8fd9\u4e0d\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u793e\u4f1a\u8d26\u3002\u6b27\u7f8e\u4e0d\u613f\u518d\u5355\u65b9\u9762\u5438\u6536\u4e2d\u56fd\u4ea7\u80fd\uff0c\u4e2d\u56fd\u5fc5\u987b\u901a\u8fc7\u63d0\u5347\u5185\u9700\u6765\u5b8c\u6210\u7ecf\u6d4e\u95ed\u73af\u3002 \u4e0b\u4e00\u6b65\u7814\u7a76\u5efa\u8bae 01 \u5b8f\u89c2\u653f\u7b56 \u8c03\u7814\u201c\u53cc\u5faa\u73af\u201d\u6218\u7565\u57282024-2025\u5e74\u7684\u5177\u4f53\u8d22\u653f\u6539\u9769\u4e3e\u63aa\u3002 02 \u623f\u5730\u4ea7\u8f6c\u578b \u5206\u6790\u6700\u5927\u5185\u9700\u5f15\u64ce\u8870\u9000\u540e\uff0c\u5bf9\u5b8f\u89c2\u7ecf\u6d4e\u7684\u5177\u4f53\u62d6\u7d2f\u3002 03 \u79d1\u6280\u7a81\u56f4 \u5149\u523b\u673a\u3001\u82af\u7247\u201c\u5927\u57fa\u91d1\u201d\u4e09\u671f\u53caAI\u4ea7\u4e1a\u7684\u771f\u5b9e\u8fdb\u5c55\u3002 04 \u65b0\u4e09\u6837\u58c1\u5792 \u9488\u5bf9EV\u3001\u7535\u6c60\u7684\u6700\u65b0\u5173\u7a0e\u4e0e\u53cd\u8865\u8d34\u8c03\u67e5\u5f71\u54cd\u8bc4\u4f30\u3002 05 AI\u4e0e\u5de5\u4e1a \u5927\u6a21\u578b\u5728\u5de5\u4e1a\u9886\u57df\u7684\u5e94\u7528\u843d\u5730\u4e0e\u7b97\u529b\u57fa\u5efa\u60c5\u51b5\u3002 06 \u5c31\u4e1a\u66ff\u4ee3 \u9ad8\u6280\u672f\u5236\u9020\u4e1a\u80fd\u5426\u586b\u8865\u4f4e\u7aef\u5236\u9020\u548c\u5730\u4ea7\u7559\u4e0b\u7684\u5c31\u4e1a\u7a7a\u7f3a\u3002 © 2025 \u903b\u8f91\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee. Based on source analysis.<\/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-610","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=610"}],"version-history":[{"count":1,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/610\/revisions"}],"predecessor-version":[{"id":611,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/610\/revisions\/611"}],"wp:attachment":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}