\u6df1\u5ea6\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u7684\u903b\u8f91\u95ed\u73af<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Noto Sans SC', sans-serif; background-color: #FDFBF7; color: #2D3748; }\n .chart-container { \n position: relative; \n width: 100%; \n max-width: 800px; \n margin: 0 auto; \n height: 350px; \n max-height: 400px; \n }\n .card-hover { transition: all 0.3s ease; }\n .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }\n .active-tab { border-bottom: 3px solid #C53030; color: #C53030; font-weight: 700; }\n .section-content { display: none; animation: fadeIn 0.5s ease-in-out; }\n .section-content.active { display: block; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e0; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #a0aec0; }\n <\/style>\n \n \n \n \n\n \n –>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col\">\n\n \n <header class=\"sticky top-0 z-50 bg-[#FDFBF7]\/95 backdrop-blur shadow-sm border-b border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n <div class=\"flex items-center\">\n <span class=\"text-2xl font-bold text-gray-800 tracking-tight\">\ud83c\udde8\ud83c\uddf3 \u8d38\u6613\u987a\u5dee\u903b\u8f91\u590d\u76d8<\/span>\n <\/div>\n \n <nav class=\"hidden md:flex space-x-8\">\n <button onclick=\"switchTab('phenomenon')\" id=\"tab-phenomenon\" class=\"nav-item active-tab px-1 pt-1 text-sm font-medium text-gray-900 focus:outline-none\">1. \u73b0\u8c61\u4e0e\u6210\u56e0<\/button>\n <button onclick=\"switchTab('purpose')\" id=\"tab-purpose\" class=\"nav-item px-1 pt-1 text-sm font-medium text-gray-500 hover:text-gray-700 focus:outline-none\">2. \u6df1\u5c42\u76ee\u7684<\/button>\n <button onclick=\"switchTab('external')\" id=\"tab-external\" class=\"nav-item px-1 pt-1 text-sm font-medium text-gray-500 hover:text-gray-700 focus:outline-none\">3. \u5916\u90e8\u5f71\u54cd<\/button>\n <button onclick=\"switchTab('internal')\" id=\"tab-internal\" class=\"nav-item px-1 pt-1 text-sm font-medium text-gray-500 hover:text-gray-700 focus:outline-none\">4. \u5185\u90e8\u4ee3\u4ef7<\/button>\n <button onclick=\"switchTab('future')\" id=\"tab-future\" class=\"nav-item px-1 pt-1 text-sm font-medium text-red-600 hover:text-red-800 focus:outline-none\">5. \u672a\u6765\u8f6c\u6298<\/button>\n <\/nav>\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"mobile-menu-btn\" class=\"text-gray-500 hover:text-gray-900 focus:outline-none p-2 rounded-md border border-gray-300\">\n <span class=\"text-xs\">\u83dc\u5355<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-200\">\n <div class=\"px-2 pt-2 pb-3 space-y-1\">\n <button onclick=\"switchTab('phenomenon')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:bg-gray-100\">1. \u73b0\u8c61\u4e0e\u6210\u56e0<\/button>\n <button onclick=\"switchTab('purpose')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:bg-gray-100\">2. \u6df1\u5c42\u76ee\u7684<\/button>\n <button onclick=\"switchTab('external')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:bg-gray-100\">3. \u5916\u90e8\u5f71\u54cd<\/button>\n <button onclick=\"switchTab('internal')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:bg-gray-100\">4. \u5185\u90e8\u4ee3\u4ef7<\/button>\n <button onclick=\"switchTab('future')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-red-600 hover:bg-red-50\">5. \u672a\u6765\u8f6c\u6298<\/button>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 w-full\">\n\n \n <div id=\"phenomenon\" class=\"section-content active\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u5f3a\u4f9b\u7ed9 vs \u5f31\u9700\u6c42\uff1a\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u4e2d\u56fd\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\u5e76\u975e\u5076\u7136\uff0c\u800c\u662f\u201c\u592a\u80fd\u9020\u201d\uff08\u5168\u4ea7\u4e1a\u94fe\u3001\u65b0\u4e09\u6837\uff09\u4e0e\u201c\u6ca1\u82b1\u5b8c\u201d\uff08\u9ad8\u50a8\u84c4\u3001\u4f4e\u6d88\u8d39\uff09\u78b0\u649e\u7684\u7ed3\u679c\u3002\n \u672c\u677f\u5757\u5c55\u793a\u4e86\u8fd9\u79cd\u4f9b\u9700\u5931\u8861\u5982\u4f55\u8feb\u4f7f\u4ea7\u80fd\u6ea2\u51fa\u5230\u5168\u7403\u5e02\u573a\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n <div class=\"bg-white p-6 rounded-xl shadow-sm border-l-4 border-red-500\">\n <h3 class=\"text-sm font-medium text-gray-500 uppercase tracking-wider\">\u4f9b\u7ed9\u4fa7\u5f15\u64ce<\/h3>\n <div class=\"mt-2 flex items-baseline\">\n <span class=\"text-3xl font-bold text-gray-900\">\u5168\u4ea7\u4e1a\u94fe<\/span>\n <span class=\"ml-2 text-sm text-green-600 font-semibold\">+ \u65b0\u4e09\u6837\u7206\u53d1<\/span>\n <\/div>\n <p class=\"mt-3 text-sm text-gray-500\">\u7535\u52a8\u8f66\u3001\u5149\u4f0f\u3001\u7535\u6c60\u6280\u672f\u7ea2\u5229\u53e0\u52a0\u57fa\u7840\u8bbe\u65bd\u4f18\u52bf\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-sm border-l-4 border-blue-500\">\n <h3 class=\"text-sm font-medium text-gray-500 uppercase tracking-wider\">\u9700\u6c42\u4fa7\u77ed\u677f<\/h3>\n <div class=\"mt-2 flex items-baseline\">\n <span class=\"text-3xl font-bold text-gray-900\">\u9ad8\u50a8\u84c4\u7387<\/span>\n <\/div>\n <p class=\"mt-3 text-sm text-gray-500\">\u5c45\u6c11\u6d88\u8d39\u5360GDP\u6bd4\u91cd\u504f\u4f4e\uff0c\u5bfc\u81f4\u56fd\u5185\u65e0\u6cd5\u6d88\u5316\u5168\u90e8\u4ea7\u80fd\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-sm border-l-4 border-yellow-500\">\n <h3 class=\"text-sm font-medium text-gray-500 uppercase tracking-wider\">\u7ed3\u679c<\/h3>\n <div class=\"mt-2 flex items-baseline\">\n <span class=\"text-3xl font-bold text-gray-900\">\u5de8\u989d\u987a\u5dee<\/span>\n <\/div>\n <p class=\"mt-3 text-sm text-gray-500\">\u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = \u5168\u7403\u8f93\u51fa\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-xl shadow-lg mb-8\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-4 border-b pb-2\">\u4ea7\u80fd\u4e0e\u6d88\u8d39\u526a\u5200\u5dee\u6a21\u578b<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"supplyDemandChart\"><\/canvas>\n <\/div>\n <div class=\"mt-4 text-center\">\n <p class=\"text-sm text-gray-500 italic\">\u70b9\u51fb\u56fe\u4f8b\u53ef\u9690\u85cf\/\u663e\u793a\u6570\u636e\u3002\u6ce8\u610f\u89c2\u5bdf\u4e24\u8005\u4e4b\u95f4\u4e0d\u65ad\u6269\u5927\u7684\u201c\u987a\u5dee\u533a\u57df\u201d\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-200\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-3\">\u26a1\ufe0f \u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 text-center\">\n <div class=\"p-4 bg-white rounded shadow cursor-pointer hover:bg-red-50 transition\" onclick=\"alert('\u7535\u52a8\u8f7d\u4eba\u6c7d\u8f66\uff1a\u6280\u672f\u8fed\u4ee3\u5feb\uff0c\u6210\u672c\u63a7\u5236\u6781\u5f3a\uff0c\u6b63\u5728\u91cd\u5851\u5168\u7403\u6c7d\u8f66\u7248\u56fe\u3002')\">\n <span class=\"text-3xl\">\ud83d\ude97<\/span>\n <div class=\"font-bold mt-2\">\u7535\u52a8\u6c7d\u8f66<\/div>\n <\/div>\n <div class=\"p-4 bg-white rounded shadow cursor-pointer hover:bg-yellow-50 transition\" onclick=\"alert('\u592a\u9633\u80fd\u7535\u6c60\uff1a\u62e5\u6709\u7edd\u5bf9\u7684\u4ea7\u80fd\u548c\u6210\u672c\u4f18\u52bf\uff0c\u51e0\u4e4e\u5784\u65ad\u5168\u7403\u4f9b\u5e94\u94fe\u3002')\">\n <span class=\"text-3xl\">\u2600\ufe0f<\/span>\n <div class=\"font-bold mt-2\">\u5149\u4f0f\u4ea7\u54c1<\/div>\n <\/div>\n <div class=\"p-4 bg-white rounded shadow cursor-pointer hover:bg-green-50 transition\" onclick=\"alert('\u9502\u7535\u6c60\uff1a\u638c\u63e1\u6838\u5fc3\u6750\u6599\u4e0e\u5236\u9020\u5de5\u827a\uff0c\u4e0d\u4ec5\u81ea\u7528\uff0c\u8fd8\u5927\u91cf\u51fa\u53e3\u3002')\">\n <span class=\"text-3xl\">\ud83d\udd0b<\/span>\n <div class=\"font-bold mt-2\">\u9502\u7535\u6c60<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"purpose\" class=\"section-content\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u6df1\u5c42\u76ee\u7684\uff1a\u7528\u201c\u4ea7\u80fd\u201d\u6362\u201c\u5b89\u5168\u201d<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u8fd9\u4e0d\u4ec5\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u201c\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002\u901a\u8fc7\u7ef4\u6301\u9ad8\u5f3a\u5ea6\u7684\u5de5\u4e1a\u751f\u4ea7\uff0c\u4e2d\u56fd\u5b9e\u73b0\u4e86\u4e09\u4e2a\u6838\u5fc3\u6218\u7565\u76ee\u6807\u3002\n \u70b9\u51fb\u4e0b\u65b9\u5361\u7247\u67e5\u770b\u8be6\u7ec6\u903b\u8f91\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover cursor-pointer group\" onclick=\"toggleDetails('detail-jobs')\">\n <div class=\"bg-blue-600 h-2\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xl font-bold text-gray-800\">1. \u4fdd\u996d\u7897 (\u5c31\u4e1a)<\/h3>\n <span class=\"text-2xl\">\ud83d\udc77<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-4\">\u5236\u9020\u4e1a\u662f\u5c31\u4e1a\u7684\u84c4\u6c34\u6c60\u3002\u7ef4\u6301\u51fa\u53e3\u5c31\u662f\u7ef4\u6301\u5de5\u5382\u8fd0\u8f6c\uff0c\u8fdb\u800c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002<\/p>\n <div id=\"detail-jobs\" class=\"hidden text-sm bg-blue-50 p-3 rounded text-blue-800\">\n <strong>\u6838\u5fc3\u903b\u8f91\uff1a<\/strong> \u5168\u7403\u5e02\u573a\u63d0\u4f9b\u4e86\u989d\u5916\u7684\u9700\u6c42\uff0c\u8ba9\u4e2d\u56fd\u5e9e\u5927\u7684\u52b3\u52a8\u529b\u6709\u6d3b\u5e72\u3002\u5982\u679c\u51fa\u53e3\u53d7\u963b\uff0c\u5de5\u5382\u505c\u5de5\uff0c\u5931\u4e1a\u7387\u5c06\u6210\u4e3a\u9996\u8981\u98ce\u9669\u3002\n <\/div>\n <p class=\"text-blue-500 text-sm mt-2 font-medium group-hover:underline\">\u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover cursor-pointer group\" onclick=\"toggleDetails('detail-resources')\">\n <div class=\"bg-yellow-500 h-2\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xl font-bold text-gray-800\">2. \u4e70\u8d44\u6e90 (\u5b89\u5168)<\/h3>\n <span class=\"text-2xl\">\ud83d\udee2\ufe0f<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-4\">\u8d5a\u53d6\u5916\u6c47\uff08\u786c\u901a\u8d27\uff09\uff0c\u4e3a\u4e86\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u3001\u77ff\u4ea7\u548c\u6280\u672f\u3002<\/p>\n <div id=\"detail-resources\" class=\"hidden text-sm bg-yellow-50 p-3 rounded text-yellow-800\">\n <strong>\u6838\u5fc3\u903b\u8f91\uff1a<\/strong> \u4e2d\u56fd\u662f\u8d44\u6e90\u8fdb\u53e3\u5927\u56fd\u3002\u987a\u5dee\u79ef\u7d2f\u7684\u5916\u6c47\u50a8\u5907\u662f\u56fd\u5bb6\u7684\u201c\u62a4\u57ce\u6cb3\u201d\uff0c\u786e\u4fdd\u5728\u4efb\u4f55\u5730\u7f18\u5371\u673a\u4e0b\u90fd\u80fd\u4e70\u5230\u751f\u5b58\u5fc5\u9700\u54c1\u3002\n <\/div>\n <p class=\"text-yellow-600 text-sm mt-2 font-medium group-hover:underline\">\u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover cursor-pointer group\" onclick=\"toggleDetails('detail-tech')\">\n <div class=\"bg-red-500 h-2\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xl font-bold text-gray-800\">3. \u7ec3\u5185\u529f (\u5347\u7ea7)<\/h3>\n <span class=\"text-2xl\">\ud83d\ude80<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-4\">\u5229\u7528\u5168\u7403\u5e9e\u5927\u7684\u5e02\u573a\u5206\u644a\u9ad8\u6602\u7684\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u8fed\u4ee3\u3002<\/p>\n <div id=\"detail-tech\" class=\"hidden text-sm bg-red-50 p-3 rounded text-red-800\">\n <strong>\u6838\u5fc3\u903b\u8f91\uff1a<\/strong> \u53ea\u6709\u5356\u5411\u5168\u7403\uff0c\u9500\u91cf\u624d\u591f\u5927\uff0c\u624d\u80fd\u964d\u4f4e\u5355\u4f4d\u6210\u672c\uff0c\u4ece\u800c\u6709\u94b1\u6295\u5165\u4e0b\u4e00\u4ee3\u6280\u672f\u7814\u53d1\uff08\u5982\u534e\u4e3a\u3001\u6bd4\u4e9a\u8fea\u7684\u53d1\u5c55\u8def\u5f84\uff09\u3002\n <\/div>\n <p class=\"text-red-500 text-sm mt-2 font-medium group-hover:underline\">\u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-12 max-w-2xl mx-auto\">\n <div class=\"bg-gray-800 text-white p-4 rounded-t-lg text-center font-bold\">\u4e2d\u56fd\u5236\u9020 (\u5e9e\u5927\u4ea7\u80fd)<\/div>\n <div class=\"h-8 bg-gray-400 w-3\/4 mx-auto flex items-center justify-center text-xs text-white\">\u8f93\u51fa\u5546\u54c1<\/div>\n <div class=\"h-8 bg-gray-500 w-1\/2 mx-auto flex items-center justify-center text-xs text-white\">\u6362\u56de\u5916\u6c47<\/div>\n <div class=\"bg-green-600 text-white p-4 rounded-b-lg text-center font-bold\">\u56fd\u5bb6\u5b89\u5168\u8d44\u4ea7 (\u80fd\u6e90\/\u6280\u672f\/\u7cae\u98df)<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"external\" class=\"section-content\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u5916\u90e8\u5f71\u54cd\uff1a\u4ece\u201c\u4e92\u5229\u201d\u8d70\u5411\u201c\u535a\u5f08\u201d<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u4e2d\u56fd\u8f93\u51fa\u4e86\u5ec9\u4ef7\u5546\u54c1\uff08\u901a\u7f29\uff09\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u5236\u9020\u4e1a\uff08\u51b2\u51fb\uff09\u3002\u897f\u65b9\u56fd\u5bb6\u6b63\u5728\u4ece\u62e5\u62b1\u8f6c\u5411\u9632\u5fa1\uff0c\u5168\u7403\u8d38\u6613\u73af\u5883\u53d1\u751f\u8d28\u53d8\u3002\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col lg:flex-row gap-8\">\n \n <div class=\"lg:w-1\/3 space-y-4\">\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-green-400\">\n <h4 class=\"font-bold text-gray-800\">\u8fc7\u53bb (\u4e92\u5229)<\/h4>\n <p class=\"text-sm text-gray-600\">\u4e2d\u56fd\u63d0\u4f9b\u5ec9\u4ef7\u5546\u54c1\uff0c\u538b\u4f4e\u897f\u65b9\u901a\u80c0\uff1b\u897f\u65b9\u63d0\u4f9b\u6280\u672f\u548c\u8d44\u672c\u3002\u53cc\u65b9\u5404\u53d6\u6240\u9700\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-red-500\">\n <h4 class=\"font-bold text-gray-800\">\u73b0\u5728 (\u535a\u5f08)<\/h4>\n <p class=\"text-sm text-gray-600\">\u4e2d\u56fd\u4ea7\u4e1a\u5347\u7ea7\uff0c\u5f00\u59cb\u62a2\u5360\u9ad8\u7aef\u5e02\u573a\uff08\u6c7d\u8f66\u3001\u9ad8\u79d1\u6280\uff09\u3002\u897f\u65b9\u611f\u5230\u5a01\u80c1\uff0c\u5f00\u59cb\u53cd\u51fb\u3002<\/p>\n <\/div>\n <div class=\"bg-gray-100 p-4 rounded-lg mt-4\">\n <h4 class=\"font-bold text-gray-800 mb-2\">\u4e3b\u8981\u53cd\u5236\u624b\u6bb5\uff1a<\/h4>\n <ul class=\"list-disc list-inside text-sm text-gray-700 space-y-1\">\n <li>\u5173\u7a0e\u58c1\u5792 (Tariffs)<\/li>\n <li>\u53cd\u8865\u8d34\u8c03\u67e5 (EV Investigations)<\/li>\n <li>\u4f9b\u5e94\u94fe\u91cd\u6784 (“China + 1”)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:w-2\/3 bg-white p-6 rounded-xl shadow-lg\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-4 text-center\">\u5168\u7403\u5bf9\u534e\u8d38\u6613\u6001\u5ea6\u8f6c\u53d8 (\u6a21\u62df\u6307\u6570)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"impactChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"internal\" class=\"section-content\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u4e3a\u4e86\u7ef4\u6301\u6781\u81f4\u7684\u51fa\u53e3\u7ade\u4e89\u529b\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u987a\u5dee\u786c\u5e01\u7684\u53e6\u4e00\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 items-center\">\n \n <div class=\"bg-white p-8 rounded-xl shadow-lg relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-gray-100 px-3 py-1 rounded-bl-lg text-xs font-mono text-gray-500\">USER_PERSONA: \u52b3\u52a8\u8005<\/div>\n <div class=\"text-center space-y-6\">\n <div class=\"text-6xl\">\ud83e\uddd1\u200d\ud83d\udd27<\/div>\n <h3 class=\"text-xl font-bold\">\u52b3\u52a8\u8005\u7684\u8eab\u4efd\u56f0\u5883<\/h3>\n \n <div class=\"flex justify-between items-center bg-green-50 p-4 rounded-lg border border-green-100\">\n <div class=\"text-left\">\n <span class=\"block font-bold text-green-800\">\u751f\u4ea7\u8005\u89d2\u8272<\/span>\n <span class=\"text-xs text-green-600\">996, \u9ad8\u6280\u80fd, \u9ad8\u6548\u7387<\/span>\n <\/div>\n <span class=\"text-2xl font-bold text-green-600\">\u5f3a \ud83d\udcaa<\/span>\n <\/div>\n\n <div class=\"flex justify-center text-gray-400 text-2xl\">\u2b07\ufe0f \u6495\u88c2 \u2b07\ufe0f<\/div>\n\n <div class=\"flex justify-between items-center bg-red-50 p-4 rounded-lg border border-red-100\">\n <div class=\"text-left\">\n <span class=\"block font-bold text-red-800\">\u6d88\u8d39\u8005\u89d2\u8272<\/span>\n <span class=\"text-xs text-red-600\">\u6536\u5165\u5360\u6bd4\u4f4e, \u4e70\u4e0d\u8d77\u9ad8\u7aef\u54c1<\/span>\n <\/div>\n <span class=\"text-2xl font-bold text-red-600\">\u5f31 \ud83e\udd40<\/span>\n <\/div>\n \n <p class=\"text-sm text-gray-500 mt-4 text-justify\">\n <span class=\"font-bold\">\u903b\u8f91\u540e\u679c\uff1a<\/span> \n \u5de5\u8d44\u6da8\u5e45\u8dd1\u8f93GDP -> \u5c45\u6c11\u6ca1\u94b1\u6d88\u8d39 -> \u4f01\u4e1a\u53ea\u80fd\u7ee7\u7eed\u4f9d\u8d56\u51fa\u53e3 -> \u5185\u5377\u52a0\u5267\u3002\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-4\">\u5b8f\u89c2\u6570\u636e\uff1aGDP\u589e\u957f vs \u5c45\u6c11\u6536\u5165\u5360\u6bd4 (\u6982\u5ff5\u793a\u610f)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"costChart\"><\/canvas>\n <\/div>\n <div class=\"mt-4 bg-yellow-50 p-3 rounded text-sm text-yellow-800\">\n <strong>\u5206\u6790\uff1a<\/strong> \u7ea2\u8272\u67f1\u72b6\u56fe\u4ee3\u8868GDP\u9ad8\u901f\u589e\u957f\uff0c\u4f46\u84dd\u8272\u6298\u7ebf\u4ee3\u8868\u7684\u5c45\u6c11\u6536\u5165\u5360\u6bd4\u63d0\u5347\u7f13\u6162\u3002\u8fd9\u4e2d\u95f4\u7684\u5dee\u989d\uff0c\u53d8\u6210\u4e86\u57fa\u7840\u8bbe\u65bd\u6295\u8d44\u548c\u4f01\u4e1a\u5229\u6da6\uff0c\u6700\u7ec8\u8f6c\u5316\u4e3a\u51fa\u53e3\u4ea7\u80fd\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"future\" class=\"section-content\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-red-700 mb-4\">\u4e00\u4e2a\u65f6\u4ee3\u7684\u8f6c\u6298\u70b9<\/h2>\n <p class=\"text-lg text-gray-700 mb-6\">\n \u65e7\u95ed\u73af\u6b63\u5728\u5931\u6548\u3002\u5916\u90e8\u5e02\u573a\u89c1\u9876\uff0c\u5185\u90e8\u52b3\u52a8\u8005\u89c9\u9192\u3002\u4e2d\u56fd\u7ecf\u6d4e\u5fc5\u987b\u4ece<strong>\u201c\u5916\u5faa\u73af\u9a71\u52a8\uff08\u51fa\u53e3\uff09\u201d<\/strong>\u8f6c\u5411<strong>\u201c\u5185\u5faa\u73af\u9a71\u52a8\uff08\u6d88\u8d39\uff09\u201d<\/strong>\u3002\n <\/p>\n <div class=\"inline-block bg-white px-6 py-3 rounded-full shadow border border-red-200 text-red-800 font-bold\">\n \u6838\u5fc3\u89e3\u836f\uff1a\u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165 = \u63d0\u9ad8\u5185\u9700\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-xl border border-gray-200\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-6 flex items-center\">\n \ud83c\udf9b\ufe0f \u653f\u7b56\u6a21\u62df\u5668\uff1a\u8c03\u6574\u6536\u5165\u5206\u914d\n <\/h3>\n \n <div class=\"mb-8\">\n <label for=\"incomeSlider\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n \u8c03\u8282\u5c45\u6c11\u6536\u5165\u5728GDP\u4e2d\u7684\u5360\u6bd4: <span id=\"sliderValue\" class=\"text-blue-600 font-bold text-lg\">40%<\/span> (\u73b0\u72b6: \u504f\u4f4e)\n <\/label>\n <input type=\"range\" id=\"incomeSlider\" min=\"30\" max=\"70\" value=\"40\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-blue-600\">\n <div class=\"flex justify-between text-xs text-gray-400 mt-1\">\n <span>\u4f4e\u6536\u5165\/\u9ad8\u6295\u8d44<\/span>\n <span>\u9ad8\u6536\u5165\/\u9ad8\u6d88\u8d39<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 text-center\">\n <div class=\"p-4 bg-gray-50 rounded-lg\">\n <div class=\"text-xs text-gray-500 uppercase\">\u56fd\u5185\u6d88\u8d39\u80fd\u529b<\/div>\n <div id=\"res-consumption\" class=\"text-2xl font-bold text-gray-400 mt-1\">\u5f31<\/div>\n <div class=\"h-2 w-full bg-gray-200 mt-2 rounded-full overflow-hidden\">\n <div id=\"bar-consumption\" class=\"h-full bg-blue-500 w-1\/3 transition-all duration-500\"><\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-gray-50 rounded-lg\">\n <div class=\"text-xs text-gray-500 uppercase\">\u5bf9\u51fa\u53e3\u4f9d\u8d56\u5ea6<\/div>\n <div id=\"res-export\" class=\"text-2xl font-bold text-red-600 mt-1\">\u6781\u9ad8<\/div>\n <div class=\"h-2 w-full bg-gray-200 mt-2 rounded-full overflow-hidden\">\n <div id=\"bar-export\" class=\"h-full bg-red-500 w-full transition-all duration-500\"><\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-gray-50 rounded-lg\">\n <div class=\"text-xs text-gray-500 uppercase\">\u7ecf\u6d4e\u5faa\u73af\u72b6\u6001<\/div>\n <div id=\"res-status\" class=\"text-xl font-bold text-gray-800 mt-1\">\u5185\u5377\u4e25\u91cd<\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 text-sm text-gray-600 bg-blue-50 p-4 rounded-lg\">\n <strong>\u6a21\u62df\u7ed3\u8bba\uff1a<\/strong> \u53ea\u6709\u5f53\u6211\u4eec\u5c06\u6ed1\u5757\u5411\u53f3\u79fb\u52a8\uff08\u589e\u52a0\u52b3\u52a8\u8005\u6536\u5165\uff09\uff0c\u56fd\u5185\u6d88\u8d39\u80fd\u529b\u624d\u4f1a\u4e0a\u5347\uff0c\u4ece\u800c\u6d88\u5316\u8fc7\u5269\u4ea7\u80fd\uff0c\u964d\u4f4e\u5bf9\u5916\u90e8\u5e02\u573a\u7684\u4f9d\u8d56\uff0c\u5b9e\u73b0\u826f\u6027\u7684\u201c\u5185\u5faa\u73af\u201d\u3002\n <\/div>\n \n <div class=\"mt-8 pt-6 border-t border-gray-200\">\n <h4 class=\"font-bold text-gray-800 mb-2\">\u4e0b\u4e00\u6b65\u7814\u7a76\u65b9\u5411\uff1a<\/h4>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u53cc\u5faa\u73af\u6218\u7565\u6267\u884c<\/span>\n <span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u623f\u5730\u4ea7\u8f6c\u578b\u89d2\u8272<\/span>\n <span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u82af\u7247\u4e0eAI\u7a81\u56f4<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n\n \n <footer class=\"bg-gray-800 text-white py-8 mt-12\">\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\n <p class=\"text-sm text-gray-400\">\u57fa\u4e8e\u201c\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u201d\u903b\u8f91\u590d\u76d8\u62a5\u544a\u751f\u6210<\/p>\n <p class=\"text-xs text-gray-600 mt-2\">Data visualizations are conceptual representations of the logic.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ --- Navigation Logic ---\n function switchTab(tabId) {\n \/\/ Hide all sections\n document.querySelectorAll('.section-content').forEach(el => el.classList.remove('active'));\n \/\/ Show selected section\n document.getElementById(tabId).classList.add('active');\n \n \/\/ Update Tab Styles\n document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active-tab', 'text-gray-900'));\n document.querySelectorAll('.nav-item').forEach(el => el.classList.add('text-gray-500'));\n \n const activeBtn = document.getElementById('tab-' + tabId);\n activeBtn.classList.add('active-tab', 'text-gray-900');\n activeBtn.classList.remove('text-gray-500');\n\n \/\/ Trigger chart resize\/update if needed when tab becomes visible\n if(tabId === 'phenomenon' && window.supplyChart) window.supplyChart.resize();\n if(tabId === 'external' && window.impactChart) window.impactChart.resize();\n if(tabId === 'internal' && window.costChart) window.costChart.resize();\n \n \/\/ Close mobile menu if open\n document.getElementById('mobile-menu').classList.add('hidden');\n }\n\n \/\/ Mobile Menu Toggle\n document.getElementById('mobile-menu-btn').addEventListener('click', () => {\n document.getElementById('mobile-menu').classList.toggle('hidden');\n });\n\n \/\/ --- Interaction Logic: Card Details ---\n function toggleDetails(id) {\n const el = document.getElementById(id);\n el.classList.toggle('hidden');\n }\n\n \/\/ --- Interaction Logic: Policy Simulator ---\n const slider = document.getElementById('incomeSlider');\n slider.addEventListener('input', (e) => {\n const val = parseInt(e.target.value);\n document.getElementById('sliderValue').innerText = val + \"%\";\n \n \/\/ Update Visualization Bars\n \/\/ Consumption grows with income\n const consumptionWidth = ((val - 20) * 2) + \"%\"; \n document.getElementById('bar-consumption').style.width = consumptionWidth;\n \n \/\/ Export dependence drops as consumption rises\n const exportWidth = (100 - (val - 20) * 1.5) + \"%\";\n document.getElementById('bar-export').style.width = exportWidth;\n\n \/\/ Update Text Labels\n const resCon = document.getElementById('res-consumption');\n const resExp = document.getElementById('res-export');\n const resStatus = document.getElementById('res-status');\n\n if (val < 45) {\n resCon.innerText = \"\u5f31\"; resCon.className = \"text-2xl font-bold text-gray-400 mt-1\";\n resExp.innerText = \"\u6781\u9ad8\"; resExp.className = \"text-2xl font-bold text-red-600 mt-1\";\n resStatus.innerText = \"\u5185\u5377\u4e25\u91cd\"; resStatus.className = \"text-xl font-bold text-gray-800 mt-1\";\n } else if (val < 60) {\n resCon.innerText = \"\u4e2d\u7b49\"; resCon.className = \"text-2xl font-bold text-blue-500 mt-1\";\n resExp.innerText = \"\u4e2d\u7b49\"; resExp.className = \"text-2xl font-bold text-yellow-600 mt-1\";\n resStatus.innerText = \"\u8f6c\u578b\u4e2d...\"; resStatus.className = \"text-xl font-bold text-blue-800 mt-1\";\n } else {\n resCon.innerText = \"\u5f3a\u52b2\"; resCon.className = \"text-2xl font-bold text-green-600 mt-1\";\n resExp.innerText = \"\u5e73\u8861\"; resExp.className = \"text-2xl font-bold text-green-600 mt-1\";\n resStatus.innerText = \"\u826f\u6027\u5185\u5faa\u73af\"; resStatus.className = \"text-xl font-bold text-green-800 mt-1\";\n }\n });\n\n \/\/ --- Charts Implementation (Chart.js) ---\n window.onload = function() {\n \n \/\/ 1. Supply vs Demand Chart (Phenomenon)\n const ctxSupply = document.getElementById('supplyDemandChart').getContext('2d');\n window.supplyChart = new Chart(ctxSupply, {\n type: 'line',\n data: {\n labels: ['2010', '2012', '2014', '2016', '2018', '2020', '2022', '2024'],\n datasets: [\n {\n label: '\u5de5\u4e1a\u4ea7\u80fd\u6307\u6570 (Supply)',\n data: [100, 110, 125, 135, 150, 165, 185, 200],\n borderColor: '#C53030', \/\/ Red\n backgroundColor: 'rgba(197, 48, 48, 0.1)',\n fill: false,\n tension: 0.4,\n borderWidth: 3\n },\n {\n label: '\u56fd\u5185\u6d88\u8d39\u6307\u6570 (Demand)',\n data: [100, 108, 115, 122, 130, 135, 140, 145],\n borderColor: '#2B6CB0', \/\/ Blue\n backgroundColor: 'rgba(43, 108, 176, 0.1)',\n fill: true,\n tension: 0.4,\n borderWidth: 3\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n callbacks: {\n footer: (tooltipItems) => {\n return '\u5dee\u8ddd = \u51fa\u53e3\u987a\u5dee';\n }\n }\n },\n legend: { position: 'bottom' }\n },\n scales: {\n y: { display: false } \/\/ Abstract index\n }\n }\n });\n\n \/\/ 2. Impact Chart (External)\n const ctxImpact = document.getElementById('impactChart').getContext('2d');\n window.impactChart = new Chart(ctxImpact, {\n type: 'bar',\n data: {\n labels: ['\u5173\u7a0e\u58c1\u5792', '\u53cd\u8865\u8d34\u8c03\u67e5', '\u6280\u672f\u5c01\u9501', '\u4f9b\u5e94\u94fe\u79fb\u51fa'],\n datasets: [\n {\n label: '2010\u5e74 (\u6b22\u8fce\/\u4e92\u5229)',\n data: [10, 5, 5, 5],\n backgroundColor: '#9AE6B4', \/\/ Light Green\n },\n {\n label: '2024\u5e74 (\u9632\u5fa1\/\u535a\u5f08)',\n data: [85, 90, 95, 70],\n backgroundColor: '#E53E3E', \/\/ Red\n }\n ]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' }\n }\n }\n });\n\n \/\/ 3. Cost Chart (Internal)\n const ctxCost = document.getElementById('costChart').getContext('2d');\n window.costChart = new Chart(ctxCost, {\n type: 'bar',\n data: {\n labels: ['\u9636\u6bb51', '\u9636\u6bb52', '\u9636\u6bb53', '\u9636\u6bb54', '\u9636\u6bb55'],\n datasets: [\n {\n label: 'GDP\u589e\u901f',\n data: [10, 9, 8, 7, 5.5],\n backgroundColor: '#DD6B20', \/\/ Orange\n order: 2\n },\n {\n label: '\u52b3\u52a8\u62a5\u916c\u5360GDP\u6bd4\u91cd\u8d8b\u52bf',\n data: [4, 4.2, 4.1, 4.3, 4.2], \/\/ Conceptual low share flatline\n type: 'line',\n borderColor: '#3182CE',\n borderWidth: 3,\n order: 1,\n yAxisID: 'y1'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n callbacks: {\n label: function(context) {\n if (context.dataset.type === 'line') {\n return context.dataset.label + ': \u4f4e\u4f4d\u5f98\u5f8a';\n }\n return context.dataset.label + ': ' + context.raw + '%';\n }\n }\n },\n legend: { position: 'bottom' }\n },\n scales: {\n y: {\n beginAtZero: true,\n display: false,\n title: { display: true, text: 'Growth %' }\n },\n y1: {\n type: 'linear',\n display: false,\n position: 'right',\n min: 0,\n max: 10\n }\n }\n }\n });\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6df1\u5ea6\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u7684\u903b\u8f91\u95ed\u73af –> \ud83c\udde8\ud83c\uddf3 \u8d38\u6613\u987a\u5dee\u903b\u8f91\u590d\u76d8 1. \u73b0\u8c61\u4e0e\u6210\u56e0 2. \u6df1\u5c42\u76ee\u7684 3. \u5916\u90e8\u5f71\u54cd 4. \u5185\u90e8\u4ee3\u4ef7 5. \u672a\u6765\u8f6c\u6298 \u83dc\u5355 1. \u73b0\u8c61\u4e0e\u6210\u56e0 2. \u6df1\u5c42\u76ee\u7684 3. \u5916\u90e8\u5f71\u54cd 4. \u5185\u90e8\u4ee3\u4ef7 5. \u672a\u6765\u8f6c\u6298 \u5f3a\u4f9b\u7ed9 vs \u5f31\u9700\u6c42\uff1a\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269 \u4e2d\u56fd\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\u5e76\u975e\u5076\u7136\uff0c\u800c\u662f\u201c\u592a\u80fd\u9020\u201d\uff08\u5168\u4ea7\u4e1a\u94fe\u3001\u65b0\u4e09\u6837\uff09\u4e0e\u201c\u6ca1\u82b1\u5b8c\u201d\uff08\u9ad8\u50a8\u84c4\u3001\u4f4e\u6d88\u8d39\uff09\u78b0\u649e\u7684\u7ed3\u679c\u3002 \u672c\u677f\u5757\u5c55\u793a\u4e86\u8fd9\u79cd\u4f9b\u9700\u5931\u8861\u5982\u4f55\u8feb\u4f7f\u4ea7\u80fd\u6ea2\u51fa\u5230\u5168\u7403\u5e02\u573a\u3002 \u4f9b\u7ed9\u4fa7\u5f15\u64ce \u5168\u4ea7\u4e1a\u94fe + \u65b0\u4e09\u6837\u7206\u53d1 \u7535\u52a8\u8f66\u3001\u5149\u4f0f\u3001\u7535\u6c60\u6280\u672f\u7ea2\u5229\u53e0\u52a0\u57fa\u7840\u8bbe\u65bd\u4f18\u52bf\u3002 \u9700\u6c42\u4fa7\u77ed\u677f \u9ad8\u50a8\u84c4\u7387 \u5c45\u6c11\u6d88\u8d39\u5360GDP\u6bd4\u91cd\u504f\u4f4e\uff0c\u5bfc\u81f4\u56fd\u5185\u65e0\u6cd5\u6d88\u5316\u5168\u90e8\u4ea7\u80fd\u3002 \u7ed3\u679c \u5de8\u989d\u987a\u5dee \u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = \u5168\u7403\u8f93\u51fa\u3002 \u4ea7\u80fd\u4e0e\u6d88\u8d39\u526a\u5200\u5dee\u6a21\u578b \u70b9\u51fb\u56fe\u4f8b\u53ef\u9690\u85cf\/\u663e\u793a\u6570\u636e\u3002\u6ce8\u610f\u89c2\u5bdf\u4e24\u8005\u4e4b\u95f4\u4e0d\u65ad\u6269\u5927\u7684\u201c\u987a\u5dee\u533a\u57df\u201d\u3002 \u26a1\ufe0f \u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d \ud83d\ude97 \u7535\u52a8\u6c7d\u8f66 \u2600\ufe0f \u5149\u4f0f\u4ea7\u54c1 \ud83d\udd0b \u9502\u7535\u6c60 \u6df1\u5c42\u76ee\u7684\uff1a\u7528\u201c\u4ea7\u80fd\u201d\u6362\u201c\u5b89\u5168\u201d \u8fd9\u4e0d\u4ec5\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u201c\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002\u901a\u8fc7\u7ef4\u6301\u9ad8\u5f3a\u5ea6\u7684\u5de5\u4e1a\u751f\u4ea7\uff0c\u4e2d\u56fd\u5b9e\u73b0\u4e86\u4e09\u4e2a\u6838\u5fc3\u6218\u7565\u76ee\u6807\u3002 \u70b9\u51fb\u4e0b\u65b9\u5361\u7247\u67e5\u770b\u8be6\u7ec6\u903b\u8f91\u3002 1. \u4fdd\u996d\u7897 (\u5c31\u4e1a) \ud83d\udc77 \u5236\u9020\u4e1a\u662f\u5c31\u4e1a\u7684\u84c4\u6c34\u6c60\u3002\u7ef4\u6301\u51fa\u53e3\u5c31\u662f\u7ef4\u6301\u5de5\u5382\u8fd0\u8f6c\uff0c\u8fdb\u800c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002 \u6838\u5fc3\u903b\u8f91\uff1a \u5168\u7403\u5e02\u573a\u63d0\u4f9b\u4e86\u989d\u5916\u7684\u9700\u6c42\uff0c\u8ba9\u4e2d\u56fd\u5e9e\u5927\u7684\u52b3\u52a8\u529b\u6709\u6d3b\u5e72\u3002\u5982\u679c\u51fa\u53e3\u53d7\u963b\uff0c\u5de5\u5382\u505c\u5de5\uff0c\u5931\u4e1a\u7387\u5c06\u6210\u4e3a\u9996\u8981\u98ce\u9669\u3002 \u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5 2. \u4e70\u8d44\u6e90 (\u5b89\u5168) \ud83d\udee2\ufe0f \u8d5a\u53d6\u5916\u6c47\uff08\u786c\u901a\u8d27\uff09\uff0c\u4e3a\u4e86\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u3001\u77ff\u4ea7\u548c\u6280\u672f\u3002 \u6838\u5fc3\u903b\u8f91\uff1a \u4e2d\u56fd\u662f\u8d44\u6e90\u8fdb\u53e3\u5927\u56fd\u3002\u987a\u5dee\u79ef\u7d2f\u7684\u5916\u6c47\u50a8\u5907\u662f\u56fd\u5bb6\u7684\u201c\u62a4\u57ce\u6cb3\u201d\uff0c\u786e\u4fdd\u5728\u4efb\u4f55\u5730\u7f18\u5371\u673a\u4e0b\u90fd\u80fd\u4e70\u5230\u751f\u5b58\u5fc5\u9700\u54c1\u3002 \u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5 3. \u7ec3\u5185\u529f (\u5347\u7ea7) \ud83d\ude80 \u5229\u7528\u5168\u7403\u5e9e\u5927\u7684\u5e02\u573a\u5206\u644a\u9ad8\u6602\u7684\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u8fed\u4ee3\u3002 \u6838\u5fc3\u903b\u8f91\uff1a \u53ea\u6709\u5356\u5411\u5168\u7403\uff0c\u9500\u91cf\u624d\u591f\u5927\uff0c\u624d\u80fd\u964d\u4f4e\u5355\u4f4d\u6210\u672c\uff0c\u4ece\u800c\u6709\u94b1\u6295\u5165\u4e0b\u4e00\u4ee3\u6280\u672f\u7814\u53d1\uff08\u5982\u534e\u4e3a\u3001\u6bd4\u4e9a\u8fea\u7684\u53d1\u5c55\u8def\u5f84\uff09\u3002 \u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5 \u4e2d\u56fd\u5236\u9020 (\u5e9e\u5927\u4ea7\u80fd) \u8f93\u51fa\u5546\u54c1 \u6362\u56de\u5916\u6c47 \u56fd\u5bb6\u5b89\u5168\u8d44\u4ea7 (\u80fd\u6e90\/\u6280\u672f\/\u7cae\u98df) \u5916\u90e8\u5f71\u54cd\uff1a\u4ece\u201c\u4e92\u5229\u201d\u8d70\u5411\u201c\u535a\u5f08\u201d \u4e2d\u56fd\u8f93\u51fa\u4e86\u5ec9\u4ef7\u5546\u54c1\uff08\u901a\u7f29\uff09\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u5236\u9020\u4e1a\uff08\u51b2\u51fb\uff09\u3002\u897f\u65b9\u56fd\u5bb6\u6b63\u5728\u4ece\u62e5\u62b1\u8f6c\u5411\u9632\u5fa1\uff0c\u5168\u7403\u8d38\u6613\u73af\u5883\u53d1\u751f\u8d28\u53d8\u3002 \u8fc7\u53bb (\u4e92\u5229) \u4e2d\u56fd\u63d0\u4f9b\u5ec9\u4ef7\u5546\u54c1\uff0c\u538b\u4f4e\u897f\u65b9\u901a\u80c0\uff1b\u897f\u65b9\u63d0\u4f9b\u6280\u672f\u548c\u8d44\u672c\u3002\u53cc\u65b9\u5404\u53d6\u6240\u9700\u3002 \u73b0\u5728 (\u535a\u5f08) \u4e2d\u56fd\u4ea7\u4e1a\u5347\u7ea7\uff0c\u5f00\u59cb\u62a2\u5360\u9ad8\u7aef\u5e02\u573a\uff08\u6c7d\u8f66\u3001\u9ad8\u79d1\u6280\uff09\u3002\u897f\u65b9\u611f\u5230\u5a01\u80c1\uff0c\u5f00\u59cb\u53cd\u51fb\u3002 \u4e3b\u8981\u53cd\u5236\u624b\u6bb5\uff1a \u5173\u7a0e\u58c1\u5792 (Tariffs) \u53cd\u8865\u8d34\u8c03\u67e5 (EV Investigations) \u4f9b\u5e94\u94fe\u91cd\u6784 (“China + 1”) \u5168\u7403\u5bf9\u534e\u8d38\u6613\u6001\u5ea6\u8f6c\u53d8 (\u6a21\u62df\u6307\u6570) \u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2 \u4e3a\u4e86\u7ef4\u6301\u6781\u81f4\u7684\u51fa\u53e3\u7ade\u4e89\u529b\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u987a\u5dee\u786c\u5e01\u7684\u53e6\u4e00\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002 USER_PERSONA: \u52b3\u52a8\u8005 \ud83e\uddd1\u200d\ud83d\udd27 \u52b3\u52a8\u8005\u7684\u8eab\u4efd\u56f0\u5883 \u751f\u4ea7\u8005\u89d2\u8272 996, \u9ad8\u6280\u80fd, \u9ad8\u6548\u7387 \u5f3a \ud83d\udcaa \u2b07\ufe0f \u6495\u88c2 \u2b07\ufe0f \u6d88\u8d39\u8005\u89d2\u8272 \u6536\u5165\u5360\u6bd4\u4f4e, \u4e70\u4e0d\u8d77\u9ad8\u7aef\u54c1 \u5f31 \ud83e\udd40 \u903b\u8f91\u540e\u679c\uff1a \u5de5\u8d44\u6da8\u5e45\u8dd1\u8f93GDP -> \u5c45\u6c11\u6ca1\u94b1\u6d88\u8d39 -> \u4f01\u4e1a\u53ea\u80fd\u7ee7\u7eed\u4f9d\u8d56\u51fa\u53e3 -> \u5185\u5377\u52a0\u5267\u3002 \u5b8f\u89c2\u6570\u636e\uff1aGDP\u589e\u957f vs \u5c45\u6c11\u6536\u5165\u5360\u6bd4 (\u6982\u5ff5\u793a\u610f) \u5206\u6790\uff1a \u7ea2\u8272\u67f1\u72b6\u56fe\u4ee3\u8868GDP\u9ad8\u901f\u589e\u957f\uff0c\u4f46\u84dd\u8272\u6298\u7ebf\u4ee3\u8868\u7684\u5c45\u6c11\u6536\u5165\u5360\u6bd4\u63d0\u5347\u7f13\u6162\u3002\u8fd9\u4e2d\u95f4\u7684\u5dee\u989d\uff0c\u53d8\u6210\u4e86\u57fa\u7840\u8bbe\u65bd\u6295\u8d44\u548c\u4f01\u4e1a\u5229\u6da6\uff0c\u6700\u7ec8\u8f6c\u5316\u4e3a\u51fa\u53e3\u4ea7\u80fd\u3002 \u4e00\u4e2a\u65f6\u4ee3\u7684\u8f6c\u6298\u70b9 \u65e7\u95ed\u73af\u6b63\u5728\u5931\u6548\u3002\u5916\u90e8\u5e02\u573a\u89c1\u9876\uff0c\u5185\u90e8\u52b3\u52a8\u8005\u89c9\u9192\u3002\u4e2d\u56fd\u7ecf\u6d4e\u5fc5\u987b\u4ece\u201c\u5916\u5faa\u73af\u9a71\u52a8\uff08\u51fa\u53e3\uff09\u201d\u8f6c\u5411\u201c\u5185\u5faa\u73af\u9a71\u52a8\uff08\u6d88\u8d39\uff09\u201d\u3002 \u6838\u5fc3\u89e3\u836f\uff1a\u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165 = \u63d0\u9ad8\u5185\u9700 \ud83c\udf9b\ufe0f \u653f\u7b56\u6a21\u62df\u5668\uff1a\u8c03\u6574\u6536\u5165\u5206\u914d \u8c03\u8282\u5c45\u6c11\u6536\u5165\u5728GDP\u4e2d\u7684\u5360\u6bd4: 40% (\u73b0\u72b6: \u504f\u4f4e) \u4f4e\u6536\u5165\/\u9ad8\u6295\u8d44 \u9ad8\u6536\u5165\/\u9ad8\u6d88\u8d39 \u56fd\u5185\u6d88\u8d39\u80fd\u529b \u5f31 \u5bf9\u51fa\u53e3\u4f9d\u8d56\u5ea6 \u6781\u9ad8 \u7ecf\u6d4e\u5faa\u73af\u72b6\u6001 \u5185\u5377\u4e25\u91cd \u6a21\u62df\u7ed3\u8bba\uff1a \u53ea\u6709\u5f53\u6211\u4eec\u5c06\u6ed1\u5757\u5411\u53f3\u79fb\u52a8\uff08\u589e\u52a0\u52b3\u52a8\u8005\u6536\u5165\uff09\uff0c\u56fd\u5185\u6d88\u8d39\u80fd\u529b\u624d\u4f1a\u4e0a\u5347\uff0c\u4ece\u800c\u6d88\u5316\u8fc7\u5269\u4ea7\u80fd\uff0c\u964d\u4f4e\u5bf9\u5916\u90e8\u5e02\u573a\u7684\u4f9d\u8d56\uff0c\u5b9e\u73b0\u826f\u6027\u7684\u201c\u5185\u5faa\u73af\u201d\u3002 \u4e0b\u4e00\u6b65\u7814\u7a76\u65b9\u5411\uff1a \u53cc\u5faa\u73af\u6218\u7565\u6267\u884c \u623f\u5730\u4ea7\u8f6c\u578b\u89d2\u8272 \u82af\u7247\u4e0eAI\u7a81\u56f4 \u57fa\u4e8e\u201c\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u201d\u903b\u8f91\u590d\u76d8\u62a5\u544a\u751f\u6210 Data visualizations are conceptual representations of the logic.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/604","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=604"}],"version-history":[{"count":1,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":605,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions\/605"}],"wp:attachment":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":604,"date":"2025-12-16T11:22:56","date_gmt":"2025-12-16T03:22:56","guid":{"rendered":"https:\/\/trantor.ink\/?page_id=604"},"modified":"2025-12-16T11:23:46","modified_gmt":"2025-12-16T03:23:46","slug":"%e6%b7%b1%e5%ba%a6%e5%a4%8d%e7%9b%98%ef%bc%9a%e4%b8%ad%e5%9b%bd%e8%b4%b8%e6%98%93%e9%a1%ba%e5%b7%ae%e7%9a%84%e9%80%bb%e8%be%91%e9%97%ad%e7%8e%af","status":"publish","type":"page","link":"https:\/\/trantor.ink\/?page_id=604","title":{"rendered":"\u6df1\u5ea6\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u7684\u903b\u8f91\u95ed\u73af"},"content":{"rendered":"\n\n\n\n \n \n \u6df1\u5ea6\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u7684\u903b\u8f91\u95ed\u73af<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n <style>\n body { font-family: 'Noto Sans SC', sans-serif; background-color: #FDFBF7; color: #2D3748; }\n .chart-container { \n position: relative; \n width: 100%; \n max-width: 800px; \n margin: 0 auto; \n height: 350px; \n max-height: 400px; \n }\n .card-hover { transition: all 0.3s ease; }\n .card-hover:hover { transform: translateY(-5px); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); }\n .active-tab { border-bottom: 3px solid #C53030; color: #C53030; font-weight: 700; }\n .section-content { display: none; animation: fadeIn 0.5s ease-in-out; }\n .section-content.active { display: block; }\n @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\n \/* Custom Scrollbar *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #f1f1f1; }\n ::-webkit-scrollbar-thumb { background: #cbd5e0; border-radius: 4px; }\n ::-webkit-scrollbar-thumb:hover { background: #a0aec0; }\n <\/style>\n \n \n \n \n\n \n –>\n<\/head>\n<body class=\"antialiased min-h-screen flex flex-col\">\n\n \n <header class=\"sticky top-0 z-50 bg-[#FDFBF7]\/95 backdrop-blur shadow-sm border-b border-gray-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"flex justify-between items-center h-16\">\n <div class=\"flex items-center\">\n <span class=\"text-2xl font-bold text-gray-800 tracking-tight\">\ud83c\udde8\ud83c\uddf3 \u8d38\u6613\u987a\u5dee\u903b\u8f91\u590d\u76d8<\/span>\n <\/div>\n \n <nav class=\"hidden md:flex space-x-8\">\n <button onclick=\"switchTab('phenomenon')\" id=\"tab-phenomenon\" class=\"nav-item active-tab px-1 pt-1 text-sm font-medium text-gray-900 focus:outline-none\">1. \u73b0\u8c61\u4e0e\u6210\u56e0<\/button>\n <button onclick=\"switchTab('purpose')\" id=\"tab-purpose\" class=\"nav-item px-1 pt-1 text-sm font-medium text-gray-500 hover:text-gray-700 focus:outline-none\">2. \u6df1\u5c42\u76ee\u7684<\/button>\n <button onclick=\"switchTab('external')\" id=\"tab-external\" class=\"nav-item px-1 pt-1 text-sm font-medium text-gray-500 hover:text-gray-700 focus:outline-none\">3. \u5916\u90e8\u5f71\u54cd<\/button>\n <button onclick=\"switchTab('internal')\" id=\"tab-internal\" class=\"nav-item px-1 pt-1 text-sm font-medium text-gray-500 hover:text-gray-700 focus:outline-none\">4. \u5185\u90e8\u4ee3\u4ef7<\/button>\n <button onclick=\"switchTab('future')\" id=\"tab-future\" class=\"nav-item px-1 pt-1 text-sm font-medium text-red-600 hover:text-red-800 focus:outline-none\">5. \u672a\u6765\u8f6c\u6298<\/button>\n <\/nav>\n \n <div class=\"md:hidden flex items-center\">\n <button id=\"mobile-menu-btn\" class=\"text-gray-500 hover:text-gray-900 focus:outline-none p-2 rounded-md border border-gray-300\">\n <span class=\"text-xs\">\u83dc\u5355<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n \n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-t border-gray-200\">\n <div class=\"px-2 pt-2 pb-3 space-y-1\">\n <button onclick=\"switchTab('phenomenon')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-900 hover:bg-gray-100\">1. \u73b0\u8c61\u4e0e\u6210\u56e0<\/button>\n <button onclick=\"switchTab('purpose')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:bg-gray-100\">2. \u6df1\u5c42\u76ee\u7684<\/button>\n <button onclick=\"switchTab('external')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:bg-gray-100\">3. \u5916\u90e8\u5f71\u54cd<\/button>\n <button onclick=\"switchTab('internal')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-gray-500 hover:bg-gray-100\">4. \u5185\u90e8\u4ee3\u4ef7<\/button>\n <button onclick=\"switchTab('future')\" class=\"block w-full text-left px-3 py-2 rounded-md text-base font-medium text-red-600 hover:bg-red-50\">5. \u672a\u6765\u8f6c\u6298<\/button>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 w-full\">\n\n \n <div id=\"phenomenon\" class=\"section-content active\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u5f3a\u4f9b\u7ed9 vs \u5f31\u9700\u6c42\uff1a\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u4e2d\u56fd\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\u5e76\u975e\u5076\u7136\uff0c\u800c\u662f\u201c\u592a\u80fd\u9020\u201d\uff08\u5168\u4ea7\u4e1a\u94fe\u3001\u65b0\u4e09\u6837\uff09\u4e0e\u201c\u6ca1\u82b1\u5b8c\u201d\uff08\u9ad8\u50a8\u84c4\u3001\u4f4e\u6d88\u8d39\uff09\u78b0\u649e\u7684\u7ed3\u679c\u3002\n \u672c\u677f\u5757\u5c55\u793a\u4e86\u8fd9\u79cd\u4f9b\u9700\u5931\u8861\u5982\u4f55\u8feb\u4f7f\u4ea7\u80fd\u6ea2\u51fa\u5230\u5168\u7403\u5e02\u573a\u3002\n <\/p>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-12\">\n <div class=\"bg-white p-6 rounded-xl shadow-sm border-l-4 border-red-500\">\n <h3 class=\"text-sm font-medium text-gray-500 uppercase tracking-wider\">\u4f9b\u7ed9\u4fa7\u5f15\u64ce<\/h3>\n <div class=\"mt-2 flex items-baseline\">\n <span class=\"text-3xl font-bold text-gray-900\">\u5168\u4ea7\u4e1a\u94fe<\/span>\n <span class=\"ml-2 text-sm text-green-600 font-semibold\">+ \u65b0\u4e09\u6837\u7206\u53d1<\/span>\n <\/div>\n <p class=\"mt-3 text-sm text-gray-500\">\u7535\u52a8\u8f66\u3001\u5149\u4f0f\u3001\u7535\u6c60\u6280\u672f\u7ea2\u5229\u53e0\u52a0\u57fa\u7840\u8bbe\u65bd\u4f18\u52bf\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-sm border-l-4 border-blue-500\">\n <h3 class=\"text-sm font-medium text-gray-500 uppercase tracking-wider\">\u9700\u6c42\u4fa7\u77ed\u677f<\/h3>\n <div class=\"mt-2 flex items-baseline\">\n <span class=\"text-3xl font-bold text-gray-900\">\u9ad8\u50a8\u84c4\u7387<\/span>\n <\/div>\n <p class=\"mt-3 text-sm text-gray-500\">\u5c45\u6c11\u6d88\u8d39\u5360GDP\u6bd4\u91cd\u504f\u4f4e\uff0c\u5bfc\u81f4\u56fd\u5185\u65e0\u6cd5\u6d88\u5316\u5168\u90e8\u4ea7\u80fd\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-sm border-l-4 border-yellow-500\">\n <h3 class=\"text-sm font-medium text-gray-500 uppercase tracking-wider\">\u7ed3\u679c<\/h3>\n <div class=\"mt-2 flex items-baseline\">\n <span class=\"text-3xl font-bold text-gray-900\">\u5de8\u989d\u987a\u5dee<\/span>\n <\/div>\n <p class=\"mt-3 text-sm text-gray-500\">\u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = \u5168\u7403\u8f93\u51fa\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-xl shadow-lg mb-8\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-4 border-b pb-2\">\u4ea7\u80fd\u4e0e\u6d88\u8d39\u526a\u5200\u5dee\u6a21\u578b<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"supplyDemandChart\"><\/canvas>\n <\/div>\n <div class=\"mt-4 text-center\">\n <p class=\"text-sm text-gray-500 italic\">\u70b9\u51fb\u56fe\u4f8b\u53ef\u9690\u85cf\/\u663e\u793a\u6570\u636e\u3002\u6ce8\u610f\u89c2\u5bdf\u4e24\u8005\u4e4b\u95f4\u4e0d\u65ad\u6269\u5927\u7684\u201c\u987a\u5dee\u533a\u57df\u201d\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-gray-50 rounded-xl p-6 border border-gray-200\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-3\">\u26a1\ufe0f \u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d<\/h3>\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4 text-center\">\n <div class=\"p-4 bg-white rounded shadow cursor-pointer hover:bg-red-50 transition\" onclick=\"alert('\u7535\u52a8\u8f7d\u4eba\u6c7d\u8f66\uff1a\u6280\u672f\u8fed\u4ee3\u5feb\uff0c\u6210\u672c\u63a7\u5236\u6781\u5f3a\uff0c\u6b63\u5728\u91cd\u5851\u5168\u7403\u6c7d\u8f66\u7248\u56fe\u3002')\">\n <span class=\"text-3xl\">\ud83d\ude97<\/span>\n <div class=\"font-bold mt-2\">\u7535\u52a8\u6c7d\u8f66<\/div>\n <\/div>\n <div class=\"p-4 bg-white rounded shadow cursor-pointer hover:bg-yellow-50 transition\" onclick=\"alert('\u592a\u9633\u80fd\u7535\u6c60\uff1a\u62e5\u6709\u7edd\u5bf9\u7684\u4ea7\u80fd\u548c\u6210\u672c\u4f18\u52bf\uff0c\u51e0\u4e4e\u5784\u65ad\u5168\u7403\u4f9b\u5e94\u94fe\u3002')\">\n <span class=\"text-3xl\">\u2600\ufe0f<\/span>\n <div class=\"font-bold mt-2\">\u5149\u4f0f\u4ea7\u54c1<\/div>\n <\/div>\n <div class=\"p-4 bg-white rounded shadow cursor-pointer hover:bg-green-50 transition\" onclick=\"alert('\u9502\u7535\u6c60\uff1a\u638c\u63e1\u6838\u5fc3\u6750\u6599\u4e0e\u5236\u9020\u5de5\u827a\uff0c\u4e0d\u4ec5\u81ea\u7528\uff0c\u8fd8\u5927\u91cf\u51fa\u53e3\u3002')\">\n <span class=\"text-3xl\">\ud83d\udd0b<\/span>\n <div class=\"font-bold mt-2\">\u9502\u7535\u6c60<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"purpose\" class=\"section-content\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u6df1\u5c42\u76ee\u7684\uff1a\u7528\u201c\u4ea7\u80fd\u201d\u6362\u201c\u5b89\u5168\u201d<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u8fd9\u4e0d\u4ec5\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u201c\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002\u901a\u8fc7\u7ef4\u6301\u9ad8\u5f3a\u5ea6\u7684\u5de5\u4e1a\u751f\u4ea7\uff0c\u4e2d\u56fd\u5b9e\u73b0\u4e86\u4e09\u4e2a\u6838\u5fc3\u6218\u7565\u76ee\u6807\u3002\n \u70b9\u51fb\u4e0b\u65b9\u5361\u7247\u67e5\u770b\u8be6\u7ec6\u903b\u8f91\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-8\">\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover cursor-pointer group\" onclick=\"toggleDetails('detail-jobs')\">\n <div class=\"bg-blue-600 h-2\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xl font-bold text-gray-800\">1. \u4fdd\u996d\u7897 (\u5c31\u4e1a)<\/h3>\n <span class=\"text-2xl\">\ud83d\udc77<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-4\">\u5236\u9020\u4e1a\u662f\u5c31\u4e1a\u7684\u84c4\u6c34\u6c60\u3002\u7ef4\u6301\u51fa\u53e3\u5c31\u662f\u7ef4\u6301\u5de5\u5382\u8fd0\u8f6c\uff0c\u8fdb\u800c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002<\/p>\n <div id=\"detail-jobs\" class=\"hidden text-sm bg-blue-50 p-3 rounded text-blue-800\">\n <strong>\u6838\u5fc3\u903b\u8f91\uff1a<\/strong> \u5168\u7403\u5e02\u573a\u63d0\u4f9b\u4e86\u989d\u5916\u7684\u9700\u6c42\uff0c\u8ba9\u4e2d\u56fd\u5e9e\u5927\u7684\u52b3\u52a8\u529b\u6709\u6d3b\u5e72\u3002\u5982\u679c\u51fa\u53e3\u53d7\u963b\uff0c\u5de5\u5382\u505c\u5de5\uff0c\u5931\u4e1a\u7387\u5c06\u6210\u4e3a\u9996\u8981\u98ce\u9669\u3002\n <\/div>\n <p class=\"text-blue-500 text-sm mt-2 font-medium group-hover:underline\">\u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover cursor-pointer group\" onclick=\"toggleDetails('detail-resources')\">\n <div class=\"bg-yellow-500 h-2\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xl font-bold text-gray-800\">2. \u4e70\u8d44\u6e90 (\u5b89\u5168)<\/h3>\n <span class=\"text-2xl\">\ud83d\udee2\ufe0f<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-4\">\u8d5a\u53d6\u5916\u6c47\uff08\u786c\u901a\u8d27\uff09\uff0c\u4e3a\u4e86\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u3001\u77ff\u4ea7\u548c\u6280\u672f\u3002<\/p>\n <div id=\"detail-resources\" class=\"hidden text-sm bg-yellow-50 p-3 rounded text-yellow-800\">\n <strong>\u6838\u5fc3\u903b\u8f91\uff1a<\/strong> \u4e2d\u56fd\u662f\u8d44\u6e90\u8fdb\u53e3\u5927\u56fd\u3002\u987a\u5dee\u79ef\u7d2f\u7684\u5916\u6c47\u50a8\u5907\u662f\u56fd\u5bb6\u7684\u201c\u62a4\u57ce\u6cb3\u201d\uff0c\u786e\u4fdd\u5728\u4efb\u4f55\u5730\u7f18\u5371\u673a\u4e0b\u90fd\u80fd\u4e70\u5230\u751f\u5b58\u5fc5\u9700\u54c1\u3002\n <\/div>\n <p class=\"text-yellow-600 text-sm mt-2 font-medium group-hover:underline\">\u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-xl shadow-lg overflow-hidden card-hover cursor-pointer group\" onclick=\"toggleDetails('detail-tech')\">\n <div class=\"bg-red-500 h-2\"><\/div>\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between mb-4\">\n <h3 class=\"text-xl font-bold text-gray-800\">3. \u7ec3\u5185\u529f (\u5347\u7ea7)<\/h3>\n <span class=\"text-2xl\">\ud83d\ude80<\/span>\n <\/div>\n <p class=\"text-gray-600 mb-4\">\u5229\u7528\u5168\u7403\u5e9e\u5927\u7684\u5e02\u573a\u5206\u644a\u9ad8\u6602\u7684\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u8fed\u4ee3\u3002<\/p>\n <div id=\"detail-tech\" class=\"hidden text-sm bg-red-50 p-3 rounded text-red-800\">\n <strong>\u6838\u5fc3\u903b\u8f91\uff1a<\/strong> \u53ea\u6709\u5356\u5411\u5168\u7403\uff0c\u9500\u91cf\u624d\u591f\u5927\uff0c\u624d\u80fd\u964d\u4f4e\u5355\u4f4d\u6210\u672c\uff0c\u4ece\u800c\u6709\u94b1\u6295\u5165\u4e0b\u4e00\u4ee3\u6280\u672f\u7814\u53d1\uff08\u5982\u534e\u4e3a\u3001\u6bd4\u4e9a\u8fea\u7684\u53d1\u5c55\u8def\u5f84\uff09\u3002\n <\/div>\n <p class=\"text-red-500 text-sm mt-2 font-medium group-hover:underline\">\u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"mt-12 max-w-2xl mx-auto\">\n <div class=\"bg-gray-800 text-white p-4 rounded-t-lg text-center font-bold\">\u4e2d\u56fd\u5236\u9020 (\u5e9e\u5927\u4ea7\u80fd)<\/div>\n <div class=\"h-8 bg-gray-400 w-3\/4 mx-auto flex items-center justify-center text-xs text-white\">\u8f93\u51fa\u5546\u54c1<\/div>\n <div class=\"h-8 bg-gray-500 w-1\/2 mx-auto flex items-center justify-center text-xs text-white\">\u6362\u56de\u5916\u6c47<\/div>\n <div class=\"bg-green-600 text-white p-4 rounded-b-lg text-center font-bold\">\u56fd\u5bb6\u5b89\u5168\u8d44\u4ea7 (\u80fd\u6e90\/\u6280\u672f\/\u7cae\u98df)<\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"external\" class=\"section-content\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u5916\u90e8\u5f71\u54cd\uff1a\u4ece\u201c\u4e92\u5229\u201d\u8d70\u5411\u201c\u535a\u5f08\u201d<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u4e2d\u56fd\u8f93\u51fa\u4e86\u5ec9\u4ef7\u5546\u54c1\uff08\u901a\u7f29\uff09\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u5236\u9020\u4e1a\uff08\u51b2\u51fb\uff09\u3002\u897f\u65b9\u56fd\u5bb6\u6b63\u5728\u4ece\u62e5\u62b1\u8f6c\u5411\u9632\u5fa1\uff0c\u5168\u7403\u8d38\u6613\u73af\u5883\u53d1\u751f\u8d28\u53d8\u3002\n <\/p>\n <\/div>\n\n <div class=\"flex flex-col lg:flex-row gap-8\">\n \n <div class=\"lg:w-1\/3 space-y-4\">\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-green-400\">\n <h4 class=\"font-bold text-gray-800\">\u8fc7\u53bb (\u4e92\u5229)<\/h4>\n <p class=\"text-sm text-gray-600\">\u4e2d\u56fd\u63d0\u4f9b\u5ec9\u4ef7\u5546\u54c1\uff0c\u538b\u4f4e\u897f\u65b9\u901a\u80c0\uff1b\u897f\u65b9\u63d0\u4f9b\u6280\u672f\u548c\u8d44\u672c\u3002\u53cc\u65b9\u5404\u53d6\u6240\u9700\u3002<\/p>\n <\/div>\n <div class=\"bg-white p-5 rounded-lg shadow border-l-4 border-red-500\">\n <h4 class=\"font-bold text-gray-800\">\u73b0\u5728 (\u535a\u5f08)<\/h4>\n <p class=\"text-sm text-gray-600\">\u4e2d\u56fd\u4ea7\u4e1a\u5347\u7ea7\uff0c\u5f00\u59cb\u62a2\u5360\u9ad8\u7aef\u5e02\u573a\uff08\u6c7d\u8f66\u3001\u9ad8\u79d1\u6280\uff09\u3002\u897f\u65b9\u611f\u5230\u5a01\u80c1\uff0c\u5f00\u59cb\u53cd\u51fb\u3002<\/p>\n <\/div>\n <div class=\"bg-gray-100 p-4 rounded-lg mt-4\">\n <h4 class=\"font-bold text-gray-800 mb-2\">\u4e3b\u8981\u53cd\u5236\u624b\u6bb5\uff1a<\/h4>\n <ul class=\"list-disc list-inside text-sm text-gray-700 space-y-1\">\n <li>\u5173\u7a0e\u58c1\u5792 (Tariffs)<\/li>\n <li>\u53cd\u8865\u8d34\u8c03\u67e5 (EV Investigations)<\/li>\n <li>\u4f9b\u5e94\u94fe\u91cd\u6784 (“China + 1”)<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n \n <div class=\"lg:w-2\/3 bg-white p-6 rounded-xl shadow-lg\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-4 text-center\">\u5168\u7403\u5bf9\u534e\u8d38\u6613\u6001\u5ea6\u8f6c\u53d8 (\u6a21\u62df\u6307\u6570)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"impactChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"internal\" class=\"section-content\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-gray-900 mb-4\">\u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2<\/h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600\">\n \u4e3a\u4e86\u7ef4\u6301\u6781\u81f4\u7684\u51fa\u53e3\u7ade\u4e89\u529b\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u987a\u5dee\u786c\u5e01\u7684\u53e6\u4e00\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002\n <\/p>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 items-center\">\n \n <div class=\"bg-white p-8 rounded-xl shadow-lg relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 bg-gray-100 px-3 py-1 rounded-bl-lg text-xs font-mono text-gray-500\">USER_PERSONA: \u52b3\u52a8\u8005<\/div>\n <div class=\"text-center space-y-6\">\n <div class=\"text-6xl\">\ud83e\uddd1\u200d\ud83d\udd27<\/div>\n <h3 class=\"text-xl font-bold\">\u52b3\u52a8\u8005\u7684\u8eab\u4efd\u56f0\u5883<\/h3>\n \n <div class=\"flex justify-between items-center bg-green-50 p-4 rounded-lg border border-green-100\">\n <div class=\"text-left\">\n <span class=\"block font-bold text-green-800\">\u751f\u4ea7\u8005\u89d2\u8272<\/span>\n <span class=\"text-xs text-green-600\">996, \u9ad8\u6280\u80fd, \u9ad8\u6548\u7387<\/span>\n <\/div>\n <span class=\"text-2xl font-bold text-green-600\">\u5f3a \ud83d\udcaa<\/span>\n <\/div>\n\n <div class=\"flex justify-center text-gray-400 text-2xl\">\u2b07\ufe0f \u6495\u88c2 \u2b07\ufe0f<\/div>\n\n <div class=\"flex justify-between items-center bg-red-50 p-4 rounded-lg border border-red-100\">\n <div class=\"text-left\">\n <span class=\"block font-bold text-red-800\">\u6d88\u8d39\u8005\u89d2\u8272<\/span>\n <span class=\"text-xs text-red-600\">\u6536\u5165\u5360\u6bd4\u4f4e, \u4e70\u4e0d\u8d77\u9ad8\u7aef\u54c1<\/span>\n <\/div>\n <span class=\"text-2xl font-bold text-red-600\">\u5f31 \ud83e\udd40<\/span>\n <\/div>\n \n <p class=\"text-sm text-gray-500 mt-4 text-justify\">\n <span class=\"font-bold\">\u903b\u8f91\u540e\u679c\uff1a<\/span> \n \u5de5\u8d44\u6da8\u5e45\u8dd1\u8f93GDP -> \u5c45\u6c11\u6ca1\u94b1\u6d88\u8d39 -> \u4f01\u4e1a\u53ea\u80fd\u7ee7\u7eed\u4f9d\u8d56\u51fa\u53e3 -> \u5185\u5377\u52a0\u5267\u3002\n <\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-6 rounded-xl shadow-lg\">\n <h3 class=\"text-lg font-bold text-gray-800 mb-4\">\u5b8f\u89c2\u6570\u636e\uff1aGDP\u589e\u957f vs \u5c45\u6c11\u6536\u5165\u5360\u6bd4 (\u6982\u5ff5\u793a\u610f)<\/h3>\n <div class=\"chart-container\">\n <canvas id=\"costChart\"><\/canvas>\n <\/div>\n <div class=\"mt-4 bg-yellow-50 p-3 rounded text-sm text-yellow-800\">\n <strong>\u5206\u6790\uff1a<\/strong> \u7ea2\u8272\u67f1\u72b6\u56fe\u4ee3\u8868GDP\u9ad8\u901f\u589e\u957f\uff0c\u4f46\u84dd\u8272\u6298\u7ebf\u4ee3\u8868\u7684\u5c45\u6c11\u6536\u5165\u5360\u6bd4\u63d0\u5347\u7f13\u6162\u3002\u8fd9\u4e2d\u95f4\u7684\u5dee\u989d\uff0c\u53d8\u6210\u4e86\u57fa\u7840\u8bbe\u65bd\u6295\u8d44\u548c\u4f01\u4e1a\u5229\u6da6\uff0c\u6700\u7ec8\u8f6c\u5316\u4e3a\u51fa\u53e3\u4ea7\u80fd\u3002\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"future\" class=\"section-content\">\n <div class=\"max-w-4xl mx-auto\">\n <div class=\"text-center mb-10\">\n <h2 class=\"text-3xl font-bold text-red-700 mb-4\">\u4e00\u4e2a\u65f6\u4ee3\u7684\u8f6c\u6298\u70b9<\/h2>\n <p class=\"text-lg text-gray-700 mb-6\">\n \u65e7\u95ed\u73af\u6b63\u5728\u5931\u6548\u3002\u5916\u90e8\u5e02\u573a\u89c1\u9876\uff0c\u5185\u90e8\u52b3\u52a8\u8005\u89c9\u9192\u3002\u4e2d\u56fd\u7ecf\u6d4e\u5fc5\u987b\u4ece<strong>\u201c\u5916\u5faa\u73af\u9a71\u52a8\uff08\u51fa\u53e3\uff09\u201d<\/strong>\u8f6c\u5411<strong>\u201c\u5185\u5faa\u73af\u9a71\u52a8\uff08\u6d88\u8d39\uff09\u201d<\/strong>\u3002\n <\/p>\n <div class=\"inline-block bg-white px-6 py-3 rounded-full shadow border border-red-200 text-red-800 font-bold\">\n \u6838\u5fc3\u89e3\u836f\uff1a\u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165 = \u63d0\u9ad8\u5185\u9700\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white p-8 rounded-2xl shadow-xl border border-gray-200\">\n <h3 class=\"text-xl font-bold text-gray-800 mb-6 flex items-center\">\n \ud83c\udf9b\ufe0f \u653f\u7b56\u6a21\u62df\u5668\uff1a\u8c03\u6574\u6536\u5165\u5206\u914d\n <\/h3>\n \n <div class=\"mb-8\">\n <label for=\"incomeSlider\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n \u8c03\u8282\u5c45\u6c11\u6536\u5165\u5728GDP\u4e2d\u7684\u5360\u6bd4: <span id=\"sliderValue\" class=\"text-blue-600 font-bold text-lg\">40%<\/span> (\u73b0\u72b6: \u504f\u4f4e)\n <\/label>\n <input type=\"range\" id=\"incomeSlider\" min=\"30\" max=\"70\" value=\"40\" class=\"w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer accent-blue-600\">\n <div class=\"flex justify-between text-xs text-gray-400 mt-1\">\n <span>\u4f4e\u6536\u5165\/\u9ad8\u6295\u8d44<\/span>\n <span>\u9ad8\u6536\u5165\/\u9ad8\u6d88\u8d39<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 text-center\">\n <div class=\"p-4 bg-gray-50 rounded-lg\">\n <div class=\"text-xs text-gray-500 uppercase\">\u56fd\u5185\u6d88\u8d39\u80fd\u529b<\/div>\n <div id=\"res-consumption\" class=\"text-2xl font-bold text-gray-400 mt-1\">\u5f31<\/div>\n <div class=\"h-2 w-full bg-gray-200 mt-2 rounded-full overflow-hidden\">\n <div id=\"bar-consumption\" class=\"h-full bg-blue-500 w-1\/3 transition-all duration-500\"><\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-gray-50 rounded-lg\">\n <div class=\"text-xs text-gray-500 uppercase\">\u5bf9\u51fa\u53e3\u4f9d\u8d56\u5ea6<\/div>\n <div id=\"res-export\" class=\"text-2xl font-bold text-red-600 mt-1\">\u6781\u9ad8<\/div>\n <div class=\"h-2 w-full bg-gray-200 mt-2 rounded-full overflow-hidden\">\n <div id=\"bar-export\" class=\"h-full bg-red-500 w-full transition-all duration-500\"><\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-gray-50 rounded-lg\">\n <div class=\"text-xs text-gray-500 uppercase\">\u7ecf\u6d4e\u5faa\u73af\u72b6\u6001<\/div>\n <div id=\"res-status\" class=\"text-xl font-bold text-gray-800 mt-1\">\u5185\u5377\u4e25\u91cd<\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-6 text-sm text-gray-600 bg-blue-50 p-4 rounded-lg\">\n <strong>\u6a21\u62df\u7ed3\u8bba\uff1a<\/strong> \u53ea\u6709\u5f53\u6211\u4eec\u5c06\u6ed1\u5757\u5411\u53f3\u79fb\u52a8\uff08\u589e\u52a0\u52b3\u52a8\u8005\u6536\u5165\uff09\uff0c\u56fd\u5185\u6d88\u8d39\u80fd\u529b\u624d\u4f1a\u4e0a\u5347\uff0c\u4ece\u800c\u6d88\u5316\u8fc7\u5269\u4ea7\u80fd\uff0c\u964d\u4f4e\u5bf9\u5916\u90e8\u5e02\u573a\u7684\u4f9d\u8d56\uff0c\u5b9e\u73b0\u826f\u6027\u7684\u201c\u5185\u5faa\u73af\u201d\u3002\n <\/div>\n \n <div class=\"mt-8 pt-6 border-t border-gray-200\">\n <h4 class=\"font-bold text-gray-800 mb-2\">\u4e0b\u4e00\u6b65\u7814\u7a76\u65b9\u5411\uff1a<\/h4>\n <div class=\"flex flex-wrap gap-2\">\n <span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u53cc\u5faa\u73af\u6218\u7565\u6267\u884c<\/span>\n <span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u623f\u5730\u4ea7\u8f6c\u578b\u89d2\u8272<\/span>\n <span class=\"px-3 py-1 bg-gray-100 rounded-full text-xs text-gray-600\">\u82af\u7247\u4e0eAI\u7a81\u56f4<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/main>\n\n \n <footer class=\"bg-gray-800 text-white py-8 mt-12\">\n <div class=\"max-w-7xl mx-auto px-4 text-center\">\n <p class=\"text-sm text-gray-400\">\u57fa\u4e8e\u201c\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u201d\u903b\u8f91\u590d\u76d8\u62a5\u544a\u751f\u6210<\/p>\n <p class=\"text-xs text-gray-600 mt-2\">Data visualizations are conceptual representations of the logic.<\/p>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ --- Navigation Logic ---\n function switchTab(tabId) {\n \/\/ Hide all sections\n document.querySelectorAll('.section-content').forEach(el => el.classList.remove('active'));\n \/\/ Show selected section\n document.getElementById(tabId).classList.add('active');\n \n \/\/ Update Tab Styles\n document.querySelectorAll('.nav-item').forEach(el => el.classList.remove('active-tab', 'text-gray-900'));\n document.querySelectorAll('.nav-item').forEach(el => el.classList.add('text-gray-500'));\n \n const activeBtn = document.getElementById('tab-' + tabId);\n activeBtn.classList.add('active-tab', 'text-gray-900');\n activeBtn.classList.remove('text-gray-500');\n\n \/\/ Trigger chart resize\/update if needed when tab becomes visible\n if(tabId === 'phenomenon' && window.supplyChart) window.supplyChart.resize();\n if(tabId === 'external' && window.impactChart) window.impactChart.resize();\n if(tabId === 'internal' && window.costChart) window.costChart.resize();\n \n \/\/ Close mobile menu if open\n document.getElementById('mobile-menu').classList.add('hidden');\n }\n\n \/\/ Mobile Menu Toggle\n document.getElementById('mobile-menu-btn').addEventListener('click', () => {\n document.getElementById('mobile-menu').classList.toggle('hidden');\n });\n\n \/\/ --- Interaction Logic: Card Details ---\n function toggleDetails(id) {\n const el = document.getElementById(id);\n el.classList.toggle('hidden');\n }\n\n \/\/ --- Interaction Logic: Policy Simulator ---\n const slider = document.getElementById('incomeSlider');\n slider.addEventListener('input', (e) => {\n const val = parseInt(e.target.value);\n document.getElementById('sliderValue').innerText = val + \"%\";\n \n \/\/ Update Visualization Bars\n \/\/ Consumption grows with income\n const consumptionWidth = ((val - 20) * 2) + \"%\"; \n document.getElementById('bar-consumption').style.width = consumptionWidth;\n \n \/\/ Export dependence drops as consumption rises\n const exportWidth = (100 - (val - 20) * 1.5) + \"%\";\n document.getElementById('bar-export').style.width = exportWidth;\n\n \/\/ Update Text Labels\n const resCon = document.getElementById('res-consumption');\n const resExp = document.getElementById('res-export');\n const resStatus = document.getElementById('res-status');\n\n if (val < 45) {\n resCon.innerText = \"\u5f31\"; resCon.className = \"text-2xl font-bold text-gray-400 mt-1\";\n resExp.innerText = \"\u6781\u9ad8\"; resExp.className = \"text-2xl font-bold text-red-600 mt-1\";\n resStatus.innerText = \"\u5185\u5377\u4e25\u91cd\"; resStatus.className = \"text-xl font-bold text-gray-800 mt-1\";\n } else if (val < 60) {\n resCon.innerText = \"\u4e2d\u7b49\"; resCon.className = \"text-2xl font-bold text-blue-500 mt-1\";\n resExp.innerText = \"\u4e2d\u7b49\"; resExp.className = \"text-2xl font-bold text-yellow-600 mt-1\";\n resStatus.innerText = \"\u8f6c\u578b\u4e2d...\"; resStatus.className = \"text-xl font-bold text-blue-800 mt-1\";\n } else {\n resCon.innerText = \"\u5f3a\u52b2\"; resCon.className = \"text-2xl font-bold text-green-600 mt-1\";\n resExp.innerText = \"\u5e73\u8861\"; resExp.className = \"text-2xl font-bold text-green-600 mt-1\";\n resStatus.innerText = \"\u826f\u6027\u5185\u5faa\u73af\"; resStatus.className = \"text-xl font-bold text-green-800 mt-1\";\n }\n });\n\n \/\/ --- Charts Implementation (Chart.js) ---\n window.onload = function() {\n \n \/\/ 1. Supply vs Demand Chart (Phenomenon)\n const ctxSupply = document.getElementById('supplyDemandChart').getContext('2d');\n window.supplyChart = new Chart(ctxSupply, {\n type: 'line',\n data: {\n labels: ['2010', '2012', '2014', '2016', '2018', '2020', '2022', '2024'],\n datasets: [\n {\n label: '\u5de5\u4e1a\u4ea7\u80fd\u6307\u6570 (Supply)',\n data: [100, 110, 125, 135, 150, 165, 185, 200],\n borderColor: '#C53030', \/\/ Red\n backgroundColor: 'rgba(197, 48, 48, 0.1)',\n fill: false,\n tension: 0.4,\n borderWidth: 3\n },\n {\n label: '\u56fd\u5185\u6d88\u8d39\u6307\u6570 (Demand)',\n data: [100, 108, 115, 122, 130, 135, 140, 145],\n borderColor: '#2B6CB0', \/\/ Blue\n backgroundColor: 'rgba(43, 108, 176, 0.1)',\n fill: true,\n tension: 0.4,\n borderWidth: 3\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n callbacks: {\n footer: (tooltipItems) => {\n return '\u5dee\u8ddd = \u51fa\u53e3\u987a\u5dee';\n }\n }\n },\n legend: { position: 'bottom' }\n },\n scales: {\n y: { display: false } \/\/ Abstract index\n }\n }\n });\n\n \/\/ 2. Impact Chart (External)\n const ctxImpact = document.getElementById('impactChart').getContext('2d');\n window.impactChart = new Chart(ctxImpact, {\n type: 'bar',\n data: {\n labels: ['\u5173\u7a0e\u58c1\u5792', '\u53cd\u8865\u8d34\u8c03\u67e5', '\u6280\u672f\u5c01\u9501', '\u4f9b\u5e94\u94fe\u79fb\u51fa'],\n datasets: [\n {\n label: '2010\u5e74 (\u6b22\u8fce\/\u4e92\u5229)',\n data: [10, 5, 5, 5],\n backgroundColor: '#9AE6B4', \/\/ Light Green\n },\n {\n label: '2024\u5e74 (\u9632\u5fa1\/\u535a\u5f08)',\n data: [85, 90, 95, 70],\n backgroundColor: '#E53E3E', \/\/ Red\n }\n ]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' }\n }\n }\n });\n\n \/\/ 3. Cost Chart (Internal)\n const ctxCost = document.getElementById('costChart').getContext('2d');\n window.costChart = new Chart(ctxCost, {\n type: 'bar',\n data: {\n labels: ['\u9636\u6bb51', '\u9636\u6bb52', '\u9636\u6bb53', '\u9636\u6bb54', '\u9636\u6bb55'],\n datasets: [\n {\n label: 'GDP\u589e\u901f',\n data: [10, 9, 8, 7, 5.5],\n backgroundColor: '#DD6B20', \/\/ Orange\n order: 2\n },\n {\n label: '\u52b3\u52a8\u62a5\u916c\u5360GDP\u6bd4\u91cd\u8d8b\u52bf',\n data: [4, 4.2, 4.1, 4.3, 4.2], \/\/ Conceptual low share flatline\n type: 'line',\n borderColor: '#3182CE',\n borderWidth: 3,\n order: 1,\n yAxisID: 'y1'\n }\n ]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n tooltip: {\n callbacks: {\n label: function(context) {\n if (context.dataset.type === 'line') {\n return context.dataset.label + ': \u4f4e\u4f4d\u5f98\u5f8a';\n }\n return context.dataset.label + ': ' + context.raw + '%';\n }\n }\n },\n legend: { position: 'bottom' }\n },\n scales: {\n y: {\n beginAtZero: true,\n display: false,\n title: { display: true, text: 'Growth %' }\n },\n y1: {\n type: 'linear',\n display: false,\n position: 'right',\n min: 0,\n max: 10\n }\n }\n }\n });\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u6df1\u5ea6\u590d\u76d8\uff1a\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u7684\u903b\u8f91\u95ed\u73af –> \ud83c\udde8\ud83c\uddf3 \u8d38\u6613\u987a\u5dee\u903b\u8f91\u590d\u76d8 1. \u73b0\u8c61\u4e0e\u6210\u56e0 2. \u6df1\u5c42\u76ee\u7684 3. \u5916\u90e8\u5f71\u54cd 4. \u5185\u90e8\u4ee3\u4ef7 5. \u672a\u6765\u8f6c\u6298 \u83dc\u5355 1. \u73b0\u8c61\u4e0e\u6210\u56e0 2. \u6df1\u5c42\u76ee\u7684 3. \u5916\u90e8\u5f71\u54cd 4. \u5185\u90e8\u4ee3\u4ef7 5. \u672a\u6765\u8f6c\u6298 \u5f3a\u4f9b\u7ed9 vs \u5f31\u9700\u6c42\uff1a\u5b8f\u89c2\u7ed3\u6784\u7684\u4ea7\u7269 \u4e2d\u56fd\u5de8\u5927\u7684\u8d38\u6613\u987a\u5dee\u5e76\u975e\u5076\u7136\uff0c\u800c\u662f\u201c\u592a\u80fd\u9020\u201d\uff08\u5168\u4ea7\u4e1a\u94fe\u3001\u65b0\u4e09\u6837\uff09\u4e0e\u201c\u6ca1\u82b1\u5b8c\u201d\uff08\u9ad8\u50a8\u84c4\u3001\u4f4e\u6d88\u8d39\uff09\u78b0\u649e\u7684\u7ed3\u679c\u3002 \u672c\u677f\u5757\u5c55\u793a\u4e86\u8fd9\u79cd\u4f9b\u9700\u5931\u8861\u5982\u4f55\u8feb\u4f7f\u4ea7\u80fd\u6ea2\u51fa\u5230\u5168\u7403\u5e02\u573a\u3002 \u4f9b\u7ed9\u4fa7\u5f15\u64ce \u5168\u4ea7\u4e1a\u94fe + \u65b0\u4e09\u6837\u7206\u53d1 \u7535\u52a8\u8f66\u3001\u5149\u4f0f\u3001\u7535\u6c60\u6280\u672f\u7ea2\u5229\u53e0\u52a0\u57fa\u7840\u8bbe\u65bd\u4f18\u52bf\u3002 \u9700\u6c42\u4fa7\u77ed\u677f \u9ad8\u50a8\u84c4\u7387 \u5c45\u6c11\u6d88\u8d39\u5360GDP\u6bd4\u91cd\u504f\u4f4e\uff0c\u5bfc\u81f4\u56fd\u5185\u65e0\u6cd5\u6d88\u5316\u5168\u90e8\u4ea7\u80fd\u3002 \u7ed3\u679c \u5de8\u989d\u987a\u5dee \u751f\u4ea7\u6ea2\u51fa – \u56fd\u5185\u6d88\u8d39 = \u5168\u7403\u8f93\u51fa\u3002 \u4ea7\u80fd\u4e0e\u6d88\u8d39\u526a\u5200\u5dee\u6a21\u578b \u70b9\u51fb\u56fe\u4f8b\u53ef\u9690\u85cf\/\u663e\u793a\u6570\u636e\u3002\u6ce8\u610f\u89c2\u5bdf\u4e24\u8005\u4e4b\u95f4\u4e0d\u65ad\u6269\u5927\u7684\u201c\u987a\u5dee\u533a\u57df\u201d\u3002 \u26a1\ufe0f \u6838\u5fc3\u9a71\u52a8\u529b\uff1a\u201c\u65b0\u4e09\u6837\u201d \ud83d\ude97 \u7535\u52a8\u6c7d\u8f66 \u2600\ufe0f \u5149\u4f0f\u4ea7\u54c1 \ud83d\udd0b \u9502\u7535\u6c60 \u6df1\u5c42\u76ee\u7684\uff1a\u7528\u201c\u4ea7\u80fd\u201d\u6362\u201c\u5b89\u5168\u201d \u8fd9\u4e0d\u4ec5\u4ec5\u662f\u7ecf\u6d4e\u8d26\uff0c\u66f4\u662f\u201c\u73b0\u4ee3\u91cd\u5546\u4e3b\u4e49\u201d\u7684\u56fd\u5bb6\u751f\u5b58\u7b56\u7565\u3002\u901a\u8fc7\u7ef4\u6301\u9ad8\u5f3a\u5ea6\u7684\u5de5\u4e1a\u751f\u4ea7\uff0c\u4e2d\u56fd\u5b9e\u73b0\u4e86\u4e09\u4e2a\u6838\u5fc3\u6218\u7565\u76ee\u6807\u3002 \u70b9\u51fb\u4e0b\u65b9\u5361\u7247\u67e5\u770b\u8be6\u7ec6\u903b\u8f91\u3002 1. \u4fdd\u996d\u7897 (\u5c31\u4e1a) \ud83d\udc77 \u5236\u9020\u4e1a\u662f\u5c31\u4e1a\u7684\u84c4\u6c34\u6c60\u3002\u7ef4\u6301\u51fa\u53e3\u5c31\u662f\u7ef4\u6301\u5de5\u5382\u8fd0\u8f6c\uff0c\u8fdb\u800c\u7ef4\u6301\u793e\u4f1a\u7a33\u5b9a\u3002 \u6838\u5fc3\u903b\u8f91\uff1a \u5168\u7403\u5e02\u573a\u63d0\u4f9b\u4e86\u989d\u5916\u7684\u9700\u6c42\uff0c\u8ba9\u4e2d\u56fd\u5e9e\u5927\u7684\u52b3\u52a8\u529b\u6709\u6d3b\u5e72\u3002\u5982\u679c\u51fa\u53e3\u53d7\u963b\uff0c\u5de5\u5382\u505c\u5de5\uff0c\u5931\u4e1a\u7387\u5c06\u6210\u4e3a\u9996\u8981\u98ce\u9669\u3002 \u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5 2. \u4e70\u8d44\u6e90 (\u5b89\u5168) \ud83d\udee2\ufe0f \u8d5a\u53d6\u5916\u6c47\uff08\u786c\u901a\u8d27\uff09\uff0c\u4e3a\u4e86\u8d2d\u4e70\u56fd\u5bb6\u6025\u9700\u7684\u77f3\u6cb9\u3001\u7cae\u98df\u3001\u77ff\u4ea7\u548c\u6280\u672f\u3002 \u6838\u5fc3\u903b\u8f91\uff1a \u4e2d\u56fd\u662f\u8d44\u6e90\u8fdb\u53e3\u5927\u56fd\u3002\u987a\u5dee\u79ef\u7d2f\u7684\u5916\u6c47\u50a8\u5907\u662f\u56fd\u5bb6\u7684\u201c\u62a4\u57ce\u6cb3\u201d\uff0c\u786e\u4fdd\u5728\u4efb\u4f55\u5730\u7f18\u5371\u673a\u4e0b\u90fd\u80fd\u4e70\u5230\u751f\u5b58\u5fc5\u9700\u54c1\u3002 \u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5 3. \u7ec3\u5185\u529f (\u5347\u7ea7) \ud83d\ude80 \u5229\u7528\u5168\u7403\u5e9e\u5927\u7684\u5e02\u573a\u5206\u644a\u9ad8\u6602\u7684\u7814\u53d1\u6210\u672c\uff0c\u52a9\u63a8\u4ea7\u4e1a\u6280\u672f\u8fed\u4ee3\u3002 \u6838\u5fc3\u903b\u8f91\uff1a \u53ea\u6709\u5356\u5411\u5168\u7403\uff0c\u9500\u91cf\u624d\u591f\u5927\uff0c\u624d\u80fd\u964d\u4f4e\u5355\u4f4d\u6210\u672c\uff0c\u4ece\u800c\u6709\u94b1\u6295\u5165\u4e0b\u4e00\u4ee3\u6280\u672f\u7814\u53d1\uff08\u5982\u534e\u4e3a\u3001\u6bd4\u4e9a\u8fea\u7684\u53d1\u5c55\u8def\u5f84\uff09\u3002 \u70b9\u51fb\u5c55\u5f00\/\u6298\u53e0\u8be6\u60c5 \u4e2d\u56fd\u5236\u9020 (\u5e9e\u5927\u4ea7\u80fd) \u8f93\u51fa\u5546\u54c1 \u6362\u56de\u5916\u6c47 \u56fd\u5bb6\u5b89\u5168\u8d44\u4ea7 (\u80fd\u6e90\/\u6280\u672f\/\u7cae\u98df) \u5916\u90e8\u5f71\u54cd\uff1a\u4ece\u201c\u4e92\u5229\u201d\u8d70\u5411\u201c\u535a\u5f08\u201d \u4e2d\u56fd\u8f93\u51fa\u4e86\u5ec9\u4ef7\u5546\u54c1\uff08\u901a\u7f29\uff09\uff0c\u4f46\u4e5f\u6324\u538b\u4e86\u4ed6\u56fd\u5236\u9020\u4e1a\uff08\u51b2\u51fb\uff09\u3002\u897f\u65b9\u56fd\u5bb6\u6b63\u5728\u4ece\u62e5\u62b1\u8f6c\u5411\u9632\u5fa1\uff0c\u5168\u7403\u8d38\u6613\u73af\u5883\u53d1\u751f\u8d28\u53d8\u3002 \u8fc7\u53bb (\u4e92\u5229) \u4e2d\u56fd\u63d0\u4f9b\u5ec9\u4ef7\u5546\u54c1\uff0c\u538b\u4f4e\u897f\u65b9\u901a\u80c0\uff1b\u897f\u65b9\u63d0\u4f9b\u6280\u672f\u548c\u8d44\u672c\u3002\u53cc\u65b9\u5404\u53d6\u6240\u9700\u3002 \u73b0\u5728 (\u535a\u5f08) \u4e2d\u56fd\u4ea7\u4e1a\u5347\u7ea7\uff0c\u5f00\u59cb\u62a2\u5360\u9ad8\u7aef\u5e02\u573a\uff08\u6c7d\u8f66\u3001\u9ad8\u79d1\u6280\uff09\u3002\u897f\u65b9\u611f\u5230\u5a01\u80c1\uff0c\u5f00\u59cb\u53cd\u51fb\u3002 \u4e3b\u8981\u53cd\u5236\u624b\u6bb5\uff1a \u5173\u7a0e\u58c1\u5792 (Tariffs) \u53cd\u8865\u8d34\u8c03\u67e5 (EV Investigations) \u4f9b\u5e94\u94fe\u91cd\u6784 (“China + 1”) \u5168\u7403\u5bf9\u534e\u8d38\u6613\u6001\u5ea6\u8f6c\u53d8 (\u6a21\u62df\u6307\u6570) \u5185\u90e8\u4ee3\u4ef7\uff1a\u751f\u4ea7\u4e0e\u6d88\u8d39\u7684\u6495\u88c2 \u4e3a\u4e86\u7ef4\u6301\u6781\u81f4\u7684\u51fa\u53e3\u7ade\u4e89\u529b\uff0c\u52b3\u52a8\u8005\u627f\u62c5\u4e86\u9690\u5f62\u6210\u672c\u3002\u8fd9\u662f\u987a\u5dee\u786c\u5e01\u7684\u53e6\u4e00\u9762\uff1a\u9ad8\u6548\u7684\u751f\u4ea7\u8005\uff0c\u75b2\u8f6f\u7684\u6d88\u8d39\u8005\u3002 USER_PERSONA: \u52b3\u52a8\u8005 \ud83e\uddd1\u200d\ud83d\udd27 \u52b3\u52a8\u8005\u7684\u8eab\u4efd\u56f0\u5883 \u751f\u4ea7\u8005\u89d2\u8272 996, \u9ad8\u6280\u80fd, \u9ad8\u6548\u7387 \u5f3a \ud83d\udcaa \u2b07\ufe0f \u6495\u88c2 \u2b07\ufe0f \u6d88\u8d39\u8005\u89d2\u8272 \u6536\u5165\u5360\u6bd4\u4f4e, \u4e70\u4e0d\u8d77\u9ad8\u7aef\u54c1 \u5f31 \ud83e\udd40 \u903b\u8f91\u540e\u679c\uff1a \u5de5\u8d44\u6da8\u5e45\u8dd1\u8f93GDP -> \u5c45\u6c11\u6ca1\u94b1\u6d88\u8d39 -> \u4f01\u4e1a\u53ea\u80fd\u7ee7\u7eed\u4f9d\u8d56\u51fa\u53e3 -> \u5185\u5377\u52a0\u5267\u3002 \u5b8f\u89c2\u6570\u636e\uff1aGDP\u589e\u957f vs \u5c45\u6c11\u6536\u5165\u5360\u6bd4 (\u6982\u5ff5\u793a\u610f) \u5206\u6790\uff1a \u7ea2\u8272\u67f1\u72b6\u56fe\u4ee3\u8868GDP\u9ad8\u901f\u589e\u957f\uff0c\u4f46\u84dd\u8272\u6298\u7ebf\u4ee3\u8868\u7684\u5c45\u6c11\u6536\u5165\u5360\u6bd4\u63d0\u5347\u7f13\u6162\u3002\u8fd9\u4e2d\u95f4\u7684\u5dee\u989d\uff0c\u53d8\u6210\u4e86\u57fa\u7840\u8bbe\u65bd\u6295\u8d44\u548c\u4f01\u4e1a\u5229\u6da6\uff0c\u6700\u7ec8\u8f6c\u5316\u4e3a\u51fa\u53e3\u4ea7\u80fd\u3002 \u4e00\u4e2a\u65f6\u4ee3\u7684\u8f6c\u6298\u70b9 \u65e7\u95ed\u73af\u6b63\u5728\u5931\u6548\u3002\u5916\u90e8\u5e02\u573a\u89c1\u9876\uff0c\u5185\u90e8\u52b3\u52a8\u8005\u89c9\u9192\u3002\u4e2d\u56fd\u7ecf\u6d4e\u5fc5\u987b\u4ece\u201c\u5916\u5faa\u73af\u9a71\u52a8\uff08\u51fa\u53e3\uff09\u201d\u8f6c\u5411\u201c\u5185\u5faa\u73af\u9a71\u52a8\uff08\u6d88\u8d39\uff09\u201d\u3002 \u6838\u5fc3\u89e3\u836f\uff1a\u63d0\u9ad8\u52b3\u52a8\u8005\u6536\u5165 = \u63d0\u9ad8\u5185\u9700 \ud83c\udf9b\ufe0f \u653f\u7b56\u6a21\u62df\u5668\uff1a\u8c03\u6574\u6536\u5165\u5206\u914d \u8c03\u8282\u5c45\u6c11\u6536\u5165\u5728GDP\u4e2d\u7684\u5360\u6bd4: 40% (\u73b0\u72b6: \u504f\u4f4e) \u4f4e\u6536\u5165\/\u9ad8\u6295\u8d44 \u9ad8\u6536\u5165\/\u9ad8\u6d88\u8d39 \u56fd\u5185\u6d88\u8d39\u80fd\u529b \u5f31 \u5bf9\u51fa\u53e3\u4f9d\u8d56\u5ea6 \u6781\u9ad8 \u7ecf\u6d4e\u5faa\u73af\u72b6\u6001 \u5185\u5377\u4e25\u91cd \u6a21\u62df\u7ed3\u8bba\uff1a \u53ea\u6709\u5f53\u6211\u4eec\u5c06\u6ed1\u5757\u5411\u53f3\u79fb\u52a8\uff08\u589e\u52a0\u52b3\u52a8\u8005\u6536\u5165\uff09\uff0c\u56fd\u5185\u6d88\u8d39\u80fd\u529b\u624d\u4f1a\u4e0a\u5347\uff0c\u4ece\u800c\u6d88\u5316\u8fc7\u5269\u4ea7\u80fd\uff0c\u964d\u4f4e\u5bf9\u5916\u90e8\u5e02\u573a\u7684\u4f9d\u8d56\uff0c\u5b9e\u73b0\u826f\u6027\u7684\u201c\u5185\u5faa\u73af\u201d\u3002 \u4e0b\u4e00\u6b65\u7814\u7a76\u65b9\u5411\uff1a \u53cc\u5faa\u73af\u6218\u7565\u6267\u884c \u623f\u5730\u4ea7\u8f6c\u578b\u89d2\u8272 \u82af\u7247\u4e0eAI\u7a81\u56f4 \u57fa\u4e8e\u201c\u4e2d\u56fd\u8d38\u6613\u987a\u5dee\u201d\u903b\u8f91\u590d\u76d8\u62a5\u544a\u751f\u6210 Data visualizations are conceptual representations of the logic.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/604","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=604"}],"version-history":[{"count":1,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":605,"href":"https:\/\/trantor.ink\/index.php?rest_route=\/wp\/v2\/pages\/604\/revisions\/605"}],"wp:attachment":[{"href":"https:\/\/trantor.ink\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}