{"id":14993,"date":"2026-09-25T15:39:15","date_gmt":"2026-09-25T07:39:15","guid":{"rendered":"https:\/\/smarthon.cc\/?page_id=14993"},"modified":"2026-10-09T11:26:59","modified_gmt":"2026-10-09T03:26:59","slug":"smarthon-competition","status":"publish","type":"page","link":"https:\/\/smarthon.cc\/zh-hans\/smarthon-competition\/","title":{"rendered":"Smarthon competition"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14993\" class=\"elementor elementor-14993\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12b147c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12b147c6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2afbb7e1\" data-id=\"2afbb7e1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5ebf00c3 elementor-widget elementor-widget-html\" data-id=\"5ebf00c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\n  ============================================================\r\n  Sci-Fi Particle Grid Background \u2014 WordPress \u6dfa\u8272\u5b89\u5168\u7248\r\n  ============================================================\r\n  \u7528\u6cd5\uff1a\r\n  1. \u4e0d\u8981\u653e\u9032 header.php\uff08\u4e0d\u6703\u52d5\u5230 your header\uff09\u3002\r\n  2. \u5efa\u8b70\u7528\u300cInsert Headers and Footers\u300d\/ WPCode \u5916\u639b\uff0c\r\n     \u8cbc\u5230\u300cFooter\u300d\u6b04\u4f4d\uff0c\u6216\u76f4\u63a5\u8cbc\u5728\u4e3b\u984c footer.php \u7684 <\/body> \u524d\u3002\r\n  3. \u6574\u6bb5\uff08\u542b <style> \u8207 <script>\uff09\u76f4\u63a5\u8cbc\u4e0a\u5373\u53ef\u3002\r\n\r\n  \u6dfa\u8272\u7248\u8abf\u6574\u8aaa\u660e\uff1a\r\n  - \u5c07\u756b\u5e03\u5e95\u8272\u6539\u70ba\u67d4\u548c\u79d1\u6280\u6dfa\u85cd\u8272 (#e6f0fa)\u3002\r\n  - \u5c07\u539f\u672c\u9069\u5408\u6697\u8272\u7684\u87a2\u5149\u9752\u8272\u7c92\u5b50\u8207\u7db2\u683c\uff0c\u8abf\u6821\u70ba\u9ad8\u8cea\u611f\u7684\u6df1\u85cd\u8207\u7d2b\u8272\uff08\u85cd\u8272\u7cfb\u79d1\u6280\u611f\u7c92\u5b50\uff09\uff0c\r\n    \u78ba\u4fdd\u5728\u6dfa\u8272\u80cc\u666f\u4e0a\u4f9d\u7136\u6e05\u6670\u3001\u8cea\u611f\u6975\u4f73\u4e14\u4e0d\u523a\u773c\u3002\r\n  - \u4fdd\u7559 Header \u84cb\u9802\u8207\u5b89\u5168\u547d\u540d\u7a7a\u9593\u9632\u885d\u7a81\u8a2d\u8a08\u3002\r\n============================================================\r\n-->\r\n\r\n<style>\r\n  #sfpg-bg-canvas {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: -1;           \/* \u7f6e\u65bc\u6700\u5e95\u5c64 *\/\r\n    pointer-events: none;  \/* \u7a7f\u900f\u9ede\u64ca\uff0c\u4e0d\u5f71\u97ff\u524d\u666f\u5143\u4ef6 *\/\r\n    background-color: #0f172a; \/* \u6dfa\u85cd\u8272\u79d1\u6280\u611f\u5e95\u8272 *\/\r\n  }\r\n\r\n  \/* \u78ba\u4fdd Header \u4e0d\u900f\u660e\u4e14\u84cb\u5728\u756b\u5e03\u4e4b\u4e0a *\/\r\n  header,\r\n  .site-header,\r\n  #masthead,\r\n  .main-header,\r\n  .header-wrapper,\r\n  .whb-header,\r\n  .whb-header-wrapper,\r\n  .whb-main-header {\r\n    background-color: #ffffff !important;\r\n    position: relative;\r\n    z-index: 9999;\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  \/\/ \u907f\u514d\u91cd\u8907\u63d2\u5165\r\n  if (document.getElementById('sfpg-bg-canvas')) return;\r\n\r\n  function initParticleBackground() {\r\n    const canvas = document.createElement('canvas');\r\n    canvas.id = 'sfpg-bg-canvas';\r\n    document.body.insertBefore(canvas, document.body.firstChild);\r\n\r\n    const ctx = canvas.getContext('2d');\r\n\r\n    function resizeCanvas() {\r\n      canvas.width = window.innerWidth;\r\n      canvas.height = window.innerHeight;\r\n    }\r\n    window.addEventListener('resize', resizeCanvas);\r\n    resizeCanvas();\r\n\r\n    \/\/ \u7c92\u5b50\u53c3\u6578\u8207\u751f\u6210\r\n    const particles = [];\r\n    const particleCount = 80;\r\n\r\n    for (let i = 0; i < particleCount; i++) {\r\n      particles.push({\r\n        x: Math.random() * canvas.width,\r\n        y: Math.random() * canvas.height,\r\n        vx: (Math.random() - 0.5) * 0.8,\r\n        vy: (Math.random() - 0.5) * 0.8,\r\n        radius: Math.random() * 2 + 1.2\r\n      });\r\n    }\r\n\r\n    function drawCanvas() {\r\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\r\n\r\n      \/\/ A. \u6dfa\u8272\u80cc\u666f\u4e0b\u7684\u6df1\u85cd\u79d1\u6280\u7db2\u683c\r\n      ctx.strokeStyle = 'rgba(0, 102, 204, 0.05)';\r\n      ctx.lineWidth = 1;\r\n      const gridSize = 50;\r\n\r\n      for (let x = 0; x < canvas.width; x += gridSize) {\r\n        ctx.beginPath();\r\n        ctx.moveTo(x, 0);\r\n        ctx.lineTo(x, canvas.height);\r\n        ctx.stroke();\r\n      }\r\n      for (let y = 0; y < canvas.height; y += gridSize) {\r\n        ctx.beginPath();\r\n        ctx.moveTo(0, y);\r\n        ctx.lineTo(canvas.width, y);\r\n        ctx.stroke();\r\n      }\r\n\r\n      \/\/ B. \u7e6a\u88fd\u8207\u66f4\u65b0\u7c92\u5b50\uff08\u9069\u61c9\u6dfa\u8272\u5e95\u7684\u6df1\u85cd\/\u7d2b\u5149\u5f69\uff09\r\n      ctx.fillStyle = 'rgba(0, 122, 255, 0.7)';      \/* \u7c92\u5b50\u6838\u5fc3\u984f\u8272 *\/\r\n      ctx.strokeStyle = 'rgba(0, 122, 255, 0.18)';   \/* \u9023\u7dda\u984f\u8272 *\/\r\n\r\n      for (let i = 0; i < particleCount; i++) {\r\n        const p = particles[i];\r\n        p.x += p.vx;\r\n        p.y += p.vy;\r\n\r\n        if (p.x < 0 || p.x > canvas.width) p.vx *= -1;\r\n        if (p.y < 0 || p.y > canvas.height) p.vy *= -1;\r\n\r\n        ctx.beginPath();\r\n        ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);\r\n        ctx.fill();\r\n\r\n        for (let j = i + 1; j < particleCount; j++) {\r\n          const p2 = particles[j];\r\n          const dist = Math.hypot(p.x - p2.x, p.y - p2.y);\r\n          if (dist < 140) {\r\n            ctx.beginPath();\r\n            ctx.moveTo(p.x, p.y);\r\n            ctx.lineTo(p2.x, p2.y);\r\n            ctx.stroke();\r\n          }\r\n        }\r\n      }\r\n\r\n      requestAnimationFrame(drawCanvas);\r\n    }\r\n\r\n    drawCanvas();\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initParticleBackground);\r\n  } else {\r\n    initParticleBackground();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8fbe1f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8fbe1f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a8913a3\" data-id=\"3a8913a3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4db3611f elementor-widget elementor-widget-html\" data-id=\"4db3611f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"smarthon-hero-wrapper\">\r\n    <style>\r\n        .smarthon-hero-wrapper {\r\n            --brand-cyan: #06b6d4;\r\n            --brand-cyan-glow: rgba(6, 182, 212, 0.35);\r\n            --brand-emerald: #34d399;\r\n            --bg-card: rgba(15, 23, 42, 0.55);\r\n            --border-color: rgba(255, 255, 255, 0.15);\r\n            --text-main: #ffffff;\r\n            --text-muted: #94a3b8;\r\n            \r\n            position: relative;\r\n            background-color: transparent;\r\n            color: var(--text-main);\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            padding: 3rem 1.5rem 5rem 1.5rem;\r\n            overflow: hidden;\r\n            border-radius: 16px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .smarthon-hero-wrapper * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .smarthon-orb-1 {\r\n            position: absolute;\r\n            top: 25%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            width: 500px;\r\n            height: 500px;\r\n            background: rgba(6, 182, 212, 0.08);\r\n            border-radius: 50%;\r\n            filter: blur(120px);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .smarthon-orb-2 {\r\n            position: absolute;\r\n            top: 30%;\r\n            right: 5%;\r\n            width: 350px;\r\n            height: 350px;\r\n            background: rgba(52, 211, 153, 0.08);\r\n            border-radius: 50%;\r\n            filter: blur(100px);\r\n            pointer-events: none;\r\n        }\r\n\r\n        .smarthon-container {\r\n            max-width: 1280px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n        }\r\n\r\n        .smarthon-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 2.5rem;\r\n            align-items: center;\r\n        }\r\n\r\n        @media (min-width: 1024px) {\r\n            .smarthon-grid {\r\n                grid-template-columns: 7fr 5fr;\r\n                gap: 3.5rem;\r\n            }\r\n        }\r\n\r\n        .smarthon-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            padding: 0.35rem 0.85rem;\r\n            border-radius: 9999px;\r\n            background: rgba(15, 23, 42, 0.6);\r\n            backdrop-filter: blur(8px);\r\n            border: 1px solid rgba(6, 182, 212, 0.4);\r\n            color: var(--brand-cyan);\r\n            font-size: 0.85rem;\r\n            font-weight: 500;\r\n            margin-bottom: 1.5rem;\r\n        }\r\n\r\n        .smarthon-ping-dot {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: var(--brand-cyan);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 8px var(--brand-cyan);\r\n            animation: smarthonPulse 1.8s infinite;\r\n        }\r\n\r\n        @keyframes smarthonPulse {\r\n            0% { transform: scale(0.95); opacity: 0.8; }\r\n            50% { transform: scale(1.3); opacity: 1; }\r\n            100% { transform: scale(0.95); opacity: 0.8; }\r\n        }\r\n\r\n        .smarthon-title {\r\n            font-size: 2.25rem;\r\n            line-height: 1.25;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            margin: 0 0 1.25rem 0;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        @media (min-width: 640px) {\r\n            .smarthon-title { font-size: 3rem; }\r\n        }\r\n\r\n        @media (min-width: 1024px) {\r\n            .smarthon-title { font-size: 3.25rem; }\r\n        }\r\n\r\n        .smarthon-gradient-text {\r\n            background: linear-gradient(135deg, #06b6d4 0%, #34d399 100%);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            display: inline-block;\r\n            font-size: 0.68em;\r\n            white-space: nowrap;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        @media (max-width: 640px) {\r\n            .smarthon-gradient-text {\r\n                font-size: 0.6em;\r\n                white-space: normal;\r\n            }\r\n        }\r\n\r\n        .smarthon-description {\r\n            color: var(--text-muted);\r\n            font-size: 1rem;\r\n            line-height: 1.65;\r\n            margin-bottom: 1.75rem;\r\n            max-width: 600px;\r\n        }\r\n\r\n        .smarthon-timer-card {\r\n            background: rgba(15, 23, 42, 0.55);\r\n            backdrop-filter: blur(12px);\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 1rem;\r\n            padding: 1.25rem;\r\n            margin-bottom: 2rem;\r\n            max-width: 520px;\r\n        }\r\n\r\n        .smarthon-timer-header {\r\n            font-size: 0.75rem;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            color: #cbd5e1;\r\n            margin-bottom: 0.85rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .smarthon-timer-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 0.5rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .smarthon-timer-box {\r\n            background: rgba(2, 6, 23, 0.6);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 0.75rem;\r\n            padding: 0.6rem 0.25rem;\r\n        }\r\n\r\n        .smarthon-timer-num {\r\n            display: block;\r\n            font-size: 1.5rem;\r\n            font-weight: 800;\r\n            color: #ffffff;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .smarthon-timer-num.highlight {\r\n            color: var(--brand-cyan);\r\n        }\r\n\r\n        .smarthon-timer-label {\r\n            display: block;\r\n            font-size: 0.65rem;\r\n            color: var(--text-muted);\r\n            margin-top: 0.25rem;\r\n        }\r\n\r\n        .smarthon-actions {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 1rem;\r\n        }\r\n\r\n        @media (min-width: 640px) {\r\n            .smarthon-actions { flex-direction: row; }\r\n        }\r\n\r\n        .smarthon-btn-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            padding: 0.85rem 1.75rem;\r\n            font-size: 1rem;\r\n            font-weight: 700;\r\n            border-radius: 0.75rem;\r\n            color: #020617;\r\n            background: linear-gradient(90deg, #06b6d4, #34d399);\r\n            border: none;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            transition: all 0.2s ease;\r\n            box-shadow: 0 10px 25px -5px rgba(6, 182, 212, 0.3);\r\n        }\r\n\r\n        .smarthon-btn-primary:hover {\r\n            opacity: 0.92;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 15px 30px -5px rgba(6, 182, 212, 0.45);\r\n        }\r\n\r\n        .smarthon-btn-secondary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            padding: 0.85rem 1.75rem;\r\n            font-size: 1rem;\r\n            font-weight: 600;\r\n            border-radius: 0.75rem;\r\n            color: #e2e8f0;\r\n            background: rgba(30, 41, 59, 0.5);\r\n            backdrop-filter: blur(8px);\r\n            border: 1px solid var(--border-color);\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            transition: all 0.2s ease;\r\n        }\r\n\r\n        .smarthon-btn-secondary:hover {\r\n            background: rgba(51, 65, 85, 0.7);\r\n            color: #ffffff;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .smarthon-card-wrapper {\r\n            background: rgba(15, 23, 42, 0.6);\r\n            backdrop-filter: blur(12px);\r\n            border-radius: 1.25rem;\r\n            padding: 1.5rem;\r\n            border: 1px solid var(--border-color);\r\n            box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .smarthon-card-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding-bottom: 0.85rem;\r\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n            margin-bottom: 1.25rem;\r\n        }\r\n\r\n        .smarthon-status-dots {\r\n            display: flex;\r\n            gap: 0.4rem;\r\n        }\r\n\r\n        .smarthon-dot {\r\n            width: 10px;\r\n            height: 10px;\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .smarthon-dot-red { background-color: #ef4444; }\r\n        .smarthon-dot-yellow { background-color: #f59e0b; }\r\n        .smarthon-dot-green { background-color: #10b981; }\r\n\r\n        .smarthon-os-tag {\r\n            font-family: monospace;\r\n            font-size: 0.75rem;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        .smarthon-microbit-screen {\r\n            background-color: rgba(2, 6, 23, 0.75);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            border-radius: 0.85rem;\r\n            padding: 1.25rem;\r\n            text-align: center;\r\n        }\r\n\r\n        .smarthon-led-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(5, 1fr);\r\n            gap: 0.5rem;\r\n            max-width: 160px;\r\n            margin: 0 auto 1.25rem auto;\r\n            padding: 0.75rem;\r\n            background-color: rgba(15, 23, 42, 0.8);\r\n            border-radius: 0.5rem;\r\n            border: 1px solid rgba(255, 255, 255, 0.08);\r\n        }\r\n\r\n        .smarthon-led {\r\n            width: 14px;\r\n            height: 14px;\r\n            border-radius: 50%;\r\n            background-color: #1e293b;\r\n            transition: background-color 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .smarthon-led.active {\r\n            background-color: var(--brand-cyan);\r\n            box-shadow: 0 0 10px var(--brand-cyan);\r\n        }\r\n\r\n        .smarthon-screen-footer {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            font-family: monospace;\r\n            font-size: 0.7rem;\r\n            color: var(--text-muted);\r\n            padding-top: 0.5rem;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .smarthon-feature-tags {\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 0.75rem;\r\n            margin-top: 1.25rem;\r\n        }\r\n\r\n        .smarthon-tag-item {\r\n            background: rgba(15, 23, 42, 0.5);\r\n            border: 1px solid rgba(255, 255, 255, 0.1);\r\n            padding: 0.6rem 0.75rem;\r\n            border-radius: 0.5rem;\r\n            font-size: 0.75rem;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 0.5rem;\r\n            color: var(--text-main);\r\n        }\r\n\r\n        .smarthon-modal {\r\n            display: none;\r\n            position: fixed;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: rgba(0, 0, 0, 0.75);\r\n            z-index: 9999;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 1rem;\r\n        }\r\n\r\n        .smarthon-modal-content {\r\n            background: #0f172a;\r\n            border: 1px solid var(--border-color);\r\n            border-radius: 1rem;\r\n            padding: 2rem;\r\n            max-width: 450px;\r\n            width: 100%;\r\n            color: #ffffff;\r\n            position: relative;\r\n        }\r\n\r\n        .smarthon-modal-close {\r\n            position: absolute;\r\n            top: 1rem;\r\n            right: 1rem;\r\n            background: none;\r\n            border: none;\r\n            color: var(--text-muted);\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"smarthon-orb-1\"><\/div>\r\n    <div class=\"smarthon-orb-2\"><\/div>\r\n\r\n    <div class=\"smarthon-container\">\r\n        <div class=\"smarthon-grid\">\r\n            \r\n            <!-- Left Text Content Section -->\r\n            <div class=\"smarthon-content\">\r\n                <div class=\"smarthon-badge\">\r\n                    <span class=\"smarthon-ping-dot\"><\/span>\r\n                    <span>\u4e2d\u56fdSTEM\u6269\u5c55\u7ade\u8d5b\u9879\u76ee<\/span>\r\n                <\/div>\r\n\r\n                <h1 class=\"smarthon-title\">\r\n                    \u7b2c\u4e00\u5c4a SMARTHON CUP<br>\r\n                    <span class=\"smarthon-gradient-text\">\u667a\u6167\u57ce\u5e02 AI \u56fd\u9645\u9080\u8bf7\u8d5b<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"smarthon-description\">\r\n                    \u5927\u8d5b\u4ee5 AIoT \u878d\u5408\u4e3a\u6838\u5fc3\u3002\u8fd0\u7528 SMARTHON \u667a\u6167\u57ce\u5e02\u751f\u6001\u5957\u4ef6\uff0c\u914d\u5408 AI Camera \u89c6\u89c9\u5f71\u50cf\u5206\u6790\u4e0e AI \u8bed\u97f3\u8bc6\u522b\uff0c\u5f15\u5bfc\u5b66\u751f\u5c06\u751f\u6001\u4fdd\u80b2\u3001\u672a\u6765\u667a\u6167\u57ce\u5e02\u6cbb\u7406\u4e0e\u667a\u80fd\u4f53\u9a8c\u76f8\u7ed3\u5408\uff0c\u6253\u9020\u5177\u5907\u79d1\u6280\u611f\u4e0e\u521b\u65b0\u529b\u7684\u672a\u6765\u89e3\u51b3\u65b9\u6848\u3002\u8fd0\u7528\u667a\u6167\u611f\u6d4b\uff0c\u4eba\u5de5\u667a\u80fd\u4e0e\u4e91\u7aef\u7269\u8054\u7f51\uff0c\u6784\u5efa\u4e0b\u4e00\u4ee3\u6c38\u7eed\u79d1\u6280\u57ce\u3002\r\n                <\/p>\r\n\r\n                <!-- Countdown Timer -->\r\n                <div class=\"smarthon-timer-card\">\r\n                    <div class=\"smarthon-timer-header\">\r\n                        \u23f1\ufe0f \u62a5\u540d\u622a\u6b62\u5012\u6570 Countdown to Registration Deadline\r\n                    <\/div>\r\n                    <div class=\"smarthon-timer-grid\">\r\n                        <div class=\"smarthon-timer-box\">\r\n                            <span id=\"smarthon-days\" class=\"smarthon-timer-num highlight\">00<\/span>\r\n                            <span class=\"smarthon-timer-label\">\u5929 Days<\/span>\r\n                        <\/div>\r\n                        <div class=\"smarthon-timer-box\">\r\n                            <span id=\"smarthon-hours\" class=\"smarthon-timer-num\">00<\/span>\r\n                            <span class=\"smarthon-timer-label\">\u65f6 Hours<\/span>\r\n                        <\/div>\r\n                        <div class=\"smarthon-timer-box\">\r\n                            <span id=\"smarthon-minutes\" class=\"smarthon-timer-num\">00<\/span>\r\n                            <span class=\"smarthon-timer-label\">\u5206 Mins<\/span>\r\n                        <\/div>\r\n                        <div class=\"smarthon-timer-box\">\r\n                            <span id=\"smarthon-seconds\" class=\"smarthon-timer-num highlight\">00<\/span>\r\n                            <span class=\"smarthon-timer-label\">\u79d2 Secs<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Call to Action Buttons -->\r\n                <div class=\"smarthon-actions\">\r\n                    <button type=\"button\" onclick=\"smarthonOpenModal()\" class=\"smarthon-btn-primary\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15.707 21.293a1 1 0 0 1-1.414 0l-1.586-1.586a1 1 0 0 1 0-1.414l5.586-5.586a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414z\"><\/path><path d=\"m18 13-1.375-6.874a1 1 0 0 0-.746-.776L3.235 2.028a1 1 0 0 0-1.207 1.207L5.35 15.879a1 1 0 0 0 .776.746L13 18\"><\/path><path d=\"m2.3 2.3 7.286 7.286\"><\/path><circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle><\/svg>\r\n                        \u5b66\u6821\u53c2\u8d5b\u62a5\u540d\r\n                    <\/button>\r\n                    <a href=\"#tracks\" class=\"smarthon-btn-secondary\">\r\n                        <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"><\/path><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"><\/path><path d=\"M10 9H8\"><\/path><path d=\"M16 13H8\"><\/path><path d=\"M16 17H8\"><\/path><\/svg>\r\n                        \u4e0b\u8f7d\u7ade\u8d5b\u7b80\u7ae0\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"smarthon-visual\">\r\n                <div class=\"smarthon-card-wrapper\">\r\n                    <div class=\"smarthon-card-header\">\r\n                        <div class=\"smarthon-status-dots\">\r\n                            <span class=\"smarthon-dot smarthon-dot-red\"><\/span>\r\n                            <span class=\"smarthon-dot smarthon-dot-yellow\"><\/span>\r\n                            <span class=\"smarthon-dot smarthon-dot-green\"><\/span>\r\n                        <\/div>\r\n                        <span class=\"smarthon-os-tag\">SMARTHON-AIOT-OS v4.2<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"smarthon-microbit-screen\">\r\n                        <!-- 5x5 Animated LED Grid Simulation -->\r\n                        <div class=\"smarthon-led-grid\" id=\"smarthon-led-container\">\r\n                            <!-- Generated via JS dynamically -->\r\n                        <\/div>\r\n\r\n                        <div class=\"smarthon-screen-footer\">\r\n                            <span>SENSORS: ONLINE<\/span>\r\n                            <span style=\"color: var(--brand-cyan);\">MQTT CONNECTED<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"smarthon-feature-tags\">\r\n                        <div class=\"smarthon-tag-item\">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#06b6d4\" stroke-width=\"2\"><path d=\"M12 20h.01\"><\/path><path d=\"M2 8.82a15 15 0 0 1 20 0\"><\/path><path d=\"M5 12.859a10 10 0 0 1 14 0\"><\/path><path d=\"M8.5 16.429a5 5 0 0 1 7 0\"><\/path><\/svg>\r\n                            <span>IoT \u4e91\u7aef\u6570\u636e\u8fde\u7ebf<\/span>\r\n                        <\/div>\r\n                        <div class=\"smarthon-tag-item\">\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#34d399\" stroke-width=\"2\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><\/svg>\r\n                            <span>micro:bit V2 \/ SmartKit<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Registration Modal Box -->\r\n    <div id=\"smarthon-modal\" class=\"smarthon-modal\">\r\n        <div class=\"smarthon-modal-content\">\r\n            <button class=\"smarthon-modal-close\" onclick=\"smarthonCloseModal()\">&times;<\/button>\r\n            <h3 style=\"margin-top:0; color:#06b6d4;\">\u5b66\u6821\u53c2\u8d5b\u62a5\u540d<\/h3>\r\n            <p style=\"color:#94a3b8; font-size: 0.9rem;\">\u611f\u8c22\u60a8\u5173\u6ce8 Smarthon AIoT Challenge 2026\uff01\u8bf7\u586b\u5199\u62a5\u540d\u610f\u5411\uff0c\u6211\u4eec\u7684\u56e2\u961f\u5c06\u5c3d\u5feb\u4e0e\u60a8\u7684\u5b66\u6821\u8054\u7cfb\u3002<\/p>\r\n            <div style=\"margin-top: 1.5rem; text-align: right;\">\r\n                <button onclick=\"smarthonCloseModal()\" class=\"smarthon-btn-primary\" style=\"padding: 0.5rem 1.25rem;\">\u4e86\u89e3<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            \/\/ 1. Countdown Timer Logic (Target Date: Nov 31, 2026)\r\n            var targetDate = new Date(\"November 15, 2026 23:59:59\").getTime();\r\n\r\n            function updateCountdown() {\r\n                var now = new Date().getTime();\r\n                var difference = targetDate - now;\r\n\r\n                if (difference > 0) {\r\n                    var days = Math.floor(difference \/ (1000 * 60 * 60 * 24));\r\n                    var hours = Math.floor((difference % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n                    var minutes = Math.floor((difference % (1000 * 60 * 60)) \/ (1000 * 60));\r\n                    var seconds = Math.floor((difference % (1000 * 60)) \/ 1000);\r\n\r\n                    document.getElementById(\"smarthon-days\").innerText = days < 10 ? \"0\" + days : days;\r\n                    document.getElementById(\"smarthon-hours\").innerText = hours < 10 ? \"0\" + hours : hours;\r\n                    document.getElementById(\"smarthon-minutes\").innerText = minutes < 10 ? \"0\" + minutes : minutes;\r\n                    document.getElementById(\"smarthon-seconds\").innerText = seconds < 10 ? \"0\" + seconds : seconds;\r\n                }\r\n            }\r\n\r\n            setInterval(updateCountdown, 1000);\r\n            updateCountdown();\r\n\r\n            \/\/ 2. Micro:bit 5x5 LED Matrix Simulation Logic\r\n            var ledContainer = document.getElementById(\"smarthon-led-container\");\r\n            var totalLeds = 25;\r\n            var leds = [];\r\n\r\n            \/\/ Heart pattern indices\r\n            var heartPattern = [1, 3, 5, 6, 7, 8, 9, 11, 12, 13, 17];\r\n\r\n            for (var i = 0; i < totalLeds; i++) {\r\n                var led = document.createElement(\"div\");\r\n                led.className = \"smarthon-led\";\r\n                if (heartPattern.indexOf(i) !== -1) {\r\n                    led.classList.add(\"active\");\r\n                }\r\n                ledContainer.appendChild(led);\r\n                leds.push(led);\r\n            }\r\n\r\n            \/\/ Animate LED Matrix with subtle pulse effect\r\n            setInterval(function() {\r\n                leds.forEach(function(led, index) {\r\n                    if (heartPattern.indexOf(index) !== -1) {\r\n                        if (Math.random() > 0.15) {\r\n                            led.classList.add(\"active\");\r\n                        } else {\r\n                            led.classList.remove(\"active\");\r\n                        }\r\n                    } else {\r\n                        if (Math.random() > 0.92) {\r\n                            led.classList.add(\"active\");\r\n                        } else {\r\n                            led.classList.remove(\"active\");\r\n                        }\r\n                    }\r\n                });\r\n            }, 600);\r\n        })();\r\n\r\n        \/\/ Modal Functions\r\n        function smarthonOpenModal() {\r\n            document.getElementById(\"smarthon-modal\").style.display = \"flex\";\r\n        }\r\n        function smarthonCloseModal() {\r\n            document.getElementById(\"smarthon-modal\").style.display = \"none\";\r\n        }\r\n    <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e120800 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2e120800\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-435dc613\" data-id=\"435dc613\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-50269d4b elementor-widget elementor-widget-html\" data-id=\"50269d4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================\r\n     SMARTHON COMPETITION TRACKS - ELEMENTOR HTML\r\n     \u2705 \u624b\u673a\u7248 tabs \u6539\u4e3a 3 \u680f Grid\uff0c\u5f3a\u5236\u5355\u884c\u4e0d\u6362\u884c\r\n     ========================================== -->\r\n<div class=\"smarthon-tracks-wrapper\">\r\n    <section id=\"tracks\" class=\"tracks-section\">\r\n        <div class=\"tracks-container\">\r\n            \r\n            <!-- Section Header -->\r\n            <div class=\"tracks-header\">\r\n                <h2 class=\"tracks-subtitle\">Competition Tracks &amp; Scenarios<\/h2>\r\n                <h3 class=\"tracks-title\">\u4e09\u5927\u4e3b\u9898\u8d5b\u9053 \u63a2\u7d22\u672a\u6765\u79d1\u6280<\/h3>\r\n                <p class=\"tracks-description\">\u6839\u636e\u8d35\u6821\u6240\u62e5\u6709\u7684 Smarthon \u5957\u88c5\u9009\u62e9\u8d5b\u9053\uff0c\u8fd0\u7528 micro:bit \u7f16\u7a0b\u8bbe\u8ba1\u89e3\u51b3\u65b9\u6848<\/p>\r\n            <\/div>\r\n\r\n            <!-- Tabs Navigation -->\r\n            <div class=\"tabs-nav-container\">\r\n                <div class=\"tabs-nav\">\r\n                    <button onclick=\"smarthonSwitchTrack('smart-city')\" id=\"tab-smart-city\" class=\"track-tab active\">\r\n                        <span class=\"tab-emoji\">\ud83c\udfd9\ufe0f<\/span><span class=\"tab-text\">\u667a\u6167\u57ce\u5e02\u8d5b\u9053<\/span>\r\n                    <\/button>\r\n                    <button onclick=\"smarthonSwitchTrack('smart-home')\" id=\"tab-smart-home\" class=\"track-tab\">\r\n                        <span class=\"tab-emoji\">\ud83c\udfe1<\/span><span class=\"tab-text\">\u667a\u80fd\u5bb6\u5c45\u8d5b\u9053<\/span>\r\n                    <\/button>\r\n                    <button onclick=\"smarthonSwitchTrack('sustainability')\" id=\"tab-sustainability\" class=\"track-tab\">\r\n                        <span class=\"tab-emoji\">\ud83c\udf31<\/span><span class=\"tab-text\">\u7eff\u8272\u6c38\u7eed\u8d5b\u9053<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab Content 1: Smart City -->\r\n            <div id=\"content-smart-city\" class=\"track-content active\">\r\n                <div class=\"track-grid\">\r\n                    <div class=\"track-info\">\r\n                        <div class=\"track-badge badge-cyan\">\r\n                            TRACK 01: SMART CITY INNOVATION\r\n                        <\/div>\r\n                        <h4 class=\"track-content-title\">\u667a\u6167\u57ce\u5e02\u4e0e\u672a\u6765\u4ea4\u901a\u7cfb\u7edf<\/h4>\r\n                        <p class=\"track-text\">\r\n                            \u8fd0\u7528 Smarthon micro:bit \u667a\u6167\u57ce\u5e02\u5957\u4ef6\uff0c\u89e3\u51b3\u672a\u6765\u90fd\u5e02\u9762\u4e34\u7684\u4ea4\u901a\u5835\u585e\u3001\u78b3\u6392\u653e\u3001\u667a\u6167\u8def\u706f\u76d1\u63a7\u4e0e\u516c\u5171\u5b89\u5168\u6311\u6218\u3002\r\n                        <\/p>\r\n                        \r\n                        <div class=\"feature-list\">\r\n                            <div class=\"feature-item\">\r\n                                <svg class=\"check-icon cyan\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\r\n                                <div>\r\n                                    <h5 class=\"feature-title\">\u5fc5\u5907\u6307\u5b9a\u6559\u5177<\/h5>\r\n                                    <p class=\"feature-desc\">Smarthon micro:bit Smart City Kit (\u667a\u6167\u57ce\u5e02\u5957\u4ef6) \u6216 IoT:bit \u6269\u5145\u677f<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-item\">\r\n                                <svg class=\"check-icon cyan\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\r\n                                <div>\r\n                                    <h5 class=\"feature-title\">\u4f5c\u54c1\u8303\u4f8b\u4e0e\u60c5\u5883<\/h5>\r\n                                    <p class=\"feature-desc\">\u667a\u6167\u4fe1\u53f7\u706f\u4e0e\u7d27\u6025\u8f66\u8f86\u4f18\u5148\u7cfb\u7edf\u3001\u81ea\u52a8\u566a\u97f3\/\u7a7a\u6c14\u8d28\u91cf\u76d1\u6d4b\u7ad9\u3001\u667a\u6167\u8f66\u4f4d\u5bfc\u5f15<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- \u8df3\u8f6c\u6309\u94ae 1\uff1a\u667a\u6167\u57ce\u5e02 -->\r\n                        <a href=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u667a\u6167\u57ce\u5e02\u8207\u672a\u4f86\u4ea4\u901a\u7cfb\u7d71-V1.docx-Google-\u6587\u4ef6.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"apply-btn btn-cyan\">\r\n                            <span>\u6bd4\u8d5b\u89c4\u5219<\/span>\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"track-media\">\r\n                        <div class=\"media-card glow-cyan\">\r\n                            <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u672a\u547d\u540d\u8a2d\u8a08-2026-09-25T153904.441.png\" alt=\"Smart City Kit\" class=\"track-image\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab Content 2: Smart Home -->\r\n            <div id=\"content-smart-home\" class=\"track-content\">\r\n                <div class=\"track-grid\">\r\n                    <div class=\"track-info\">\r\n                        <div class=\"track-badge badge-orange\">\r\n                            TRACK 02: SMART HOME &amp; LIVING\r\n                        <\/div>\r\n                        <h4 class=\"track-content-title\">\u667a\u80fd\u5bb6\u5c45\u4e0e\u5065\u5eb7\u5c45\u4f4f\u751f\u6d3b<\/h4>\r\n                        <p class=\"track-text\">\r\n                            \u7ed3\u5408\u4eba\u4f53\u611f\u5e94\u3001\u6e29\u6e7f\u5ea6\u63a7\u5236\u3001\u5c04\u9891 RFID \u95e8\u7981\u4e0e\u4e91\u7aef\u8b66\u62a5\uff0c\u521b\u4f5c\u63d0\u5347\u5bb6\u5ead\u5b89\u5168\u3001\u4fbf\u5229\u4e0e\u9ad8\u9f84\u8005\u7167\u987e\u7684\u667a\u6167\u5316\u5bb6\u5ead\u88c5\u7f6e\u3002\r\n                        <\/p>\r\n                        \r\n                        <div class=\"feature-list\">\r\n                            <div class=\"feature-item\">\r\n                                <svg class=\"check-icon orange\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\r\n                                <div>\r\n                                    <h5 class=\"feature-title\">\u5fc5\u5907\u6307\u5b9a\u6559\u5177<\/h5>\r\n                                    <p class=\"feature-desc\">Smarthon micro:bit Smart Home Kit (\u667a\u80fd\u5bb6\u5c45\u5957\u4ef6) \u6216 IoT:bit \u6269\u5145\u677f<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-item\">\r\n                                <svg class=\"check-icon orange\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\r\n                                <div>\r\n                                    <h5 class=\"feature-title\">\u4f5c\u54c1\u8303\u4f8b\u4e0e\u60c5\u5883<\/h5>\r\n                                    <p class=\"feature-desc\">\u667a\u80fd\u5bc6\u7801\/\u5237\u5361\u9632\u76d7\u95e8\u9501\u3001\u667a\u6167\u8282\u80fd\u7167\u660e\u4e0e\u98ce\u6247\u63a7\u5236\u3001\u72ec\u5c45\u957f\u8005\u5b89\u5168\u8dcc\u5012\u8b66\u62a5<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- \u8df3\u8f6c\u6309\u94ae 2\uff1a\u667a\u80fd\u5bb6\u5c45 -->\r\n                        <a href=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u667a\u80fd\u5bb6\u5c45\u8207\u5065\u5eb7\u5c45\u4f4f\u751f\u6d3b-V1.docx-Google-\u6587\u4ef6.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"apply-btn btn-orange\">\r\n                            <span>\u6bd4\u8d5b\u89c4\u5219<\/span>\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"track-media\">\r\n                        <div class=\"media-card glow-orange\">\r\n                            <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u672a\u547d\u540d\u8a2d\u8a08-2026-09-25T153356.103.png\" alt=\"Smart Home Kit\" class=\"track-image\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Tab Content 3: Sustainability -->\r\n            <div id=\"content-sustainability\" class=\"track-content\">\r\n                <div class=\"track-grid\">\r\n                    <div class=\"track-info\">\r\n                        <div class=\"track-badge badge-emerald\">\r\n                            TRACK 03: GREEN SUSTAINABILITY &amp; AGRI-TECH\r\n                        <\/div>\r\n                        <h4 class=\"track-content-title\">\u6c38\u7eed\u53d1\u5c55\u4e0e\u667a\u6167\u519c\u4e1a<\/h4>\r\n                        <p class=\"track-text\">\r\n                            \u900f\u8fc7 Micro:bit \u4e0e Smarthon IoT:bit \u6269\u5c55\u677f\uff0c\u5c06\u73af\u5883\u6570\u636e\u5b9e\u65f6\u4e0a\u4f20\u81f3\u4e91\u7aef\u5e73\u53f0\uff0c\u5b9e\u73b0\u8fdc\u7a0b\u6570\u636e\u53ef\u89c6\u5316\u3001\u519c\u4e1a\u5206\u6790\u4e0e\u73af\u5883\u8fdc\u7a0b\u8ffd\u8e2a\u3002\r\n                        <\/p>\r\n                        \r\n                        <div class=\"feature-list\">\r\n                            <div class=\"feature-item\">\r\n                                <svg class=\"check-icon emerald\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\r\n                                <div>\r\n                                    <h5 class=\"feature-title\">\u5fc5\u5907\u6307\u5b9a\u6559\u5177<\/h5>\r\n                                    <p class=\"feature-desc\">Smarthon Plant\/Smart Garden Kit \u6216 IoT:bit \u6269\u5145\u677f<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <div class=\"feature-item\">\r\n                                <svg class=\"check-icon emerald\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"m16 9-5.5 5.5L8 12\"><\/path><\/svg>\r\n                                <div>\r\n                                    <h5 class=\"feature-title\">\u4f5c\u54c1\u8303\u4f8b\u4e0e\u60c5\u5883<\/h5>\r\n                                    <p class=\"feature-desc\">\u81ea\u52a8\u5316\u5782\u76f4\u519c\u573a\u6d47\u704c\u7cfb\u7edf\u3001\u592a\u9633\u80fd\u8ffd\u8e2a\u8ffd\u5149\u88c5\u7f6e\u3001\u667a\u6167\u96e8\u6c34\u6536\u96c6\u4e0e\u5faa\u73af<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- \u8df3\u8f6c\u6309\u94ae 3\uff1a\u7eff\u8272\u6c38\u7eed -->\r\n                        <a href=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u6c38\u7e8c\u767c\u5c55\u8207\u667a\u6167\u8fb2\u696dV1.docx-Google-\u6587\u4ef6.pdf\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"apply-btn btn-emerald\">\r\n                            <span>\u6bd4\u8d5b\u89c4\u5219<\/span>\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n                        <\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"track-media\">\r\n                        <div class=\"media-card glow-emerald\">\r\n                            <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u672a\u547d\u540d\u8a2d\u8a08-2026-09-25T152848.434.png\" class=\"track-image\">\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     CSS STYLES FOR TRACKS SECTION\r\n     ========================================== -->\r\n<style>\r\n.smarthon-tracks-wrapper,\r\n.smarthon-tracks-wrapper * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.smarthon-tracks-wrapper {\r\n    --brand-cyan: #06b6d4;\r\n    --brand-orange: #f97316;\r\n    --brand-emerald: #10b981;\r\n    --bg-dark: transparent;\r\n    --card-bg: rgba(15, 23, 42, 0.55);\r\n    --border-color: rgba(255, 255, 255, 0.15);\r\n    \r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    background-color: var(--bg-dark);\r\n    color: #f8fafc;\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tracks-section {\r\n    padding: 3rem 1rem 5rem 1rem;\r\n    position: relative;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tracks-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tracks-header {\r\n    text-align: center;\r\n    max-width: 768px;\r\n    margin: 0 auto 2.5rem auto;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tracks-subtitle {\r\n    font-size: 0.75rem;\r\n    font-family: monospace;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    color: var(--brand-cyan);\r\n    margin-bottom: 0.75rem;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tracks-title {\r\n    font-size: 1.75rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    line-height: 1.35;\r\n    margin-bottom: 1rem;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tracks-description {\r\n    color: #94a3b8;\r\n    font-size: 0.95rem;\r\n    line-height: 1.6;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tabs-nav-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 2.5rem;\r\n    width: 100%;\r\n}\r\n\r\n\/* ---------- Tabs ---------- *\/\r\n\/* \u624b\u673a\u7248\uff1a3 \u680f\u7b49\u5bbd Grid\uff0c\u5f3a\u5236\u5355\u884c\u3001\u7edd\u4e0d\u6362\u884c *\/\r\n.smarthon-tracks-wrapper .tabs-nav {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 0.4rem;\r\n    padding: 0.375rem;\r\n    border-radius: 1rem;\r\n    background: rgba(15, 23, 42, 0.6);\r\n    backdrop-filter: blur(12px);\r\n    border: 1px solid var(--border-color);\r\n    width: 100%;\r\n    max-width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-tab {\r\n    min-width: 0; \/* \u5141\u8bb8 grid \u5b50\u9879\u76ee\u7f29\u5c0f\uff0c\u907f\u514d\u5185\u5bb9\u6491\u5f00\u680f\u4f4d *\/\r\n    display: flex;\r\n    flex-direction: column; \/* \u624b\u673a\u7248\uff1aemoji \u5728\u4e0a\uff0c\u6587\u5b57\u5728\u4e0b *\/\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.25rem;\r\n    padding: 0.6rem 0.3rem;\r\n    border-radius: 0.75rem;\r\n    font-size: 0.68rem;\r\n    font-weight: 600;\r\n    border: none;\r\n    background: transparent;\r\n    color: #94a3b8;\r\n    cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tab-emoji {\r\n    flex-shrink: 0;\r\n    font-size: 1.15rem;\r\n    line-height: 1;\r\n}\r\n\r\n.smarthon-tracks-wrapper .tab-text {\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-tab:hover {\r\n    color: #ffffff;\r\n}\r\n\r\n.smarthon-tracks-wrapper #tab-smart-city.active {\r\n    background: var(--brand-cyan);\r\n    color: #020617;\r\n    box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3);\r\n}\r\n\r\n.smarthon-tracks-wrapper #tab-smart-home.active {\r\n    background: var(--brand-orange);\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.35);\r\n}\r\n\r\n.smarthon-tracks-wrapper #tab-sustainability.active {\r\n    background: var(--brand-emerald);\r\n    color: #020617;\r\n    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-content {\r\n    display: none;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease-in-out;\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-content.active {\r\n    display: block;\r\n    opacity: 1;\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 2rem;\r\n    align-items: center;\r\n    width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.25rem;\r\n    width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-badge {\r\n    display: inline-block;\r\n    align-self: flex-start;\r\n    padding: 0.25rem 0.75rem;\r\n    border-radius: 0.375rem;\r\n    font-size: 0.7rem;\r\n    font-family: monospace;\r\n    max-width: 100%;\r\n    word-break: break-word;\r\n}\r\n\r\n.smarthon-tracks-wrapper .badge-cyan {\r\n    background: rgba(6, 182, 212, 0.15);\r\n    border: 1px solid rgba(6, 182, 212, 0.3);\r\n    color: var(--brand-cyan);\r\n}\r\n\r\n.smarthon-tracks-wrapper .badge-orange {\r\n    background: rgba(249, 115, 22, 0.15);\r\n    border: 1px solid rgba(249, 115, 22, 0.3);\r\n    color: var(--brand-orange);\r\n}\r\n\r\n.smarthon-tracks-wrapper .badge-emerald {\r\n    background: rgba(16, 185, 129, 0.15);\r\n    border: 1px solid rgba(16, 185, 129, 0.3);\r\n    color: var(--brand-emerald);\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-content-title {\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    line-height: 1.3;\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-text {\r\n    color: #cbd5e1;\r\n    line-height: 1.6;\r\n    font-size: 0.9rem;\r\n    margin: 0;\r\n}\r\n\r\n.smarthon-tracks-wrapper .feature-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n    width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .feature-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 0.75rem;\r\n    padding: 0.75rem;\r\n    border-radius: 0.5rem;\r\n    background: rgba(15, 23, 42, 0.5);\r\n    backdrop-filter: blur(8px);\r\n    border: 1px solid var(--border-color);\r\n    width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .check-icon {\r\n    flex-shrink: 0;\r\n    margin-top: 0.125rem;\r\n}\r\n\r\n.smarthon-tracks-wrapper .check-icon.cyan { color: var(--brand-cyan); }\r\n.smarthon-tracks-wrapper .check-icon.orange { color: var(--brand-orange); }\r\n.smarthon-tracks-wrapper .check-icon.emerald { color: var(--brand-emerald); }\r\n\r\n.smarthon-tracks-wrapper .feature-title {\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    color: #ffffff;\r\n    margin: 0 0 0.25rem 0;\r\n}\r\n\r\n.smarthon-tracks-wrapper .feature-desc {\r\n    font-size: 0.75rem;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n    line-height: 1.4;\r\n}\r\n\r\n\/* Action Buttons (a \u6807\u7b7e\u8d85\u94fe\u63a5\u6837\u5f0f\u8bbe\u5b9a) *\/\r\n.smarthon-tracks-wrapper .apply-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    padding: 0.75rem 1.25rem;\r\n    border-radius: 0.75rem;\r\n    background: rgba(30, 41, 59, 0.6);\r\n    backdrop-filter: blur(8px);\r\n    font-size: 0.875rem;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    align-self: flex-start;\r\n    max-width: 100%;\r\n    white-space: normal;\r\n    text-align: left;\r\n    text-decoration: none; \/* \u79fb\u9664\u9ed8\u8ba4\u4e0b\u5212\u7ebf *\/\r\n}\r\n\r\n.smarthon-tracks-wrapper .apply-btn svg {\r\n    flex-shrink: 0;\r\n}\r\n\r\n.smarthon-tracks-wrapper .btn-cyan {\r\n    color: var(--brand-cyan);\r\n    border: 1px solid rgba(6, 182, 212, 0.4);\r\n}\r\n\r\n.smarthon-tracks-wrapper .btn-orange {\r\n    color: var(--brand-orange);\r\n    border: 1px solid rgba(249, 115, 22, 0.4);\r\n}\r\n\r\n.smarthon-tracks-wrapper .btn-emerald {\r\n    color: var(--brand-emerald);\r\n    border: 1px solid rgba(16, 185, 129, 0.4);\r\n}\r\n\r\n.smarthon-tracks-wrapper .apply-btn:hover {\r\n    background: rgba(51, 65, 85, 0.8);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-media {\r\n    width: 100%;\r\n    max-width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .media-card {\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(12px);\r\n    padding: 1rem;\r\n    border-radius: 1rem;\r\n    border: 1px solid var(--border-color);\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: border-color 0.3s ease;\r\n    width: 100%;\r\n    max-width: 100%;\r\n}\r\n\r\n.smarthon-tracks-wrapper .glow-cyan {\r\n    box-shadow: 0 10px 30px -10px rgba(6, 182, 212, 0.2);\r\n}\r\n\r\n.smarthon-tracks-wrapper .glow-orange {\r\n    box-shadow: 0 10px 30px -10px rgba(249, 115, 22, 0.2);\r\n}\r\n\r\n.smarthon-tracks-wrapper .glow-emerald {\r\n    box-shadow: 0 10px 30px -10px rgba(16, 185, 129, 0.2);\r\n}\r\n\r\n.smarthon-tracks-wrapper .track-image {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    height: auto;\r\n    object-fit: cover;\r\n    border-radius: 0.75rem;\r\n    display: block;\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (min-width: 400px) {\r\n    .smarthon-tracks-wrapper .track-tab {\r\n        font-size: 0.78rem;\r\n        padding: 0.7rem 0.4rem;\r\n        gap: 0.3rem;\r\n    }\r\n    .smarthon-tracks-wrapper .tab-emoji {\r\n        font-size: 1.25rem;\r\n    }\r\n}\r\n\r\n@media (min-width: 640px) {\r\n    \/* \u684c\u9762\/\u5e73\u677f\uff1a\u5207\u56de\u5c45\u4e2d\u80f6\u56ca\u5217\uff0cemoji \u4e0e\u6587\u5b57\u6062\u590d\u540c\u4e00\u884c *\/\r\n    .smarthon-tracks-wrapper .tabs-nav {\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n        width: fit-content;\r\n        max-width: 100%;\r\n        justify-content: center;\r\n    }\r\n    .smarthon-tracks-wrapper .track-tab {\r\n        flex-direction: row; \/* \u684c\u9762\u7248\u6539\u56de\u6a2a\u5411\u6392\u5217 *\/\r\n        flex: 0 1 auto;\r\n        font-size: 0.875rem;\r\n        padding: 0.625rem 1.25rem;\r\n        gap: 0.5rem;\r\n    }\r\n    .smarthon-tracks-wrapper .tab-emoji {\r\n        font-size: 1rem;\r\n    }\r\n    .smarthon-tracks-wrapper .tracks-title {\r\n        font-size: 2rem;\r\n    }\r\n    .smarthon-tracks-wrapper .track-content-title {\r\n        font-size: 1.75rem;\r\n    }\r\n    .smarthon-tracks-wrapper .media-card {\r\n        padding: 1.25rem;\r\n    }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n    .smarthon-tracks-wrapper .tracks-section {\r\n        padding: 4rem 2rem 6rem 2rem;\r\n    }\r\n    \r\n    .smarthon-tracks-wrapper .tracks-title {\r\n        font-size: 2.25rem;\r\n    }\r\n\r\n    .smarthon-tracks-wrapper .tracks-header {\r\n        margin-bottom: 3rem;\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .smarthon-tracks-wrapper .track-grid {\r\n        grid-template-columns: repeat(12, 1fr);\r\n    }\r\n\r\n    .smarthon-tracks-wrapper .track-info {\r\n        grid-column: span 6;\r\n    }\r\n\r\n    .smarthon-tracks-wrapper .track-media {\r\n        grid-column: span 6;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- ==========================================\r\n     JAVASCRIPT LOGIC FOR TABS\r\n     ========================================== -->\r\n<script>\r\nfunction smarthonSwitchTrack(trackId) {\r\n    var contents = document.querySelectorAll('.smarthon-tracks-wrapper .track-content');\r\n    contents.forEach(function(content) {\r\n        content.classList.remove('active');\r\n    });\r\n\r\n    var tabs = document.querySelectorAll('.smarthon-tracks-wrapper .track-tab');\r\n    tabs.forEach(function(tab) {\r\n        tab.classList.remove('active');\r\n    });\r\n\r\n    var selectedContent = document.getElementById('content-' + trackId);\r\n    if (selectedContent) {\r\n        selectedContent.classList.add('active');\r\n    }\r\n\r\n    var selectedTab = document.getElementById('tab-' + trackId);\r\n    if (selectedTab) {\r\n        selectedTab.classList.add('active');\r\n    }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-653bb38 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"653bb38\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2911bb8f\" data-id=\"2911bb8f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-497e76d7 elementor-widget elementor-widget-html\" data-id=\"497e76d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================\r\n     SMARTHON TIMELINE SECTION - HTML (4 Steps)\r\n     ========================================== -->\r\n<div class=\"smarthon-timeline-wrapper\">\r\n    <section id=\"timeline\" class=\"timeline-section\">\r\n        <div class=\"timeline-container\">\r\n            \r\n            <!-- Section Header -->\r\n            <div class=\"timeline-header\">\r\n                <h2 class=\"timeline-subtitle\">Timeline &amp; Milestones<\/h2>\r\n                <h3 class=\"timeline-title\">\u5927\u8d5b\u65e5\u7a0b\u4e0e\u91cd\u5927\u8282\u70b9<\/h3>\r\n                <p class=\"timeline-description\">\u4ece\u7ebf\u4e0a\u62a5\u540d\u5230\u603b\u51b3\u8d5b\u73b0\u573a\u5c55\u793a\u7684\u5168\u7a0b\u6307\u5357<\/p>\r\n            <\/div>\r\n\r\n            <!-- Timeline Content Container -->\r\n            <div class=\"timeline-body\">\r\n                <!-- Timeline Connecting Line (Visible on Desktop - 4 Colors) -->\r\n                <div class=\"timeline-connecting-line\"><\/div>\r\n\r\n                <!-- Steps Grid (4 Steps Layout) -->\r\n                <div class=\"timeline-grid\">\r\n                    \r\n                    <!-- Step 1 -->\r\n                    <div class=\"timeline-card\">\r\n                        <div class=\"step-badge badge-cyan\">01<\/div>\r\n                        <div class=\"step-date text-cyan\">\u5373\u65e5\u8d77 - 2026\u5e7411\u670815\u65e5 (\u622a\u6b62)<\/div>\r\n                        <h4 class=\"step-title\">\u7b79\u5907\u4e0e\u62a5\u540d<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            \u622a\u81f32026\u5e7411\u670815\u65e5\u5f00\u653e\u5b66\u6821\u4e0e\u673a\u6784\u62a5\u540d\u3002\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Step 2 -->\r\n                    <div class=\"timeline-card\">\r\n                        <div class=\"step-badge badge-indigo\">02<\/div>\r\n                        <div class=\"step-date text-indigo\">2027\u5e7401\u670809\u65e5 - 01\u670816\u65e5<\/div>\r\n                        <h4 class=\"step-title\">\u57f9\u8bad\u5de5\u4f5c\u574a<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            Smarthon \u5b98\u65b9\u5de5\u7a0b\u5e08\u5728\u7ebf\u63d0\u4f9b\u7ebf\u4e0a\u53ca\u89c6\u9891\u5de5\u4f5c\u574a\u6559\u5b66\u6307\u5bfc\u4e0e\u7b54\u7591\u3002\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Step 3 -->\r\n                    <div class=\"timeline-card\">\r\n                        <div class=\"step-badge badge-purple\">03<\/div>\r\n                        <div class=\"step-date text-purple\">2027\u5e7403\u670813\u65e5 (\u622a\u6b62)<\/div>\r\n                        <h4 class=\"step-title\">\u521d\u8d5b\u4f5c\u54c1\u9012\u4ea4<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            \u961f\u4f0d\u4e0a\u4f20\u521d\u8d5b\u8d44\u6599\uff08500\u5b57\u9879\u76ee\u7b80\u4ecb\u3001\u6982\u5ff5\u56fe\u30015\u5206\u949f\u4ecb\u7ecd\u77ed\u89c6\u9891\uff09\u3002(\u8bc4\u5ba1\u540e\u5355\u72ec\u901a\u77e5\u5165\u56f4\u5730\u533a\u51b3\u8d5b 20 \u961f)\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Step 4 -->\r\n                    <div class=\"timeline-card\">\r\n                        <div class=\"step-badge badge-emerald\">04<\/div>\r\n                        <div class=\"step-date text-emerald\">2027\u5e7407\u670814\u65e5<\/div>\r\n                        <h4 class=\"step-title\">\u56fd\u9645\u9080\u8bf7\u8d5b\uff08\u9999\u6e2f\uff09<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            \u5404\u5730\u533a\u4f18\u79c0\u961f\u4f0d\u4f1a\u5e08\u56fd\u9645\u821e\u53f0\uff0c\u8fdb\u884c\u73b0\u573a\u4f5c\u54c1\u5c55\u793a\u3001\u6280\u672f\u7b54\u8fa9\u4e0e\u6700\u7ec8\u603b\u51a0\u519b\u89d2\u9010\u3002\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     CSS STYLES FOR TIMELINE SECTION (4 Steps)\r\n     ========================================== -->\r\n<style>\r\n\/* Base Reset & Scoping *\/\r\n.smarthon-timeline-wrapper {\r\n    --color-cyan: #06b6d4;\r\n    --color-indigo: #818cf8;\r\n    --color-purple: #c084fc;\r\n    --color-emerald: #34d399;\r\n    --bg-dark: rgba(15, 23, 42, 0.5);\r\n    --border-dark: rgba(30, 41, 59, 0.8);\r\n    --card-bg: rgba(30, 41, 59, 0.4);\r\n    \r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    width: 100%;\r\n    color: #f8fafc;\r\n}\r\n\r\n\/* Section Wrapper *\/\r\n.smarthon-timeline-wrapper .timeline-section {\r\n    padding: 5rem 1rem;\r\n    background-color: var(--bg-dark);\r\n    border-top: 1px solid var(--border-dark);\r\n    border-bottom: 1px solid var(--border-dark);\r\n}\r\n\r\n.smarthon-timeline-wrapper .timeline-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    padding: 0 1rem;\r\n}\r\n\r\n\/* Section Header *\/\r\n.smarthon-timeline-wrapper .timeline-header {\r\n    text-align: center;\r\n    max-width: 768px;\r\n    margin: 0 auto 4rem auto;\r\n}\r\n\r\n.smarthon-timeline-wrapper .timeline-subtitle {\r\n    font-size: 0.75rem;\r\n    font-family: monospace;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    color: var(--color-cyan);\r\n    margin-bottom: 0.5rem;\r\n}\r\n\r\n.smarthon-timeline-wrapper .timeline-title {\r\n    font-size: 1.875rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 1rem 0;\r\n}\r\n\r\n.smarthon-timeline-wrapper .timeline-description {\r\n    color: #94a3b8;\r\n    font-size: 0.875rem;\r\n    margin: 0;\r\n}\r\n\r\n\/* Timeline Body *\/\r\n.smarthon-timeline-wrapper .timeline-body {\r\n    position: relative;\r\n}\r\n\r\n\/* Connecting Line (Desktop Only - \u8d2f\u7a7f 4 \u4e2a\u8272\u5f69) *\/\r\n.smarthon-timeline-wrapper .timeline-connecting-line {\r\n    display: none;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: linear-gradient(to right, \r\n        var(--color-cyan), \r\n        var(--color-indigo), \r\n        var(--color-purple), \r\n        var(--color-emerald)\r\n    );\r\n    transform: translateY(-50%);\r\n    z-index: 0;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.smarthon-timeline-wrapper .timeline-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 1.5rem;\r\n    position: relative;\r\n    z-index: 10;\r\n}\r\n\r\n\/* Card Panel *\/\r\n.smarthon-timeline-wrapper .timeline-card {\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    padding: 1.5rem;\r\n    border-radius: 1rem;\r\n    border: 1px solid rgba(51, 65, 85, 0.6);\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n}\r\n\r\n.smarthon-timeline-wrapper .timeline-card:hover {\r\n    border-color: rgba(148, 163, 184, 0.4);\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n\/* Step Badges (Numbers) *\/\r\n.smarthon-timeline-wrapper .step-badge {\r\n    width: 2.5rem;\r\n    height: 2.5rem;\r\n    border-radius: 0.75rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-weight: 700;\r\n    font-size: 1.125rem;\r\n    font-family: monospace;\r\n}\r\n\r\n.smarthon-timeline-wrapper .badge-cyan {\r\n    background: rgba(6, 182, 212, 0.2);\r\n    border: 1px solid var(--color-cyan);\r\n    color: var(--color-cyan);\r\n}\r\n\r\n.smarthon-timeline-wrapper .badge-indigo {\r\n    background: rgba(129, 140, 248, 0.2);\r\n    border: 1px solid var(--color-indigo);\r\n    color: var(--color-indigo);\r\n}\r\n\r\n.smarthon-timeline-wrapper .badge-purple {\r\n    background: rgba(192, 132, 252, 0.2);\r\n    border: 1px solid var(--color-purple);\r\n    color: var(--color-purple);\r\n}\r\n\r\n.smarthon-timeline-wrapper .badge-emerald {\r\n    background: rgba(52, 211, 153, 0.2);\r\n    border: 1px solid var(--color-emerald);\r\n    color: var(--color-emerald);\r\n}\r\n\r\n\/* Date Text Styles *\/\r\n.smarthon-timeline-wrapper .step-date {\r\n    font-size: 0.75rem;\r\n    font-family: monospace;\r\n    font-weight: 600;\r\n}\r\n\r\n.smarthon-timeline-wrapper .text-cyan { color: var(--color-cyan); }\r\n.smarthon-timeline-wrapper .text-indigo { color: var(--color-indigo); }\r\n.smarthon-timeline-wrapper .text-purple { color: var(--color-purple); }\r\n.smarthon-timeline-wrapper .text-emerald { color: var(--color-emerald); }\r\n\r\n\/* Content Typography *\/\r\n.smarthon-timeline-wrapper .step-title {\r\n    font-size: 1.125rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0;\r\n}\r\n\r\n.smarthon-timeline-wrapper .step-desc {\r\n    font-size: 0.75rem;\r\n    color: #94a3b8;\r\n    line-height: 1.625;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive Media Queries *\/\r\n@media (min-width: 640px) {\r\n    .smarthon-timeline-wrapper .timeline-title {\r\n        font-size: 2.25rem;\r\n    }\r\n    .smarthon-timeline-wrapper .timeline-description {\r\n        font-size: 1rem;\r\n    }\r\n}\r\n\r\n\/* \u5e73\u677f\u5c3a\u5bf8\u9002\u5e94 (2 \u680f\u7f51\u683c) *\/\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n    .smarthon-timeline-wrapper .timeline-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n\/* \u684c\u9762\u5c3a\u5bf8\u9002\u5e94 (4 \u680f\u7f51\u683c\u4e0e\u6a2a\u5411\u8fde\u63a5\u7ebf) *\/\r\n@media (min-width: 1024px) {\r\n    .smarthon-timeline-wrapper .timeline-connecting-line {\r\n        display: block;\r\n    }\r\n    \r\n    .smarthon-timeline-wrapper .timeline-grid {\r\n        grid-template-columns: repeat(4, 1fr);\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-640f3fa8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"640f3fa8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b4bb638\" data-id=\"2b4bb638\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-66c3b1c4 elementor-widget elementor-widget-html\" data-id=\"66c3b1c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================\r\n    SMARTHON EVALUATION MATRIX - HTML\r\n    ========================================== -->\r\n<div class=\"smarthon-eval-wrapper\">\r\n    <section id=\"evaluation\" class=\"eval-section\">\r\n        <div class=\"eval-container\">\r\n            <div class=\"eval-grid\">\r\n                \r\n                <!-- Left Info Panel -->\r\n                <div class=\"eval-info-panel\">\r\n                    <h2 class=\"eval-subtitle\">Evaluation Matrix<\/h2>\r\n                    <h3 class=\"eval-title\">\u4e25\u8c28\u5ba2\u89c2\u7684\u4e13\u4e1a\u8bc4\u5ba1\u6807\u51c6<\/h3>\r\n                    <p class=\"eval-description\">\r\n                        \u5927\u8d5b\u8bc4\u5ba1\u56e2\u7531\u65b0\u52a0\u5761\u4e0e\u9999\u6e2f\u77e5\u540d STEM \u6559\u80b2\u4e13\u5bb6\u3001\u5927\u5b66\u6559\u6388\u53ca Smarthon \u8d44\u6df1 AIoT \u67b6\u6784\u5e08\u7ec4\u6210\uff0c\u5168\u9762\u8bc4\u4f30\u5b66\u751f\u7684\u521b\u65b0\u529b\u4e0e\u6280\u672f\u5b9e\u73b0\u5ea6\u3002\r\n                    <\/p>\r\n\r\n                    <div class=\"fairness-card\">\r\n                        <div class=\"fairness-content\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"award-icon\"><path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><\/svg>\r\n                            <div>\r\n                                <h5 class=\"fairness-title\">\u516c\u5e73\u4e14\u517c\u987e\u8da3\u5473\u6027<\/h5>\r\n                                <p class=\"fairness-desc\">\u53c2\u8d5b\u961f\u4f0d\u5c06\u6839\u636e\u7ec4\u522b\uff08\u5c0f\u5b66\u7ec4 \/ \u4e2d\u5b66\u7ec4\uff09\u5206\u7ec4\u8fdb\u884c\u72ec\u7acb\u8bc4\u5206<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right Criteria Grid -->\r\n                <div class=\"eval-criteria-panel\">\r\n                    <div class=\"criteria-grid\">\r\n                        \r\n                        <!-- Criterion 1 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u521b\u610f\u4e0e\u521b\u65b0\u6027<\/span>\r\n                                <span class=\"criterion-weight text-cyan\">25%<\/span>\r\n                            <\/div>\r\n                            <div class=\"progress-bar-bg\">\r\n                                <div class=\"progress-bar-fill fill-cyan\" style=\"width: 25%\"><\/div>\r\n                            <\/div>\r\n                            <p class=\"criterion-desc\">\u95ee\u9898\u5b9a\u4e49\u72ec\u7279\u751f\u3001\u65b9\u6848\u65b0\u9896\u5ea6\u53ca\u5bf9\u5b9e\u9645\u751f\u6d3b\u75db\u70b9\u7684\u6d1e\u6089\u3002<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Criterion 2 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u5e94\u7528\u667a\u80fd AI \u79d1\u6280<\/span>\r\n                                <span class=\"criterion-weight text-indigo\">25%<\/span>\r\n                            <\/div>\r\n                            <div class=\"progress-bar-bg\">\r\n                                <div class=\"progress-bar-fill fill-indigo\" style=\"width: 25%\"><\/div>\r\n                            <\/div>\r\n                            <p class=\"criterion-desc\">HuskyLens \u89c6\u89c9\u8bc6\u522b\u3001AI \u8bed\u97f3\u4e92\u52a8\u3001n8n AI agent \u81ea\u52a8\u5316\u53ca IoT \u591a\u6a21\u7ec4\u6574\u5408\u3002<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Criterion 3 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u6280\u672f\u62a5\u544a\u77ed\u7247<\/span>\r\n                                <span class=\"criterion-weight text-emerald\">20%<\/span>\r\n                            <\/div>\r\n                            <div class=\"progress-bar-bg\">\r\n                                <div class=\"progress-bar-fill fill-emerald\" style=\"width: 20%\"><\/div>\r\n                            <\/div>\r\n                            <p class=\"criterion-desc\">\u62cd\u6444\u8fa8\u8bc6\u6210\u529f\u89e6\u53d1\u4f20\u611f\u5668\u53ca IoT \u63a7\u5236\u7684\u5b9e\u9645\u8fd0\u4f5c\u53ca\u4e92\u52a8\u8fc7\u7a0b\u3002<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Criterion 4 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u5236\u4f5c\u5de5\u827a<\/span>\r\n                                <span class=\"criterion-weight text-purple\">15%<\/span>\r\n                            <\/div>\r\n                            <div class=\"progress-bar-bg\">\r\n                                <div class=\"progress-bar-fill fill-purple\" style=\"width: 15%\"><\/div>\r\n                            <\/div>\r\n                            <p class=\"criterion-desc\">\u6a21\u578b\u5b8c\u6210\u5ea6\u3001\u7ed3\u6784\u7a33\u56fa\u5ea6\u4e0e\u6574\u4f53\u7f8e\u89c2\u6027\u3002<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Criterion 5 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u73b0\u573a\u7b54\u8fa9<\/span>\r\n                                <span class=\"criterion-weight text-teal\">10%<\/span>\r\n                            <\/div>\r\n                            <div class=\"progress-bar-bg\">\r\n                                <div class=\"progress-bar-fill fill-teal\" style=\"width: 10%\"><\/div>\r\n                            <\/div>\r\n                            <p class=\"criterion-desc\">\u6e05\u6670\u8bf4\u660e\u5982\u4f55\u900f\u8fc7 Micro:bit \u79ef\u6728\u7a0b\u5f0f\u7f16\u5199\u903b\u8f91\u3001\u5904\u7406\u611f\u6d4b\u5668\u5f02\u5e38\u6570\u636e\u53ca\u4e91\u7aef\u4e32\u63a5\u3002<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Criterion 6 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u4eba\u673a\u4e92\u52a8<\/span>\r\n                                <span class=\"criterion-weight text-rose\">5%<\/span>\r\n                            <\/div>\r\n                            <div class=\"progress-bar-bg\">\r\n                                <div class=\"progress-bar-fill fill-rose\" style=\"width: 5%\"><\/div>\r\n                            <\/div>\r\n                            <p class=\"criterion-desc\">\u7528\u6237\u4f53\u9a8c\u6d41\u7545\u5ea6\u4e0e\u53cd\u9988\u673a\u5236\u8bbe\u8ba1\u3002<\/p>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n    CSS STYLES FOR EVALUATION MATRIX\r\n    ========================================== -->\r\n<style>\r\n\/* Base Styles & Scoping *\/\r\n.smarthon-eval-wrapper {\r\n    --color-cyan: #06b6d4;\r\n    --color-indigo: #818cf8;\r\n    --color-emerald: #34d399;\r\n    --color-purple: #c084fc;\r\n    --color-teal: #14b8a6;\r\n    --color-rose: #f43f5e;\r\n    --bg-dark: transparent;\r\n    --card-bg: rgba(15, 23, 42, 0.55);\r\n    --border-color: rgba(255, 255, 255, 0.12);\r\n    \r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    width: 100%;\r\n    color: #f8fafc;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-section {\r\n    padding: 5rem 1rem;\r\n    position: relative;\r\n    background-color: var(--bg-dark);\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Layout Grid *\/\r\n.smarthon-eval-wrapper .eval-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 3rem;\r\n    align-items: center;\r\n}\r\n\r\n\/* Left Panel Typography *\/\r\n.smarthon-eval-wrapper .eval-info-panel {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.25rem;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-subtitle {\r\n    font-size: 0.75rem;\r\n    font-family: monospace;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    color: var(--color-cyan);\r\n    margin: 0;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-title {\r\n    font-size: 1.875rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    line-height: 1.35;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-description {\r\n    color: #94a3b8;\r\n    font-size: 0.875rem;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* Fairness Card *\/\r\n.smarthon-eval-wrapper .fairness-card {\r\n    padding: 1rem;\r\n    border-radius: 0.75rem;\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(6, 182, 212, 0.25);\r\n}\r\n\r\n.smarthon-eval-wrapper .fairness-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n}\r\n\r\n.smarthon-eval-wrapper .award-icon {\r\n    color: var(--color-cyan);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.smarthon-eval-wrapper .fairness-title {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 0.25rem 0;\r\n}\r\n\r\n.smarthon-eval-wrapper .fairness-desc {\r\n    font-size: 0.75rem;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n}\r\n\r\n\/* Criteria Grid *\/\r\n.smarthon-eval-wrapper .criteria-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 1rem;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-card {\r\n    padding: 1.25rem;\r\n    border-radius: 0.75rem;\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid var(--border-color);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n    transition: transform 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-card:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-name {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-weight {\r\n    font-size: 1.125rem;\r\n    font-weight: 800;\r\n    font-family: monospace;\r\n}\r\n\r\n\/* Colors *\/\r\n.smarthon-eval-wrapper .text-cyan { color: var(--color-cyan); }\r\n.smarthon-eval-wrapper .text-indigo { color: var(--color-indigo); }\r\n.smarthon-eval-wrapper .text-emerald { color: var(--color-emerald); }\r\n.smarthon-eval-wrapper .text-purple { color: var(--color-purple); }\r\n.smarthon-eval-wrapper .text-teal { color: var(--color-teal); }\r\n.smarthon-eval-wrapper .text-rose { color: var(--color-rose); }\r\n\r\n\/* Progress Bars *\/\r\n.smarthon-eval-wrapper .progress-bar-bg {\r\n    width: 100%;\r\n    height: 0.5rem;\r\n    background-color: #1e293b;\r\n    border-radius: 9999px;\r\n    overflow: hidden;\r\n}\r\n\r\n.smarthon-eval-wrapper .progress-bar-fill {\r\n    height: 100%;\r\n    border-radius: 9999px;\r\n}\r\n\r\n.smarthon-eval-wrapper .fill-cyan { background-color: var(--color-cyan); }\r\n.smarthon-eval-wrapper .fill-indigo { background-color: var(--color-indigo); }\r\n.smarthon-eval-wrapper .fill-emerald { background-color: var(--color-emerald); }\r\n.smarthon-eval-wrapper .fill-purple { background-color: var(--color-purple); }\r\n.smarthon-eval-wrapper .fill-teal { background-color: var(--color-teal); }\r\n.smarthon-eval-wrapper .fill-rose { background-color: var(--color-rose); }\r\n\r\n.smarthon-eval-wrapper .criterion-desc {\r\n    font-size: 0.75rem;\r\n    color: #94a3b8;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive Media Queries *\/\r\n@media (min-width: 640px) {\r\n    .smarthon-eval-wrapper .criteria-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .smarthon-eval-wrapper .eval-grid {\r\n        grid-template-columns: repeat(12, 1fr);\r\n    }\r\n\r\n    .smarthon-eval-wrapper .eval-info-panel {\r\n        grid-column: span 5;\r\n    }\r\n\r\n    .smarthon-eval-wrapper .eval-criteria-panel {\r\n        grid-column: span 7;\r\n    }\r\n    \r\n    .smarthon-eval-wrapper .eval-title {\r\n        font-size: 2.25rem;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-35373919 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"35373919\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5de18ba\" data-id=\"5de18ba\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3e98f707 elementor-widget elementor-widget-html\" data-id=\"3e98f707\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<style>\r\n\/* \u5bb9\u5668\u5168\u5c40\u6837\u5f0f\u91cd\u7f6e\u4e0e\u53d8\u91cf *\/\r\n.award-section-wrapper, .award-section-wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.award-section-wrapper {\r\n  --primary-color: #06b6d4;\r\n  --gold-color: #fbbf24;\r\n  --silver-color: #94a3b8;\r\n  --bronze-color: #d97706;\r\n  --bg-dark: #0f172a;\r\n  --card-bg: rgba(30, 41, 59, 0.7);\r\n  --border-color: rgba(255, 255, 255, 0.1);\r\n  \r\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n  color: #f8fafc;\r\n  padding: 2rem 1rem;\r\n  width: 100%;\r\n}\r\n\r\n\/* \u6807\u9898\u533a\u57df *\/\r\n.award-header {\r\n  text-align: center;\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.award-header .subtitle {\r\n  color: var(--primary-color);\r\n  font-size: 0.875rem;\r\n  font-weight: 600;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.award-header .title {\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin: 0;\r\n}\r\n\r\n\/* Tab \u5207\u6362\u63a7\u5236\u5668 (\u7eaf CSS) *\/\r\n.award-tab-input {\r\n  display: none;\r\n}\r\n\r\n.award-tabs {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  margin-bottom: 2.5rem;\r\n  background: rgba(15, 23, 42, 0.6);\r\n  padding: 0.35rem;\r\n  border-radius: 9999px;\r\n  border: 1px solid var(--border-color);\r\n  max-width: 500px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.award-tab-label {\r\n  flex: 1;\r\n  text-align: center;\r\n  padding: 0.6rem 1rem;\r\n  border-radius: 9999px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  color: #94a3b8;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.award-tab-label:hover {\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Tab \u9009\u4e2d\u72b6\u6001 *\/\r\n#tab-city:checked ~ .award-tabs .label-city,\r\n#tab-home:checked ~ .award-tabs .label-home,\r\n#tab-garden:checked ~ .award-tabs .label-garden {\r\n  background: var(--primary-color);\r\n  color: #020617;\r\n  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3);\r\n}\r\n\r\n\/* \u9762\u677f\u663e\u793a\u63a7\u5236 *\/\r\n.award-panel {\r\n  display: none;\r\n}\r\n\r\n#tab-city:checked ~ .award-panels .panel-city,\r\n#tab-home:checked ~ .award-panels .panel-home,\r\n#tab-garden:checked ~ .award-panels .panel-garden {\r\n  display: block;\r\n  animation: fadeIn 0.4s ease-in-out;\r\n}\r\n\r\n@keyframes fadeIn {\r\n  from { opacity: 0; transform: translateY(10px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u524d\u4e09\u7b49\u5956\u7f51\u683c *\/\r\n.top-prizes-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 1.5rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n\/* \u5956\u9879\u5361\u7247\u57fa\u5e95 *\/\r\n.prize-card {\r\n  background: var(--card-bg);\r\n  border: 1px solid var(--border-color);\r\n  border-radius: 1rem;\r\n  padding: 1.75rem 1.5rem;\r\n  text-align: center;\r\n  position: relative;\r\n  backdrop-filter: blur(12px);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.prize-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n\/* \u51a0\u4e9a\u5b63\u519b\u6837\u5f0f\u5dee\u5f02 *\/\r\n.prize-card.gold {\r\n  border-color: rgba(251, 191, 36, 0.4);\r\n  background: linear-gradient(180deg, rgba(251, 191, 36, 0.1) 0%, rgba(30, 41, 59, 0.8) 100%);\r\n}\r\n\r\n.badge-top {\r\n  position: absolute;\r\n  top: -0.75rem;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: var(--gold-color);\r\n  color: #020617;\r\n  font-size: 0.75rem;\r\n  font-weight: 800;\r\n  padding: 0.2rem 0.8rem;\r\n  border-radius: 9999px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.prize-icon {\r\n  font-size: 2.5rem;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.prize-title {\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  margin: 0 0 0.5rem 0;\r\n}\r\n\r\n.prize-title.gold-text { color: var(--gold-color); }\r\n.prize-title.silver-text { color: var(--silver-color); }\r\n.prize-title.bronze-text { color: var(--bronze-color); }\r\n\r\n.prize-desc {\r\n  font-size: 0.875rem;\r\n  color: #94a3b8;\r\n  margin: 0;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* \u6770\u51fa\u4e0e\u4f18\u79c0\u8868\u73b0\u5956\uff08\u6b21\u8981\u5956\u9879\uff09 *\/\r\n.sub-prizes-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 1.25rem;\r\n}\r\n\r\n.sub-prize-card {\r\n  background: rgba(15, 23, 42, 0.5);\r\n  border: 1px dashed rgba(255, 255, 255, 0.15);\r\n  border-radius: 0.75rem;\r\n  padding: 1.25rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n}\r\n\r\n.sub-prize-icon {\r\n  font-size: 1.8rem;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  width: 3rem;\r\n  height: 3rem;\r\n  border-radius: 0.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.sub-prize-info h4 {\r\n  margin: 0 0 0.25rem 0;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #f1f5f9;\r\n}\r\n\r\n.sub-prize-info p {\r\n  margin: 0;\r\n  font-size: 0.8rem;\r\n  color: #94a3b8;\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u6392\u7248 (\u5e73\u677f\u4e0e\u7535\u8111) *\/\r\n@media (min-width: 640px) {\r\n  .sub-prizes-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .top-prizes-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n  .prize-card.gold {\r\n    order: 2; \/* \u7535\u8111\u7248\u5c06\u4e00\u7b49\u5956\u7f6e\u4e2d *\/\r\n    transform: scale(1.05);\r\n  }\r\n  .prize-card.gold:hover {\r\n    transform: scale(1.05) translateY(-5px);\r\n  }\r\n  .prize-card.silver { order: 1; }\r\n  .prize-card.bronze { order: 3; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"award-section-wrapper\">\r\n  \r\n  <!-- \u9875\u9762\u533a\u5757\u6807\u9898 -->\r\n  <div class=\"award-header\">\r\n    <div class=\"subtitle\">HONORS & AWARDS<\/div>\r\n    <h2 class=\"title\">\u8d5b\u4e8b\u5956\u9879\u8bbe\u5b9a<\/h2>\r\n  <\/div>\r\n\r\n  <!-- \u5206\u9875\u5207\u6362\u5668\u63a7\u5236\uff08\u5355\u9009\u6309\u94ae\uff09 -->\r\n  <input type=\"radio\" name=\"award-tab-group\" id=\"tab-city\" class=\"award-tab-input\" checked>\r\n  <input type=\"radio\" name=\"award-tab-group\" id=\"tab-home\" class=\"award-tab-input\">\r\n  <input type=\"radio\" name=\"award-tab-group\" id=\"tab-garden\" class=\"award-tab-input\">\r\n\r\n  <!-- \u5206\u9875\u9875\u7b7e\u6807\u7b7e -->\r\n  <div class=\"award-tabs\">\r\n    <label for=\"tab-city\" class=\"award-tab-label label-city\">\ud83c\udfd9\ufe0f \u667a\u6167\u57ce\u5e02<\/label>\r\n    <label for=\"tab-home\" class=\"award-tab-label label-home\">\ud83c\udfe0 \u667a\u80fd\u5bb6\u5c45<\/label>\r\n    <label for=\"tab-garden\" class=\"award-tab-label label-garden\">\ud83c\udf31 \u667a\u6167\u683d\u79cd<\/label>\r\n  <\/div>\r\n\r\n  <!-- \u5185\u5bb9\u9762\u677f\u533a\u57df -->\r\n  <div class=\"award-panels\">\r\n    \r\n    <!-- 1. \u667a\u6167\u57ce\u5e02\u5927\u5956 -->\r\n    <div class=\"award-panel panel-city\">\r\n      <!-- \u524d\u4e09\u7b49\u5956 -->\r\n      <div class=\"top-prizes-grid\">\r\n        <!-- \u4e8c\u7b49\u5956 -->\r\n        <div class=\"prize-card silver\">\r\n          <div class=\"prize-icon\">\ud83e\udd48<\/div>\r\n          <h3 class=\"prize-title silver-text\">\u4e8c\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e8c\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u80fd\u5bb6\u5c45\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n        <!-- \u4e00\u7b49\u5956 -->\r\n        <div class=\"prize-card gold\">\r\n          <div class=\"badge-top\">Top Honor<\/div>\r\n          <div class=\"prize-icon\">\ud83c\udfc6<\/div>\r\n          <h3 class=\"prize-title gold-text\">\u4e00\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e00\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u6167\u57ce\u5e02\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n        <!-- \u4e09\u7b49\u5956 -->\r\n        <div class=\"prize-card bronze\">\r\n          <div class=\"prize-icon\">\ud83e\udd49<\/div>\r\n          <h3 class=\"prize-title bronze-text\">\u4e09\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e09\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u6167\u8015\u79cd\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u8868\u73b0\u5956\u9879 -->\r\n      <div class=\"sub-prizes-grid\">\r\n        <div class=\"sub-prize-card\">\r\n          <div class=\"sub-prize-icon\">\ud83c\udf1f<\/div>\r\n          <div class=\"sub-prize-info\">\r\n            <h4>\u6770\u51fa\u8868\u73b0\u5956<\/h4>\r\n            <p>\u8868\u5f70\u5728\u57ce\u5e02\u4ea4\u901a\u6216\u73af\u5883\u5fae\u6c14\u5019\u65b9\u6848\u4e2d\u5177\u5907\u521b\u65b0\u7a81\u7834\u7684\u4f18\u79c0\u56e2\u961f\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sub-prize-card\">\r\n          <div class=\"sub-prize-icon\">\ud83d\udc4f<\/div>\r\n          <div class=\"sub-prize-info\">\r\n            <h4>\u4f18\u79c0\u8868\u73b0\u5956<\/h4>\r\n            <p>\u8868\u5f70\u5b8c\u6210\u5ea6\u9ad8\u4e14\u5177\u5907\u5b9e\u9645\u5e94\u7528\u6f5c\u529b\u7684\u667a\u6167\u57ce\u5e02\u8bbe\u8ba1\u4f5c\u54c1\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 2. \u667a\u80fd\u5bb6\u5c45\u5927\u5956 -->\r\n    <div class=\"award-panel panel-home\">\r\n      <!-- \u524d\u4e09\u7b49\u5956 -->\r\n      <div class=\"top-prizes-grid\">\r\n        <!-- \u4e8c\u7b49\u5956 -->\r\n        <div class=\"prize-card silver\">\r\n          <div class=\"prize-icon\">\ud83e\udd48<\/div>\r\n          <h3 class=\"prize-title silver-text\">\u4e8c\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e8c\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u80fd\u5bb6\u5c45\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n        <!-- \u4e00\u7b49\u5956 -->\r\n        <div class=\"prize-card gold\">\r\n          <div class=\"badge-top\">Top Honor<\/div>\r\n          <div class=\"prize-icon\">\ud83c\udfc6<\/div>\r\n          <h3 class=\"prize-title gold-text\">\u4e00\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e00\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u6167\u57ce\u5e02\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n        <!-- \u4e09\u7b49\u5956 -->\r\n        <div class=\"prize-card bronze\">\r\n          <div class=\"prize-icon\">\ud83e\udd49<\/div>\r\n          <h3 class=\"prize-title bronze-text\">\u4e09\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e09\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u6167\u8015\u79cd\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u8868\u73b0\u5956\u9879 -->\r\n      <div class=\"sub-prizes-grid\">\r\n        <div class=\"sub-prize-card\">\r\n          <div class=\"sub-prize-icon\">\ud83c\udf1f<\/div>\r\n          <div class=\"sub-prize-info\">\r\n            <h4>\u6770\u51fa\u8868\u73b0\u5956<\/h4>\r\n            <p>\u8868\u5f70\u5728\u57ce\u5e02\u4ea4\u901a\u6216\u73af\u5883\u5fae\u6c14\u5019\u65b9\u6848\u4e2d\u5177\u5907\u521b\u65b0\u7a81\u7834\u7684\u4f18\u79c0\u56e2\u961f\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sub-prize-card\">\r\n          <div class=\"sub-prize-icon\">\ud83d\udc4f<\/div>\r\n          <div class=\"sub-prize-info\">\r\n            <h4>\u4f18\u79c0\u8868\u73b0\u5956<\/h4>\r\n            <p>\u8868\u5f70\u5b8c\u6210\u5ea6\u9ad8\u4e14\u5177\u5907\u5b9e\u9645\u5e94\u7528\u6f5c\u529b\u7684\u667a\u6167\u57ce\u5e02\u8bbe\u8ba1\u4f5c\u54c1\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3. \u667a\u6167\u683d\u79cd\u5927\u5956 -->\r\n    <div class=\"award-panel panel-garden\">\r\n      <!-- \u524d\u4e09\u7b49\u5956 -->\r\n      <div class=\"top-prizes-grid\">\r\n        <!-- \u4e8c\u7b49\u5956 -->\r\n        <div class=\"prize-card silver\">\r\n          <div class=\"prize-icon\">\ud83e\udd48<\/div>\r\n          <h3 class=\"prize-title silver-text\">\u4e8c\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e8c\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u80fd\u5bb6\u5c45\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n        <!-- \u4e00\u7b49\u5956 -->\r\n        <div class=\"prize-card gold\">\r\n          <div class=\"badge-top\">Top Honor<\/div>\r\n          <div class=\"prize-icon\">\ud83c\udfc6<\/div>\r\n          <h3 class=\"prize-title gold-text\">\u4e00\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e00\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u6167\u57ce\u5e02\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n        <!-- \u4e09\u7b49\u5956 -->\r\n        <div class=\"prize-card bronze\">\r\n          <div class=\"prize-icon\">\ud83e\udd49<\/div>\r\n          <h3 class=\"prize-title bronze-text\">\u4e09\u7b49\u5956<\/h3>\r\n          <p class=\"prize-desc\">\u9881\u53d1\u4e09\u7b49\u5956\u5956\u676f\u3001\u4e2a\u4eba\u83b7\u5956\u8bc1\u4e66\u53ca\u667a\u6167\u8015\u79cd\u5957\u88c5\u3002<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u8868\u73b0\u5956\u9879 -->\r\n      <div class=\"sub-prizes-grid\">\r\n        <div class=\"sub-prize-card\">\r\n          <div class=\"sub-prize-icon\">\ud83c\udf1f<\/div>\r\n          <div class=\"sub-prize-info\">\r\n            <h4>\u6770\u51fa\u8868\u73b0\u5956<\/h4>\r\n            <p>\u8868\u5f70\u5728\u57ce\u5e02\u4ea4\u901a\u6216\u73af\u5883\u5fae\u6c14\u5019\u65b9\u6848\u4e2d\u5177\u5907\u521b\u65b0\u7a81\u7834\u7684\u4f18\u79c0\u56e2\u961f\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sub-prize-card\">\r\n          <div class=\"sub-prize-icon\">\ud83d\udc4f<\/div>\r\n          <div class=\"sub-prize-info\">\r\n            <h4>\u4f18\u79c0\u8868\u73b0\u5956<\/h4>\r\n            <p>\u8868\u5f70\u5b8c\u6210\u5ea6\u9ad8\u4e14\u5177\u5907\u5b9e\u9645\u5e94\u7528\u6f5c\u529b\u7684\u667a\u6167\u57ce\u5e02\u8bbe\u8ba1\u4f5c\u54c1\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f537668 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f537668\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6f7b65\" data-id=\"6f7b65\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-43a89aa6 elementor-widget elementor-widget-html\" data-id=\"43a89aa6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-Hans\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>\u5e38\u89c1\u95ee\u9898 FAQ<\/title>\r\n    <!-- Tailwind CSS for utility styling -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n        tailwind.config = {\r\n            theme: {\r\n                extend: {\r\n                    colors: {\r\n                        'brand-cyan': '#06b6d4',\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    <\/script>\r\n    <style>\r\n        \/* Transparent element styling *\/\r\n        .no-bg {\r\n            background-color: transparent !important;\r\n            background: transparent !important;\r\n        }\r\n        \r\n        \/* Smooth transition for accordion answers *\/\r\n        .faq-answer {\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, padding 0.3s ease;\r\n            opacity: 0;\r\n        }\r\n\r\n        .faq-answer.open {\r\n            max-height: 300px;\r\n            opacity: 1;\r\n        }\r\n\r\n        \/* Pure white border styles with subtle hover glow *\/\r\n        .border-white-card {\r\n            border: 1px solid rgba(255, 255, 255, 0.9);\r\n            transition: all 0.25s ease-in-out;\r\n        }\r\n\r\n        .border-white-card:hover {\r\n            border-color: #ffffff;\r\n            box-shadow: 0 0 15px rgba(255, 255, 255, 0.15);\r\n        }\r\n\r\n        \/* Enforce mobile word wrapping *\/\r\n        .faq-question-text {\r\n            word-break: break-word;\r\n            overflow-wrap: anywhere;\r\n            white-space: normal;\r\n        }\r\n\r\n        \/* SVG Chevron Smooth Rotation *\/\r\n        .chevron-icon {\r\n            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .rotate-180 {\r\n            transform: rotate(180deg);\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-950 text-slate-100 min-h-screen p-3 sm:p-8 flex flex-col justify-center items-center w-full overflow-x-hidden\">\r\n\r\n    <main class=\"w-full max-w-4xl mx-auto overflow-hidden\">\r\n        <section id=\"faq\" class=\"py-8 sm:py-16 border-t border-white\/20 no-bg w-full\">\r\n            <div class=\"px-1 sm:px-6 lg:px-8 w-full\">\r\n                \r\n                <!-- Section Header -->\r\n                <div class=\"text-center mb-8 sm:mb-12 space-y-2 sm:space-y-3\">\r\n                    <h2 class=\"text-xs font-mono uppercase tracking-widest text-brand-cyan\">Help Center<\/h2>\r\n                    <h3 class=\"text-2xl sm:text-4xl font-extrabold text-white tracking-tight\">\u5e38\u89c1\u95ee\u9898 FAQ<\/h3>\r\n                <\/div>\r\n\r\n                <div class=\"space-y-3 sm:space-y-4 w-full\">\r\n                    \r\n                    <!-- FAQ Item 1 -->\r\n                    <div class=\"rounded-xl border-white-card overflow-hidden no-bg w-full\">\r\n                        <button onclick=\"toggleFaq(this)\" class=\"w-full p-4 sm:p-5 text-left flex justify-between items-start sm:items-center gap-3 text-slate-100 font-semibold text-sm sm:text-base hover:text-brand-cyan transition-colors no-bg focus:outline-none leading-snug\">\r\n                            <span class=\"faq-question-text flex-1 min-w-0 pr-1\">Q: \u53c2\u8d5b\u5b66\u6821\u662f\u5426\u5fc5\u987b\u5148\u8d2d\u4e70 Smarthon \u6307\u5b9a\u5957\u88c5\uff1f<\/span>\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"chevron-icon w-5 h-5 shrink-0 text-white mt-0.5 sm:mt-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\r\n                        <\/button>\r\n                        <div class=\"faq-answer px-4 sm:px-5 text-xs sm:text-sm text-slate-300 leading-relaxed\">\r\n                            <div class=\"border-t border-white\/20 pt-3 pb-4 sm:pb-5 faq-question-text\">\r\n                                \u662f\u7684\uff0c\u672c\u5c4a\u6bd4\u8d5b\u65e8\u5728\u9f13\u52b1\u5b66\u6821\u6d3b\u7528 Smarthon micro:bit \u751f\u6001\u7cfb\u7edf\u8fdb\u884c\u521b\u65b0\u3002\u53c2\u8d5b\u4f5c\u54c1\u4e4b\u6838\u5fc3\u63a7\u5236\u6a21\u5757\u5fc5\u987b\u5305\u542b Smarthon Smart City Kit\u3001Smart Home Kit \u6216 Smart Garden Kit \u7b49\u5b98\u65b9\u6269\u5c55\u677f\u4e0e\u4f20\u611f\u5668\u3002\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ Item 2 -->\r\n                    <div class=\"rounded-xl border-white-card overflow-hidden no-bg w-full\">\r\n                        <button onclick=\"toggleFaq(this)\" class=\"w-full p-4 sm:p-5 text-left flex justify-between items-start sm:items-center gap-3 text-slate-100 font-semibold text-sm sm:text-base hover:text-brand-cyan transition-colors no-bg focus:outline-none leading-snug\">\r\n                            <span class=\"faq-question-text flex-1 min-w-0 pr-1\">Q: \u6bcf\u95f4\u5b66\u6821\u53ef\u4ee5\u62a5\u540d\u591a\u5c11\u652f\u961f\u4f0d\uff1f\u961f\u4f0d\u4eba\u6570\u6709\u9650\u5236\u5417\uff1f<\/span>\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"chevron-icon w-5 h-5 shrink-0 text-white mt-0.5 sm:mt-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\r\n                        <\/button>\r\n                        <div class=\"faq-answer px-4 sm:px-5 text-xs sm:text-sm text-slate-300 leading-relaxed\">\r\n                            <div class=\"border-t border-white\/20 pt-3 pb-4 sm:pb-5 faq-question-text\">\r\n                                \u6bcf\u95f4\u5b66\u6821\u6700\u591a\u53ef\u62a5\u540d 3 \u652f\u961f\u4f0d\u3002\u6bcf\u652f\u961f\u4f0d\u9700\u7531 2 \u81f3 4 \u540d\u5b66\u751f\u7ec4\u6210\uff0c\u5e76\u987b\u6709\u4e00\u540d\u6307\u5bfc\u8001\u5e08\uff08Educator \/ STEM Coordinator\uff09\u968f\u961f\u6307\u5bfc\u3002\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ Item 3 -->\r\n                    <div class=\"rounded-xl border-white-card overflow-hidden no-bg w-full\">\r\n                        <button onclick=\"toggleFaq(this)\" class=\"w-full p-4 sm:p-5 text-left flex justify-between items-start sm:items-center gap-3 text-slate-100 font-semibold text-sm sm:text-base hover:text-brand-cyan transition-colors no-bg focus:outline-none leading-snug\">\r\n                            <span class=\"faq-question-text flex-1 min-w-0 pr-1\">Q: \u53c2\u8d5b\u5730\u533a\u4e3a\uff1f<\/span>\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"chevron-icon w-5 h-5 shrink-0 text-white mt-0.5 sm:mt-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\r\n                        <\/button>\r\n                        <div class=\"faq-answer px-4 sm:px-5 text-xs sm:text-sm text-slate-300 leading-relaxed\">\r\n                            <div class=\"border-t border-white\/20 pt-3 pb-4 sm:pb-5 faq-question-text\">\r\n                                \u6b22\u8fce\u4e2d\u56fd\u5185\u5730\u5b66\u6821\u53c2\u8d5b\uff0c\u62a5\u540d\u961f\u4f0d\u5c06\u83b7\u5f97\u53c2\u52a0\u9999\u6e2f\u603b\u51b3\u8d5b\u5e76\u4e0e\u9999\u6e2f\u53ca\u65b0\u52a0\u5761\u961f\u4f0d\u8fdb\u884c\u6bd4\u8d5b\u7684\u673a\u4f1a\u3002\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- FAQ Item 4 -->\r\n                    <div class=\"rounded-xl border-white-card overflow-hidden no-bg w-full\">\r\n                        <button onclick=\"toggleFaq(this)\" class=\"w-full p-4 sm:p-5 text-left flex justify-between items-start sm:items-center gap-3 text-slate-100 font-semibold text-sm sm:text-base hover:text-brand-cyan transition-colors no-bg focus:outline-none leading-snug\">\r\n                            <span class=\"faq-question-text flex-1 min-w-0 pr-1\">Q: \u5927\u8d5b\u4f7f\u7528\u4f55\u79cd\u7f16\u7a0b\u8bed\u8a00\uff1f<\/span>\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"chevron-icon w-5 h-5 shrink-0 text-white mt-0.5 sm:mt-0\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\r\n                        <\/button>\r\n                        <div class=\"faq-answer px-4 sm:px-5 text-xs sm:text-sm text-slate-300 leading-relaxed\">\r\n                            <div class=\"border-t border-white\/20 pt-3 pb-4 sm:pb-5 faq-question-text\">\r\n                                \u5927\u8d5b\u652f\u6301 Microsoft MakeCode \u79ef\u6728\u903b\u8f91\u7f16\u7a0b\uff08Block-based coding\uff09\u4ee5\u53ca Python\u3002\u8bc4\u5ba1\u4e3b\u8981\u4f9d\u636e\u4ee3\u7801 logic \u5b8c\u6574\u5ea6\u4e0e\u529f\u80fd\u5b9e\u73b0\u5ea6\u8bc4\u5206\u3002\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <!-- JavaScript Accordion Logic -->\r\n    <script>\r\n        function toggleFaq(buttonElement) {\r\n            const faqAnswer = buttonElement.nextElementSibling;\r\n            const chevronIcon = buttonElement.querySelector('.chevron-icon');\r\n\r\n            \/\/ \u5207\u63db\u7576\u524d\u9805\u76ee\u7684\u5c55\u958b\/\u6536\u5408\u72c0\u614b\r\n            const isOpen = faqAnswer.classList.contains('open');\r\n\r\n            if (isOpen) {\r\n                faqAnswer.classList.remove('open');\r\n                chevronIcon.classList.remove('rotate-180');\r\n            } else {\r\n                faqAnswer.classList.add('open');\r\n                chevronIcon.classList.add('rotate-180');\r\n            }\r\n        }\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4c976e65 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"4c976e65\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-634e33c\" data-id=\"634e33c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28d896a elementor-widget elementor-widget-html\" data-id=\"28d896a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-Hans\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>School Registration CTA Section<\/title>\r\n    <!-- Tailwind CSS for rapid responsive utility styling -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <style>\r\n        * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\r\n            background-color: #0d1117; \/* Dark preview backdrop to showcase transparent section elements *\/\r\n            color: #f0f6fc;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n\r\n        \/* Explicitly remove background color from the CTA section and wrapper container *\/\r\n        .cta,\r\n        .cta-grid,\r\n        .cta-container {\r\n            background-color: transparent !important;\r\n            background: transparent !important;\r\n        }\r\n\r\n        \/* Glass border effect without background fill *\/\r\n        .cta-card-border {\r\n            background: transparent;\r\n            border: 1px solid rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(4px);\r\n        }\r\n\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\r\n        }\r\n\r\n        .reveal.delay-1 {\r\n            animation-delay: 0.15s;\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .btn-primary {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 0.5rem;\r\n            padding: 0.875rem 1.75rem;\r\n            border-radius: 0.75rem;\r\n            font-weight: 600;\r\n            font-size: 0.95rem;\r\n            color: #ffffff;\r\n            background-color: transparent;\r\n            border: 1.5px solid #38bdf8;\r\n            transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\r\n            text-decoration: none;\r\n            box-shadow: 0 0 15px rgba(56, 189, 248, 0.15);\r\n        }\r\n\r\n        .btn-primary:hover {\r\n            background-color: rgba(56, 189, 248, 0.1);\r\n            border-color: #7dd3fc;\r\n            color: #ffffff;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 0 25px rgba(56, 189, 248, 0.3);\r\n        }\r\n\r\n        .btn-primary:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .eyebrow {\r\n            display: inline-block;\r\n            font-family: monospace;\r\n            font-size: 0.8125rem;\r\n            font-weight: 700;\r\n            letter-spacing: 0.15em;\r\n            text-transform: uppercase;\r\n            color: #38bdf8;\r\n            margin-bottom: 0.75rem;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"p-4 sm:p-8\">\r\n\r\n    <main class=\"w-full max-w-5xl mx-auto\">\r\n        <section class=\"cta py-12 px-6 sm:px-10 rounded-2xl cta-card-border\" id=\"register\">\r\n            <div class=\"container cta-grid mx-auto\">\r\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\r\n                    \r\n                    <!-- Left Column: Eyebrow and Heading -->\r\n                    <div class=\"reveal visible lg:col-span-6\">\r\n                        <span class=\"eyebrow\">SCHOOL REGISTRATION<\/span>\r\n                        <h2 class=\"text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white tracking-tight leading-tight\">\r\n                            \u51c6\u5907\u597d\uff0c\u8ba9\u4f60\u4eec\u7684\u4f5c\u54c1\u88ab\u770b\u89c1\u3002\r\n                        <\/h2>\r\n                    <\/div>\r\n\r\n                    <!-- Right Column: Description & Primary Action Button -->\r\n                    <div class=\"cta-copy reveal visible delay-1 lg:col-span-6 flex flex-col items-start gap-6\">\r\n                        <p class=\"text-slate-300 text-base sm:text-lg leading-relaxed\">\r\n                            \u611f\u8c22\u60a8\u5173\u6ce8 Smarthon AIoT Challenge 2026\u3002\u8bf7\u586b\u5199\u62a5\u540d\u610f\u5411\uff0c\u6211\u4eec\u7684\u56e2\u961f\u5c06\u5c3d\u5feb\u4e0e\u60a8\u7684\u5b66\u6821\u8054\u7cfb\u3002\r\n                        <\/p>\r\n                        <div>\r\n                            <a class=\"btn btn-primary\" href=\"https:\/\/smarthon.cc\/zh-hant\/competition\/\" target=\"_blank\" rel=\"noopener\">\r\n                                <span>\u7acb\u5373\u62a5\u540d<\/span>\r\n                                <span class=\"text-lg leading-none\">\u2197<\/span>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n            <\/div>\r\n        <\/section>\r\n    <\/main>\r\n\r\n    <footer class=\"mt-8 text-center text-xs text-slate-500\">\r\n        <p>Smarthon AIoT Challenge <\/p>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u4e2d\u56fdSTEM\u6269\u5c55\u7ade\u8d5b\u9879\u76ee \u7b2c\u4e00\u5c4a SMARTHON CUP \u667a\u6167\u57ce\u5e02 AI \u56fd\u9645\u9080\u8bf7\u8d5b \u5927\u8d5b\u4ee5 AIoT \u878d\u5408 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14993","page","type-page","status-publish","hentry"],"aioseo_notices":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smarken","author_link":"https:\/\/smarthon.cc\/zh-hans\/author\/smarken\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/smarthon.cc\/zh-hant\/?taxonomy=translation_priority&#038;term=optional\" rel=\"tag\">Optional<\/a><a href=\"https:\/\/smarthon.cc\/zh-hans\/?taxonomy=translation_priority&#038;term=%e5%8f%af%e9%80%89\" rel=\"tag\">\u53ef\u9009<\/a>","rttpg_excerpt":"\u4e2d\u56fdSTEM\u6269\u5c55\u7ade\u8d5b\u9879\u76ee \u7b2c\u4e00\u5c4a SMARTHON CUP \u667a\u6167\u57ce\u5e02 AI \u56fd\u9645\u9080\u8bf7\u8d5b \u5927\u8d5b\u4ee5 AIoT \u878d\u5408&hellip;","_links":{"self":[{"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/pages\/14993","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/comments?post=14993"}],"version-history":[{"count":57,"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/pages\/14993\/revisions"}],"predecessor-version":[{"id":15567,"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/pages\/14993\/revisions\/15567"}],"wp:attachment":[{"href":"https:\/\/smarthon.cc\/zh-hans\/wp-json\/wp\/v2\/media?parent=14993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}