{"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-11-04T17:17:59","modified_gmt":"2026-11-04T09:17:59","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-34535016 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"34535016\" 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-47ca7ba0\" data-id=\"47ca7ba0\" 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-3e9e73f1 elementor-widget elementor-widget-html\" data-id=\"3e9e73f1\" 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                    <!-- \u4fee\u6539\u91cd\u9ede\uff1a\u66ff\u63db\u70ba\u5916\u90e8\u9023\u7d50\uff08Google \u8868\u55ae\uff09\uff0c\u4e26\u8a2d\u5b9a\u5728\u65b0\u5206\u9801\u958b\u555f -->\r\n                    <a href=\"https:\/\/forms.gle\/bRq5qtqWShVfhp2H6\" target=\"_blank\" rel=\"noopener noreferrer\" 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                    <\/a>\r\n\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-1387128d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1387128d\" 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-13d7b7ac\" data-id=\"13d7b7ac\" 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-1d740537 elementor-widget elementor-widget-html\" data-id=\"1d740537\" 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-mechanism-wrapper\">\r\n\r\n  <!-- SVG \u5716\u6a19\u5eab -->\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n    <symbol id=\"sm-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=\"sm-plane\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line><polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon><\/symbol>\r\n    <symbol id=\"sm-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/symbol>\r\n    <symbol id=\"sm-users\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/symbol>\r\n  <\/svg>\r\n\r\n  <section class=\"mechanism-section\">\r\n    <div class=\"mechanism-container\">\r\n\r\n      <!-- \u5340\u584a\u6a19\u984c\u5340 -->\r\n      <div class=\"mechanism-header\">\r\n        <p class=\"mechanism-subtitle\">Dual-Track System<\/p>\r\n        <h2 class=\"mechanism-title\">\u96d9\u8ecc\u53c3\u8cfd\u6a5f\u5236<\/h2>\r\n        <p class=\"mechanism-description\">\u70ba\u4fc3\u9032\u5168\u7403\u9752\u5c11\u5e74\u79d1\u6280\u5207\u78cb\u8207\u6587\u5316\u4ea4\u6d41\uff0c\u672c\u5c46\u8cfd\u4e8b\u7279\u5225\u8a2d\u6709\u5728\u5730\u9810\u9078\u8207\u6d77\u5916\u76f4\u901a\u96d9\u8ecc\u7ba1\u9053\u3002<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u96d9\u8ecc\u5361\u7247\u4e26\u6392\u5340\u57df -->\r\n      <div class=\"mechanism-grid\">\r\n        \r\n        <!-- \u5361\u7247 1\uff1a\u9078\u62d4\u968a\u4f0d -->\r\n        <div class=\"mechanism-card theme-cyan\">\r\n          <div class=\"card-top\">\r\n            <span class=\"mechanism-badge\">\u5730\u5340\u9810\u9078\u8cfd<\/span>\r\n            <div class=\"mechanism-icon-box\">\r\n              <svg width=\"22\" height=\"22\"><use href=\"#sm-trophy\"><\/use><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <h3 class=\"card-title\">\u9078\u62d4\u968a\u4f0d<\/h3>\r\n          \r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\ud83d\udccd \u9069\u7528\u968a\u4f0d<\/span>\r\n            <div class=\"info-tag\">\u9999\u6e2f\u3001\u5167\u5730\u53ca\u65b0\u52a0\u5761\u5b78\u751f\u968a\u4f0d<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\ud83d\ude80 \u53c3\u8cfd\u6d41\u7a0b\u8207\u6649\u7d1a\u7ba1\u9053<\/span>\r\n            <ul class=\"step-list\">\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sm-check\"><\/use><\/svg>\r\n                <span>\u9808\u53c3\u52a0\u521d\u8cfd\u8a55\u9078\u968e\u6bb5<\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sm-check\"><\/use><\/svg><span>\u7dda\u4e0a\u4e0a\u50b3<strong>\u4f5c\u54c1\u6458\u8981<\/strong>\u3001<strong>\u67b6\u69cb\u5716<\/strong>\u53ca <strong>5 \u5206\u9418\u6f14\u793a\u5f71\u7247<\/strong><\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sm-check\"><\/use><\/svg><span>\u7d93\u8a55\u5be9\u5be9\u6838\u5f8c\uff0c<strong>\u524d 10 \u5f37\u968a\u4f0d<\/strong>\u6649\u7d1a\u570b\u969b\u7e3d\u6c7a\u8cfd<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u5361\u7247 2\uff1a\u6d77\u5916\u9080\u8acb\u968a\u4f0d -->\r\n        <div class=\"mechanism-card theme-emerald highlight-card\">\r\n          <div class=\"card-top\">\r\n            <span class=\"mechanism-badge highlight\">\u76f4\u901a\u6a5f\u5236 Fast-Track<\/span>\r\n            <div class=\"mechanism-icon-box\">\r\n              <svg width=\"22\" height=\"22\"><use href=\"#sm-plane\"><\/use><\/svg>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <h3 class=\"card-title\">\u6d77\u5916\u9080\u8acb\u968a\u4f0d<\/h3>\r\n\r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\ud83c\udf0d \u9069\u7528\u968a\u4f0d<\/span>\r\n            <div class=\"info-tag emerald\">\u5916\u570b \/ \u6d77\u5916\u53d7\u9080\u5b78\u6821\u53ca\u570b\u969b\u968a\u4f0d<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\u26a1 \u53c3\u8cfd\u6d41\u7a0b\u8207\u6649\u7d1a\u7ba1\u9053<\/span>\r\n            <ul class=\"step-list\">\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sm-check\"><\/use><\/svg><span><strong>\u514d\u53c3\u52a0\u521d\u8cfd\u9810\u9078<\/strong>\uff0c\u5927\u5e45\u7c21\u5316\u53c3\u8cfd\u9580\u6abb<\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sm-check\"><\/use><\/svg>\r\n                <span>\u5b8c\u6210\u7dda\u4e0a\u5831\u540d\u8cc7\u6599\u767b\u8a18\u4e26\u901a\u904e\u8cc7\u683c\u5be9\u6838<\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sm-check\"><\/use><\/svg><span>\u76f4\u63a5\u7372\u5f97<strong>\u570b\u969b\u7e3d\u6c7a\u8cfd\u73fe\u5834\u53c3\u8cfd\u8cc7\u683c<\/strong><\/span>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- \u5e95\u90e8\u5bb9\u91cf\u9650\u5236\u6a6b\u5e45 -->\r\n      <div class=\"capacity-banner\">\r\n        <div class=\"banner-icon\">\r\n          <svg width=\"20\" height=\"20\"><use href=\"#sm-users\"><\/use><\/svg>\r\n        <\/div>\r\n        <div class=\"banner-text\">\r\n          <strong>\u53c3\u8cfd\u540d\u984d\u9650\u5236\uff1a<\/strong>\u5404\u4e3b\u984c\u8cfd\u9053\u540d\u984d\u6709\u9650\uff0c<strong>\u6bcf\u500b\u8cfd\u9053\u50c5\u9650 15 \u968a<\/strong>\u53c3\u8cfd\u3002\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<style>\r\n\/* CSS Reset & Scope *\/\r\n.smarthon-mechanism-wrapper, .smarthon-mechanism-wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n.smarthon-mechanism-wrapper {\r\n  --brand-cyan: #06b6d4;\r\n  --brand-emerald: #34d399;\r\n  --brand-gold: #fbbf24;\r\n  --card-bg: rgba(15, 23, 42, 0.65);\r\n  width: 100%;\r\n  color: #f8fafc;\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background-color: transparent;\r\n}\r\n\r\n.smarthon-mechanism-wrapper .mechanism-section {\r\n  padding: 3rem 1rem;\r\n  max-width: 100%;\r\n}\r\n.smarthon-mechanism-wrapper .mechanism-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Header *\/\r\n.smarthon-mechanism-wrapper .mechanism-header {\r\n  text-align: center;\r\n  max-width: 768px;\r\n  margin: 0 auto 2.5rem;\r\n}\r\n.smarthon-mechanism-wrapper .mechanism-subtitle {\r\n  font-size: 0.8rem;\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: 0 0 0.5rem;\r\n}\r\n.smarthon-mechanism-wrapper .mechanism-title {\r\n  font-size: 1.85rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin: 0 0 0.75rem;\r\n}\r\n.smarthon-mechanism-wrapper .mechanism-description {\r\n  color: #94a3b8;\r\n  font-size: 0.9rem;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n\/* Grid Layout *\/\r\n.smarthon-mechanism-wrapper .mechanism-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 1.5rem;\r\n}\r\n\r\n\/* Cards *\/\r\n.smarthon-mechanism-wrapper .mechanism-card {\r\n  --accent: #94a3b8;\r\n  background: var(--card-bg);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 1.25rem;\r\n  padding: 1.75rem 1.5rem;\r\n  backdrop-filter: blur(12px);\r\n  position: relative;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.smarthon-mechanism-wrapper .mechanism-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 24px -8px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.smarthon-mechanism-wrapper .card-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 1rem;\r\n}\r\n.smarthon-mechanism-wrapper .mechanism-badge {\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  padding: 0.25rem 0.65rem;\r\n  border-radius: 9999px;\r\n  letter-spacing: 0.02em;\r\n}\r\n.smarthon-mechanism-wrapper .mechanism-badge.highlight {\r\n  background: linear-gradient(90deg, var(--brand-cyan), var(--brand-emerald));\r\n  color: #020617;\r\n}\r\n\r\n.smarthon-mechanism-wrapper .mechanism-icon-box {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  border-radius: 0.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  color: var(--accent);\r\n}\r\n\r\n.smarthon-mechanism-wrapper .card-title {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: #f8fafc;\r\n  margin: 0 0 1.25rem;\r\n}\r\n\r\n\/* Groups & Tags *\/\r\n.smarthon-mechanism-wrapper .info-group {\r\n  margin-bottom: 1.25rem;\r\n}\r\n.smarthon-mechanism-wrapper .info-group:last-child {\r\n  margin-bottom: 0;\r\n}\r\n.smarthon-mechanism-wrapper .info-label {\r\n  display: block;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  color: #94a3b8;\r\n  text-transform: uppercase;\r\n  margin-bottom: 0.5rem;\r\n  letter-spacing: 0.03em;\r\n}\r\n.smarthon-mechanism-wrapper .info-tag {\r\n  display: inline-block;\r\n  padding: 0.5rem 0.85rem;\r\n  background: rgba(6, 182, 212, 0.1);\r\n  border: 1px solid rgba(6, 182, 212, 0.25);\r\n  border-radius: 0.5rem;\r\n  color: #e2e8f0;\r\n  font-size: 0.875rem;\r\n  font-weight: 600;\r\n}\r\n.smarthon-mechanism-wrapper .info-tag.emerald {\r\n  background: rgba(52, 211, 153, 0.1);\r\n  border-color: rgba(52, 211, 153, 0.25);\r\n}\r\n\r\n\/* Lists *\/\r\n.smarthon-mechanism-wrapper .step-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.6rem;\r\n}\r\n.smarthon-mechanism-wrapper .step-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 0.5rem;\r\n  font-size: 0.875rem;\r\n  color: #cbd5e1;\r\n  line-height: 1.5;\r\n  background: rgba(30, 41, 59, 0.4);\r\n  padding: 0.6rem 0.75rem;\r\n  border-radius: 0.5rem;\r\n}\r\n.smarthon-mechanism-wrapper .check-icon {\r\n  color: var(--accent);\r\n  flex-shrink: 0;\r\n  margin-top: 0.15rem;\r\n}\r\n\r\n\/* Themes *\/\r\n.smarthon-mechanism-wrapper .theme-cyan { \r\n  --accent: var(--brand-cyan); \r\n  border-color: rgba(6, 182, 212, 0.25); \r\n}\r\n.smarthon-mechanism-wrapper .theme-cyan .mechanism-badge:not(.highlight) { \r\n  color: var(--brand-cyan); \r\n  background: rgba(6, 182, 212, 0.12); \r\n}\r\n\r\n.smarthon-mechanism-wrapper .theme-emerald { \r\n  --accent: var(--brand-emerald); \r\n  border-color: rgba(52, 211, 153, 0.25); \r\n}\r\n\r\n.smarthon-mechanism-wrapper .highlight-card {\r\n  background: linear-gradient(180deg, rgba(52, 211, 153, 0.08) 0%, rgba(15, 23, 42, 0.75) 100%);\r\n}\r\n\r\n\/* Bottom Capacity Banner *\/\r\n.smarthon-mechanism-wrapper .capacity-banner {\r\n  margin-top: 1.5rem;\r\n  background: rgba(30, 41, 59, 0.5);\r\n  border: 1px dashed rgba(251, 191, 36, 0.4);\r\n  border-radius: 0.75rem;\r\n  padding: 1rem 1.25rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n}\r\n.smarthon-mechanism-wrapper .banner-icon {\r\n  color: var(--brand-gold);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n.smarthon-mechanism-wrapper .banner-text {\r\n  font-size: 0.875rem;\r\n  color: #e2e8f0;\r\n  line-height: 1.4;\r\n}\r\n.smarthon-mechanism-wrapper .banner-text strong {\r\n  color: var(--brand-gold);\r\n}\r\n\r\n\/* Responsive Grid *\/\r\n@media (min-width: 768px) {\r\n  .smarthon-mechanism-wrapper .mechanism-grid {\r\n    grid-template-columns: repeat(2, 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-1fb68ff8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1fb68ff8\" 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-13e973f8\" data-id=\"13e973f8\" 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-1f4d46da elementor-widget elementor-widget-html\" data-id=\"1f4d46da\" 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                            \u805a\u7126\u4ea4\u901a\u64c1\u5835\u3001\u516c\u5171\u5b89\u5168\u3001\u667a\u6167\u51fa\u884c\u8207\u793e\u5340\u7ba1\u7406\uff0c\u8a2d\u8a08\u4fc3\u9032\u57ce\u5e02\u904b\u4f5c\u7684\u667a\u6167\u7cfb\u7d71\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-78b3838e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"78b3838e\" 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-575510ec\" data-id=\"575510ec\" 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-56ce6bcf elementor-widget elementor-widget-html\" data-id=\"56ce6bcf\" 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 - 2027\u5e7401\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\u81f32027\u5e7401\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-19862257 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"19862257\" 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-637ac9d0\" data-id=\"637ac9d0\" 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-4ed614dd elementor-widget elementor-widget-html\" data-id=\"4ed614dd\" 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                        <\/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                        <\/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                        <\/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                        <\/div>\r\n\r\n                        <!-- Criterion 5 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\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                        <\/div>\r\n\r\n                        <!-- Criterion 6 -->\r\n                        <div class=\"criterion-card\">\r\n                            <div class=\"criterion-header\">\r\n                                <span class=\"criterion-name\">\u4eba\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                        <\/div>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- ==========================================\r\n     CSS STYLES FOR EVALUATION MATRIX\r\n     ========================================== -->\r\n<style>\r\n\/* Base Styles & Scoping *\/\r\n.smarthon-eval-wrapper {\r\n    --color-cyan: #06b6d4;\r\n    --color-indigo: #818cf8;\r\n    --color-emerald: #34d399;\r\n    --color-purple: #c084fc;\r\n    --color-teal: #14b8a6;\r\n    --color-rose: #f43f5e;\r\n    --bg-dark: transparent;\r\n    --card-bg: rgba(15, 23, 42, 0.75);\r\n    --border-color: rgba(255, 255, 255, 0.18);\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: #e2e8f0;\r\n    font-size: 0.925rem;\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.35);\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.8rem;\r\n    color: #cbd5e1;\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.4);\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.95rem;\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: #0f172a;\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\/* 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-section {\r\n        padding: 5rem 1rem;\r\n    }\r\n\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-598d9643 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"598d9643\" 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-123968f8\" data-id=\"123968f8\" 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-976c3b5 elementor-widget elementor-widget-html\" data-id=\"976c3b5\" 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-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\r\n\/* Track Special Awards *\/\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 .track-sub{font-size:.8rem;color:#94a3b8;margin:-.75rem 0 1rem;line-height:1.5}\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.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.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\/* Common Awards UI\/UX Redesign *\/\r\n.smarthon-prizes-wrapper .common-grid-v2{display:grid;grid-template-columns:1fr;gap:1.25rem}\r\n.smarthon-prizes-wrapper .common-card-v2{background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.08);border-radius:1.25rem;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;backdrop-filter:blur(16px);transition:all .3s ease}\r\n.smarthon-prizes-wrapper .common-card-v2:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px rgba(0,0,0,.6);border-color:var(--accent)}\r\n.smarthon-prizes-wrapper .common-card-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem}\r\n.smarthon-prizes-wrapper .common-card-icon{font-size:1.5rem;width:2.8rem;height:2.8rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);flex-shrink:0}\r\n.smarthon-prizes-wrapper .common-card-tag{font-size:.7rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .15rem}\r\n.smarthon-prizes-wrapper .common-card-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0}\r\n\r\n.smarthon-prizes-wrapper .common-award-list{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.5rem}\r\n.smarthon-prizes-wrapper .common-award-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#e2e8f0}\r\n.smarthon-prizes-wrapper .common-award-bullet{width:6px;height:6px;border-radius:50%;background-color:var(--accent);flex-shrink:0}\r\n\r\n.smarthon-prizes-wrapper .common-card-footer{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:.5rem}\r\n.smarthon-prizes-wrapper .common-gift-badge{display:flex;align-items:center;gap:.5rem;background:rgba(30,41,59,.6);padding:.55rem .75rem;border-radius:.6rem;font-size:.8rem;color:#f8fafc;font-weight:600}\r\n.smarthon-prizes-wrapper .common-gift-badge.honor-tag{background:rgba(6,182,212,.08);color:var(--brand-cyan)}\r\n\r\n\/* Color Themes *\/\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\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.smarthon-prizes-wrapper .common-grid-v2{grid-template-columns:repeat(2,1fr);gap:1.25rem}\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<\/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 (UI\/UX \u512a\u5316\u7248) ============ -->\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\r\n<div class=\"common-grid-v2\">\r\n<!-- \u5de5\u7a0b\u8a2d\u8a08\u985e -->\r\n<div class=\"common-card-v2 theme-emerald\">\r\n<div>\r\n<div class=\"common-card-header\">\r\n<div class=\"common-card-icon\">\ud83d\udee0\ufe0f<\/div>\r\n<div>\r\n<div class=\"common-card-tag\">Engineering Design<\/div>\r\n<h4 class=\"common-card-title\">\u5de5\u7a0b\u8a2d\u8a08\u734e<\/h4>\r\n<\/div>\r\n<\/div>\r\n<ul class=\"common-award-list\">\r\n<li class=\"common-award-item\"><span class=\"common-award-bullet\"><\/span>\u6700\u4f73 AI \u5275\u65b0\u734e<\/li>\r\n<li class=\"common-award-item\"><span class=\"common-award-bullet\"><\/span>\u6700\u4f73\u5de5\u7a0b\u8a2d\u8a08\u734e<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"common-card-footer\">\r\n<div class=\"common-gift-badge\">\ud83c\udf81 \u7cbe\u88dd\u7248\u5275\u5ba2\u5de5\u7a0b\u5de5\u5177\u7bb1<\/div>\r\n<div class=\"common-gift-badge honor-tag\">\ud83c\udf96\ufe0f \u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- \u6982\u5ff5\u8207\u5718\u968a\u985e -->\r\n<div class=\"common-card-v2 theme-purple\">\r\n<div>\r\n<div class=\"common-card-header\">\r\n<div class=\"common-card-icon\">\ud83d\udca1<\/div>\r\n<div>\r\n<div class=\"common-card-tag\">Concept &amp; Teamwork<\/div>\r\n<h4 class=\"common-card-title\">\u6982\u5ff5\u8207\u5718\u968a\u734e<\/h4>\r\n<\/div>\r\n<\/div>\r\n<ul class=\"common-award-list\">\r\n<li class=\"common-award-item\"><span class=\"common-award-bullet\"><\/span>\u6700\u4f73\u672a\u4f86\u6982\u5ff5\u8a2d\u8a08\u734e<\/li>\r\n<li class=\"common-award-item\"><span class=\"common-award-bullet\"><\/span>\u6700\u4f73\u53ef\u6301\u7e8c\u767c\u5c55\u734e<\/li>\r\n<li class=\"common-award-item\"><span class=\"common-award-bullet\"><\/span>\u6700\u4f73\u5718\u968a\u5408\u4f5c\u734e<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"common-card-footer\">\r\n<div class=\"common-gift-badge\">\ud83c\udf81 HKD $400 \u66f8\u5238<\/div>\r\n<div class=\"common-gift-badge honor-tag\">\ud83c\udf96\ufe0f \u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- \u5546\u696d\u6f5b\u529b\u985e -->\r\n<div class=\"common-card-v2 theme-amber\">\r\n<div>\r\n<div class=\"common-card-header\">\r\n<div class=\"common-card-icon\">\ud83d\udcbc<\/div>\r\n<div>\r\n<div class=\"common-card-tag\">Business Potential<\/div>\r\n<h4 class=\"common-card-title\">\u5546\u696d\u6f5b\u529b\u734e<\/h4>\r\n<\/div>\r\n<\/div>\r\n<ul class=\"common-award-list\">\r\n<li class=\"common-award-item\"><span class=\"common-award-bullet\"><\/span>\u6700\u5177\u5546\u696d\u6f5b\u529b\u734e<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"common-card-footer\">\r\n<div class=\"common-gift-badge\">\ud83c\udf81 \u5c0f\u7c73\u667a\u6167\u85cd\u7259\u97f3\u7bb1<\/div>\r\n<div class=\"common-gift-badge honor-tag\">\ud83c\udf96\ufe0f \u7372\u734e\u734e\u724c\u53ca\u500b\u4eba\u8b49\u66f8<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<!-- \u5b78\u6821\u5718\u9ad4\u985e -->\r\n<div class=\"common-card-v2 theme-cyan\">\r\n<div>\r\n<div class=\"common-card-header\">\r\n<div class=\"common-card-icon\">\ud83c\udfeb<\/div>\r\n<div>\r\n<div class=\"common-card-tag\">School Achievement<\/div>\r\n<h4 class=\"common-card-title\">\u5b78\u6821\u5718\u9ad4\u734e<\/h4>\r\n<\/div>\r\n<\/div>\r\n<ul class=\"common-award-list\">\r\n<li class=\"common-award-item\"><span class=\"common-award-bullet\"><\/span>\u5b78\u6821\u6700\u4f73\u53c3\u8207\u734e<\/li>\r\n<\/ul>\r\n<\/div>\r\n<div class=\"common-card-footer\">\r\n<div class=\"common-gift-badge\">\ud83c\udf81 Smarthon \u5099\u6230\u64f4\u5145\u5305 1 \u5957<\/div>\r\n<div class=\"common-gift-badge honor-tag\">\ud83c\udfc6 \u5b78\u6821\u7372\u734e\u6c34\u6676\u734e\u5ea7<\/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-5c4f12c0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5c4f12c0\" 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-378f7ca2\" data-id=\"378f7ca2\" 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-328963c4 elementor-widget elementor-widget-html\" data-id=\"328963c4\" 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 CUP - \u6bd4\u8cfd\u5167\u5bb9\u8207\u8cfd\u898f (Tab \u9801\u7c64\u7248)<\/title>\r\n<style>\r\n\/* Reset & Scope Isolation *\/\r\n.smarthon-rules-wrapper, .smarthon-rules-wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n.smarthon-rules-wrapper {\r\n  --brand-cyan: #06b6d4;\r\n  --brand-emerald: #34d399;\r\n  --brand-gold: #fbbf24;\r\n  --brand-purple: #c084fc;\r\n  --border-dark: rgba(30, 41, 59, 0.8);\r\n  --card-bg: rgba(15, 23, 42, 0.65);\r\n  width: 100%;\r\n  color: #f8fafc;\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  background-color: ;\r\n}\r\n\r\n.smarthon-rules-wrapper .rules-section {\r\n  padding: 3rem 1rem;\r\n  max-width: 100%;\r\n}\r\n.smarthon-rules-wrapper .rules-container {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Header *\/\r\n.smarthon-rules-wrapper .rules-header {\r\n  text-align: center;\r\n  max-width: 768px;\r\n  margin: 0 auto 2rem;\r\n}\r\n.smarthon-rules-wrapper .rules-subtitle {\r\n  font-size: 0.8rem;\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: 0 0 0.5rem;\r\n}\r\n.smarthon-rules-wrapper .rules-title {\r\n  font-size: 1.85rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin: 0 0 0.75rem;\r\n}\r\n.smarthon-rules-wrapper .rules-description {\r\n  color: #94a3b8;\r\n  font-size: 0.9rem;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n}\r\n\r\n\/* Pure CSS Tabs Switch Control *\/\r\n.smarthon-rules-wrapper .tab-input {\r\n  position: absolute;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Tab Headers Bar *\/\r\n.smarthon-rules-wrapper .rules-tabs {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 0.5rem;\r\n  max-width: 680px;\r\n  margin: 0 auto 2rem;\r\n  padding: 0.35rem;\r\n  background: var(--card-bg);\r\n  border: 1px solid var(--border-dark);\r\n  border-radius: 1rem;\r\n  backdrop-filter: blur(16px);\r\n}\r\n\r\n.smarthon-rules-wrapper .rules-tab {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.4rem;\r\n  padding: 0.75rem 0.5rem;\r\n  border-radius: 0.75rem;\r\n  color: #94a3b8;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  text-align: center;\r\n  transition: all 0.25s ease;\r\n}\r\n.smarthon-rules-wrapper .rules-tab:hover {\r\n  color: #fff;\r\n}\r\n\r\n\/* Active Tab Styles *\/\r\n.smarthon-rules-wrapper #sr-tab-overview:checked ~ .rules-tabs .tab-overview,\r\n.smarthon-rules-wrapper #sr-tab-specs:checked ~ .rules-tabs .tab-specs,\r\n.smarthon-rules-wrapper #sr-tab-reqs:checked ~ .rules-tabs .tab-reqs,\r\n.smarthon-rules-wrapper #sr-tab-terms:checked ~ .rules-tabs .tab-terms {\r\n  background: linear-gradient(90deg, var(--brand-cyan), var(--brand-emerald));\r\n  color: #020617;\r\n  font-weight: 700;\r\n  box-shadow: 0 4px 12px rgba(6, 182, 212, 0.3);\r\n}\r\n\r\n\/* Panels Visibility Control *\/\r\n.smarthon-rules-wrapper .rules-panel {\r\n  display: none;\r\n}\r\n.smarthon-rules-wrapper #sr-tab-overview:checked ~ .rules-panels .panel-overview,\r\n.smarthon-rules-wrapper #sr-tab-specs:checked ~ .rules-panels .panel-specs,\r\n.smarthon-rules-wrapper #sr-tab-reqs:checked ~ .rules-panels .panel-reqs,\r\n.smarthon-rules-wrapper #sr-tab-terms:checked ~ .rules-panels .panel-terms {\r\n  display: block;\r\n  animation: rulesFadeIn 0.35s ease-out;\r\n}\r\n\r\n@keyframes rulesFadeIn {\r\n  from { opacity: 0; transform: translateY(8px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* Panel Card Container Style *\/\r\n.smarthon-rules-wrapper .rule-card {\r\n  --accent: #94a3b8;\r\n  background: var(--card-bg);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  border-radius: 1.25rem;\r\n  padding: 1.75rem;\r\n  backdrop-filter: blur(12px);\r\n}\r\n\r\n.smarthon-rules-wrapper .rule-card-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 1rem;\r\n}\r\n.smarthon-rules-wrapper .rule-badge {\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  padding: 0.25rem 0.6rem;\r\n  border-radius: 9999px;\r\n  letter-spacing: 0.02em;\r\n}\r\n.smarthon-rules-wrapper .rule-icon-box {\r\n  width: 2.25rem;\r\n  height: 2.25rem;\r\n  border-radius: 0.5rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: rgba(255, 255, 255, 0.05);\r\n  color: var(--accent);\r\n}\r\n.smarthon-rules-wrapper .rule-card-title {\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  color: #f8fafc;\r\n  margin: 0 0 1rem;\r\n}\r\n.smarthon-rules-wrapper .rule-card-desc {\r\n  font-size: 0.925rem;\r\n  color: #cbd5e1;\r\n  line-height: 1.7;\r\n  margin: 0 0 1rem;\r\n}\r\n\r\n\/* List Components *\/\r\n.smarthon-rules-wrapper .rule-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 1rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.65rem;\r\n}\r\n.smarthon-rules-wrapper .rule-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 0.6rem;\r\n  font-size: 0.9rem;\r\n  color: #cbd5e1;\r\n  line-height: 1.5;\r\n}\r\n.smarthon-rules-wrapper .check-icon {\r\n  color: var(--accent);\r\n  flex-shrink: 0;\r\n  margin-top: 0.2rem;\r\n}\r\n.smarthon-rules-wrapper .rule-note {\r\n  font-size: 0.8rem;\r\n  color: #64748b;\r\n  margin: 1rem 0 0;\r\n  padding-top: 0.75rem;\r\n  border-top: 1px dashed rgba(148, 163, 184, 0.2);\r\n}\r\n\r\n\/* Requirements Grid inside Panel *\/\r\n.smarthon-rules-wrapper .requirements-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 1.25rem;\r\n  margin-top: 1rem;\r\n}\r\n.smarthon-rules-wrapper .req-box {\r\n  background: rgba(30, 41, 59, 0.35);\r\n  border-radius: 0.75rem;\r\n  padding: 1.2rem;\r\n  border: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n.smarthon-rules-wrapper .req-title {\r\n  font-size: 0.95rem;\r\n  color: var(--brand-cyan);\r\n  margin: 0 0 0.75rem;\r\n  font-weight: 700;\r\n}\r\n\r\n\/* Terms & Links *\/\r\n.smarthon-rules-wrapper .rule-link {\r\n  color: var(--brand-cyan);\r\n  text-decoration: underline;\r\n  word-break: break-all;\r\n}\r\n\r\n\/* Color Themes *\/\r\n.smarthon-rules-wrapper .theme-cyan { --accent: var(--brand-cyan); border-color: rgba(6, 182, 212, 0.25); }\r\n.smarthon-rules-wrapper .theme-cyan .rule-badge { color: var(--brand-cyan); background: rgba(6, 182, 212, 0.12); }\r\n\r\n.smarthon-rules-wrapper .theme-emerald { --accent: var(--brand-emerald); border-color: rgba(52, 211, 153, 0.25); }\r\n.smarthon-rules-wrapper .theme-emerald .rule-badge { color: var(--brand-emerald); background: rgba(52, 211, 153, 0.12); }\r\n\r\n.smarthon-rules-wrapper .theme-purple { --accent: var(--brand-purple); border-color: rgba(192, 132, 252, 0.25); }\r\n.smarthon-rules-wrapper .theme-purple .rule-badge { color: var(--brand-purple); background: rgba(192, 132, 252, 0.12); }\r\n\r\n.smarthon-rules-wrapper .theme-amber { --accent: var(--brand-gold); border-color: rgba(251, 191, 36, 0.25); }\r\n.smarthon-rules-wrapper .theme-amber .rule-badge { color: var(--brand-gold); background: rgba(251, 191, 36, 0.12); }\r\n\r\n\/* Responsive Adjustments *\/\r\n@media (min-width: 640px) {\r\n  .smarthon-rules-wrapper .rules-tabs {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n  .smarthon-rules-wrapper .requirements-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .smarthon-rules-wrapper .specs-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1.25rem;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"smarthon-rules-wrapper\">\r\n\r\n  <!-- SVG \u5716\u6a19\u5eab -->\r\n  <svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\r\n    <symbol id=\"sr-target\" 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><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/symbol>\r\n    <symbol id=\"sr-cpu\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"><\/rect><line x1=\"9\" y1=\"1\" x2=\"9\" y2=\"4\"><\/line><line x1=\"15\" y1=\"1\" x2=\"15\" y2=\"4\"><\/line><line x1=\"9\" y1=\"20\" x2=\"9\" y2=\"23\"><\/line><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"23\"><\/line><line x1=\"20\" y1=\"9\" x2=\"23\" y2=\"9\"><\/line><line x1=\"20\" y1=\"15\" x2=\"23\" y2=\"15\"><\/line><line x1=\"1\" y1=\"9\" x2=\"4\" y2=\"9\"><\/line><line x1=\"1\" y1=\"15\" x2=\"4\" y2=\"15\"><\/line><\/symbol>\r\n    <symbol id=\"sr-users\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"><\/path><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path><\/symbol>\r\n    <symbol id=\"sr-file-text\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/symbol>\r\n    <symbol id=\"sr-alert\" 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><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/symbol>\r\n    <symbol id=\"sr-check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"><\/polyline><\/symbol>\r\n    <symbol id=\"sr-link\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"><\/path><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"><\/path><\/symbol>\r\n  <\/svg>\r\n\r\n  <section class=\"rules-section\">\r\n    <div class=\"rules-container\">\r\n\r\n      <!-- Header -->\r\n      <div class=\"rules-header\">\r\n        <p class=\"rules-subtitle\">Overview &amp; Guidelines<\/p>\r\n        <h2 class=\"rules-title\">\u6bd4\u8cfd\u5167\u5bb9\u8207\u8cfd\u898f<\/h2>\r\n        <p class=\"rules-description\">\u5f15\u5c0e\u9752\u5c11\u5e74\u5c07 STEAM\u3001\u4eba\u5de5\u667a\u80fd\uff08AI\uff09\u53ca\u7269\u806f\u7db2\uff08IoT\uff09\u878d\u5165\u5be6\u9ad4\u5275\u610f\uff0c\u70ba\u672a\u4f86\u667a\u6167\u57ce\u5e02\u63d0\u51fa\u5177\u524d\u77bb\u6027\u8207\u5be6\u7528\u6027\u7684\u79d1\u6280\u89e3\u7b54\u3002<\/p>\r\n      <\/div>\r\n\r\n      <!-- Tab Radio Controllers -->\r\n      <input type=\"radio\" name=\"rules-tab-control\" id=\"sr-tab-overview\" class=\"tab-input\" checked>\r\n      <input type=\"radio\" name=\"rules-tab-control\" id=\"sr-tab-specs\" class=\"tab-input\">\r\n      <input type=\"radio\" name=\"rules-tab-control\" id=\"sr-tab-reqs\" class=\"tab-input\">\r\n      <input type=\"radio\" name=\"rules-tab-control\" id=\"sr-tab-terms\" class=\"tab-input\">\r\n\r\n      <!-- Tab Buttons Navigation -->\r\n      <div class=\"rules-tabs\">\r\n        <label for=\"sr-tab-overview\" class=\"rules-tab tab-overview\">\ud83c\udfaf \u8cfd\u4e8b\u4e3b\u984c<\/label>\r\n        <label for=\"sr-tab-specs\" class=\"rules-tab tab-specs\">\u2699\ufe0f \u786c\u9ad4\u8207\u7d44\u5225<\/label>\r\n        <label for=\"sr-tab-reqs\" class=\"rules-tab tab-reqs\">\ud83d\udce9 \u905e\u4ea4\u8207\u898f\u7bc4<\/label>\r\n        <label for=\"sr-tab-terms\" class=\"rules-tab tab-terms\">\u26a0\ufe0f \u9644\u5247\u9808\u77e5<\/label>\r\n      <\/div>\r\n\r\n      <!-- Tab Panels Content Container -->\r\n      <div class=\"rules-panels\">\r\n        \r\n        <!-- Tab 1: \u8cfd\u4e8b\u4e3b\u984c -->\r\n        <div class=\"rules-panel panel-overview\">\r\n          <div class=\"rule-card theme-cyan\">\r\n            <div class=\"rule-card-top\">\r\n              <span class=\"rule-badge\">\u8cfd\u4e8b\u4e3b\u984c<\/span>\r\n              <div class=\"rule-icon-box\"><svg width=\"20\" height=\"20\"><use href=\"#sr-target\"><\/use><\/svg><\/div>\r\n            <\/div>\r\n            <h3 class=\"rule-card-title\">SMARTHON CUP \u667a\u6167\u57ce\u5e02 AI \u570b\u969b\u9080\u8acb\u8cfd 2026<\/h3>\r\n            <p class=\"rule-card-desc\">\r\n              \u53c3\u8cfd\u968a\u4f0d\u91dd\u5c0d\u300c\u667a\u6167\u57ce\u5e02\u300d\u3001\u300c\u667a\u80fd\u5bb6\u5c45\u300d\u6216\u300c\u667a\u6167\u8015\u7a2e\u300d\u4e09\u5927\u4e3b\u984c\u8cfd\u9053\uff0c\u904b\u7528\u79d1\u6280\u63d0\u51fa\u5275\u65b0\u89e3\u6c7a\u65b9\u6848\u3002\u5728\u5730\u968a\u4f0d\u7d93\u521d\u8cfd\u9078\u62d4\uff0c\u6d77\u5916\u968a\u4f0d\u4eab\u6709\u76f4\u901a\u6a5f\u5236\uff0c\u5171\u540c\u65bc\u7e3d\u6c7a\u8cfd\u821e\u53f0\u4ea4\u6d41\u5207\u78cb\u3002\r\n            <\/p>\r\n            <p class=\"rule-note\">* \u8cfd\u4e8b\u65e8\u5728\u63a8\u52d5 STEAM \u8207 AI \u61c9\u7528\uff0c\u8457\u91cd\u5be6\u9ad4\u539f\u578b\u8207\u5275\u65b0\u79d1\u6280\u9ad4\u9a57\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tab 2: \u786c\u9ad4\u8207\u7d44\u5225 -->\r\n        <div class=\"rules-panel panel-specs\">\r\n          <div class=\"specs-grid\">\r\n            <div class=\"rule-card theme-emerald\">\r\n              <div class=\"rule-card-top\">\r\n                <span class=\"rule-badge\">\u6307\u5b9a\u786c\u9ad4<\/span>\r\n                <div class=\"rule-icon-box\"><svg width=\"20\" height=\"20\"><use href=\"#sr-cpu\"><\/use><\/svg><\/div>\r\n              <\/div>\r\n              <h3 class=\"rule-card-title\">\u6838\u5fc3\u63a7\u5236\u5668\u8207\u5957\u4ef6<\/h3>\r\n              <ul class=\"rule-list\">\r\n                <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span>\u6838\u5fc3\u63a7\u5236\u5668\uff1a<strong>BBC micro:bit<\/strong><\/span><\/li>\r\n                <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span>\u64f4\u5145\u677f\uff1a<strong>Smarthon IoT:bit (ESP32)<\/strong><\/span><\/li>\r\n                <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span>\u6a21\u7d44\u652f\u63f4\uff1aAI \u8996\u89ba \/ \u8a9e\u97f3\u6a21\u7d44\u8207\u5404\u985e\u611f\u6e2c\u5668<\/span><\/li>\r\n              <\/ul>\r\n              <p class=\"rule-note\">* \u4f5c\u54c1\u5fc5\u9808\u4ee5 BBC micro:bit \u70ba\u6838\u5fc3\u4e26\u9023\u7d50 IoT:bit \u904b\u4f5c<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"rule-card theme-purple\">\r\n              <div class=\"rule-card-top\">\r\n                <span class=\"rule-badge\">\u53c3\u8cfd\u5c0d\u8c61<\/span>\r\n                <div class=\"rule-icon-box\"><svg width=\"20\" height=\"20\"><use href=\"#sr-users\"><\/use><\/svg><\/div>\r\n              <\/div>\r\n              <h3 class=\"rule-card-title\">\u7d44\u5225\u8207\u968a\u4f0d\u898f\u7bc4<\/h3>\r\n              <ul class=\"rule-list\">\r\n                <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u521d\u7d1a\u7d44<\/strong>\uff1a7 \u81f3 12 \u6b72\uff08\u5c0f\u5b78\u7d44\uff09<\/span><\/li>\r\n                <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u9ad8\u7d1a\u7d44<\/strong>\uff1a13 \u81f3 19 \u6b72\uff08\u4e2d\u5b78\u7d44\uff09<\/span><\/li>\r\n                <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span>\u6bcf\u968a <strong>2 \u81f3 3 \u540d\u5b78\u751f<\/strong>\uff0c\u9808\u6709\u4e00\u540d\u6eff 18 \u6b72\u6210\u5e74\u4eba\u5e36\u968a<\/span><\/li>\r\n              <\/ul>\r\n              <p class=\"rule-note\">* \u4f5c\u54c1\u9808\u70ba\u968a\u54e1\u89aa\u624b\u88fd\u4f5c\u4e14\u539f\u5275\uff0c\u56b4\u7981\u6284\u8972<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tab 3: \u905e\u4ea4\u8207\u6c7a\u8cfd\u898f\u7bc4 -->\r\n        <div class=\"rules-panel panel-reqs\">\r\n          <div class=\"rule-card theme-cyan\">\r\n            <div class=\"rule-card-top\">\r\n              <span class=\"rule-badge\">Requirements<\/span>\r\n              <div class=\"rule-icon-box\"><svg width=\"20\" height=\"20\"><use href=\"#sr-file-text\"><\/use><\/svg><\/div>\r\n            <\/div>\r\n            <h3 class=\"rule-card-title\">\u905e\u4ea4\u4f5c\u54c1\u8207\u6c7a\u8cfd\u898f\u7bc4<\/h3>\r\n            <div class=\"requirements-grid\">\r\n              <div class=\"req-box\">\r\n                <h4 class=\"req-title\">\ud83d\udce9 \u521d\u8cfd\u905e\u4ea4\u4e8b\u9805<\/h4>\r\n                <ul class=\"rule-list\">\r\n                  <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u4f5c\u54c1\u6458\u8981\u8207\u67b6\u69cb\u5716<\/strong>\uff08\u7cfb\u7d71\u8207 AI \u8aaa\u660e\uff09<\/span><\/li>\r\n                  <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u6f14\u793a\u5f71\u7247<\/strong>\uff08\u4e0d\u8d85\u904e 5 \u5206\u9418\u64cd\u4f5c\u5be6\u6e2c\uff09<\/span><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div class=\"req-box\">\r\n                <h4 class=\"req-title\">\ud83c\udfdb\ufe0f \u7e3d\u6c7a\u8cfd\u73fe\u5834\u898f\u7bc4<\/h4>\r\n                <ul class=\"rule-list\">\r\n                  <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u5c55\u4f4d\u7a7a\u9593<\/strong>\uff1a2m \u00d7 2m \u5340\u57df<\/span><\/li>\r\n                  <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u6a21\u578b\u5c3a\u5bf8<\/strong>\uff1a1.5m \u00d7 1m \u00d7 1.5m \u4ee5\u5167<\/span><\/li>\r\n                  <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u81ea\u7acb\u6d77\u5831<\/strong>\uff1a122cm \u00d7 90cm \u898f\u683c<\/span><\/li>\r\n                  <li><svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg><span><strong>\u73fe\u5834\u7b54\u8faf<\/strong>\uff1a7 \u5206\u9418\u52d5\u614b\u6f14\u793a + Q&amp;A<\/span><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n            <p class=\"rule-note\">* \u6d77\u5916\u9080\u8acb\u968a\u4f0d\u4eab\u76f4\u901a\u6a5f\u5236\uff1b\u82e5\u6c7a\u8cfd\u7121\u6cd5\u89aa\u81e8\u73fe\u5834\uff0c\u53ef\u63d0\u4ea4\u5f71\u7247\u6216\u7dda\u4e0a\u8996\u8a0a\u7b54\u8faf\u3002<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Tab 4: \u9644\u5247\u9808\u77e5 -->\r\n        <div class=\"rules-panel panel-terms\">\r\n          <div class=\"rule-card theme-amber\">\r\n            <div class=\"rule-card-top\">\r\n              <span class=\"rule-badge\">Terms &amp; Notices<\/span>\r\n              <div class=\"rule-icon-box\"><svg width=\"20\" height=\"20\"><use href=\"#sr-alert\"><\/use><\/svg><\/div>\r\n            <\/div>\r\n            <h3 class=\"rule-card-title\">\u9644\u5247\u8207\u6ce8\u610f\u4e8b\u9805<\/h3>\r\n            <ul class=\"rule-list\">\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-link\"><\/use><\/svg>\r\n                <span><strong>\u8cfd\u4e8b\u6700\u65b0\u516c\u544a<\/strong>\uff1a\u8acb\u95dc\u6ce8\u5b98\u65b9\u7db2\u7ad9 <a href=\"https:\/\/smarthon.cc\/singapore-smarthon-cup-2026\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"rule-link\">https:\/\/smarthon.cc\/singapore-smarthon-cup-2026\/<\/a><\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg>\r\n                <span><strong>\u4e3b\u8fa6\u6b0a\u5229<\/strong>\uff1a\u4e3b\u8fa6\u55ae\u4f4d\u4fdd\u7559\u5c0d\u7af6\u8cfd\u898f\u5247\u3001\u6642\u7a0b\u3001\u8a55\u5206\u6a19\u6e96\u53ca\u734e\u9805\u6c7a\u5b9a\u4e4b\u6700\u7d42\u89e3\u91cb\u6b0a\u3002<\/span>\r\n              <\/li>\r\n              <li>\r\n                <svg class=\"check-icon\" width=\"16\" height=\"16\"><use href=\"#sr-check\"><\/use><\/svg>\r\n                <span><strong>\u5f71\u50cf\u6388\u6b0a<\/strong>\uff1a\u5927\u6703\u6709\u6b0a\u62cd\u651d\u7372\u734e\u4f5c\u54c1\u7167\u7247\u8207\u52d5\u614b\u5f71\u7247\uff0c\u4e26\u7528\u65bc\u8cfd\u4e8b\u5ba3\u50b3\u3001\u6559\u5b78\u63a8\u5ee3\u8207\u5a92\u9ad4\u5206\u4eab\u3002<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-510b6d7c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"510b6d7c\" 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-3659b54f\" data-id=\"3659b54f\" 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-12b06a76 elementor-widget elementor-widget-html\" data-id=\"12b06a76\" 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\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-5160307f elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5160307f\" 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-7c5a4b14\" data-id=\"7c5a4b14\" 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-7cff76bd elementor-widget elementor-widget-html\" data-id=\"7cff76bd\" 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"],"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":150,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/14994\/revisions"}],"predecessor-version":[{"id":16203,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/14994\/revisions\/16203"}],"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}]}}