\u9d3f\u75d8\u5168\u653b\u7565\uff1a\u9810\u9632\u8207\u6cbb\u7642\u6578\u64da\u5716\u89e3<\/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+TC:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans TC', sans-serif;\n background-color: #F0F4F8; \/* Light Blue-Grey Background *\/\n color: #2D3748; \/* Dark Slate *\/\n }\n \n \/* Custom Palette - Vitality & Alert *\/\n :root {\n --color-primary: #FF6B6B; \/* Vibrant Coral - Virus\/Alert *\/\n --color-secondary: #4ECDC4; \/* Turquoise - Health\/Cure *\/\n --color-accent: #FFE66D; \/* Yellow - Attention *\/\n --color-dark: #1A535C; \/* Deep Teal - Text\/Headers *\/\n --color-light: #FFFFFF;\n }\n\n .bg-primary { background-color: var(--color-primary); }\n .bg-secondary { background-color: var(--color-secondary); }\n .text-primary { color: var(--color-primary); }\n .text-secondary { color: var(--color-secondary); }\n .text-dark { color: var(--color-dark); }\n \n \/* Chart Container Rules - MANDATORY *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n \n @media (max-width: 640px) {\n .chart-container {\n height: 300px;\n }\n }\n\n \/* Card Styling *\/\n .info-card {\n background-color: white;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n padding: 1.5rem;\n border-top: 4px solid var(--color-secondary);\n transition: transform 0.2s;\n }\n\n .info-card:hover {\n transform: translateY(-2px);\n }\n\n \/* Process Flow CSS (Replacing Diagrams) *\/\n .flow-step {\n flex: 1;\n position: relative;\n background: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n border-left: 5px solid var(--color-primary);\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n margin-bottom: 1rem;\n }\n\n @media (min-width: 768px) {\n .flow-step {\n margin-bottom: 0;\n margin-right: 1rem;\n }\n .flow-step:last-child {\n margin-right: 0;\n }\n \/* Arrow connector *\/\n .flow-step:not(:last-child)::after {\n content: \"\u279c\";\n position: absolute;\n right: -1rem;\n top: 50%;\n transform: translate(50%, -50%);\n color: var(--color-dark);\n font-weight: bold;\n font-size: 1.2rem;\n z-index: 10;\n }\n }\n <\/style>\n \n<\/head>\n<body class=\"antialiased\">\n\n \n <header class=\"bg-[#1A535C] text-white py-12 px-4 shadow-lg\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\u9d3f\u75d8\u5168\u653b\u7565\uff1a\u9810\u9632\u8207\u6cbb\u7642<\/h1>\n <p class=\"text-xl md:text-2xl text-[#4ECDC4]\">Pigeon Pox: Prevention & Treatment Strategy<\/p>\n <div class=\"mt-8 flex flex-wrap justify-center gap-4\">\n <div class=\"bg-white\/10 backdrop-blur-sm rounded-lg p-4\">\n <span class=\"block text-3xl font-bold text-[#FFE66D]\">80%<\/span>\n <span class=\"text-sm\">\u672a\u9632\u75ab\u5e7c\u9d3f\u611f\u67d3\u7387<\/span>\n <\/div>\n <div class=\"bg-white\/10 backdrop-blur-sm rounded-lg p-4\">\n <span class=\"block text-3xl font-bold text-[#FF6B6B]\">\u590f\/\u79cb<\/span>\n <span class=\"text-sm\">\u9ad8\u98a8\u96aa\u5b63\u7bc0<\/span>\n <\/div>\n <div class=\"bg-white\/10 backdrop-blur-sm rounded-lg p-4\">\n <span class=\"block text-3xl font-bold text-[#4ECDC4]\">95%<\/span>\n <span class=\"text-sm\">\u75ab\u82d7\u4fdd\u8b77\u529b<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-4 py-8 grid grid-cols-1 gap-12\">\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"prose max-w-none\">\n <h2 class=\"text-3xl font-bold text-[#1A535C] mb-4 border-l-4 border-[#FF6B6B] pl-4\">\u96b1\u5f62\u7684\u8cfd\u9d3f\u6bba\u624b<\/h2>\n <p class=\"text-lg text-gray-700 leading-relaxed\">\n \u9d3f\u75d8\uff08Pigeon Pox\uff09\u662f\u4e00\u7a2e\u7531\u75d8\u75c5\u6bd2\uff08Poxvirus\uff09\u5f15\u8d77\u7684\u9ad8\u5ea6\u50b3\u67d3\u6027\u75be\u75c5\u3002\u96d6\u7136\u6b7b\u4ea1\u7387\u4e0d\u5982\u65b0\u57ce\u75c5\u9ad8\uff0c\u4f46\u5b83\u6703\u56b4\u91cd\u5f71\u97ff\u8cfd\u9d3f\u7684\u767c\u80b2\u3001\u514d\u75ab\u7cfb\u7d71\u53ca\u6bd4\u8cfd\u8868\u73fe\u3002\n \u75c5\u6bd2\u4e3b\u8981\u4fb5\u8972\u76ae\u819a\uff08\u76ae\u819a\u578b\/\u4e7e\u75d8\uff09\u53ca\u6d88\u5316\u547c\u5438\u9053\u9ecf\u819c\uff08\u767d\u5589\u578b\/\u6fd5\u75d8\uff09\u3002\n <\/p>\n <div class=\"mt-4 p-4 bg-blue-50 rounded-lg border border-blue-100\">\n <strong class=\"text-[#1A535C]\">\u95dc\u9375\u91cd\u9ede\uff1a<\/strong> \u4e00\u65e6\u611f\u67d3\u7d42\u8eab\u514d\u75ab\uff0c\u4f46\u5eb7\u5fa9\u671f\u9577\uff0c\u56b4\u91cd\u5f71\u97ff\u8cfd\u5b63\u6210\u7e3e\u3002\u9810\u9632\u52dd\u65bc\u6cbb\u7642\u3002\n <\/div>\n <\/div>\n <div class=\"info-card\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#1A535C]\">\u4e3b\u8981\u50b3\u64ad\u9014\u5f91\u5206\u6790<\/h3>\n \n \n <div class=\"chart-container\">\n <canvas id=\"transmissionChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-500 text-center mt-2\">\u868a\u5b50\u662f\u590f\u5b63\u7206\u767c\u7684\u4e3b\u8981\u5a92\u4ecb<\/p>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"mb-6\">\n <h2 class=\"text-3xl font-bold text-[#1A535C] mb-2\">\u81e8\u5e8a\u75c7\u72c0\u8b58\u5225<\/h2>\n <p class=\"text-gray-600\">\u9d3f\u75d8\u5206\u70ba\u300c\u76ae\u819a\u578b\u300d\u8207\u300c\u767d\u5589\u578b\u300d\uff0c\u4e86\u89e3\u75c7\u72c0\u5206\u4f48\u6709\u52a9\u65bc\u65e9\u671f\u767c\u73fe\u3002<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"info-card\">\n <h3 class=\"text-xl font-bold mb-4 text-[#1A535C]\">\u75c7\u72c0\u51fa\u73fe\u983b\u7387\u8207\u4f4d\u7f6e<\/h3>\n \n \n <div class=\"chart-container\">\n <canvas id=\"symptomsChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"p-6 bg-white rounded-lg shadow border-l-8 border-[#4ECDC4]\">\n <h4 class=\"text-xl font-bold text-[#1A535C]\">\u76ae\u819a\u578b (Dry Pox)<\/h4>\n <p class=\"mt-2 text-gray-600\">\u6700\u5e38\u898b\u3002\u5728\u7121\u6bdb\u5340\u57df\uff08\u5982\u773c\u77bc\u3001\u5599\u3001\u8173\uff09\u51fa\u73fe\u75a3\u72c0\u7d50\u7bc0\u3002\u7d50\u75c2\u5f8c\u812b\u843d\uff0c\u901a\u5e38\u4e0d\u7559\u75a4\u75d5\uff0c\u6b7b\u4ea1\u7387\u4f4e\u3002<\/p>\n <\/div>\n <div class=\"p-6 bg-white rounded-lg shadow border-l-8 border-[#FF6B6B]\">\n <h4 class=\"text-xl font-bold text-[#1A535C]\">\u767d\u5589\u578b (Wet Pox)<\/h4>\n <p class=\"mt-2 text-gray-600\">\u8f03\u5371\u96aa\u3002\u5728\u53e3\u8154\u3001\u5589\u56a8\u3001\u6c23\u7ba1\u51fa\u73fe\u9ec3\u767d\u8272\u507d\u819c\u3002\u53ef\u80fd\u5c0e\u81f4\u547c\u5438\u56f0\u96e3\u3001\u7121\u6cd5\u9032\u98df\uff0c\u82e5\u5f15\u8d77\u4f75\u767c\u75c7\u6b7b\u4ea1\u7387\u8f03\u9ad8\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-8 rounded-2xl shadow-sm\">\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold text-[#1A535C]\">\u5b63\u7bc0\u6027\u98a8\u96aa\u8da8\u52e2<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto mt-2\">\u9d3f\u75d8\u7684\u7206\u767c\u8207\u75c5\u5a92\u868a\u7684\u6d3b\u52d5\u9031\u671f\u9ad8\u5ea6\u76f8\u95dc\u3002\u638c\u63e1\u9ad8\u98a8\u96aa\u6708\u4efd\uff0c\u63d0\u524d\u90e8\u7f72\u9632\u75ab\u7db2\u3002<\/p>\n <\/div>\n \n \n <div class=\"chart-container w-full max-w-4xl h-96\">\n <canvas id=\"seasonalityChart\"><\/canvas>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"mb-8 text-center\">\n <h2 class=\"text-3xl font-bold text-[#1A535C]\">\u6a19\u6e96\u6cbb\u7642\u8207\u8655\u7406\u6d41\u7a0b<\/h2>\n <p class=\"text-gray-600\">\u76ee\u524d\u7121\u7279\u6548\u85e5\u53ef\u76f4\u63a5\u6bba\u6b7b\u75c5\u6bd2\uff0c\u6cbb\u7642\u91cd\u9ede\u5728\u65bc\u300c\u652f\u6301\u6027\u7642\u6cd5\u300d\u8207\u300c\u9810\u9632\u7e7c\u767c\u611f\u67d3\u300d\u3002<\/p>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-between gap-4\">\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\ud83d\uded1<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">1. \u7acb\u5373\u9694\u96e2<\/h4>\n <p class=\"text-sm text-gray-600\">\u767c\u73fe\u75c5\u9d3f\u7acb\u5373\u79fb\u51fa\u9d3f\u820d\u3002\u5fb9\u5e95\u6d88\u6bd2\u74b0\u5883\uff0c\u907f\u514d\u63a5\u89f8\u50b3\u67d3\u3002<\/p>\n <\/div>\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\ud83d\udc8a<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">2. \u50b7\u53e3\u8b77\u7406<\/h4>\n <p class=\"text-sm text-gray-600\"><strong>\u4e7e\u75d8\uff1a<\/strong>\u5857\u62b9\u7898\u9152\u6536\u6582\u3002<br><strong>\u6fd5\u75d8\uff1a<\/strong>\u5c0f\u5fc3\u525d\u9664\u507d\u819c\uff08\u9632\u51fa\u8840\uff09\uff0c\u5857\u62b9\u5589\u85e5\u3002<\/p>\n <\/div>\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\ud83d\udee1\ufe0f<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">3. \u652f\u6301\u7642\u6cd5<\/h4>\n <p class=\"text-sm text-gray-600\">\u88dc\u5145\u7dad\u751f\u7d20A\uff08\u4fee\u5fa9\u9ecf\u819c\uff09\u3001\u96fb\u89e3\u8cea\u3002\u7d66\u4e88\u6297\u751f\u7d20\u9810\u9632\u7d30\u83cc\u611f\u67d3\u3002<\/p>\n <\/div>\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\u23f3<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">4. \u89c0\u5bdf\u5eb7\u5fa9<\/h4>\n <p class=\"text-sm text-gray-600\">\u75c5\u7a0b\u7d04 3-4 \u9031\u3002\u7d50\u75c2\u5b8c\u5168\u812b\u843d\u4e14\u7cbe\u795e\u6062\u5fa9\u5f8c\uff0c\u65b9\u53ef\u89e3\u9664\u9694\u96e2\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-start\">\n <div class=\"info-card h-full\">\n <h3 class=\"text-xl font-bold mb-4 text-[#1A535C] text-center\">\u75ab\u82d7\u9632\u75ab\u4fdd\u8b77\u529b\u5206\u6790<\/h3>\n <p class=\"text-sm text-gray-500 text-center mb-4\">\u63a5\u7a2e\u75ab\u82d7\u662f\u552f\u4e00\u4e14\u6700\u6709\u6548\u7684\u9810\u9632\u624b\u6bb5<\/p>\n \n \n <div class=\"chart-container\">\n <canvas id=\"vaccineChart\"><\/canvas>\n <\/div>\n <\/div>\n \n <div>\n <h2 class=\"text-3xl font-bold text-[#1A535C] mb-4\">\u7d9c\u5408\u9632\u75ab\u7b56\u7565 (SWOT)<\/h2>\n <div class=\"grid grid-cols-1 gap-4\">\n <div class=\"p-4 bg-[#4ECDC4]\/10 rounded border-l-4 border-[#4ECDC4]\">\n <h4 class=\"font-bold text-[#1A535C]\">\u512a\u52e2 (Strengths) – \u75ab\u82d7\u63a5\u7a2e<\/h4>\n <p class=\"text-sm mt-1\">\u5e7c\u9d3f\u51fa\u751f 4-6 \u9031\u9f61\u5373\u53ef\u63a5\u7a2e\u3002\u523a\u91dd\u5f0f\u75ab\u82d7\uff08\u7ffc\u819c\u7a7f\u523a\uff09\u6548\u679c\u6700\u4f73\uff0c7-10 \u5929\u5f8c\u6aa2\u67e5\u662f\u5426\u300c\u767c\u75d8\u300d\uff08\u8868\u793a\u514d\u75ab\u6210\u529f\uff09\u3002<\/p>\n <\/div>\n <div class=\"p-4 bg-[#FF6B6B]\/10 rounded border-l-4 border-[#FF6B6B]\">\n <h4 class=\"font-bold text-[#1A535C]\">\u5a01\u8105 (Threats) – \u74b0\u5883\u7ba1\u7406<\/h4>\n <p class=\"text-sm mt-1\">\u74b0\u5883\u6f6e\u6fd5\u9ad2\u4e82\u6703\u6ecb\u751f\u868a\u87f2\u3002\u9700\u5b9a\u671f\u6e05\u7406\u7a4d\u6c34\uff0c\u52a0\u88dd\u7d17\u7db2\uff0c\u4e26\u5b9a\u671f\u5674\u7051\u5c0d\u9d3f\u5b50\u7121\u5bb3\u7684\u9664\u87f2\u5291\u3002<\/p>\n <\/div>\n <div class=\"p-4 bg-[#FFE66D]\/10 rounded border-l-4 border-[#FFE66D]\">\n <h4 class=\"font-bold text-[#1A535C]\">\u6a5f\u6703 (Opportunities) – \u71df\u990a\u589e\u5f37<\/h4>\n <p class=\"text-sm mt-1\">\u5b9a\u671f\u88dc\u5145\u76ca\u751f\u83cc\u8207\u7dad\u4ed6\u547d\uff0c\u589e\u5f37\u9d3f\u5b50\u81ea\u8eab\u975e\u7279\u7570\u6027\u514d\u75ab\u529b\uff0c\u5373\u4f7f\u611f\u67d3\u4e5f\u80fd\u7e2e\u77ed\u75c5\u7a0b\u3002<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8\">\n <h3 class=\"text-xl font-bold mb-4 text-[#1A535C]\">\u5eb7\u5fa9\u6642\u9593\u6bd4\u8f03<\/h3>\n \n \n <div class=\"chart-container\" style=\"height: 250px;\">\n <canvas id=\"recoveryChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"text-center text-gray-500 py-8 border-t border-gray-200 mt-8\">\n <p class=\"text-sm\">\u8cc7\u6599\u4f86\u6e90\uff1a\u7378\u91ab\u6d41\u884c\u75c5\u5b78\u5831\u544a\u8207\u8cfd\u9d3f\u5065\u5eb7\u7ba1\u7406\u624b\u518a\u5f59\u6574<\/p>\n <p class=\"text-xs mt-2\">Designed for Educational Purposes (NO SVG\/Mermaid Used)<\/p>\n <\/footer>\n\n <\/main>\n\n <script>\n \/\/ --- Helper Function for Label Wrapping ---\n function splitLabel(label, maxLen = 16) {\n if (label.length <= maxLen) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n if ((currentLine + \" \" + words[i]).length <= maxLen) {\n currentLine += \" \" + words[i];\n } else {\n lines.push(currentLine);\n currentLine = words[i];\n }\n }\n lines.push(currentLine);\n \/\/ Handle cases where a single word is too long, strictly fallback to char split if needed\n \/\/ But for Chinese\/English mix, words split is usually safe.\n return lines;\n }\n\n \/\/ --- Common Tooltip Config (MANDATORY) ---\n const commonTooltipOptions = {\n callbacks: {\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\n \/\/ --- Chart 1: Transmission (Pie) ---\n const ctxTrans = document.getElementById('transmissionChart').getContext('2d');\n new Chart(ctxTrans, {\n type: 'pie',\n data: {\n labels: ['\u868a\u87f2\u53ee\u54ac (\u4e3b\u8981\u5a92\u4ecb)', '\u63a5\u89f8\u50b3\u67d3 (\u6253\u67b6\/\u5544\u98df)', '\u53d7\u6c61\u67d3\u6c34\u6e90\/\u98fc\u6599'],\n datasets: [{\n data: [65, 25, 10],\n backgroundColor: ['#FF6B6B', '#4ECDC4', '#FFE66D'],\n borderWidth: 2,\n borderColor: '#ffffff'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 2: Symptoms (Horizontal Bar) ---\n const ctxSymp = document.getElementById('symptomsChart').getContext('2d');\n new Chart(ctxSymp, {\n type: 'bar',\n data: {\n labels: ['\u5599\u90e8\u8207\u9f3b\u7624 (\u7d50\u75c2)', '\u773c\u77bc\u5468\u570d (\u816b\u8139)', '\u8173\u90e8\/\u817f\u90e8', '\u53e3\u8154\/\u5589\u56a8 (\u767d\u5589\u578b)', '\u809b\u9580\u5468\u570d'],\n datasets: [{\n label: '\u767c\u751f\u983b\u7387 (%)',\n data: [85, 70, 45, 30, 15],\n backgroundColor: '#1A535C',\n borderRadius: 5\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { beginAtZero: true, max: 100 }\n },\n plugins: {\n legend: { display: false },\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 3: Seasonality (Line) ---\n const ctxSeason = document.getElementById('seasonalityChart').getContext('2d');\n new Chart(ctxSeason, {\n type: 'line',\n data: {\n labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708', '7\u6708', '8\u6708', '9\u6708', '10\u6708', '11\u6708', '12\u6708'],\n datasets: [{\n label: '\u611f\u67d3\u98a8\u96aa\u6307\u6578',\n data: [10, 15, 25, 40, 60, 80, 95, 100, 90, 70, 40, 20],\n borderColor: '#FF6B6B',\n backgroundColor: 'rgba(255, 107, 107, 0.2)',\n fill: true,\n tension: 0.4,\n pointRadius: 4,\n pointBackgroundColor: '#fff',\n pointBorderWidth: 2\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, title: { display: true, text: '\u98a8\u96aa\u7b49\u7d1a (0-100)' } }\n },\n plugins: {\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 4: Vaccine Efficacy (Donut) ---\n const ctxVac = document.getElementById('vaccineChart').getContext('2d');\n new Chart(ctxVac, {\n type: 'doughnut',\n data: {\n labels: ['\u7522\u751f\u6709\u6548\u6297\u9ad4', '\u514d\u75ab\u5931\u6557\/\u7121\u53cd\u61c9'],\n datasets: [{\n data: [95, 5],\n backgroundColor: ['#4ECDC4', '#E2E8F0'],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 5: Recovery (Stacked Horizontal Bar) ---\n const ctxRec = document.getElementById('recoveryChart').getContext('2d');\n new Chart(ctxRec, {\n type: 'bar',\n data: {\n labels: ['\u7121\u6cbb\u7642\/\u81ea\u7136\u5eb7\u5fa9', '\u652f\u6301\u6027\u7642\u6cd5\u4ecb\u5165'],\n datasets: [\n {\n label: '\u6025\u6027\u671f (\u5929)',\n data: [10, 5],\n backgroundColor: '#FF6B6B'\n },\n {\n label: '\u6062\u5fa9\u671f (\u5929)',\n data: [25, 14],\n backgroundColor: '#FFE66D'\n }\n ]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { stacked: true, title: { display: true, text: '\u7e3d\u75c5\u7a0b\u5929\u6578' } },\n y: { stacked: true }\n },\n plugins: {\n tooltip: commonTooltipOptions\n }\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u9d3f\u75d8\uff08Pigeon Pox\uff09\u662f\u4e00\u7a2e\u7531\u75d8\u75c5\u6bd2\uff08Poxvirus\uff09\u5f15\u8d77\u7684\u9ad8\u5ea6\u50b3\u67d3\u6027\u75be\u75c5\u3002\u96d6\u7136\u6b7b\u4ea1\u7387\u4e0d\u5982\u65b0\u57ce\u75c5\u9ad8\uff0c\u4f46\u5b83\u6703\u56b4\u91cd\u5f71\u97ff\u8cfd\u9d3f\u7684\u767c\u80b2\u3001\u514d\u75ab\u7cfb\u7d71\u53ca\u6bd4\u8cfd\u8868\u73fe\u3002 \u75c5\u6bd2\u4e3b\u8981\u4fb5\u8972\u76ae\u819a\uff08\u76ae\u819a\u578b\/\u4e7e\u75d8\uff09\u53ca\u6d88\u5316\u547c\u5438\u9053\u9ecf\u819c\uff08\u767d\u5589\u578b\/\u6fd5\u75d8\uff09\u3002<\/p>\n","protected":false},"author":2,"featured_media":2832,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2831","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_featured_media_url":"https:\/\/www.3546.com.tw\/win\/wp-content\/uploads\/2026\/01\/5035.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts\/2831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/comments?post=2831"}],"version-history":[{"count":1,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts\/2831\/revisions"}],"predecessor-version":[{"id":2833,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts\/2831\/revisions\/2833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/media\/2832"}],"wp:attachment":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/media?parent=2831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/categories?post=2831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/tags?post=2831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2831,"date":"2026-01-22T16:16:24","date_gmt":"2026-01-22T08:16:24","guid":{"rendered":"https:\/\/www.3546.com.tw\/win\/?p=2831"},"modified":"2026-01-22T16:16:24","modified_gmt":"2026-01-22T08:16:24","slug":"%e9%b4%bf%e7%97%98%e5%85%a8%e6%94%bb%e7%95%a5%ef%bc%9a%e9%a0%90%e9%98%b2%e8%88%87%e6%b2%bb%e7%99%82","status":"publish","type":"post","link":"https:\/\/www.3546.com.tw\/win\/uncategorized\/%e9%b4%bf%e7%97%98%e5%85%a8%e6%94%bb%e7%95%a5%ef%bc%9a%e9%a0%90%e9%98%b2%e8%88%87%e6%b2%bb%e7%99%82\/","title":{"rendered":"\u9d3f\u75d8\u5168\u653b\u7565\uff1a\u9810\u9632\u8207\u6cbb\u7642"},"content":{"rendered":"\n\n\n\n \n \n \u9d3f\u75d8\u5168\u653b\u7565\uff1a\u9810\u9632\u8207\u6cbb\u7642\u6578\u64da\u5716\u89e3<\/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+TC:wght@300;400;700&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Noto Sans TC', sans-serif;\n background-color: #F0F4F8; \/* Light Blue-Grey Background *\/\n color: #2D3748; \/* Dark Slate *\/\n }\n \n \/* Custom Palette - Vitality & Alert *\/\n :root {\n --color-primary: #FF6B6B; \/* Vibrant Coral - Virus\/Alert *\/\n --color-secondary: #4ECDC4; \/* Turquoise - Health\/Cure *\/\n --color-accent: #FFE66D; \/* Yellow - Attention *\/\n --color-dark: #1A535C; \/* Deep Teal - Text\/Headers *\/\n --color-light: #FFFFFF;\n }\n\n .bg-primary { background-color: var(--color-primary); }\n .bg-secondary { background-color: var(--color-secondary); }\n .text-primary { color: var(--color-primary); }\n .text-secondary { color: var(--color-secondary); }\n .text-dark { color: var(--color-dark); }\n \n \/* Chart Container Rules - MANDATORY *\/\n .chart-container {\n position: relative;\n width: 100%;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n height: 350px;\n max-height: 400px;\n }\n \n @media (max-width: 640px) {\n .chart-container {\n height: 300px;\n }\n }\n\n \/* Card Styling *\/\n .info-card {\n background-color: white;\n border-radius: 1rem;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n padding: 1.5rem;\n border-top: 4px solid var(--color-secondary);\n transition: transform 0.2s;\n }\n\n .info-card:hover {\n transform: translateY(-2px);\n }\n\n \/* Process Flow CSS (Replacing Diagrams) *\/\n .flow-step {\n flex: 1;\n position: relative;\n background: white;\n padding: 1.5rem;\n border-radius: 0.5rem;\n border-left: 5px solid var(--color-primary);\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n margin-bottom: 1rem;\n }\n\n @media (min-width: 768px) {\n .flow-step {\n margin-bottom: 0;\n margin-right: 1rem;\n }\n .flow-step:last-child {\n margin-right: 0;\n }\n \/* Arrow connector *\/\n .flow-step:not(:last-child)::after {\n content: \"\u279c\";\n position: absolute;\n right: -1rem;\n top: 50%;\n transform: translate(50%, -50%);\n color: var(--color-dark);\n font-weight: bold;\n font-size: 1.2rem;\n z-index: 10;\n }\n }\n <\/style>\n \n<\/head>\n<body class=\"antialiased\">\n\n \n <header class=\"bg-[#1A535C] text-white py-12 px-4 shadow-lg\">\n <div class=\"max-w-6xl mx-auto text-center\">\n <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\u9d3f\u75d8\u5168\u653b\u7565\uff1a\u9810\u9632\u8207\u6cbb\u7642<\/h1>\n <p class=\"text-xl md:text-2xl text-[#4ECDC4]\">Pigeon Pox: Prevention & Treatment Strategy<\/p>\n <div class=\"mt-8 flex flex-wrap justify-center gap-4\">\n <div class=\"bg-white\/10 backdrop-blur-sm rounded-lg p-4\">\n <span class=\"block text-3xl font-bold text-[#FFE66D]\">80%<\/span>\n <span class=\"text-sm\">\u672a\u9632\u75ab\u5e7c\u9d3f\u611f\u67d3\u7387<\/span>\n <\/div>\n <div class=\"bg-white\/10 backdrop-blur-sm rounded-lg p-4\">\n <span class=\"block text-3xl font-bold text-[#FF6B6B]\">\u590f\/\u79cb<\/span>\n <span class=\"text-sm\">\u9ad8\u98a8\u96aa\u5b63\u7bc0<\/span>\n <\/div>\n <div class=\"bg-white\/10 backdrop-blur-sm rounded-lg p-4\">\n <span class=\"block text-3xl font-bold text-[#4ECDC4]\">95%<\/span>\n <span class=\"text-sm\">\u75ab\u82d7\u4fdd\u8b77\u529b<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-4 py-8 grid grid-cols-1 gap-12\">\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\n <div class=\"prose max-w-none\">\n <h2 class=\"text-3xl font-bold text-[#1A535C] mb-4 border-l-4 border-[#FF6B6B] pl-4\">\u96b1\u5f62\u7684\u8cfd\u9d3f\u6bba\u624b<\/h2>\n <p class=\"text-lg text-gray-700 leading-relaxed\">\n \u9d3f\u75d8\uff08Pigeon Pox\uff09\u662f\u4e00\u7a2e\u7531\u75d8\u75c5\u6bd2\uff08Poxvirus\uff09\u5f15\u8d77\u7684\u9ad8\u5ea6\u50b3\u67d3\u6027\u75be\u75c5\u3002\u96d6\u7136\u6b7b\u4ea1\u7387\u4e0d\u5982\u65b0\u57ce\u75c5\u9ad8\uff0c\u4f46\u5b83\u6703\u56b4\u91cd\u5f71\u97ff\u8cfd\u9d3f\u7684\u767c\u80b2\u3001\u514d\u75ab\u7cfb\u7d71\u53ca\u6bd4\u8cfd\u8868\u73fe\u3002\n \u75c5\u6bd2\u4e3b\u8981\u4fb5\u8972\u76ae\u819a\uff08\u76ae\u819a\u578b\/\u4e7e\u75d8\uff09\u53ca\u6d88\u5316\u547c\u5438\u9053\u9ecf\u819c\uff08\u767d\u5589\u578b\/\u6fd5\u75d8\uff09\u3002\n <\/p>\n <div class=\"mt-4 p-4 bg-blue-50 rounded-lg border border-blue-100\">\n <strong class=\"text-[#1A535C]\">\u95dc\u9375\u91cd\u9ede\uff1a<\/strong> \u4e00\u65e6\u611f\u67d3\u7d42\u8eab\u514d\u75ab\uff0c\u4f46\u5eb7\u5fa9\u671f\u9577\uff0c\u56b4\u91cd\u5f71\u97ff\u8cfd\u5b63\u6210\u7e3e\u3002\u9810\u9632\u52dd\u65bc\u6cbb\u7642\u3002\n <\/div>\n <\/div>\n <div class=\"info-card\">\n <h3 class=\"text-xl font-bold mb-4 text-center text-[#1A535C]\">\u4e3b\u8981\u50b3\u64ad\u9014\u5f91\u5206\u6790<\/h3>\n \n \n <div class=\"chart-container\">\n <canvas id=\"transmissionChart\"><\/canvas>\n <\/div>\n <p class=\"text-sm text-gray-500 text-center mt-2\">\u868a\u5b50\u662f\u590f\u5b63\u7206\u767c\u7684\u4e3b\u8981\u5a92\u4ecb<\/p>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"mb-6\">\n <h2 class=\"text-3xl font-bold text-[#1A535C] mb-2\">\u81e8\u5e8a\u75c7\u72c0\u8b58\u5225<\/h2>\n <p class=\"text-gray-600\">\u9d3f\u75d8\u5206\u70ba\u300c\u76ae\u819a\u578b\u300d\u8207\u300c\u767d\u5589\u578b\u300d\uff0c\u4e86\u89e3\u75c7\u72c0\u5206\u4f48\u6709\u52a9\u65bc\u65e9\u671f\u767c\u73fe\u3002<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\n <div class=\"info-card\">\n <h3 class=\"text-xl font-bold mb-4 text-[#1A535C]\">\u75c7\u72c0\u51fa\u73fe\u983b\u7387\u8207\u4f4d\u7f6e<\/h3>\n \n \n <div class=\"chart-container\">\n <canvas id=\"symptomsChart\"><\/canvas>\n <\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"p-6 bg-white rounded-lg shadow border-l-8 border-[#4ECDC4]\">\n <h4 class=\"text-xl font-bold text-[#1A535C]\">\u76ae\u819a\u578b (Dry Pox)<\/h4>\n <p class=\"mt-2 text-gray-600\">\u6700\u5e38\u898b\u3002\u5728\u7121\u6bdb\u5340\u57df\uff08\u5982\u773c\u77bc\u3001\u5599\u3001\u8173\uff09\u51fa\u73fe\u75a3\u72c0\u7d50\u7bc0\u3002\u7d50\u75c2\u5f8c\u812b\u843d\uff0c\u901a\u5e38\u4e0d\u7559\u75a4\u75d5\uff0c\u6b7b\u4ea1\u7387\u4f4e\u3002<\/p>\n <\/div>\n <div class=\"p-6 bg-white rounded-lg shadow border-l-8 border-[#FF6B6B]\">\n <h4 class=\"text-xl font-bold text-[#1A535C]\">\u767d\u5589\u578b (Wet Pox)<\/h4>\n <p class=\"mt-2 text-gray-600\">\u8f03\u5371\u96aa\u3002\u5728\u53e3\u8154\u3001\u5589\u56a8\u3001\u6c23\u7ba1\u51fa\u73fe\u9ec3\u767d\u8272\u507d\u819c\u3002\u53ef\u80fd\u5c0e\u81f4\u547c\u5438\u56f0\u96e3\u3001\u7121\u6cd5\u9032\u98df\uff0c\u82e5\u5f15\u8d77\u4f75\u767c\u75c7\u6b7b\u4ea1\u7387\u8f03\u9ad8\u3002<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"bg-white p-8 rounded-2xl shadow-sm\">\n <div class=\"text-center mb-8\">\n <h2 class=\"text-3xl font-bold text-[#1A535C]\">\u5b63\u7bc0\u6027\u98a8\u96aa\u8da8\u52e2<\/h2>\n <p class=\"text-gray-600 max-w-2xl mx-auto mt-2\">\u9d3f\u75d8\u7684\u7206\u767c\u8207\u75c5\u5a92\u868a\u7684\u6d3b\u52d5\u9031\u671f\u9ad8\u5ea6\u76f8\u95dc\u3002\u638c\u63e1\u9ad8\u98a8\u96aa\u6708\u4efd\uff0c\u63d0\u524d\u90e8\u7f72\u9632\u75ab\u7db2\u3002<\/p>\n <\/div>\n \n \n <div class=\"chart-container w-full max-w-4xl h-96\">\n <canvas id=\"seasonalityChart\"><\/canvas>\n <\/div>\n <\/section>\n\n \n <section>\n <div class=\"mb-8 text-center\">\n <h2 class=\"text-3xl font-bold text-[#1A535C]\">\u6a19\u6e96\u6cbb\u7642\u8207\u8655\u7406\u6d41\u7a0b<\/h2>\n <p class=\"text-gray-600\">\u76ee\u524d\u7121\u7279\u6548\u85e5\u53ef\u76f4\u63a5\u6bba\u6b7b\u75c5\u6bd2\uff0c\u6cbb\u7642\u91cd\u9ede\u5728\u65bc\u300c\u652f\u6301\u6027\u7642\u6cd5\u300d\u8207\u300c\u9810\u9632\u7e7c\u767c\u611f\u67d3\u300d\u3002<\/p>\n <\/div>\n \n \n <div class=\"flex flex-col md:flex-row justify-between gap-4\">\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\ud83d\uded1<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">1. \u7acb\u5373\u9694\u96e2<\/h4>\n <p class=\"text-sm text-gray-600\">\u767c\u73fe\u75c5\u9d3f\u7acb\u5373\u79fb\u51fa\u9d3f\u820d\u3002\u5fb9\u5e95\u6d88\u6bd2\u74b0\u5883\uff0c\u907f\u514d\u63a5\u89f8\u50b3\u67d3\u3002<\/p>\n <\/div>\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\ud83d\udc8a<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">2. \u50b7\u53e3\u8b77\u7406<\/h4>\n <p class=\"text-sm text-gray-600\"><strong>\u4e7e\u75d8\uff1a<\/strong>\u5857\u62b9\u7898\u9152\u6536\u6582\u3002<br><strong>\u6fd5\u75d8\uff1a<\/strong>\u5c0f\u5fc3\u525d\u9664\u507d\u819c\uff08\u9632\u51fa\u8840\uff09\uff0c\u5857\u62b9\u5589\u85e5\u3002<\/p>\n <\/div>\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\ud83d\udee1\ufe0f<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">3. \u652f\u6301\u7642\u6cd5<\/h4>\n <p class=\"text-sm text-gray-600\">\u88dc\u5145\u7dad\u751f\u7d20A\uff08\u4fee\u5fa9\u9ecf\u819c\uff09\u3001\u96fb\u89e3\u8cea\u3002\u7d66\u4e88\u6297\u751f\u7d20\u9810\u9632\u7d30\u83cc\u611f\u67d3\u3002<\/p>\n <\/div>\n <div class=\"flow-step\">\n <div class=\"text-4xl mb-2\">\u23f3<\/div>\n <h4 class=\"font-bold text-lg text-[#1A535C]\">4. \u89c0\u5bdf\u5eb7\u5fa9<\/h4>\n <p class=\"text-sm text-gray-600\">\u75c5\u7a0b\u7d04 3-4 \u9031\u3002\u7d50\u75c2\u5b8c\u5168\u812b\u843d\u4e14\u7cbe\u795e\u6062\u5fa9\u5f8c\uff0c\u65b9\u53ef\u89e3\u9664\u9694\u96e2\u3002<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"grid grid-cols-1 md:grid-cols-2 gap-12 items-start\">\n <div class=\"info-card h-full\">\n <h3 class=\"text-xl font-bold mb-4 text-[#1A535C] text-center\">\u75ab\u82d7\u9632\u75ab\u4fdd\u8b77\u529b\u5206\u6790<\/h3>\n <p class=\"text-sm text-gray-500 text-center mb-4\">\u63a5\u7a2e\u75ab\u82d7\u662f\u552f\u4e00\u4e14\u6700\u6709\u6548\u7684\u9810\u9632\u624b\u6bb5<\/p>\n \n \n <div class=\"chart-container\">\n <canvas id=\"vaccineChart\"><\/canvas>\n <\/div>\n <\/div>\n \n <div>\n <h2 class=\"text-3xl font-bold text-[#1A535C] mb-4\">\u7d9c\u5408\u9632\u75ab\u7b56\u7565 (SWOT)<\/h2>\n <div class=\"grid grid-cols-1 gap-4\">\n <div class=\"p-4 bg-[#4ECDC4]\/10 rounded border-l-4 border-[#4ECDC4]\">\n <h4 class=\"font-bold text-[#1A535C]\">\u512a\u52e2 (Strengths) – \u75ab\u82d7\u63a5\u7a2e<\/h4>\n <p class=\"text-sm mt-1\">\u5e7c\u9d3f\u51fa\u751f 4-6 \u9031\u9f61\u5373\u53ef\u63a5\u7a2e\u3002\u523a\u91dd\u5f0f\u75ab\u82d7\uff08\u7ffc\u819c\u7a7f\u523a\uff09\u6548\u679c\u6700\u4f73\uff0c7-10 \u5929\u5f8c\u6aa2\u67e5\u662f\u5426\u300c\u767c\u75d8\u300d\uff08\u8868\u793a\u514d\u75ab\u6210\u529f\uff09\u3002<\/p>\n <\/div>\n <div class=\"p-4 bg-[#FF6B6B]\/10 rounded border-l-4 border-[#FF6B6B]\">\n <h4 class=\"font-bold text-[#1A535C]\">\u5a01\u8105 (Threats) – \u74b0\u5883\u7ba1\u7406<\/h4>\n <p class=\"text-sm mt-1\">\u74b0\u5883\u6f6e\u6fd5\u9ad2\u4e82\u6703\u6ecb\u751f\u868a\u87f2\u3002\u9700\u5b9a\u671f\u6e05\u7406\u7a4d\u6c34\uff0c\u52a0\u88dd\u7d17\u7db2\uff0c\u4e26\u5b9a\u671f\u5674\u7051\u5c0d\u9d3f\u5b50\u7121\u5bb3\u7684\u9664\u87f2\u5291\u3002<\/p>\n <\/div>\n <div class=\"p-4 bg-[#FFE66D]\/10 rounded border-l-4 border-[#FFE66D]\">\n <h4 class=\"font-bold text-[#1A535C]\">\u6a5f\u6703 (Opportunities) – \u71df\u990a\u589e\u5f37<\/h4>\n <p class=\"text-sm mt-1\">\u5b9a\u671f\u88dc\u5145\u76ca\u751f\u83cc\u8207\u7dad\u4ed6\u547d\uff0c\u589e\u5f37\u9d3f\u5b50\u81ea\u8eab\u975e\u7279\u7570\u6027\u514d\u75ab\u529b\uff0c\u5373\u4f7f\u611f\u67d3\u4e5f\u80fd\u7e2e\u77ed\u75c5\u7a0b\u3002<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mt-8\">\n <h3 class=\"text-xl font-bold mb-4 text-[#1A535C]\">\u5eb7\u5fa9\u6642\u9593\u6bd4\u8f03<\/h3>\n \n \n <div class=\"chart-container\" style=\"height: 250px;\">\n <canvas id=\"recoveryChart\"><\/canvas>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <footer class=\"text-center text-gray-500 py-8 border-t border-gray-200 mt-8\">\n <p class=\"text-sm\">\u8cc7\u6599\u4f86\u6e90\uff1a\u7378\u91ab\u6d41\u884c\u75c5\u5b78\u5831\u544a\u8207\u8cfd\u9d3f\u5065\u5eb7\u7ba1\u7406\u624b\u518a\u5f59\u6574<\/p>\n <p class=\"text-xs mt-2\">Designed for Educational Purposes (NO SVG\/Mermaid Used)<\/p>\n <\/footer>\n\n <\/main>\n\n <script>\n \/\/ --- Helper Function for Label Wrapping ---\n function splitLabel(label, maxLen = 16) {\n if (label.length <= maxLen) return label;\n const words = label.split(' ');\n const lines = [];\n let currentLine = words[0];\n\n for (let i = 1; i < words.length; i++) {\n if ((currentLine + \" \" + words[i]).length <= maxLen) {\n currentLine += \" \" + words[i];\n } else {\n lines.push(currentLine);\n currentLine = words[i];\n }\n }\n lines.push(currentLine);\n \/\/ Handle cases where a single word is too long, strictly fallback to char split if needed\n \/\/ But for Chinese\/English mix, words split is usually safe.\n return lines;\n }\n\n \/\/ --- Common Tooltip Config (MANDATORY) ---\n const commonTooltipOptions = {\n callbacks: {\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\n \/\/ --- Chart 1: Transmission (Pie) ---\n const ctxTrans = document.getElementById('transmissionChart').getContext('2d');\n new Chart(ctxTrans, {\n type: 'pie',\n data: {\n labels: ['\u868a\u87f2\u53ee\u54ac (\u4e3b\u8981\u5a92\u4ecb)', '\u63a5\u89f8\u50b3\u67d3 (\u6253\u67b6\/\u5544\u98df)', '\u53d7\u6c61\u67d3\u6c34\u6e90\/\u98fc\u6599'],\n datasets: [{\n data: [65, 25, 10],\n backgroundColor: ['#FF6B6B', '#4ECDC4', '#FFE66D'],\n borderWidth: 2,\n borderColor: '#ffffff'\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 2: Symptoms (Horizontal Bar) ---\n const ctxSymp = document.getElementById('symptomsChart').getContext('2d');\n new Chart(ctxSymp, {\n type: 'bar',\n data: {\n labels: ['\u5599\u90e8\u8207\u9f3b\u7624 (\u7d50\u75c2)', '\u773c\u77bc\u5468\u570d (\u816b\u8139)', '\u8173\u90e8\/\u817f\u90e8', '\u53e3\u8154\/\u5589\u56a8 (\u767d\u5589\u578b)', '\u809b\u9580\u5468\u570d'],\n datasets: [{\n label: '\u767c\u751f\u983b\u7387 (%)',\n data: [85, 70, 45, 30, 15],\n backgroundColor: '#1A535C',\n borderRadius: 5\n }]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { beginAtZero: true, max: 100 }\n },\n plugins: {\n legend: { display: false },\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 3: Seasonality (Line) ---\n const ctxSeason = document.getElementById('seasonalityChart').getContext('2d');\n new Chart(ctxSeason, {\n type: 'line',\n data: {\n labels: ['1\u6708', '2\u6708', '3\u6708', '4\u6708', '5\u6708', '6\u6708', '7\u6708', '8\u6708', '9\u6708', '10\u6708', '11\u6708', '12\u6708'],\n datasets: [{\n label: '\u611f\u67d3\u98a8\u96aa\u6307\u6578',\n data: [10, 15, 25, 40, 60, 80, 95, 100, 90, 70, 40, 20],\n borderColor: '#FF6B6B',\n backgroundColor: 'rgba(255, 107, 107, 0.2)',\n fill: true,\n tension: 0.4,\n pointRadius: 4,\n pointBackgroundColor: '#fff',\n pointBorderWidth: 2\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: { beginAtZero: true, title: { display: true, text: '\u98a8\u96aa\u7b49\u7d1a (0-100)' } }\n },\n plugins: {\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 4: Vaccine Efficacy (Donut) ---\n const ctxVac = document.getElementById('vaccineChart').getContext('2d');\n new Chart(ctxVac, {\n type: 'doughnut',\n data: {\n labels: ['\u7522\u751f\u6709\u6548\u6297\u9ad4', '\u514d\u75ab\u5931\u6557\/\u7121\u53cd\u61c9'],\n datasets: [{\n data: [95, 5],\n backgroundColor: ['#4ECDC4', '#E2E8F0'],\n hoverOffset: 4\n }]\n },\n options: {\n responsive: true,\n maintainAspectRatio: false,\n plugins: {\n legend: { position: 'bottom' },\n tooltip: commonTooltipOptions\n }\n }\n });\n\n \/\/ --- Chart 5: Recovery (Stacked Horizontal Bar) ---\n const ctxRec = document.getElementById('recoveryChart').getContext('2d');\n new Chart(ctxRec, {\n type: 'bar',\n data: {\n labels: ['\u7121\u6cbb\u7642\/\u81ea\u7136\u5eb7\u5fa9', '\u652f\u6301\u6027\u7642\u6cd5\u4ecb\u5165'],\n datasets: [\n {\n label: '\u6025\u6027\u671f (\u5929)',\n data: [10, 5],\n backgroundColor: '#FF6B6B'\n },\n {\n label: '\u6062\u5fa9\u671f (\u5929)',\n data: [25, 14],\n backgroundColor: '#FFE66D'\n }\n ]\n },\n options: {\n indexAxis: 'y',\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n x: { stacked: true, title: { display: true, text: '\u7e3d\u75c5\u7a0b\u5929\u6578' } },\n y: { stacked: true }\n },\n plugins: {\n tooltip: commonTooltipOptions\n }\n }\n });\n\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u9d3f\u75d8\uff08Pigeon Pox\uff09\u662f\u4e00\u7a2e\u7531\u75d8\u75c5\u6bd2\uff08Poxvirus\uff09\u5f15\u8d77\u7684\u9ad8\u5ea6\u50b3\u67d3\u6027\u75be\u75c5\u3002\u96d6\u7136\u6b7b\u4ea1\u7387\u4e0d\u5982\u65b0\u57ce\u75c5\u9ad8\uff0c\u4f46\u5b83\u6703\u56b4\u91cd\u5f71\u97ff\u8cfd\u9d3f\u7684\u767c\u80b2\u3001\u514d\u75ab\u7cfb\u7d71\u53ca\u6bd4\u8cfd\u8868\u73fe\u3002 \u75c5\u6bd2\u4e3b\u8981\u4fb5\u8972\u76ae\u819a\uff08\u76ae\u819a\u578b\/\u4e7e\u75d8\uff09\u53ca\u6d88\u5316\u547c\u5438\u9053\u9ecf\u819c\uff08\u767d\u5589\u578b\/\u6fd5\u75d8\uff09\u3002<\/p>\n","protected":false},"author":2,"featured_media":2832,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2831","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_featured_media_url":"https:\/\/www.3546.com.tw\/win\/wp-content\/uploads\/2026\/01\/5035.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts\/2831","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/comments?post=2831"}],"version-history":[{"count":1,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts\/2831\/revisions"}],"predecessor-version":[{"id":2833,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/posts\/2831\/revisions\/2833"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/media\/2832"}],"wp:attachment":[{"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/media?parent=2831"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/categories?post=2831"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.3546.com.tw\/win\/wp-json\/wp\/v2\/tags?post=2831"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}