{"id":14994,"date":"2026-09-21T17:04:54","date_gmt":"2026-09-21T09:04:54","guid":{"rendered":"https:\/\/smarthon.cc\/?page_id=14994"},"modified":"2026-10-09T11:20:52","modified_gmt":"2026-10-09T03:20:52","slug":"hongkong-smarthon-cup-2026","status":"publish","type":"page","link":"https:\/\/smarthon.cc\/zh-hant\/hongkong-smarthon-cup-2026\/","title":{"rendered":"competition"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14994\" class=\"elementor elementor-14994\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac9967f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ac9967f\" 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-d39e9f4\" data-id=\"d39e9f4\" 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-1234b5f elementor-widget elementor-widget-html\" data-id=\"1234b5f\" 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-34bc25f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"34bc25f\" 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-0415672\" data-id=\"0415672\" 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-688e94a elementor-widget elementor-widget-html\" data-id=\"688e94a\" 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>\u9999\u6e2fSTEM\u64f4\u5c55\u7af6\u8cfd\u9805\u76ee<\/span>\r\n                <\/div>\r\n\r\n                <h1 class=\"smarthon-title\">\r\n                    \u7b2c\u4e00\u5c46 SMARTHON CUP<br>\r\n                    <span class=\"smarthon-gradient-text\">Smart City AI \u6311\u6230\u8cfd (\u9999\u6e2f\u5340)<\/span>\r\n                <\/h1>\r\n\r\n                <p class=\"smarthon-description\">\r\n                    \u5927\u8cfd\u4ee5AIoT \u878d\u5408\u70ba\u6838\u5fc3\u3002\u904b\u7528 SMARTHON \u667a\u6167\u57ce\u5e02\u751f\u614b\u5957\u4ef6\uff0c\u914d\u5408 AI Camera \u8996\u89ba\u5f71\u50cf\u5206\u6790\u8207 AI \u8a9e\u97f3\u8b58\u5225\uff0c\u5f15\u5c0e\u5b78\u751f\u5c07\u751f\u614b\u4fdd\u80b2\u3001\u672a\u4f86\u667a\u6167\u57ce\u5e02\u6cbb\u7406\u8207\u667a\u80fd\u9ad4\u9a57\u76f8\u7d50\u5408\uff0c\u6253\u9020\u5177\u5099\u79d1\u6280\u611f\u8207\u5275\u65b0\u529b\u7684\u672a\u4f86\u89e3\u6c7a\u65b9\u6848\u3002\u904b\u7528\u667a\u6167\u611f\u6e2c\uff0c\u4eba\u5de5\u667a\u80fd\u8207\u96f2\u7aef\u7269\u806f\u7db2\uff0c\u69cb\u5efa\u4e0b\u4e00\u4ee3\u6c38\u7e8c\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 \u5831\u540d\u622a\u6b62\u5012\u6578 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\">\u6642 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                        \u5b78\u6821\u53c3\u8cfd\u5831\u540d\r\n                    <\/button>\r\n\r\n                    <!-- \u4fee\u6539\u91cd\u9ede\uff1a\u79fb\u9664 target=\"_blank\" \u8207 rel=\"noopener noreferrer\"\uff0c\u6539\u5728\u7576\u524d\u9801\u9762\u76f4\u63a5\u958b\u555f -->\r\n                    <a href=\"https:\/\/smarthon.cc\/zh-hant\/competition-resource\/\" 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\u8f09\u6bd4\u8cfd\u8cc7\u6e90\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 \u96f2\u7aef\u6578\u64da\u9023\u7dda<\/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;\">\u5b78\u6821\u53c3\u8cfd\u5831\u540d<\/h3>\r\n            <p style=\"color:#94a3b8; font-size: 0.9rem;\">\u611f\u8b1d\u60a8\u95dc\u6ce8 Smarthon AIoT Challenge 2026\uff01\u8acb\u586b\u5beb\u5831\u540d\u610f\u5411\uff0c\u6211\u5011\u7684\u5718\u968a\u5c07\u5118\u5feb\u8207\u60a8\u7684\u5b78\u6821\u806f\u7e6b\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 15, 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-14b1fee elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"14b1fee\" 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-6bdaf02\" data-id=\"6bdaf02\" 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-4c7a539 elementor-widget elementor-widget-html\" data-id=\"4c7a539\" 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\u6a5f\u7248 tabs \u6539\u70ba 3 \u6b04 Grid\uff0c\u5f37\u5236\u55ae\u884c\u4e0d\u63db\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\u984c\u8cfd\u9053 \u63a2\u7d22\u672a\u4f86\u79d1\u6280<\/h3>\r\n                <p class=\"tracks-description\">\u6839\u64da\u8cb4\u6821\u6240\u64c1\u6709\u7684 Smarthon \u5957\u88dd\u9078\u64c7\u8cfd\u9053\uff0c\u904b\u7528 micro:bit \u7de8\u7a0b\u8a2d\u8a08\u89e3\u6c7a\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\u8cfd\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\u8cfd\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\">\u7da0\u8272\u6c38\u7e8c\u8cfd\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\u8207\u672a\u4f86\u4ea4\u901a\u7cfb\u7d71<\/h4>\r\n                        <p class=\"track-text\">\r\n                            \u904b\u7528 Smarthon micro:bit \u667a\u6167\u57ce\u5e02\u5957\u4ef6\uff0c\u89e3\u6c7a\u672a\u4f86\u90fd\u5e02\u9762\u81e8\u7684\u4ea4\u901a\u5835\u585e\u3001\u78b3\u6392\u653e\u3001\u667a\u6167\u8def\u71c8\u76e3\u63a7\u8207\u516c\u5171\u5b89\u5168\u6311\u6230\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\u5099\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 \u64f4\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\u7bc4\u4f8b\u8207\u60c5\u5883<\/h5>\r\n                                    <p class=\"feature-desc\">\u667a\u6167\u4fe1\u865f\u71c8\u8207\u7dca\u6025\u8eca\u8f1b\u512a\u5148\u7cfb\u7d71\u3001\u81ea\u52d5\u566a\u97f3\/\u7a7a\u6c23\u8cea\u91cf\u76e3\u6e2c\u7ad9\u3001\u667a\u6167\u8eca\u4f4d\u5c0e\u5f15<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- \u8f49\u8df3\u6309\u9215 1\uff1a\u667a\u6167\u57ce\u5e02 (\u66ff\u63db\u70ba a \u6a19\u7c64) -->\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\u8cfd\u898f\u5247<\/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\u8207\u5065\u5eb7\u5c45\u4f4f\u751f\u6d3b<\/h4>\r\n                        <p class=\"track-text\">\r\n                            \u7d50\u5408\u4eba\u9ad4\u611f\u61c9\u3001\u6eab\u6fd5\u5ea6\u63a7\u5236\u3001\u5c04\u983b RFID \u9580\u7981\u8207\u96f2\u7aef\u8b66\u5831\uff0c\u5275\u4f5c\u63d0\u5347\u5bb6\u5ead\u5b89\u5168\u3001\u4fbf\u5229\u8207\u9ad8\u9f61\u8005\u7167\u9867\u7684\u667a\u6167\u5316\u5bb6\u5ead\u88dd\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\u5099\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 \u64f4\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\u7bc4\u4f8b\u8207\u60c5\u5883<\/h5>\r\n                                    <p class=\"feature-desc\">\u667a\u80fd\u5bc6\u78bc\/\u5237\u5361\u9632\u76dc\u9580\u9396\u3001\u667a\u6167\u7bc0\u80fd\u7167\u660e\u8207\u98a8\u6247\u63a7\u5236\u3001\u7368\u5c45\u9577\u8005\u5b89\u5168\u8dcc\u5012\u8b66\u5831<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- \u8f49\u8df3\u6309\u9215 2\uff1a\u667a\u80fd\u5bb6\u5c45 (\u66ff\u63db\u70ba a \u6a19\u7c64) -->\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\u8cfd\u898f\u5247<\/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\u7e8c\u767c\u5c55\u8207\u667a\u6167\u8fb2\u696d<\/h4>\r\n                        <p class=\"track-text\">\r\n                            \u900f\u904e Micro:bit \u8207 Smarthon IoT:bit \u64f4\u5c55\u677f\uff0c\u5c07\u74b0\u5883\u6578\u64da\u5be6\u6642\u4e0a\u8f09\u81f3\u96f2\u7aef\u5e73\u53f0\uff0c\u5be6\u73fe\u9060\u7aef\u6578\u64da\u53ef\u8996\u5316\u3001\u8fb2\u696d\u5206\u6790\u8207\u74b0\u5883\u9060\u7aef\u8ffd\u8e64\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\u5099\u6307\u5b9a\u6559\u5177<\/h5>\r\n                                    <p class=\"feature-desc\">Smarthon Plant\/Smart Garden Kit \u6216 IoT:bit \u64f4\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\u7bc4\u4f8b\u8207\u60c5\u5883<\/h5>\r\n                                    <p class=\"feature-desc\">\u81ea\u52d5\u5316\u5782\u76f4\u8fb2\u5834\u6f86\u704c\u7cfb\u7d71\u3001\u592a\u967d\u80fd\u8ffd\u8e2a\u8ffd\u5149\u88dd\u7f6e\u3001\u667a\u6167\u96e8\u6c34\u6536\u96c6\u8207\u5faa\u74b0<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- \u8f49\u8df3\u6309\u9215 3\uff1a\u7da0\u8272\u6c38\u7e8c (\u66ff\u63db\u70ba a \u6a19\u7c64) -->\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\u8cfd\u898f\u5247<\/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\/* \u2705 \u624b\u6a5f\u7248\uff1a3 \u6b04\u7b49\u5bec Grid\uff0c\u5f37\u5236\u55ae\u884c\u3001\u7d55\u4e0d\u63db\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\u8a31 grid \u5b50\u9805\u76ee\u7e2e\u5c0f\uff0c\u907f\u514d\u5167\u5bb9\u6490\u958b\u6b04\u4f4d *\/\r\n    display: flex;\r\n    flex-direction: column; \/* \u2705 \u624b\u6a5f\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 \u6a19\u7c64\u8d85\u9023\u7d50\u6a23\u5f0f\u8a2d\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\u9810\u8a2d\u5e95\u7dda *\/\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\u7f6e\u4e2d\u81a0\u56ca\u5217\uff0cemoji \u8207\u6587\u5b57\u6062\u5fa9\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\u6a6b\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-fde6898 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fde6898\" 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-41024b9\" data-id=\"41024b9\" 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-002bfa8 elementor-widget elementor-widget-html\" data-id=\"002bfa8\" 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 (5 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\u8cfd\u65e5\u7a0b\u8207\u91cd\u5927\u7bc0\u9ede<\/h3>\r\n                <p class=\"timeline-description\">\u5f9e\u7dda\u4e0a\u5831\u540d\u5230\u7e3d\u6c7a\u8cfd\u73fe\u5834\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) -->\r\n                <div class=\"timeline-connecting-line\"><\/div>\r\n\r\n                <!-- Steps Grid -->\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\">\u7c4c\u5099\u8207\u5831\u540d<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            \u622a\u81f32026\u5e7411\u670815\u65e5\u958b\u653e\u5b78\u6821\u8207\u6a5f\u69cb\u5831\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\u8a13\u5de5\u4f5c\u574a<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            Smarthon \u5b98\u65b9\u5de5\u7a0b\u5e2b\u5728\u7dda\u63d0\u4f9b AIoT \u64f4\u5145\u677f\u7de8\u7a0b\u9032\u968e\u6559\u5b78\u6307\u5c0e\u8207\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\u8cfd\u4f5c\u54c1\u905e\u4ea4<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            \u968a\u4f0d\u4e0a\u8f09\u521d\u8cfd\u8cc7\u6599\uff08500\u5b57\u9805\u76ee\u7c21\u4ecb\u3001\u6982\u5ff5\u5716\u30015\u5206\u9418\u4ecb\u7d39\u77ed\u7247\uff09\u3002(\u8a55\u5be9\u5f8c\u500b\u5225\u901a\u77e5\u5165\u570d\u5730\u5340\u6c7a\u8cfd 20 \u968a)\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\u5e7404\u670824\u65e5<\/div>\r\n                        <h4 class=\"step-title\">\u9999\u6e2f\u5340\u6c7a\u8cfd<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            \u7372\u52dd\u968a\u4f0d\u53d7\u9080\u53c3\u52a0\u570b\u969b\u9080\u8acb\u8cfd\u3002\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <!-- Step 5 (\u65b0\u52a0\uff1a\u570b\u969b\u8cfd) -->\r\n                    <div class=\"timeline-card\">\r\n                        <div class=\"step-badge badge-rose\">05<\/div>\r\n                        <div class=\"step-date text-rose\">2027\u5e7407\u6708<\/div>\r\n                        <h4 class=\"step-title\">\u570b\u969b\u9080\u8acb\u8cfd<\/h4>\r\n                        <p class=\"step-desc\">\r\n                            \u5404\u5730\u5340\u512a\u79c0\u968a\u4f0d\u6703\u5e2b\u570b\u969b\u821e\u53f0\uff0c\u9032\u884c\u73fe\u5834\u4f5c\u54c1\u5c55\u793a\u3001\u6280\u8853\u7b54\u8faf\u8207\u5185\u5730\u53ca\u65b0\u52a0\u5761\u968a\u4f0d\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\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    --color-rose: #f43f5e; \/* \u65b0\u589e Rose \u8272\u7cfb\u8b8a\u6578 *\/\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 - \u66f4\u65b0\u8cab\u7a7f 5 \u500b\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        var(--color-rose)\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\/* \u65b0\u589e Step 5 \u73ab\u7470\u7d05 Badge \u6a23\u5f0f *\/\r\n.smarthon-timeline-wrapper .badge-rose {\r\n    background: rgba(244, 63, 94, 0.2);\r\n    border: 1px solid var(--color-rose);\r\n    color: var(--color-rose);\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.smarthon-timeline-wrapper .text-rose { color: var(--color-rose); } \/* \u65b0\u589e\u73ab\u7470\u7d05\u6587\u5b57 *\/\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\u9069\u61c9 (2~3 \u6b04\u7db2\u683c) *\/\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n    .smarthon-timeline-wrapper .timeline-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n}\r\n\r\n\/* \u684c\u6a5f\u5c3a\u5bf8\u9069\u61c9 (5 \u6b04\u7db2\u683c\u8207\u6a6b\u5411\u9023\u63a5\u7dda) *\/\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(5, 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-9394fde elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9394fde\" 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-cf2bf04\" data-id=\"cf2bf04\" 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-4e933dd elementor-widget elementor-widget-html\" data-id=\"4e933dd\" 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\">\u56b4\u8b39\u5ba2\u89c0\u7684\u5c08\u696d\u8a55\u5be9\u6a19\u6e96<\/h3>\r\n                    <p class=\"eval-description\">\r\n                        \u5927\u8cfd\u8a55\u5be9\u5718\u7531\u65b0\u52a0\u5761\u8207\u9999\u6e2f\u77e5\u540d STEM \u6559\u80b2\u5c08\u5bb6\u3001\u5927\u5b78\u6559\u6388\u53ca Smarthon \u8cc7\u6df1 AIoT \u67b6\u69cb\u5e2b\u7d44\u6210\uff0c\u5168\u9762\u8a55\u4f30\u5b78\u751f\u7684\u5275\u65b0\u529b\u8207\u6280\u8853\u5be6\u73fe\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\u9867\u8da3\u5473\u6027<\/h5>\r\n                                <p class=\"fairness-desc\">\u53c3\u8cfd\u968a\u4f0d\u5c07\u6839\u64da\u7d44\u5225\uff08\u5c0f\u5b78\u7d44 \/ \u4e2d\u5b78\u7d44\uff09\u5206\u7d44\u9032\u884c\u7368\u7acb\u8a55\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\">\u5275\u610f\u8207\u5275\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\">\u554f\u984c\u5b9a\u7fa9\u7368\u7279\u6027\u3001\u65b9\u6848\u65b0\u7a4e\u5ea6\u53ca\u5c0d\u5be6\u969b\u751f\u6d3b\u75db\u9ede\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\">\u61c9\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 \u8996\u89ba\u8b58\u5225\u3001AI \u8a9e\u97f3\u4e92\u52d5\u3001n8n AI agent \u81ea\u52d5\u5316\u53ca IoT \u591a\u6a21\u7d44\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\u8853\u5831\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\u651d\u8fa8\u8b58\u6210\u529f\u89f8\u767c\u50b3\u611f\u5668\u53ca IoT \u63a7\u5236\u7684\u5be6\u969b\u904b\u4f5c\u53ca\u4e92\u52d5\u904e\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\">\u88fd\u4f5c\u5de5\u85dd<\/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\u7d50\u69cb\u7a69\u56fa\u5ea6\u8207\u6574\u9ad4\u7f8e\u89c0\u6027\u3002\r\n<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Criterion 5 (\u65b0\u589e\u9805\u76ee 1) -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u73fe\u5834\u7b54\u8faf<\/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\u8aaa\u660e\u5982\u4f55\u900f\u904e Micro:bit \u7a4d\u6728\u7a0b\u5f0f\u7de8\u5beb\u908f\u8f2f\u3001\u8655\u7406\u611f\u6e2c\u5668\u7570\u5e38\u6578\u64da\u53ca\u96f2\u7aef\u4e32\u63a5\u3002<\/p>\r\n                        <\/div>\r\n\r\n                        <!-- Criterion 6 (\u65b0\u589e\u9805\u76ee 2) -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u4eba\u6a5f\u4e92\u52d5<\/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\u6236\u9ad4\u9a57\u6d41\u66a2\u5ea6\u8207\u53cd\u994b\u6a5f\u5236\u8a2d\u8a08\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;  \/* \u65b0\u589e\u984f\u8272 1 *\/\r\n    --color-rose: #f43f5e;  \/* \u65b0\u589e\u984f\u8272 2 *\/\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-2911879 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"2911879\" 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-6b53ad2\" data-id=\"6b53ad2\" 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-b1f232a elementor-widget elementor-widget-html\" data-id=\"b1f232a\" 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-TW\">\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>Smarthon \u8cfd\u4e8b\u734e\u9805\u8207\u8c50\u5bcc\u79ae\u54c1<\/title>\r\n<style>\r\nbody{margin:0;padding:0;background-color:#0b0f19;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}\r\n.smarthon-prizes-wrapper,.smarthon-prizes-wrapper *{box-sizing:border-box}\r\n.smarthon-prizes-wrapper{--brand-cyan:#06b6d4;--brand-emerald:#34d399;--brand-gold:#fbbf24;--bg-dark:transparent;--border-dark:rgba(30,41,59,.8);--card-bg:rgba(15,23,42,.65);width:100%;color:#f8fafc;background-color:var(--bg-dark)}\r\n.smarthon-prizes-wrapper .prizes-section{padding:3rem 1rem;position:relative;max-width:100%}\r\n.smarthon-prizes-wrapper .prizes-container{max-width:1200px;margin:0 auto}\r\n.smarthon-prizes-wrapper .prizes-header{text-align:center;max-width:768px;margin:0 auto 2rem}\r\n.smarthon-prizes-wrapper .prizes-subtitle{font-size:.8rem;font-family:monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--brand-cyan);margin:0 0 .5rem}\r\n.smarthon-prizes-wrapper .prizes-title{font-size:1.85rem;font-weight:700;color:#fff;margin:0 0 .75rem}\r\n.smarthon-prizes-wrapper .prizes-description{color:#94a3b8;font-size:.9rem;line-height:1.6;margin:0}\r\n\r\n\/* Tabs *\/\r\n.smarthon-prizes-wrapper .tab-input{position:absolute;opacity:0;pointer-events:none}\r\n.smarthon-prizes-wrapper .prizes-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;max-width:520px;margin:0 auto 2.5rem;padding:.35rem;background:var(--card-bg);border:1px solid var(--border-dark);border-radius:9999px;backdrop-filter:blur(16px)}\r\n.smarthon-prizes-wrapper .prizes-tab{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .5rem;border-radius:9999px;color:#94a3b8;font-size:.85rem;font-weight:600;cursor:pointer;text-align:center;white-space:nowrap;transition:all .25s ease}\r\n.smarthon-prizes-wrapper .prizes-tab:hover{color:#fff}\r\n.smarthon-prizes-wrapper #sp-tab-city:checked~.prizes-tabs .tab-city,\r\n.smarthon-prizes-wrapper #sp-tab-home:checked~.prizes-tabs .tab-home,\r\n.smarthon-prizes-wrapper #sp-tab-garden:checked~.prizes-tabs .tab-garden{background:linear-gradient(90deg,var(--brand-cyan),var(--brand-emerald));color:#020617;box-shadow:0 4px 12px rgba(6,182,212,.3)}\r\n.smarthon-prizes-wrapper .prizes-panel{display:none}\r\n.smarthon-prizes-wrapper #sp-tab-city:checked~.prizes-panels .panel-city,\r\n.smarthon-prizes-wrapper #sp-tab-home:checked~.prizes-panels .panel-home,\r\n.smarthon-prizes-wrapper #sp-tab-garden:checked~.prizes-panels .panel-garden{display:block;animation:prizesFade .4s ease}\r\n@keyframes prizesFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}\r\n\r\n\/* Grand prizes *\/\r\n.smarthon-prizes-wrapper .prizes-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}\r\n.smarthon-prizes-wrapper .prize-card{background:var(--card-bg);backdrop-filter:blur(16px);padding:1.75rem 1.5rem;border-radius:1.25rem;border:1px solid var(--border-dark);text-align:center;display:flex;flex-direction:column;gap:1.2rem;position:relative;transition:all .3s ease}\r\n.smarthon-prizes-wrapper .prize-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}\r\n.smarthon-prizes-wrapper .card-gold{border-color:rgba(6,182,212,.5);background:linear-gradient(180deg,rgba(6,182,212,.15) 0%,rgba(15,23,42,.75) 100%)}\r\n.smarthon-prizes-wrapper .champion-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);padding:.25rem 1rem;background:linear-gradient(90deg,var(--brand-cyan),var(--brand-emerald));color:#020617;font-size:.75rem;font-weight:800;border-radius:9999px;text-transform:uppercase}\r\n.smarthon-prizes-wrapper .prize-icon-wrapper{margin:0 auto;border-radius:9999px;display:flex;align-items:center;justify-content:center}\r\n.smarthon-prizes-wrapper .icon-silver,.smarthon-prizes-wrapper .icon-bronze{width:3.5rem;height:3.5rem;font-size:1.8rem;background-color:#1e293b}\r\n.smarthon-prizes-wrapper .icon-gold{width:4.5rem;height:4.5rem;font-size:2.2rem;background:linear-gradient(135deg,#fbbf24 0%,#fef08a 100%)}\r\n.smarthon-prizes-wrapper .prize-rank{font-size:1.2rem;font-weight:700;color:#fff;margin:0}\r\n.smarthon-prizes-wrapper .prize-rank.text-gold{font-size:1.35rem;color:#fef08a}\r\n.smarthon-prizes-wrapper .prize-category{font-size:.8rem;color:#94a3b8;margin:.25rem 0 0}\r\n.smarthon-prizes-wrapper .prize-gift-box{background:rgba(30,41,59,.6);border:1px dashed rgba(148,163,184,.3);padding:.85rem;border-radius:.75rem}\r\n.smarthon-prizes-wrapper .prize-gift-box.highlight{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.4)}\r\n.smarthon-prizes-wrapper .gift-label{display:block;font-size:.7rem;color:var(--brand-cyan);font-weight:600;margin-bottom:.2rem}\r\n.smarthon-prizes-wrapper .gift-title{font-size:.95rem;font-weight:700;color:#f8fafc;margin:0}\r\n.smarthon-prizes-wrapper .prize-features{list-style:none;padding:.75rem 0 0;margin:0;border-top:1px solid rgba(30,41,59,.8);display:flex;flex-direction:column;gap:.5rem;text-align:left}\r\n.smarthon-prizes-wrapper .feature-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#cbd5e1}\r\n.smarthon-prizes-wrapper .check-icon.icon-trophy{color:var(--brand-gold)}\r\n.smarthon-prizes-wrapper .check-icon.icon-award{color:var(--brand-cyan)}\r\n.smarthon-prizes-wrapper .sponsor-tag{font-size:.75rem;color:#64748b;background:rgba(15,23,42,.8);padding:.3rem .6rem;border-radius:.5rem;margin-top:auto}\r\n\r\n\/* Special awards *\/\r\n.smarthon-prizes-wrapper .special-awards{margin-top:4rem;padding-top:3rem;border-top:1px dashed rgba(148,163,184,.2)}\r\n.smarthon-prizes-wrapper .special-awards+.special-awards{margin-top:3rem}\r\n.smarthon-prizes-wrapper .special-header{text-align:center;margin-bottom:2.5rem}\r\n.smarthon-prizes-wrapper .special-subtitle{font-size:.75rem;font-family:monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--brand-cyan);display:block;margin-bottom:.25rem}\r\n.smarthon-prizes-wrapper .special-title{font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 .5rem}\r\n.smarthon-prizes-wrapper .special-desc{font-size:.875rem;color:#94a3b8;margin:0}\r\n.smarthon-prizes-wrapper .special-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}\r\n.smarthon-prizes-wrapper .special-card{--accent:#94a3b8;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;backdrop-filter:blur(12px);transition:all .3s cubic-bezier(.4,0,.2,1)}\r\n.smarthon-prizes-wrapper .special-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(0,0,0,.5)}\r\n.smarthon-prizes-wrapper .special-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}\r\n.smarthon-prizes-wrapper .special-badge{font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:9999px;letter-spacing:.02em}\r\n.smarthon-prizes-wrapper .special-icon-box{font-size:1.5rem;width:2.5rem;height:2.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05)}\r\n.smarthon-prizes-wrapper .special-name{font-size:1rem;font-weight:700;color:#f8fafc;margin:0 0 1.25rem;line-height:1.45}\r\n.smarthon-prizes-wrapper .track-sub{font-size:.8rem;color:#94a3b8;margin:-.75rem 0 1rem;line-height:1.5}\r\n\r\n.smarthon-prizes-wrapper .track-awards{margin-top:2.5rem}\r\n.smarthon-prizes-wrapper .track-awards .special-card{padding:1.75rem 1.5rem}\r\n.smarthon-prizes-wrapper .track-awards-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}\r\n.smarthon-prizes-wrapper .track-awards-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}\r\n@media (min-width:640px){\r\n.smarthon-prizes-wrapper .track-awards .award-list{display:grid;grid-template-columns:repeat(2,1fr)}\r\n.smarthon-prizes-wrapper .track-awards .special-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}\r\n}\r\n\/* Award list (per track \/ common) *\/\r\n.smarthon-prizes-wrapper .award-list{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.6rem}\r\n.smarthon-prizes-wrapper .award-list li{padding:.6rem .75rem;background:rgba(30,41,59,.35);border-left:3px solid var(--accent);border-radius:.4rem;font-size:.9rem;font-weight:700;color:#f8fafc;line-height:1.4}\r\n.smarthon-prizes-wrapper .award-list small{display:block;font-weight:400;font-size:.75rem;color:#94a3b8;margin-top:.15rem}\r\n\r\n.smarthon-prizes-wrapper .special-details{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}\r\n.smarthon-prizes-wrapper .detail-item{background:rgba(30,41,59,.5);border-radius:.5rem;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.15rem}\r\n.smarthon-prizes-wrapper .detail-label{font-size:.7rem;font-weight:600;color:#94a3b8}\r\n.smarthon-prizes-wrapper .detail-value{font-size:.825rem;font-weight:600;color:#e2e8f0}\r\n\r\n.smarthon-prizes-wrapper .theme-cyan{--accent:#06b6d4;border-color:rgba(6,182,212,.25)}\r\n.smarthon-prizes-wrapper .theme-cyan .special-badge{color:#06b6d4;background:rgba(6,182,212,.12)}\r\n.smarthon-prizes-wrapper .theme-emerald{--accent:#34d399;border-color:rgba(52,211,153,.25)}\r\n.smarthon-prizes-wrapper .theme-emerald .special-badge{color:#34d399;background:rgba(52,211,153,.12)}\r\n.smarthon-prizes-wrapper .theme-purple{--accent:#c084fc;border-color:rgba(168,85,247,.25)}\r\n.smarthon-prizes-wrapper .theme-purple .special-badge{color:#c084fc;background:rgba(168,85,247,.12)}\r\n.smarthon-prizes-wrapper .theme-orange{--accent:#fb923c;border-color:rgba(249,115,22,.3)}\r\n.smarthon-prizes-wrapper .theme-orange .special-badge{color:#fb923c;background:rgba(249,115,22,.14)}\r\n.smarthon-prizes-wrapper .theme-amber{--accent:#fbbf24;border-color:rgba(251,191,36,.25)}\r\n.smarthon-prizes-wrapper .theme-amber .special-badge{color:#fbbf24;background:rgba(251,191,36,.12)}\r\n.smarthon-prizes-wrapper .theme-gold.full-width{--accent:#fbbf24;background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,rgba(15,23,42,.75) 100%);border:1px solid rgba(251,191,36,.4)}\r\n.smarthon-prizes-wrapper .special-badge.highlight{background:linear-gradient(90deg,#fbbf24,#f59e0b);color:#020617}\r\n\r\n@media (min-width:640px){\r\n.smarthon-prizes-wrapper .special-grid.common-grid{grid-template-columns:repeat(2,1fr)}\r\n.smarthon-prizes-wrapper .special-card.full-width{grid-column:span 2}\r\n.smarthon-prizes-wrapper .special-details.horizontal{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}\r\n}\r\n@media (min-width:768px){\r\n.smarthon-prizes-wrapper .prizes-grid{grid-template-columns:repeat(3,1fr)}\r\n.smarthon-prizes-wrapper .card-silver{order:1}\r\n.smarthon-prizes-wrapper .card-gold{order:2}\r\n.smarthon-prizes-wrapper .card-bronze{order:3}\r\n}\r\n@media (min-width:1024px){\r\n\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"smarthon-prizes-wrapper\">\r\n\r\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n<symbol id=\"sp-trophy\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9H4.5a2.5 2.5 0 0 1 0-5H6\"><\/path><path d=\"M18 9h1.5a2.5 2.5 0 0 0 0-5H18\"><\/path><path d=\"M4 22h16\"><\/path><path d=\"M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22\"><\/path><path d=\"M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22\"><\/path><path d=\"M18 2H6v7a6 6 0 0 0 12 0V2Z\"><\/path><\/symbol>\r\n<symbol id=\"sp-award\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle><path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"><\/path><\/symbol>\r\n<\/svg>\r\n\r\n<section id=\"prizes\" class=\"prizes-section\">\r\n<div class=\"prizes-container\">\r\n\r\n<div class=\"prizes-header\">\r\n<p class=\"prizes-subtitle\">Honors &amp; Rewards<\/p>\r\n<h2 class=\"prizes-title\">\u8cfd\u4e8b\u734e\u9805\u8207\u8c50\u5bcc\u79ae\u54c1<\/h2>\r\n<p class=\"prizes-description\">\u667a\u6167\u57ce\u5e02\u3001\u667a\u80fd\u5bb6\u5c45\u3001\u667a\u6167\u82b1\u5712\u4e09\u5927\u8cfd\u9053\u5747\u8a2d\u51a0\u3001\u4e9e\u3001\u5b63\u8ecd\u53ca\u5c08\u9805\u734e\uff0c\u5c0f\u5b78\u7d44\u548c\u4e2d\u5b78\u7d44\u5747\u63d0\u4f9b\u8c50\u5bcc\u5be6\u7269\u5957\u4ef6\u3001\u734e\u76c3\u8207\u500b\u4eba\u734e\u724c\uff01<\/p>\r\n<\/div>\r\n\r\n<input type=\"radio\" name=\"prize-tab\" id=\"sp-tab-city\" class=\"tab-input\" checked>\r\n<input type=\"radio\" name=\"prize-tab\" id=\"sp-tab-home\" class=\"tab-input\">\r\n<input type=\"radio\" name=\"prize-tab\" id=\"sp-tab-garden\" class=\"tab-input\">\r\n\r\n<div class=\"prizes-tabs\">\r\n<label for=\"sp-tab-city\" class=\"prizes-tab tab-city\"><span class=\"tab-emoji\">\ud83c\udf10<\/span><span class=\"tab-text\">\u667a\u6167\u57ce\u5e02<\/span><\/label>\r\n<label for=\"sp-tab-home\" class=\"prizes-tab tab-home\"><span class=\"tab-emoji\">\ud83c\udfe0<\/span><span class=\"tab-text\">\u667a\u80fd\u5bb6\u5c45<\/span><\/label>\r\n<label for=\"sp-tab-garden\" class=\"prizes-tab tab-garden\"><span class=\"tab-emoji\">\ud83c\udf31<\/span><span class=\"tab-text\">\u667a\u6167\u82b1\u5712<\/span><\/label>\r\n<\/div>\r\n\r\n<div class=\"prizes-panels\">\r\n<div class=\"prizes-panel panel-city\">\r\n<div class=\"prizes-grid\">\r\n<div class=\"prize-card card-silver\">\r\n<div class=\"prize-icon-wrapper icon-silver\">\ud83e\udd48<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank\">\u4e9e\u8ecd First Runner-up<\/h3><p class=\"prize-category\">\u667a\u6167\u57ce\u5e02\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u80fd\u5bb6\u5c45\u5957\u4ef6<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u4e9e\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<div class=\"prize-card card-gold\">\r\n<div class=\"champion-badge\">Champion<\/div><div class=\"prize-icon-wrapper icon-gold\">\ud83c\udfc6<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank text-gold\">\u51a0\u8ecd Champion<\/h3><p class=\"prize-category\">\u667a\u6167\u57ce\u5e02\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box highlight\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u6167\u57ce\u5e02\u5957\u4ef6<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u51a0\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<div class=\"prize-card card-bronze\">\r\n<div class=\"prize-icon-wrapper icon-bronze\">\ud83e\udd49<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank\">\u5b63\u8ecd Second Runner-up<\/h3><p class=\"prize-category\">\u667a\u6167\u57ce\u5e02\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u6167\u8015\u7a2e\u5957\u88dd<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u5b63\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"track-awards\">\r\n<div class=\"special-card theme-cyan\">\r\n<div class=\"special-card-top\"><span class=\"special-badge\">\u5c08\u9805\u734e\u9805<\/span><div class=\"special-icon-box\">\ud83c\udfd9<\/div><\/div>\r\n<div class=\"track-awards-head\"><h4 class=\"track-awards-title\">\u667a\u6167\u57ce\u5e02\u8cfd\u9053\u5c08\u9805\u734e\u9805<\/h4><\/div>\r\n<p class=\"track-sub\" style=\"margin-top:0\">\u9664\u51a0\u3001\u4e9e\u3001\u5b63\u8ecd\u5916\uff0c\u5927\u6703\u7279\u5225\u589e\u8a2d\u56db\u9805\u5c08\u9805\u734e\u9805<\/p>\r\n<ul class=\"award-list\">\r\n<li>\u667a\u6167\u751f\u6d3b\u5927\u734e<small>\u300c\u667a\u6167\u751f\u6d3b\u300d\u4e3b\u984c\uff08\u5bb6\u5c45\uff0f\u5c55\u9928\u4e92\u52d5\uff09\u4e2d\u8868\u73fe\u6700\u512a\u79c0\u7684\u4f5c\u54c1<\/small><\/li>\r\n<li>\u667a\u6167\u74b0\u5883\u5927\u734e<small>\u300c\u667a\u6167\u74b0\u5883\u300d\u4e3b\u984c\uff08\u667a\u6167\u8fb2\u5834\uff0f\u74b0\u5883\u5fae\u6c23\u5019\uff09\u4e2d\u8868\u73fe\u6700\u512a\u79c0\u7684\u4f5c\u54c1<\/small><\/li>\r\n<li>\u667a\u6167\u4ea4\u901a\u5927\u734e<small>\u300c\u667a\u6167\u4ea4\u901a\u300d\u4e3b\u984c\uff08\u667a\u6167\u8eca\u8f09\uff0f\u57ce\u5e02\u4ea4\u901a\uff09\u4e2d\u8868\u73fe\u6700\u512a\u79c0\u7684\u4f5c\u54c1<\/small><\/li>\r\n<li>\u6700\u4f73\u667a\u6167\u57ce\u5e02\u65b9\u6848\u5927\u734e<\/li>\r\n<\/ul>\r\n<div class=\"special-details\">\r\n<div class=\"detail-item gift\"><span class=\"detail-label\">\ud83c\udf81 \u5be6\u7269\u734e\u54c1<\/span><span class=\"detail-value\">IOT:BIT \u53ca Micro:bit V2<\/span><\/div>\r\n<div class=\"detail-item honor\"><span class=\"detail-label\">\ud83c\udf96\ufe0f \u8cfd\u4e8b\u69ae\u8b7d<\/span><span class=\"detail-value\">\u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"prizes-panel panel-home\">\r\n<div class=\"prizes-grid\">\r\n<div class=\"prize-card card-silver\">\r\n<div class=\"prize-icon-wrapper icon-silver\">\ud83e\udd48<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank\">\u4e9e\u8ecd First Runner-up<\/h3><p class=\"prize-category\">\u667a\u80fd\u5bb6\u5c45\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u80fd\u5bb6\u5c45\u5957\u4ef6<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u4e9e\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<div class=\"prize-card card-gold\">\r\n<div class=\"champion-badge\">Champion<\/div><div class=\"prize-icon-wrapper icon-gold\">\ud83c\udfc6<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank text-gold\">\u51a0\u8ecd Champion<\/h3><p class=\"prize-category\">\u667a\u80fd\u5bb6\u5c45\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box highlight\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u6167\u57ce\u5e02\u5957\u4ef6<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u51a0\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<div class=\"prize-card card-bronze\">\r\n<div class=\"prize-icon-wrapper icon-bronze\">\ud83e\udd49<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank\">\u5b63\u8ecd Second Runner-up<\/h3><p class=\"prize-category\">\u667a\u80fd\u5bb6\u5c45\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u6167\u8015\u7a2e\u5957\u88dd<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u5b63\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"track-awards\">\r\n<div class=\"special-card theme-orange\">\r\n<div class=\"special-card-top\"><span class=\"special-badge\">\u5c08\u9805\u734e\u9805<\/span><div class=\"special-icon-box\">\ud83c\udfe0<\/div><\/div>\r\n<div class=\"track-awards-head\"><h4 class=\"track-awards-title\">\u667a\u80fd\u5bb6\u5c45\u8cfd\u9053\u5c08\u9805\u734e\u9805<\/h4><\/div>\r\n<p class=\"track-sub\" style=\"margin-top:0\">\u9664\u51a0\u3001\u4e9e\u3001\u5b63\u8ecd\u5916\uff0c\u5927\u6703\u7279\u5225\u589e\u8a2d\u5169\u9805\u5c08\u9805\u734e\u9805<\/p>\r\n<ul class=\"award-list\">\r\n<li>\u6700\u4f73\u672a\u4f86\u667a\u6167\u751f\u6d3b\u5275\u65b0\u5927\u734e<\/li>\r\n<li>\u6700\u4f73\u667a\u6167\u751f\u614b\u65b9\u6848\u5927\u734e<\/li>\r\n<\/ul>\r\n<div class=\"special-details\">\r\n<div class=\"detail-item gift\"><span class=\"detail-label\">\ud83c\udf81 \u5be6\u7269\u734e\u54c1<\/span><span class=\"detail-value\">IOT:BIT \u53ca Micro:bit V2<\/span><\/div>\r\n<div class=\"detail-item honor\"><span class=\"detail-label\">\ud83c\udf96\ufe0f \u8cfd\u4e8b\u69ae\u8b7d<\/span><span class=\"detail-value\">\u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"prizes-panel panel-garden\">\r\n<div class=\"prizes-grid\">\r\n<div class=\"prize-card card-silver\">\r\n<div class=\"prize-icon-wrapper icon-silver\">\ud83e\udd48<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank\">\u4e9e\u8ecd First Runner-up<\/h3><p class=\"prize-category\">\u667a\u6167\u82b1\u5712\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u80fd\u5bb6\u5c45\u5957\u4ef6<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u4e9e\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<div class=\"prize-card card-gold\">\r\n<div class=\"champion-badge\">Champion<\/div><div class=\"prize-icon-wrapper icon-gold\">\ud83c\udfc6<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank text-gold\">\u51a0\u8ecd Champion<\/h3><p class=\"prize-category\">\u667a\u6167\u82b1\u5712\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box highlight\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u6167\u57ce\u5e02\u5957\u4ef6<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u51a0\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<div class=\"prize-card card-bronze\">\r\n<div class=\"prize-icon-wrapper icon-bronze\">\ud83e\udd49<\/div>\r\n<div class=\"prize-info\"><h3 class=\"prize-rank\">\u5b63\u8ecd Second Runner-up<\/h3><p class=\"prize-category\">\u667a\u6167\u82b1\u5712\u8cfd\u9053<\/p><\/div>\r\n<div class=\"prize-gift-box\"><span class=\"gift-label\">\u5be6\u7269\u734e\u54c1<\/span><p class=\"gift-title\">Smarthon \u667a\u6167\u8015\u7a2e\u5957\u88dd<\/p><\/div>\r\n<ul class=\"prize-features\"><li class=\"feature-item\"><svg class=\"check-icon icon-trophy\" width=\"16\" height=\"16\"><use href=\"#sp-trophy\"><\/use><\/svg><span>\u5b63\u8ecd\u734e\u76c3<\/span><\/li><li class=\"feature-item\"><svg class=\"check-icon icon-award\" width=\"16\" height=\"16\"><use href=\"#sp-award\"><\/use><\/svg><span>\u500b\u4eba\u734e\u724c<\/span><\/li><\/ul>\r\n<div class=\"sponsor-tag\">\u8d0a\u52a9\uff1aSmarthon \u5b98\u65b9<\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"track-awards\">\r\n<div class=\"special-card theme-emerald\">\r\n<div class=\"special-card-top\"><span class=\"special-badge\">\u5c08\u9805\u734e\u9805<\/span><div class=\"special-icon-box\">\ud83c\udf31<\/div><\/div>\r\n<div class=\"track-awards-head\"><h4 class=\"track-awards-title\">\u667a\u6167\u82b1\u5712\u8cfd\u9053\u5c08\u9805\u734e\u9805<\/h4><\/div>\r\n<p class=\"track-sub\" style=\"margin-top:0\">\u9664\u51a0\u3001\u4e9e\u3001\u5b63\u8ecd\u5916\uff0c\u5927\u6703\u7279\u5225\u589e\u8a2d\u5169\u9805\u5c08\u9805\u734e\u9805<\/p>\r\n<ul class=\"award-list\">\r\n<li>\u7da0\u8272\u74b0\u4fdd\u5927\u734e<\/li>\r\n<li>\u6700\u4f73\u672a\u4f86\u667a\u6167\u7da0\u8272\u5927\u734e<\/li>\r\n<\/ul>\r\n<div class=\"special-details\">\r\n<div class=\"detail-item gift\"><span class=\"detail-label\">\ud83c\udf81 \u5be6\u7269\u734e\u54c1<\/span><span class=\"detail-value\">IOT:BIT \u53ca Micro:bit V2<\/span><\/div>\r\n<div class=\"detail-item honor\"><span class=\"detail-label\">\ud83c\udf96\ufe0f \u8cfd\u4e8b\u69ae\u8b7d<\/span><span class=\"detail-value\">\u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- ============ \u5171\u540c\u734e\u9805 ============ -->\r\n<div class=\"special-awards\">\r\n<div class=\"special-header\">\r\n<span class=\"special-subtitle\">Common Awards<\/span>\r\n<h3 class=\"special-title\">\u5171\u540c\u734e\u9805\u8207\u79ae\u54c1<\/h3>\r\n<p class=\"special-desc\">\u4e09\u5927\u8cfd\u9053\u7684\u53c3\u8cfd\u968a\u4f0d\u8207\u5b78\u6821\u5747\u53ef\u722d\u596a\u4ee5\u4e0b\u5171\u540c\u734e\u9805<\/p>\r\n<\/div>\r\n<div class=\"special-grid common-grid\">\r\n<div class=\"special-card theme-emerald\">\r\n<div class=\"special-card-top\"><span class=\"special-badge\">\u5de5\u7a0b\u8a2d\u8a08\u734e<\/span><div class=\"special-icon-box\">\ud83d\udee0\ufe0f<\/div><\/div>\r\n<ul class=\"award-list\">\r\n<li>\u6700\u4f73 AI \u5275\u65b0\u734e<\/li>\r\n<li>\u6700\u4f73\u5de5\u7a0b\u8a2d\u8a08\u734e<\/li>\r\n<\/ul>\r\n<div class=\"special-details\">\r\n<div class=\"detail-item gift\"><span class=\"detail-label\">\ud83c\udf81 \u5be6\u7269\u734e\u54c1<\/span><span class=\"detail-value\">\u7cbe\u88dd\u7248\u5275\u5ba2\u5de5\u7a0b\u5de5\u5177\u7bb1<\/span><\/div>\r\n<div class=\"detail-item honor\"><span class=\"detail-label\">\ud83c\udf96\ufe0f \u8cfd\u4e8b\u69ae\u8b7d<\/span><span class=\"detail-value\">\u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"special-card theme-purple\">\r\n<div class=\"special-card-top\"><span class=\"special-badge\">\u6982\u5ff5\u8207\u5718\u968a\u734e<\/span><div class=\"special-icon-box\">\ud83d\udca1<\/div><\/div>\r\n<ul class=\"award-list\">\r\n<li>\u6700\u4f73\u672a\u4f86\u6982\u5ff5\u8a2d\u8a08\u734e<\/li>\r\n<li>\u6700\u4f73\u53ef\u6301\u7e8c\u767c\u5c55\u734e<\/li>\r\n<li>\u6700\u4f73\u5718\u968a\u5408\u4f5c\u734e<\/li>\r\n<\/ul>\r\n<div class=\"special-details\">\r\n<div class=\"detail-item gift\"><span class=\"detail-label\">\ud83c\udf81 \u5be6\u7269\u734e\u54c1<\/span><span class=\"detail-value\">HKD $400 \u66f8\u5238<\/span><\/div>\r\n<div class=\"detail-item honor\"><span class=\"detail-label\">\ud83c\udf96\ufe0f \u8cfd\u4e8b\u69ae\u8b7d<\/span><span class=\"detail-value\">\u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"special-card theme-amber\">\r\n<div class=\"special-card-top\"><span class=\"special-badge\">\u5546\u696d\u734e<\/span><div class=\"special-icon-box\">\ud83d\udcbc<\/div><\/div>\r\n<ul class=\"award-list\">\r\n<li>\u6700\u5177\u5546\u696d\u6f5b\u529b\u734e<\/li>\r\n<\/ul>\r\n<div class=\"special-details\">\r\n<div class=\"detail-item gift\"><span class=\"detail-label\">\ud83c\udf81 \u5be6\u7269\u734e\u54c1<\/span><span class=\"detail-value\">\u5c0f\u7c73\u667a\u6167\u85cd\u7259\u97f3\u7bb1<\/span><\/div>\r\n<div class=\"detail-item honor\"><span class=\"detail-label\">\ud83c\udf96\ufe0f \u8cfd\u4e8b\u69ae\u8b7d<\/span><span class=\"detail-value\">\u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/span><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"special-card theme-cyan\">\r\n<div class=\"special-card-top\"><span class=\"special-badge\">\u5b78\u6821\u5718\u9ad4\u734e<\/span><div class=\"special-icon-box\">\ud83c\udfeb<\/div><\/div>\r\n<ul class=\"award-list\"><li>\u5b78\u6821\u6700\u4f73\u53c3\u8207\u734e<\/li><\/ul>\r\n<div class=\"special-details\">\r\n<div class=\"detail-item gift\"><span class=\"detail-label\">\ud83c\udf81 \u5be6\u7269\u734e\u54c1<\/span><span class=\"detail-value\">Smarthon \u8cfd\u4e8b\u5099\u6230\u64f4\u5145\u5305 1 \u5957<\/span><\/div>\r\n<div class=\"detail-item honor\"><span class=\"detail-label\">\ud83c\udf96\ufe0f \u8cfd\u4e8b\u69ae\u8b7d<\/span><span class=\"detail-value\">\u5b78\u6821\u7372\u734e\u6c34\u6676\u734e\u5ea7<\/span><\/div>\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<\/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-62d99d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"62d99d7\" 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-c5a1448\" data-id=\"c5a1448\" 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-bd8b0a6 elementor-widget elementor-widget-html\" data-id=\"bd8b0a6\" 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-TW\">\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\u898b\u554f\u984c 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\u898b\u554f\u984c 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: \u53c3\u8cfd\u5b78\u6821\u662f\u5426\u5fc5\u9808\u5148\u8cfc\u8cb7 Smarthon \u6307\u5b9a\u5957\u88dd\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\u5c46\u6bd4\u8cfd\u65e8\u5728\u9f13\u52f5\u5b78\u6821\u6d3b\u7528 Smarthon micro:bit \u751f\u614b\u7cfb\u7d71\u9032\u884c\u5275\u65b0\u3002\u53c3\u8cfd\u4f5c\u54c1\u4e4b\u6838\u5fc3\u63a7\u5236\u6a21\u7d44\u5fc5\u9808\u5305\u542b Smarthon Smart City Kit\u3001Smart Home Kit \u6216 Smart Garden Kit \u7b49\u5b98\u65b9\u64f4\u5145\u677f\u8207\u611f\u6e2c\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\u9593\u5b78\u6821\u53ef\u4ee5\u5831\u540d\u591a\u5c11\u652f\u968a\u4f0d\uff1f\u968a\u4f0d\u4eba\u6578\u6709\u9650\u5236\u55ce\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\u9593\u5b78\u6821\u6700\u591a\u53ef\u5831\u540d 3 \u652f\u968a\u4f0d\u3002\u6bcf\u652f\u968a\u4f0d\u9700\u7531 2 \u81f3 4 \u540d\u5b78\u751f\u7d44\u6210\uff0c\u4e26\u9808\u6709\u4e00\u540d\u6307\u5c0e\u8001\u5e2b\uff08Educator \/ STEM Coordinator\uff09\u96a8\u968a\u6307\u5c0e\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: \u53c3\u8cfd\u5730\u5340\u70ba\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                                \u6b61\u8fce\u9999\u6e2f\u5730\u5b78\u6821\u53c3\u8cfd\uff0c\u5165\u570d\u968a\u4f0d\u968a\u4f0d\u5c07\u7372\u5f97\u53c3\u52a0\u9999\u6e2f\u7e3d\u6c7a\u8cfd\u4e26\u8207\u5185\u5730\u53ca\u65b0\u52a0\u5761\u968a\u4f0d\u9032\u884c\u6bd4\u8cfd\u7684\u6a5f\u6703\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\u8cfd\u4f7f\u7528\u4f55\u7a2e\u7a0b\u5f0f\u8a9e\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\u8cfd\u652f\u63f4 Microsoft MakeCode \u7a4d\u6728\u908f\u8f2f\u7a0b\u5f0f\u8a2d\u8a08\uff08Block-based coding\uff09\u4ee5\u53ca Python\u3002\u8a55\u5be9\u4e3b\u8981\u4f9d\u64da\u7a0b\u5f0f\u78bc\u908f\u8f2f\uff08Logic\uff09\u5b8c\u6574\u5ea6\u8207\u529f\u80fd\u5be6\u73fe\u5ea6\u8a55\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-b4b0dc4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b4b0dc4\" 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-e927e28\" data-id=\"e927e28\" 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-3fd773b elementor-widget elementor-widget-html\" data-id=\"3fd773b\" 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-Hant\">\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                            \u6e96\u5099\u597d\uff0c\u8b93\u4f60\u5011\u7684\u4f5c\u54c1\u88ab\u770b\u898b\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\u8b1d\u60a8\u95dc\u6ce8 Smarthon AIoT Challenge 2026\u3002\u8acb\u586b\u5beb\u5831\u540d\u610f\u5411\uff0c\u6211\u5011\u7684\u5718\u968a\u5c07\u5118\u5feb\u8207\u60a8\u7684\u5b78\u6821\u806f\u7e6b\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\u5831\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>\u9999\u6e2fSTEM\u64f4\u5c55\u7af6\u8cfd\u9805\u76ee \u7b2c\u4e00\u5c46 SMARTHON CUP Smart City AI \u6311\u6230\u8cfd (\u9999\u6e2f\u5340) \u5927 [&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-14994","page","type-page","status-publish","hentry"],"aioseo_notices":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smarken","author_link":"https:\/\/smarthon.cc\/zh-hant\/author\/smarken\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/smarthon.cc\/zh-hant\/?taxonomy=translation_priority&#038;term=%e5%8f%af%e9%81%b8\" rel=\"tag\">\u53ef\u9078<\/a>","rttpg_excerpt":"\u9999\u6e2fSTEM\u64f4\u5c55\u7af6\u8cfd\u9805\u76ee \u7b2c\u4e00\u5c46 SMARTHON CUP Smart City AI \u6311\u6230\u8cfd (\u9999\u6e2f\u5340) \u5927...","_links":{"self":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/14994","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/comments?post=14994"}],"version-history":[{"count":132,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/14994\/revisions"}],"predecessor-version":[{"id":15564,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/14994\/revisions\/15564"}],"wp:attachment":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/media?parent=14994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}