{"id":16157,"date":"2026-10-29T18:16:40","date_gmt":"2026-10-29T10:16:40","guid":{"rendered":"https:\/\/smarthon.cc\/?page_id=16157"},"modified":"2026-11-09T18:12:36","modified_gmt":"2026-11-09T10:12:36","slug":"global-competition","status":"publish","type":"page","link":"https:\/\/smarthon.cc\/zh-hant\/global-competition\/","title":{"rendered":"global-competition"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16157\" class=\"elementor elementor-16157\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-41928111 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"41928111\" 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-1ca5e76d\" data-id=\"1ca5e76d\" 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-57f0af5c elementor-widget elementor-widget-html\" data-id=\"57f0af5c\" 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-1b97d895 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1b97d895\" 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-54798ec8\" data-id=\"54798ec8\" 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-1bb3d147 elementor-widget elementor-widget-html\" data-id=\"1bb3d147\" 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<!-- \u8f09\u5165 Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<!-- FontAwesome Icons for Visual Enhancements -->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n  .smarthon-container {\r\n    --cyber-blue: #00f0ff;\r\n    --cyber-purple: #7000ff;\r\n    --cyber-green: #00ff66;\r\n    --cyber-gold: #ffbd59;\r\n    --cyber-dark: #0d1117;\r\n    --cyber-card: #161b22;\r\n    --slate-300: #cbd5e1;\r\n    --slate-400: #94a3b8;\r\n    \r\n    \/* \ud83d\udd39 \u65b0\u589e\u6df1\u85cd\u8272\u4e3b\u984c\u8b8a\u6578 *\/\r\n    --cyber-navy: #0070f3;\r\n    --cyber-navy-dark: #0044b3;\r\n    \r\n    font-family: 'Orbitron', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    color: #0f172a;\r\n    text-align: center;\r\n    position: relative;\r\n    padding: 3rem 1rem 4rem;\r\n    max-width: 1024px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .smarthon-container * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* \ud83d\udd39 \u5354\u8fa6\u55ae\u4f4d\u6a19\u7c64\u98a8\u683c *\/\r\n  .tag-coorganizer {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 6px 16px;\r\n    border-radius: 9999px;\r\n    background-color: rgba(0, 112, 243, 0.12); \/* \u6df1\u85cd\u900f\u660e\u80cc\u666f *\/\r\n    border: 1px solid rgba(0, 112, 243, 0.5);   \/* \u6df1\u85cd\u908a\u6846 *\/\r\n    color: #38bdf8;                             \/* \u4eae\u85cd\/\u6df1\u85cd\u6e05\u6670\u6587\u5b57 *\/\r\n    font-size: 0.85rem;\r\n    font-weight: 800;\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 1.5rem;\r\n    box-shadow: 0 0 12px rgba(0, 112, 243, 0.3); \/* \u85cd\u8272\u9670\u5f71 *\/\r\n    max-width: 100%;\r\n    word-break: break-word;\r\n  }\r\n\r\n  \/* \ud83d\udd39 \u767c\u5149\u5c0f\u5713\u9ede *\/\r\n  .ping-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    border-radius: 50%;\r\n    background-color: #38bdf8;\r\n    animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .main-title {\r\n    font-weight: 900;\r\n    font-size: clamp(1.8rem, 5vw, 3.75rem);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    margin-bottom: 1.5rem;\r\n    line-height: 1.25;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .gradient-text {\r\n    background: linear-gradient(90deg, #0070f3, #ffffff, var(--cyber-purple));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n  }\r\n\r\n  .sub-title {\r\n    color: var(--cyber-purple);\r\n    font-weight: 700;\r\n    font-size: clamp(0.95rem, 2vw, 1.5rem);\r\n    letter-spacing: 0.08em;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n\r\n  .description {\r\n    max-width: 48rem;\r\n    margin: 0 auto 1.75rem;\r\n    color: #ffffff;\r\n    font-size: clamp(0.95rem, 1.5vw, 1.25rem);\r\n    line-height: 1.6;\r\n    font-weight: 600;\r\n    font-family: system-ui, -apple-system, sans-serif;\r\n  }\r\n\r\n  .fee-wrapper {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    margin: 0 auto 2.5rem;\r\n    max-width: 48rem;\r\n  }\r\n\r\n  .btn-group {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-bottom: 3.5rem;\r\n    width: 100%;\r\n  }\r\n\r\n  .btn-action {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    padding: 1.1rem 2.8rem;\r\n    font-family: system-ui, -apple-system, 'Orbitron', sans-serif;\r\n    font-weight: 900;\r\n    font-size: 1.1rem;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);\r\n    border: none;\r\n  }\r\n\r\n  .btn-primary {\r\n    background-color: var(--cyber-blue);\r\n    color: var(--cyber-dark);\r\n    box-shadow: 0 0 20px rgba(0, 240, 255, 0.5);\r\n  }\r\n\r\n  .btn-primary:hover {\r\n    background-color: #ffffff;\r\n    transform: translateY(-4px);\r\n    box-shadow: 0 0 30px rgba(0, 240, 255, 0.9);\r\n  }\r\n\r\n  .glass-panel {\r\n    background: rgba(22, 27, 34, 0.75);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(0, 240, 255, 0.3);\r\n    border-radius: 0.75rem;\r\n    padding: 1.5rem;\r\n    max-width: 48rem;\r\n    width: 100%;\r\n    margin: 0 auto;\r\n    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .countdown-header {\r\n    color: var(--cyber-blue);\r\n    font-size: 0.9rem;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 1rem;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    flex-wrap: wrap;\r\n    font-family: system-ui, -apple-system, sans-serif;\r\n  }\r\n\r\n  .countdown-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 0.75rem;\r\n    width: 100%;\r\n  }\r\n\r\n  .time-box {\r\n    background-color: rgba(13, 17, 23, 0.85);\r\n    padding: 0.75rem 0.5rem;\r\n    border-radius: 0.5rem;\r\n    border: 1px solid rgba(0, 240, 255, 0.25);\r\n    min-width: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .time-num {\r\n    display: block;\r\n    font-size: clamp(1.25rem, 4.5vw, 2.25rem);\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    color: #ffffff;\r\n  }\r\n\r\n  .time-label {\r\n    display: block;\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    color: var(--slate-300);\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    margin-top: 4px;\r\n    font-family: system-ui, -apple-system, sans-serif;\r\n  }\r\n\r\n  .panel-btn-group {\r\n    margin-top: 1.25rem;\r\n    display: flex;\r\n    justify-content: center;\r\n  }\r\n\r\n  .btn-secondary {\r\n    background: rgba(112, 0, 255, 0.15);\r\n    color: #ffffff;\r\n    border: 1px solid rgba(0, 240, 255, 0.6);\r\n    box-shadow: 0 0 15px rgba(0, 240, 255, 0.2);\r\n    padding: 0.75rem 1.75rem;\r\n    font-size: 0.9rem;\r\n  }\r\n\r\n  .btn-secondary:hover {\r\n    background: var(--cyber-blue);\r\n    color: var(--cyber-dark);\r\n    box-shadow: 0 0 25px rgba(0, 240, 255, 0.8);\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .text-blue { color: var(--cyber-blue); }\r\n  .text-purple { color: var(--cyber-purple); }\r\n  .text-green { color: var(--cyber-green); }\r\n  .text-gold { color: var(--cyber-gold); }\r\n\r\n  @media (max-width: 600px) {\r\n    .smarthon-container {\r\n      padding: 2rem 0.75rem 3rem;\r\n    }\r\n\r\n    .tag-coorganizer {\r\n      font-size: 0.75rem;\r\n      padding: 5px 12px;\r\n    }\r\n\r\n    .btn-action {\r\n      width: 100%;\r\n      padding: 1rem 1.5rem;\r\n      font-size: 0.95rem;\r\n    }\r\n\r\n    .glass-panel {\r\n      padding: 1rem 0.6rem;\r\n    }\r\n\r\n    .countdown-header {\r\n      font-size: 0.8rem;\r\n      margin-bottom: 0.75rem;\r\n    }\r\n\r\n    .countdown-grid {\r\n      gap: 0.4rem;\r\n    }\r\n\r\n    .time-box {\r\n      padding: 0.5rem 0.2rem;\r\n    }\r\n\r\n    .time-num {\r\n      font-size: clamp(1.1rem, 5vw, 1.5rem);\r\n    }\r\n\r\n    .time-label {\r\n      font-size: 0.65rem;\r\n      letter-spacing: 0.02em;\r\n    }\r\n\r\n    .btn-secondary {\r\n      width: 100%;\r\n      padding: 0.85rem 1rem;\r\n      font-size: 0.85rem;\r\n    }\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes ping {\r\n    75%, 100% {\r\n      transform: scale(2);\r\n      opacity: 0;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"smarthon-container\">\r\n    <!-- \u5354\u8fa6\u55ae\u4f4d\u6a19\u7c64 -->\r\n    <div class=\"tag-coorganizer\">\r\n        <span class=\"ping-dot\"><\/span>\r\n        EP Education &amp; SMARTHON \u806f\u5408\u8209\u8fa6\r\n    <\/div>\r\n\r\n    <!-- \u4e3b\u6a19\u984c -->\r\n    <h1 class=\"main-title\">\r\n        \u7b2c\u4e00\u5c46 <span class=\"gradient-text\">SMARTHON CUP<\/span><br>\r\n        \u667a\u6167\u57ce\u5e02 AI \u570b\u969b\u9080\u8acb\u8cfd\r\n    <\/h1>\r\n\r\n    <p class=\"sub-title\">\r\n        \/\/ \u8ce6\u80fd\u9752\u5e74\u5275\u65b0 \u2022 \u5171\u5275\u667a\u6167\u672a\u4f86\r\n    <\/p>\r\n\r\n    <p class=\"description\">\r\n        \u63d0\u5347 STEAM \u79d1\u6280\u77e5\u8b58\u3001\u62d3\u5bec\u570b\u969b\u8996\u91ce\uff0c\u70ba\u4e16\u754c\u7d1a\u7684\u667a\u6167\u57ce\u5e02\u9858\u666f\u6ce8\u5165\u6e90\u6e90\u4e0d\u7d55\u7684\u9752\u5e74\u5275\u65b0\u601d\u7dad\u3002\r\n    <\/p>\r\n    <div class=\"fee-wrapper\">\r\n    <\/div>\r\n\r\n    <!-- \u55ae\u4e00\u4e3b\u8981\u884c\u52d5\u547c\u7c72\u6309\u9215 -->\r\n    <div class=\"btn-group\">\r\n        <a href=\"https:\/\/forms.gle\/DjV7F33MBzciCwtEA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn-action btn-primary\">\r\n            <i class=\"fa-solid fa-rocket\"><\/i> \u7acb\u5373\u5831\u540d\u53c3\u8cfd\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <!-- \u97ff\u61c9\u5f0f\u9632\u6ea2\u51fa\u5012\u6578\u8a08\u6642\u5340\u584a -->\r\n    <div class=\"glass-panel\">\r\n        <p class=\"countdown-header\">\r\n            <i class=\"fa-solid fa-clock text-gold\"><\/i> \u8ddd\u96e2\u8cfd\u4e8b\u7c21\u4ecb\u6703\u5012\u6578 (2026\u5e7411\u67086\u65e5)\r\n        <\/p>\r\n        <div class=\"countdown-grid\">\r\n            <div class=\"time-box\">\r\n                <span id=\"cd-days\" class=\"time-num\">00<\/span>\r\n                <span class=\"time-label\">\u5929<\/span>\r\n            <\/div>\r\n            <div class=\"time-box\">\r\n                <span id=\"cd-hours\" class=\"time-num text-blue\">00<\/span>\r\n                <span class=\"time-label\">\u5c0f\u6642<\/span>\r\n            <\/div>\r\n            <div class=\"time-box\">\r\n                <span id=\"cd-mins\" class=\"time-num text-purple\">00<\/span>\r\n                <span class=\"time-label\">\u5206\u9418<\/span>\r\n            <\/div>\r\n            <div class=\"time-box\">\r\n                <span id=\"cd-secs\" class=\"time-num text-green\">00<\/span>\r\n                <span class=\"time-label\">\u79d2<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"panel-btn-group\">\r\n            <a href=\"https:\/\/smarthon.cc\/competition-briefing-and-workshop\/\" class=\"btn-action btn-secondary\">\r\n                <i class=\"fa-solid fa-calendar-days\"><\/i> \u5831\u540d\u53c3\u52a0\u7c21\u4ecb\u6703\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ \u8a2d\u7f6e\u5012\u6578\u76ee\u6a19\u65e5\u671f\u70ba 2026\u5e7411\u67086\u65e5 00:00:00\r\n    const targetDate = new Date(\"2026-11-06T00:00:00\").getTime();\r\n\r\n    function updateCountdown() {\r\n        const now = new Date().getTime();\r\n        const distance = targetDate - now;\r\n\r\n        if (distance < 0) {\r\n            document.getElementById(\"cd-days\").innerText = \"0\";\r\n            document.getElementById(\"cd-hours\").innerText = \"00\";\r\n            document.getElementById(\"cd-mins\").innerText = \"00\";\r\n            document.getElementById(\"cd-secs\").innerText = \"00\";\r\n            return;\r\n        }\r\n\r\n        const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n        const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n        const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n        const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n        const daysElem = document.getElementById(\"cd-days\");\r\n        const hoursElem = document.getElementById(\"cd-hours\");\r\n        const minsElem = document.getElementById(\"cd-mins\");\r\n        const secsElem = document.getElementById(\"cd-secs\");\r\n\r\n        if (daysElem) daysElem.innerText = days;\r\n        if (hoursElem) hoursElem.innerText = hours < 10 ? \"0\" + hours : hours;\r\n        if (minsElem) minsElem.innerText = minutes < 10 ? \"0\" + minutes : minutes;\r\n        if (secsElem) secsElem.innerText = seconds < 10 ? \"0\" + seconds : seconds;\r\n    }\r\n\r\n    updateCountdown();\r\n    setInterval(updateCountdown, 1000);\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-428d85d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"428d85d\" 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-726839b\" data-id=\"726839b\" 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-646de35 elementor-widget elementor-widget-html\" data-id=\"646de35\" 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 Icon Library -->\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    <symbol id=\"sm-arrow-right\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/symbol>\r\n  <\/svg>\r\n\r\n  <section class=\"mechanism-section\">\r\n    <div class=\"mechanism-container\">\r\n\r\n      <!-- Header Section -->\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\u5e74\u79d1\u6280\u4ea4\u6d41\u8207\u6587\u5316\u5b78\u7fd2\uff0c\u672c\u8cfd\u4e8b\u7279\u5225\u8a2d\u7acb\u300c\u5340\u57df\u521d\u8cfd\u9078\u62d4\u300d\u8207\u300c\u6d77\u5916\u7da0\u8272\u901a\u9053\u300d\u96d9\u8ecc\u53c3\u8cfd\u6a5f\u5236\u3002<\/p>\r\n      <\/div>\r\n\r\n      <!-- Cards Grid Section -->\r\n      <div class=\"mechanism-grid\">\r\n        \r\n        <!-- Card 1: Regional Selection Teams (Hong Kong Registration) -->\r\n        <div class=\"mechanism-card theme-cyan\">\r\n          <div class=\"card-top\">\r\n            <span class=\"mechanism-badge\">\u5340\u57df\u521d\u8cfd\u9078\u62d4<\/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\">\u6649\u7d1a\u9078\u62d4\u968a\u4f0d<\/h3>\r\n          \r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\ud83d\udccd \u5c0d\u8c61\u968a\u4f0d<\/span>\r\n            <div class=\"info-tag\">\u4f86\u81ea\u9999\u6e2f\u3001\u4e2d\u570b\u5167\u5730\u53ca\u65b0\u52a0\u5761\u7684\u5b78\u751f\u968a\u4f0d<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\ud83d\ude80 \u6d41\u7a0b\u8207\u6649\u7d1a\u6a5f\u5236<\/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>\u5fc5\u9808\u53c3\u52a0<strong>\u521d\u8cfd\u9078\u62d4\u968e\u6bb5<\/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>\u7dda\u4e0a\u63d0\u4ea4<strong>\u5c08\u6848\u6458\u8981<\/strong>\u3001<strong>\u67b6\u69cb\u5716<\/strong>\u8207<strong> 5 \u5206\u9418 Demo \u793a\u7bc4\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\u8a55\u9078\u524d <strong>10 \u652f\u512a\u79c0\u968a\u4f0d<\/strong>\u6649\u7d1a\u7e3d\u6c7a\u8cfd<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <!-- \u5de6\u5074\uff1a\u9999\u6e2f\u5831\u540d\u6309\u9215\u5340\u57df -->\r\n          <div class=\"card-action\">\r\n            <a href=\"https:\/\/forms.gle\/qrTFVZe2WB7Etvva8\" target=\"_blank\" rel=\"noopener\" class=\"btn-action btn-cyan\">\r\n              <span>\u9999\u6e2f\u968a\u4f0d\u5831\u540d\u5165\u53e3<\/span>\r\n              <svg width=\"18\" height=\"18\"><use href=\"#sm-arrow-right\"><\/use><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Card 2: Overseas Invited Teams (Overseas Registration) -->\r\n        <div class=\"mechanism-card theme-emerald highlight-card\">\r\n          <div class=\"card-top\">\r\n            <span class=\"mechanism-badge highlight\">\u6d77\u5916\u7da0\u8272\u901a\u9053<\/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\u53d7\u9080\u968a\u4f0d<\/h3>\r\n\r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\ud83c\udf0d \u5c0d\u8c61\u968a\u4f0d<\/span>\r\n            <div class=\"info-tag emerald\">\u6d77\u5916\u53d7\u9080\u5b78\u6821\u53ca\u570b\u969b\u5b78\u751f\u968a\u4f0d<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"info-group\">\r\n            <span class=\"info-label\">\u26a1 \u6d41\u7a0b\u8207\u6649\u7d1a\u6a5f\u5236<\/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\u9664\u521d\u8cfd\u968e\u6bb5<\/strong>\uff0c\u63d0\u4f9b\u4fbf\u6377\u53c3\u8cfd\u901a\u9053<\/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\u4e26\u901a\u904e\u53c3\u8cfd\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>\u73fe\u5834\u7e3d\u6c7a\u8cfd<\/strong>\u53c3\u8cfd\u8cc7\u683c<\/span>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n\r\n          <!-- \u53f3\u5074\uff1a\u6d77\u5916\u5831\u540d\u6309\u9215\u5340\u57df -->\r\n          <div class=\"card-action\">\r\n            <a href=\"https:\/\/forms.gle\/r9M8ram1iQ8t3BoF8\" target=\"_blank\" rel=\"noopener\" class=\"btn-action btn-emerald\">\r\n              <span>\u6d77\u5916\u968a\u4f0d\u5831\u540d\u5165\u53e3<\/span>\r\n              <svg width=\"18\" height=\"18\"><use href=\"#sm-arrow-right\"><\/use><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Capacity Limit Banner -->\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>\u540d\u984d\u9650\u5236\uff1a<\/strong>\u6bcf\u500b\u53c3\u8cfd\u985e\u5225\u540d\u984d\u6709\u9650\uff0c<strong>\u6bcf\u500b\u8cfd\u9053\u6700\u591a\u9304\u53d6 15 \u652f\u968a\u4f0d<\/strong>\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-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\/* \u6309\u9215\u6a23\u5f0f *\/\r\n.smarthon-mechanism-wrapper .card-action {\r\n  margin-top: auto;\r\n  padding-top: 1.5rem;\r\n}\r\n.smarthon-mechanism-wrapper .btn-action {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.5rem;\r\n  width: 100%;\r\n  padding: 0.8rem 1.2rem;\r\n  border-radius: 0.65rem;\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  text-decoration: none;\r\n  transition: all 0.25s ease;\r\n}\r\n.smarthon-mechanism-wrapper .btn-action svg {\r\n  transition: transform 0.25s ease;\r\n}\r\n.smarthon-mechanism-wrapper .btn-action:hover svg {\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* \u9752\u8272\u6309\u9215 (Hong Kong) *\/\r\n.smarthon-mechanism-wrapper .btn-cyan {\r\n  background: rgba(6, 182, 212, 0.15);\r\n  color: #38bdf8;\r\n  border: 1px solid rgba(6, 182, 212, 0.4);\r\n}\r\n.smarthon-mechanism-wrapper .btn-cyan:hover {\r\n  background: var(--brand-cyan);\r\n  color: #0f172a;\r\n  box-shadow: 0 4px 14px rgba(6, 182, 212, 0.35);\r\n}\r\n\r\n\/* \u7fe1\u7fe0\u7da0\u6309\u9215 (Overseas) *\/\r\n.smarthon-mechanism-wrapper .btn-emerald {\r\n  background: rgba(52, 211, 153, 0.15);\r\n  color: #34d399;\r\n  border: 1px solid rgba(52, 211, 153, 0.4);\r\n}\r\n.smarthon-mechanism-wrapper .btn-emerald:hover {\r\n  background: var(--brand-emerald);\r\n  color: #0f172a;\r\n  box-shadow: 0 4px 14px rgba(52, 211, 153, 0.35);\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-6ee97761 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ee97761\" 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-55fd82b1\" data-id=\"55fd82b1\" 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-6a3915b3 elementor-widget elementor-widget-html\" data-id=\"6a3915b3\" 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<style>\r\n  .smart-city-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 60px 20px;\r\n    box-sizing: border-box;\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Rajdhani', sans-serif;\r\n  }\r\n  .smart-city-container * {\r\n    box-sizing: border-box;\r\n  }\r\n  .sc-section {\r\n    margin-bottom: 80px;\r\n  }\r\n  \r\n  \/* Generic Cyberpunk Title Styles *\/\r\n  .sc-title-wrapper {\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n  }\r\n  .sc-title {\r\n    font-size: clamp(1.6rem, 4vw, 2.2rem);\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    color: #ffffff;\r\n    font-family: 'Orbitron', system-ui, sans-serif;\r\n    margin: 0;\r\n  }\r\n  .sc-title-line {\r\n    margin: 16px auto 0;\r\n    width: 100px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, rgb(0, 243, 255), transparent);\r\n    box-shadow: rgb(0, 243, 255) 0px 0px 12px;\r\n  }\r\n\r\n  \/* -------------------------------------------------- *\/\r\n  \/* Mandatory Dual-Track Rule Banner (\u96d9\u8cfd\u9053\u5831\u540d\u63d0\u793a\u6846) *\/\r\n  \/* -------------------------------------------------- *\/\r\n  .sc-rule-banner {\r\n    position: relative;\r\n    background: linear-gradient(135deg, rgba(157, 78, 221, 0.25) 0%, rgba(0, 243, 255, 0.15) 100%);\r\n    border: 1px solid rgba(0, 243, 255, 0.6);\r\n    border-radius: 8px;\r\n    padding: 24px 32px;\r\n    margin-bottom: 48px;\r\n    backdrop-filter: blur(12px);\r\n    box-shadow: 0 0 30px rgba(0, 243, 255, 0.15);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));\r\n  }\r\n  .sc-rule-badge {\r\n    flex-shrink: 0;\r\n    background: linear-gradient(135deg, #00f3ff 0%, #9d4edd 100%);\r\n    color: #0a0f1e;\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-weight: 900;\r\n    font-size: 0.85rem;\r\n    padding: 10px 16px;\r\n    border-radius: 4px;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n    box-shadow: 0 0 15px rgba(0, 243, 255, 0.4);\r\n  }\r\n  .sc-rule-text {\r\n    color: #f8fafc;\r\n    font-size: 1.05rem;\r\n    line-height: 1.6;\r\n  }\r\n  .sc-rule-text strong {\r\n    color: rgb(0, 243, 255);\r\n    font-size: 1.15rem;\r\n    text-shadow: 0 0 8px rgba(0, 243, 255, 0.5);\r\n  }\r\n\r\n  \/* Grid Layouts *\/\r\n  .sc-grid-3 {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    gap: 24px;\r\n    position: relative;\r\n  }\r\n  .sc-grid-4 {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));\r\n    gap: 20px;\r\n  }\r\n\r\n  \/* Traditional Track Card Styles (Upgraded with Dual Selection Glow) *\/\r\n  .sc-card {\r\n    position: relative;\r\n    padding: 32px;\r\n    background: rgba(13, 22, 41, 0.85);\r\n    border: 1px solid rgba(0, 243, 255, 0.35);\r\n    backdrop-filter: blur(10px);\r\n    clip-path: polygon(0px 0px, calc(100% - 15px) 0px, 100% 15px, 100% 100%, 15px 100%, 0px calc(100% - 15px));\r\n    transition: all 0.3s ease;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .sc-card:hover {\r\n    transform: translateY(-6px);\r\n    border-color: rgb(0, 243, 255);\r\n    box-shadow: 0 10px 30px rgba(0, 243, 255, 0.25);\r\n  }\r\n  .sc-card-number {\r\n    position: absolute;\r\n    top: 16px;\r\n    right: 20px;\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 2.2rem;\r\n    font-weight: 900;\r\n    color: rgba(255, 255, 255, 0.06);\r\n    user-select: none;\r\n  }\r\n  .sc-card-border-left {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    height: 100%;\r\n    width: 4px;\r\n    background: rgb(0, 243, 255);\r\n    box-shadow: rgb(0, 243, 255) 0px 0px 10px;\r\n  }\r\n  .sc-card-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 14px;\r\n  }\r\n  .sc-card-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 1.3rem;\r\n    margin: 0;\r\n    font-weight: 700;\r\n    letter-spacing: 0.05em;\r\n    font-family: 'Orbitron', system-ui, sans-serif;\r\n    color: rgb(0, 243, 255);\r\n  }\r\n  .sc-card-content {\r\n    color: rgb(138, 153, 173);\r\n    font-size: 1rem;\r\n    line-height: 1.7;\r\n    margin-bottom: 20px;\r\n    flex-grow: 1;\r\n  }\r\n\r\n  \/* Tag indicating requirement to choose 2 *\/\r\n  .sc-card-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    padding: 6px 12px;\r\n    background: rgba(157, 78, 221, 0.15);\r\n    border: 1px solid rgba(157, 78, 221, 0.4);\r\n    border-radius: 4px;\r\n    color: #e0aaff;\r\n    font-size: 0.85rem;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* -------------------------------------------------- *\/\r\n  \/* Combination Showcase Section (\u96d9\u8cfd\u9053\u71b1\u9580\u7d44\u5408\u793a\u7bc4) *\/\r\n  \/* -------------------------------------------------- *\/\r\n  .sc-combo-wrapper {\r\n    margin-top: 48px;\r\n    background: rgba(10, 15, 30, 0.6);\r\n    border: 1px dashed rgba(0, 243, 255, 0.3);\r\n    border-radius: 8px;\r\n    padding: 28px;\r\n  }\r\n  .sc-combo-header {\r\n    font-family: 'Orbitron', sans-serif;\r\n    font-size: 1.1rem;\r\n    color: #ffffff;\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .sc-combo-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n    gap: 16px;\r\n  }\r\n  .sc-combo-item {\r\n    background: rgba(20, 28, 55, 0.7);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 6px;\r\n    padding: 14px 18px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n  }\r\n  .sc-combo-item span.plus {\r\n    color: rgb(0, 243, 255);\r\n    font-weight: 900;\r\n    font-size: 1.2rem;\r\n  }\r\n  .sc-combo-pill {\r\n    background: rgba(0, 243, 255, 0.1);\r\n    color: rgb(0, 243, 255);\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n    font-size: 0.85rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  \/* AI Elements Wrapper & Cards *\/\r\n  .sc-ai-wrapper {\r\n    margin-top: 80px;\r\n  }\r\n  .sc-ai-card {\r\n    position: relative;\r\n    padding: 24px;\r\n    background: radial-gradient(circle at top left, rgba(20, 28, 55, 0.85), rgba(10, 15, 30, 0.9));\r\n    border: 1px solid rgba(157, 78, 221, 0.45);\r\n    border-radius: 4px;\r\n    backdrop-filter: blur(10px);\r\n    transition: all 0.3s ease;\r\n    box-shadow: inset 0 0 15px rgba(157, 78, 221, 0.05);\r\n  }\r\n  .sc-ai-card-border-top {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 15%;\r\n    width: 70%;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, transparent, rgb(157, 78, 221), transparent);\r\n    box-shadow: rgb(157, 78, 221) 0px 0px 8px;\r\n  }\r\n  .sc-ai-card:hover {\r\n    transform: translateY(-4px);\r\n    border-color: rgba(0, 243, 255, 0.8);\r\n    box-shadow: rgba(157, 78, 221, 0.25) 0px 8px 24px;\r\n  }\r\n  .sc-ai-card-title {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 1.15rem;\r\n    margin-top: 0;\r\n    margin-bottom: 12px;\r\n    font-weight: 900;\r\n    letter-spacing: 0.04em;\r\n    font-family: 'Orbitron', system-ui, sans-serif;\r\n    color: #ffffff;\r\n    text-shadow: rgba(255, 255, 255, 0.4) 0px 0px 8px;\r\n  }\r\n  .sc-ai-card-content {\r\n    color: rgb(160, 175, 195);\r\n    font-size: 0.98rem;\r\n    line-height: 1.6;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .sc-rule-banner {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      padding: 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"smart-city-container\">\r\n  <!-- Section 1: Main Track Themes & AI Application Elements -->\r\n  <section class=\"sc-section\" id=\"themes\">\r\n\r\n    <!-- Section Title -->\r\n    <div class=\"sc-title-wrapper\">\r\n      <h2 class=\"sc-title\">\u8cfd\u9053\u4e3b\u984c\u8207\u5831\u540d\u898f\u5247<\/h2>\r\n      <div class=\"sc-title-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \ud83d\udca5 \u5f37\u5236\u96d9\u8cfd\u9053\u5831\u540d Banner \u63d0\u793a\u6846 \ud83d\udca5 -->\r\n    <div class=\"sc-rule-banner\">\r\n      <div class=\"sc-rule-badge\">\u5f37\u5236\u5831\u540d\u898f\u5247<\/div>\r\n      <div class=\"sc-rule-text\">\r\n        <strong>\u9808\u5b8c\u6210\u96d9\u8cfd\u9053\u5831\u540d\uff1a<\/strong>\u6bcf\u652f\u53c3\u8cfd\u968a\u4f0d\u5fc5\u9808\u7cbe\u78ba\u9078\u64c7 <strong>2 \u500b\u4e3b\u984c\u8cfd\u9053<\/strong>\uff08\u4f8b\u5982\uff1a\u667a\u6167\u57ce\u5e02 \uff0b \u667a\u6167\u5bb6\u5c45\uff09\uff0c\u4e26\u5c07\u8de8\u9818\u57df AIoT \u89e3\u6c7a\u65b9\u6848\u6574\u5408\u81f3\u53c3\u8cfd\u5c08\u6848\u4e2d\u3002\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 3 Major Track Cards -->\r\n    <div class=\"sc-grid-3\">\r\n      <!-- Track 1 -->\r\n      <div class=\"sc-card\">\r\n        <div class=\"sc-card-number\">01<\/div>\r\n        <div class=\"sc-card-border-left\"><\/div>\r\n        <div class=\"sc-card-header\">\r\n          <h3 class=\"sc-card-title\"><span>\ud83c\udfd9<\/span>\u667a\u6167\u57ce\u5e02<\/h3>\r\n        <\/div>\r\n        <div class=\"sc-card-content\">\r\n          \u805a\u7126\u65bc\u4ea4\u901a\u64c1\u5835\u3001\u516c\u5171\u5b89\u5168\u3001\u667a\u6167\u51fa\u884c\u8207\u793e\u5340\u7ba1\u7406\uff0c\u8a2d\u8a08\u667a\u6167\u7cfb\u7d71\u4ee5\u512a\u5316\u57ce\u5e02\u71df\u904b\u4e26\u63d0\u5347\u751f\u6d3b\u54c1\u8cea\u3002\r\n        <\/div>\r\n        <div>\r\n          <span class=\"sc-card-tag\">\u26a1 \u53ef\u9078\u64c7\u70ba\u8cfd\u9053 1 \u6216\u8cfd\u9053 2<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Track 2 -->\r\n      <div class=\"sc-card\">\r\n        <div class=\"sc-card-number\">02<\/div>\r\n        <div class=\"sc-card-border-left\"><\/div>\r\n        <div class=\"sc-card-header\">\r\n          <h3 class=\"sc-card-title\"><span>\ud83c\udfe0<\/span>\u667a\u6167\u5bb6\u5c45<\/h3>\r\n        <\/div>\r\n        <div class=\"sc-card-content\">\r\n          \u4ee5\u5bb6\u5c45\u5b89\u5168\u3001\u9577\u8005\u7167\u8b77\u8207\u4fbf\u6377\u751f\u6d3b\u70ba\u6838\u5fc3\uff0c\u5229\u7528 AI \u8207 IoT \u6280\u8853\u6253\u9020\u5b89\u5168\u3001\u5373\u6642\u97ff\u61c9\u4e14\u5177\u95dc\u61f7\u7cbe\u795e\u7684\u667a\u6167\u5bb6\u5ead\u89e3\u6c7a\u65b9\u6848\u3002\r\n        <\/div>\r\n        <div>\r\n          <span class=\"sc-card-tag\">\u26a1 \u53ef\u9078\u64c7\u70ba\u8cfd\u9053 1 \u6216\u8cfd\u9053 2<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Track 3 -->\r\n      <div class=\"sc-card\">\r\n        <div class=\"sc-card-number\">03<\/div>\r\n        <div class=\"sc-card-border-left\"><\/div>\r\n        <div class=\"sc-card-header\">\r\n          <h3 class=\"sc-card-title\"><span>\ud83c\udf31<\/span>\u667a\u6167\u5712\u85dd<\/h3>\r\n        <\/div>\r\n        <div class=\"sc-card-content\">\r\n          \u95dc\u6ce8\u74b0\u5883\u6c38\u7e8c\u767c\u5c55\u3001\u7da0\u8272\u80fd\u6e90\u8207\u751f\u7269\u591a\u6a23\u6027\uff0c\u904b\u7528 AI \u53ca IoT \u6280\u8853\u8ce6\u80fd\u667a\u6167\u8fb2\u696d\u3001\u74b0\u5883\u76e3\u6e2c\u8207\u57ce\u5e02\u7da0\u5316\u3002\r\n        <\/div>\r\n        <div>\r\n          <span class=\"sc-card-tag\">\u26a1 \u53ef\u9078\u64c7\u70ba\u8cfd\u9053 1 \u6216\u8cfd\u9053 2<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u96d9\u8cfd\u9053\u7d44\u5408\u793a\u7bc4 (Recommended Dual-Track Combinations) -->\r\n    <div class=\"sc-combo-wrapper\">\r\n      <div class=\"sc-combo-header\">\r\n        <span>\ud83d\udca1<\/span> \u5c08\u6848\u63a8\u85a6\u96d9\u8cfd\u9053\u7d44\u5408\u793a\u7bc4\uff1a\r\n      <\/div>\r\n      <div class=\"sc-combo-grid\">\r\n        <div class=\"sc-combo-item\">\r\n          <span class=\"sc-combo-pill\">\u667a\u6167\u57ce\u5e02<\/span>\r\n          <span class=\"plus\">+<\/span>\r\n          <span class=\"sc-combo-pill\">\u667a\u6167\u5bb6\u5c45<\/span>\r\n        <\/div>\r\n        <div class=\"sc-combo-item\">\r\n          <span class=\"sc-combo-pill\">\u667a\u6167\u57ce\u5e02<\/span>\r\n          <span class=\"plus\">+<\/span>\r\n          <span class=\"sc-combo-pill\">\u667a\u6167\u5712\u85dd<\/span>\r\n        <\/div>\r\n        <div class=\"sc-combo-item\">\r\n          <span class=\"sc-combo-pill\">\u667a\u6167\u5bb6\u5c45<\/span>\r\n          <span class=\"plus\">+<\/span>\r\n          <span class=\"sc-combo-pill\">\u667a\u6167\u5712\u85dd<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- AI Technical Application Elements Section -->\r\n    <div class=\"sc-ai-wrapper\">\r\n      <div class=\"sc-title-wrapper\">\r\n        <h2 class=\"sc-title\">AI \u6280\u8853\u61c9\u7528\u5143\u7d20<\/h2>\r\n        <div class=\"sc-title-line\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"sc-grid-4\">\r\n        <div class=\"sc-ai-card\">\r\n          <div class=\"sc-ai-card-border-top\"><\/div>\r\n          <h3 class=\"sc-ai-card-title\">\ud83c\udf10 <strong>AIoT \u96f2\u7aef\u61c9\u7528<\/strong><\/h3>\r\n          <div class=\"sc-ai-card-content\">\u7d50\u5408 ESP32 (IoT:bit) \u8207 ThingSpeak \u5e73\u53f0\uff0c\u5be6\u73fe\u5373\u6642\u6578\u64da\u6d41\u50b3\u8f38\u3001\u96f2\u7aef\u5132\u5b58\u8207\u7d71\u8a08\u5206\u6790\u3002<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sc-ai-card\">\r\n          <div class=\"sc-ai-card-border-top\"><\/div>\r\n          <h3 class=\"sc-ai-card-title\">\ud83d\udcf7 <strong>AI \u96fb\u8166\u8996\u89ba<\/strong><\/h3>\r\n          <div class=\"sc-ai-card-content\">\u90e8\u7f72\u6df1\u5ea6\u5b78\u7fd2\u8996\u89ba\u6a21\u578b\uff0c\u7528\u65bc\u8eca\u8f1b\u3001\u4eba\u81c9\u3001\u7269\u4ef6\u53ca\u984f\u8272\u7684\u5f71\u50cf\u8fa8\u8b58\u3002<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sc-ai-card\">\r\n          <div class=\"sc-ai-card-border-top\"><\/div>\r\n          <h3 class=\"sc-ai-card-title\">\ud83c\udf99\ufe0f <strong>AI \u8a9e\u97f3\u4e92\u52d5<\/strong><\/h3>\r\n          <div class=\"sc-ai-card-content\">\u6574\u5408\u8a9e\u97f3\u6a21\u7d44\u8207 AI \u6280\u8853\uff0c\u5be6\u73fe\u8a9e\u97f3\u6307\u4ee4\u8fa8\u8b58\u3001\u5c0d\u8a71\u4ea4\u6d41\u53ca\u4eba\u6a5f\u63a7\u5236\u3002<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sc-ai-card\">\r\n          <div class=\"sc-ai-card-border-top\"><\/div>\r\n          <h3 class=\"sc-ai-card-title\">\ud83d\udcca <strong>AI \u81ea\u52d5\u5316\u5206\u6790<\/strong><\/h3>\r\n          <div class=\"sc-ai-card-content\">\u6574\u5408 n8n \u5de5\u4f5c\u6d41\u81ea\u52d5\u5316\u5de5\u5177\uff0c\u57f7\u884c\u81ea\u52d5\u5316\u6578\u64da\u8655\u7406\u8207\u667a\u6167\u7cfb\u7d71\u8de8\u5e73\u53f0\u806f\u52d5\u3002<\/div>\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-3dd89a6e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3dd89a6e\" 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-22b502ab\" data-id=\"22b502ab\" 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-7103cff8 elementor-widget elementor-widget-html\" data-id=\"7103cff8\" 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<!-- ===== Hardware Requirements Section \u2014 Single Row Layout ===== -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  .hwr {\r\n    --hwr-accent: #2bb3ff;\r\n    --hwr-title: #ffffff;\r\n    --hwr-heading: #7fd0ff;\r\n    --hwr-orange: #ffa94d;\r\n    --hwr-purple: #9d4edd;\r\n    --hwr-text: #e6f0fa;\r\n    --hwr-muted: #9fb3c8;\r\n    --hwr-group-bg: rgba(14, 28, 58, .55);\r\n    --hwr-glow: rgba(43, 179, 255, .35);\r\n    --hwr-border-line: rgba(43, 179, 255, 0.3);\r\n\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 20px 16px 40px;\r\n    color: var(--hwr-text);\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Rajdhani', sans-serif;\r\n    background: transparent;\r\n  }\r\n\r\n  .hwr * { box-sizing: border-box; }\r\n\r\n  \/* Title *\/\r\n  .hwr-title-wrapper { text-align: center; margin-bottom: 20px; }\r\n  .hwr-title {\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    color: #ffffff;\r\n    font-family: system-ui, -apple-system, 'Orbitron', sans-serif;\r\n    margin: 0;\r\n  }\r\n  .hwr-title-line {\r\n    margin: 16px auto 0;\r\n    width: 80px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, rgb(0, 243, 255), transparent);\r\n    box-shadow: rgb(0, 243, 255) 0px 0px 10px;\r\n  }\r\n  .hwr-sub { text-align: center; margin: 0 0 36px; font-size: 16px; color: var(--hwr-muted); }\r\n\r\n  \/* \u55ae\u4e00\u6574\u9ad4\u5916\u6846 *\/\r\n  .hwr-group {\r\n    border: 3px solid var(--hwr-accent);\r\n    border-radius: 24px;\r\n    padding: 24px 16px;\r\n    background: var(--hwr-group-bg);\r\n    box-shadow: 0 0 22px var(--hwr-glow), inset 0 0 20px rgba(43, 179, 255, .06);\r\n    backdrop-filter: blur(4px);\r\n    -webkit-backdrop-filter: blur(4px);\r\n  }\r\n\r\n  \/* 5 \u500b\u9805\u76ee\u4e00\u5b57\u6392\u958b *\/\r\n  .hwr-items-five {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 0;\r\n  }\r\n\r\n  \/* \u5361\u7247\u57fa\u672c\u6a23\u5f0f *\/\r\n  .hwr-card {\r\n    background: transparent;\r\n    border: none;\r\n    padding: 10px 14px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u9664\u7b2c\u4e00\u500b\u5361\u7247\u5916\uff0c\u5176\u9918\u5de6\u5074\u52a0\u4e0a\u5206\u9694\u7dda *\/\r\n  .hwr-items-five .hwr-card:not(:first-child) {\r\n    border-left: 1px dashed var(--hwr-border-line);\r\n  }\r\n\r\n  \/* \u6a19\u7c64\u6a23\u5f0f *\/\r\n  .hwr-label {\r\n    display: inline-block;\r\n    background: var(--hwr-accent);\r\n    color: #04101f;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    padding: 4px 12px;\r\n    border-radius: 999px;\r\n    margin-bottom: 12px;\r\n  }\r\n  .hwr-label.own { background: var(--hwr-orange); }\r\n  .hwr-label.opt { background: var(--hwr-purple); color: #ffffff; }\r\n\r\n  \/* \u5716\u7247\u5bb9\u5668 *\/\r\n  .hwr-img {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: 200px;\r\n    background: #ffffff;\r\n    border-radius: 14px;\r\n  }\r\n  .hwr-img img {\r\n    position: absolute;\r\n    top: 4px;\r\n    left: 4px;\r\n    width: calc(100% - 8px);\r\n    height: calc(100% - 8px);\r\n    object-fit: contain;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u5361\u7247\u6587\u5b57 *\/\r\n  .hwr-name {\r\n    margin: 16px 0 8px;\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--hwr-heading);\r\n    font-family: system-ui, -apple-system, 'Rajdhani', sans-serif;\r\n    letter-spacing: 0.03em;\r\n  }\r\n  .hwr-desc {\r\n    margin: 0;\r\n    font-size: 13.5px;\r\n    line-height: 1.5;\r\n    color: var(--hwr-muted);\r\n    font-family: system-ui, -apple-system, 'Rajdhani', sans-serif;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* \u5e95\u90e8\u63d0\u793a *\/\r\n  .hwr-note {\r\n    margin: 32px auto 0;\r\n    max-width: 820px;\r\n    border: 2px dashed var(--hwr-accent);\r\n    border-radius: 16px;\r\n    padding: 18px 24px;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    background: var(--hwr-group-bg);\r\n    color: var(--hwr-text);\r\n  }\r\n  .hwr-note b { color: var(--hwr-heading); }\r\n  .hwr-note a { color: var(--hwr-orange); text-decoration: underline; }\r\n\r\n  \/* \u97ff\u61c9\u5f0f\u5fae\u8abf *\/\r\n  @media (max-width: 1024px) {\r\n    .hwr-items-five {\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 20px 0;\r\n    }\r\n    .hwr-items-five .hwr-card:nth-child(4) {\r\n      border-left: none;\r\n    }\r\n  }\r\n  @media (max-width: 767px) {\r\n    .hwr-title { font-size: 1.5rem; }\r\n    .hwr-items-five {\r\n      grid-template-columns: 1fr;\r\n    }\r\n    .hwr-items-five .hwr-card:not(:first-child) {\r\n      border-left: none;\r\n      border-top: 1px dashed var(--hwr-border-line);\r\n      padding-top: 20px;\r\n      margin-top: 12px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"hwr\">\r\n\r\n  <div class=\"hwr-title-wrapper\">\r\n    <h2 class=\"hwr-title\">\u786c\u9ad4\u8207\u8a2d\u5099\u8981\u6c42<\/h2>\r\n    <div class=\"hwr-title-line\"><\/div>\r\n  <\/div>\r\n  <p class=\"hwr-sub\">\u53c3\u8cfd\u968a\u4f0d\u9808\u6e96\u5099\u4ee5\u4e0b\u6838\u5fc3\u8a2d\u5099\u8207\u5468\u908a\u914d\u4ef6<\/p>\r\n\r\n  <!-- \u55ae\u4e00\u5927\u6846\u5305\u88f9\u6240\u6709 5 \u500b\u9805\u76ee -->\r\n  <div class=\"hwr-group\">\r\n    <div class=\"hwr-items-five\">\r\n\r\n      <!-- \u9805\u76ee 1 -->\r\n      <div class=\"hwr-card\">\r\n        <span class=\"hwr-label own\">\u5fc5\u5099\u8a2d\u5099<\/span>\r\n        <div class=\"hwr-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u672a\u547d\u540d\u8a2d\u8a08-2026-10-28T122825.253.png\" alt=\"micro:bit\">\r\n        <\/div>\r\n        <h4 class=\"hwr-name\">BBC micro:bit<\/h4>\r\n        <p class=\"hwr-desc\">\u5c08\u6848\u7684\u53ef\u7a0b\u5f0f\u5316\u6838\u5fc3\u63a7\u5236\u5668\uff0c\u5167\u5efa LED \u87a2\u5e55\u986f\u793a\u3001\u6309\u9375\u8207\u591a\u7a2e\u57fa\u790e\u611f\u6e2c\u5668\u3002<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u9805\u76ee 2 -->\r\n      <div class=\"hwr-card\">\r\n        <span class=\"hwr-label own\">\u5fc5\u5099\u8a2d\u5099<\/span>\r\n        <div class=\"hwr-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u672a\u547d\u540d\u8a2d\u8a08-2026-10-28T113212.313.png\" alt=\"IoT:bit\">\r\n        <\/div>\r\n        <h4 class=\"hwr-name\">Smarthon IoT:bit<\/h4>\r\n        <p class=\"hwr-desc\">micro:bit \u5c08\u7528 Wi-Fi \u64f4\u5145\u677f\uff08ESP32\uff09\u3002\u514d\u710a\u63a5\u5feb\u901f\u9023\u63a5\u611f\u6e2c\u5668\u8207\u81f4\u52d5\u5668\uff0c\u5c07\u6578\u64da\u4e0a\u50b3\u81f3\u96f2\u7aef\u3002<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u9805\u76ee 3 -->\r\n      <div class=\"hwr-card\">\r\n        <span class=\"hwr-label\">\u8cfd\u4e8b\u63a8\u85a6\u5957\u4ef6<\/span>\r\n        <div class=\"hwr-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/Brochure.pdf-37.png\" alt=\"Smarthon AIoT Kit\">\r\n        <\/div>\r\n        <h4 class=\"hwr-name\">Smarthon AIoT \u5b78\u7fd2\u5957\u88dd<\/h4>\r\n        <p class=\"hwr-desc\">\u5305\u542b\u611f\u6e2c\u5668\u3001LED \u6a21\u7d44\u3001\u4f3a\u670d\u99ac\u9054\u8207\u5404\u7a2e\u7d50\u69cb\u7d44\u4ef6\uff0c\u7528\u65bc\u69cb\u5efa\u4e92\u52d5\u5f0f AIoT \u667a\u6167\u61c9\u7528\u5c08\u6848\u3002<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u9805\u76ee 4 -->\r\n      <div class=\"hwr-card\">\r\n        <span class=\"hwr-label opt\">\u9078\u914d\u6a21\u7d44<\/span>\r\n        <div class=\"hwr-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/8_a5b86b5d-b55d-4299-a0ba-0e645a6469ac.jpg\" alt=\"AI Camera\">\r\n        <\/div>\r\n        <h4 class=\"hwr-name\">AI \u8996\u89ba\u93e1\u982d<\/h4>\r\n        <p class=\"hwr-desc\">\u5e38\u898b\u7684 AI \u93e1\u982d\u6a21\u7d44\uff08\u5982 KittenBot KOI\u3001HuskyLens \u7b49\uff09\uff0c\u7528\u65bc\u5716\u50cf\u8fa8\u8b58\u8207\u8996\u89ba\u6f14\u7b97\u6cd5\u5be6\u4f5c\u3002<\/p>\r\n      <\/div>\r\n\r\n      <!-- \u9805\u76ee 5 -->\r\n      <div class=\"hwr-card\">\r\n        <span class=\"hwr-label opt\">\u9078\u914d\u6a21\u7d44<\/span>\r\n        <div class=\"hwr-img\">\r\n          <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/voice-modules-side2.png\" alt=\"AI Voice\">\r\n        <\/div>\r\n        <h4 class=\"hwr-name\">AI \u8a9e\u97f3\u8b58\u5225\u6a21\u7d44<\/h4>\r\n        <p class=\"hwr-desc\">\u65b0\u589e\u8a9e\u97f3\u63a7\u5236\u529f\u80fd\uff1a\u8fa8\u8b58\u8a9e\u97f3\u6307\u4ee4\u4e26\u8b93\u5c08\u6848\u9032\u884c\u5373\u6642\u8a9e\u97f3\u5c0d\u8a71\u8207\u52d5\u614b\u56de\u61c9\u3002<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\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-72a93b92 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"72a93b92\" 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-58440c68\" data-id=\"58440c68\" 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-6bd76e58 elementor-widget elementor-widget-html\" data-id=\"6bd76e58\" 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<!-- \u8f09\u5165 Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .smart-city-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 40px 20px;\r\n    box-sizing: border-box;\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Rajdhani', sans-serif;\r\n  }\r\n  \r\n  .smart-city-container * {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .sc-section {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* \u901a\u7528\u79d1\u6280\u611f\u5927\u6a19\u984c\u6a23\u5f0f *\/\r\n  .sc-title-wrapper {\r\n    text-align: center;\r\n    margin-bottom: 56px;\r\n  }\r\n  \r\n  .sc-title {\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    color: #ffffff;\r\n    font-family: system-ui, -apple-system, 'Orbitron', sans-serif;\r\n    margin: 0;\r\n  }\r\n  \r\n  .sc-title-line {\r\n    margin: 16px auto 0;\r\n    width: 80px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, rgb(0, 243, 255), transparent);\r\n    box-shadow: rgb(0, 243, 255) 0px 0px 10px;\r\n  }\r\n\r\n  \/* Timeline \u5217\u8868\u8207\u9805\u76ee *\/\r\n  .sc-timeline-list {\r\n    max-width: 768px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n  \r\n  .sc-timeline-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    gap: 12px;\r\n    padding: 20px 28px;\r\n    background: rgba(13, 22, 41, 0.75);\r\n    border: 1px solid rgba(0, 243, 255, 0.2);\r\n    backdrop-filter: blur(8px);\r\n    transition: all 0.3s ease;\r\n  }\r\n  \r\n  .sc-timeline-item:hover {\r\n    border-color: rgba(0, 243, 255, 0.6);\r\n    box-shadow: rgba(0, 243, 255, 0.2) 0px 0px 15px;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  @media (min-width: 640px) {\r\n    .sc-timeline-item {\r\n      flex-direction: row;\r\n      align-items: center;\r\n    }\r\n  }\r\n  \r\n  .sc-timeline-date {\r\n    font-weight: 900;\r\n    letter-spacing: 0.05em;\r\n    font-size: 1.125rem;\r\n    font-family: system-ui, -apple-system, 'Orbitron', sans-serif;\r\n    color: rgb(0, 243, 255);\r\n    min-width: 200px;\r\n  }\r\n  \r\n  .sc-timeline-text {\r\n    font-weight: 600;\r\n    font-size: 1rem;\r\n    letter-spacing: 0.025em;\r\n    color: rgb(226, 241, 248);\r\n    flex-grow: 1;\r\n  }\r\n  \r\n  \/* \u6c7a\u8cfd\u7279\u5225\u6a23\u5f0f *\/\r\n  .sc-timeline-item.finals {\r\n    border-color: rgba(157, 78, 221, 0.7);\r\n    box-shadow: rgba(157, 78, 221, 0.3) 0px 0px 20px;\r\n  }\r\n  \r\n  .sc-timeline-item.finals:hover {\r\n    border-color: rgba(157, 78, 221, 1);\r\n    box-shadow: rgba(157, 78, 221, 0.5) 0px 0px 25px;\r\n  }\r\n\r\n  .sc-timeline-item.finals .sc-timeline-date {\r\n    color: rgb(157, 78, 221);\r\n    text-shadow: rgb(157, 78, 221) 0px 0px 8px;\r\n  }\r\n  \r\n  .sc-badge {\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    padding: 4px 12px;\r\n    background: rgba(157, 78, 221, 0.2);\r\n    border: 1px solid rgba(157, 78, 221, 0.6);\r\n    color: rgb(157, 78, 221);\r\n    font-family: system-ui, -apple-system, 'Orbitron', sans-serif;\r\n    width: fit-content;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Timeline \u5831\u540d\u6309\u9215\u6a23\u5f0f *\/\r\n  .smart-city-container a.sc-timeline-btn {\r\n    display: inline-block;\r\n    padding: 6px 16px;\r\n    font-size: 0.75rem !important;\r\n    font-weight: 700 !important;\r\n    font-family: system-ui, -apple-system, 'Orbitron', sans-serif !important;\r\n    letter-spacing: 0.05em !important;\r\n    line-height: normal !important;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    color: rgb(0, 243, 255);\r\n    background: rgba(0, 243, 255, 0.1);\r\n    border: 1px solid rgb(0, 243, 255);\r\n    box-shadow: rgba(0, 243, 255, 0.2) 0px 0px 10px;\r\n    transition: all 0.3s ease;\r\n    width: fit-content;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .smart-city-container a.sc-timeline-btn:hover {\r\n    background: rgb(0, 243, 255);\r\n    color: #0d1629;\r\n    box-shadow: rgb(0, 243, 255) 0px 0px 15px;\r\n    transform: translateY(-2px);\r\n  }\r\n<\/style>\r\n\r\n<div class=\"smart-city-container\">\r\n  <!-- Schedule & Timeline Section -->\r\n  <section class=\"sc-section\" id=\"timeline\">\r\n    <div class=\"sc-title-wrapper\">\r\n      <h2 class=\"sc-title\">\u8cfd\u4e8b\u91cd\u8981\u6642\u7a0b<\/h2>\r\n      <div class=\"sc-title-line\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"sc-timeline-list\">\r\n      <div class=\"sc-timeline-item\">\r\n        <span class=\"sc-timeline-date\">2026\u5e749\u670821\u65e5<\/span>\r\n        <span class=\"sc-timeline-text\">\u516c\u958b\u5ba3\u50b3\u8207\u5831\u540d\u555f\u52d5<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"sc-timeline-item\">\r\n        <span class=\"sc-timeline-date\">2026\u5e7411\u67086\u65e5<\/span>\r\n        <span class=\"sc-timeline-text\">\u8cfd\u4e8b\u8aaa\u660e\u6703\u8207\u5de5\u4f5c\u574a<\/span>\r\n        <a href=\"https:\/\/smarthon.cc\/competition-briefing-and-workshop\/\" class=\"sc-timeline-btn\">\r\n          \u7acb\u5373\u5831\u540d \u2794\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"sc-timeline-item\">\r\n        <span class=\"sc-timeline-date\">2027\u5e741\u670815\u65e5<\/span>\r\n        <span class=\"sc-timeline-text\">\u8cfd\u4e8b\u5831\u540d\u622a\u6b62<\/span>\r\n        <a href=\"https:\/\/forms.gle\/DjV7F33MBzciCwtEA\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"sc-timeline-btn\">\r\n          \u7acb\u5373\u5831\u540d \u2794\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"sc-timeline-item\">\r\n        <span class=\"sc-timeline-date\">2027\u5e742\u6708<\/span>\r\n        <span class=\"sc-timeline-text\">\u53c3\u8cfd\u57f9\u8a13\u5de5\u4f5c\u574a<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"sc-timeline-item\">\r\n        <span class=\"sc-timeline-date\">2027\u5e743\u67081\u65e5<\/span>\r\n        <span class=\"sc-timeline-text\">\u521d\u8cfd\u4f5c\u54c1\u63d0\u4ea4\u622a\u6b62<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"sc-timeline-item\">\r\n        <span class=\"sc-timeline-date\">2027\u5e743\u670817\u65e5<\/span>\r\n        <span class=\"sc-timeline-text\">\u516c\u5e03\u521d\u8cfd\u6649\u7d1a\u540d\u55ae<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"sc-timeline-item finals\">\r\n        <span class=\"sc-timeline-date\">2027\u5e744\u670814\u65e5<\/span>\r\n        <span class=\"sc-timeline-text\" style=\"color: #fff;\"><strong>\u7e3d\u6c7a\u8cfd\u66a8\u9812\u734e\u5178\u79ae<\/strong><\/span>\r\n        <span class=\"sc-badge\">\u7e3d\u6c7a\u8cfd<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"sc-timeline-item\">\r\n        <span class=\"sc-timeline-date\">2027\u5e747\u670814\u65e5<\/span>\r\n        <span class=\"sc-timeline-text\">\u570b\u969b\u8cfd\u4e8b\u4ea4\u6d41\u5c55\u89bd\uff08\u9999\u6e2f\uff09<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\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-471ae481 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"471ae481\" 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-6d5c332a\" data-id=\"6d5c332a\" 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-52eb7df2 elementor-widget elementor-widget-html\" data-id=\"52eb7df2\" 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 RULES & REGULATIONS - ELEMENTOR HTML\r\n     ========================================== -->\r\n<div class=\"sc-rules-wrapper\">\r\n  \r\n  <!-- Section Title (\u4fdd\u7559\u539f\u6a19\u984c\u98a8\u683c) -->\r\n  <section class=\"sc-section\" id=\"eligibility\">\r\n    <div class=\"sc-title-wrapper\">\r\n      <h2 class=\"sc-title\">\u6bd4\u8cfd\u898f\u5247\u8207\u898f\u7bc4<\/h2>\r\n      <div class=\"sc-title-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- 2x2 \u7cbe\u7c21\u79d1\u6280\u98a8\u7db2\u683c -->\r\n    <div class=\"sc-rules-grid\">\r\n      \r\n      <!-- Card 1: \u53c3\u8cfd\u8207\u8cbb\u7528 -->\r\n      <div class=\"sc-rule-card cyan-theme\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-card-header\">\r\n          <div class=\"sc-icon-box\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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><\/svg>\r\n          <\/div>\r\n          <h3 class=\"sc-card-title\">\u7d44\u5225\u8207\u8cbb\u7528<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"sc-card-body\">\r\n          <ul class=\"sc-info-list\">\r\n            <li><span class=\"badge\">\u521d\u7d1a\u7d44<\/span> 7 \u2013 12 \u6b72<\/li>\r\n            <li><span class=\"badge\">\u9ad8\u7d1a\u7d44<\/span> 13 \u2013 18 \u6b72<\/li>\r\n            <li class=\"highlight-item\">\r\n              <span class=\"label\">\u5831\u540d\u8cbb<\/span>\r\n              <strong class=\"price\">SGD$50 <small>\/ \u968a<\/small><\/strong>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 2: \u968a\u4f0d\u898f\u7bc4 -->\r\n      <div class=\"sc-rule-card cyan-theme\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-card-header\">\r\n          <div class=\"sc-icon-box\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><\/svg>\r\n          <\/div>\r\n          <h3 class=\"sc-card-title\">\u968a\u4f0d\u8207\u539f\u5275\u898f\u7bc4<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"sc-card-body\">\r\n          <ul class=\"sc-info-list\">\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u4eba\u54e1\u914d\u7f6e\uff1a<\/strong>1 \u540d\u5c0e\u5e2b + 2\u20134 \u540d\u5b78\u751f<\/li>\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u5be6\u4f5c\u8981\u6c42\uff1a<\/strong>\u9808\u7531\u5b78\u751f\u89aa\u81ea\u88fd\u4f5c<\/li>\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u4f5c\u54c1\u8072\u660e\uff1a<\/strong>\u9808\u70ba\u539f\u5275\uff0c\u56b4\u7981\u6284\u8972<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 3: \u521d\u8cfd\u63d0\u4ea4 -->\r\n      <div class=\"sc-rule-card purple-theme\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-card-header\">\r\n          <div class=\"sc-icon-box\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path><polyline points=\"17 8 12 3 7 8\"><\/polyline><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line><\/svg>\r\n          <\/div>\r\n          <h3 class=\"sc-card-title\">\u521d\u8cfd\u63d0\u4ea4\u898f\u7bc4<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"sc-card-body\">\r\n          <div class=\"sc-date-tag\">\u622a\u6b62\u65e5\u671f\uff1a2027\u5e743\u67081\u65e5\uff08\u7dda\u4e0a\uff09<\/div>\r\n          <ul class=\"sc-info-list compact\">\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u6458\u8981\uff1a<\/strong>500 \u5b57\u4ee5\u5167<\/li>\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u5716\u7a3f\uff1a<\/strong>\u6982\u5ff5\u5716\u8207\u7cfb\u7d71\u67b6\u69cb\u5716<\/li>\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u5f71\u7247\uff1a<\/strong>5 \u5206\u9418\u5c55\u793a\u5f71\u7247<\/li>\r\n            <li class=\"note\">\u2605 \u5be9\u6838\u9078\u51fa\u524d 10 \u5f37\u6649\u7d1a\u7e3d\u6c7a\u8cfd<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 4: \u6c7a\u8cfd\u8207\u786c\u9ad4 -->\r\n      <div class=\"sc-rule-card purple-theme\">\r\n        <div class=\"sc-card-glow\"><\/div>\r\n        <div class=\"sc-card-header\">\r\n          <div class=\"sc-icon-box\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\r\n          <\/div>\r\n          <h3 class=\"sc-card-title\">\u6c7a\u8cfd\u8207\u786c\u9ad4\u898f\u7bc4<\/h3>\r\n        <\/div>\r\n        \r\n        <div class=\"sc-card-body\">\r\n          <ul class=\"sc-info-list compact\">\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u5c3a\u5bf8\u9650\u5236\uff1a<\/strong>\u5e95\u5ea7 \u2264 A2\uff0c\u9ad8\u5ea6 \u2264 500mm<\/li>\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u6838\u5fc3\u6676\u7247\uff1a<\/strong>micro:bit + IoT:bit (ESP32)<\/li>\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u5916\u6bbc\u6750\u6599\uff1a<\/strong>\u4e0d\u9650\uff083D\u5217\u5370\/\u6728\u6750\/\u7a4d\u6728\u7b49\uff09<\/li>\r\n            <li><span class=\"bullet\">\u27a2<\/span><strong>\u73fe\u5834\u7c21\u5831\uff1a<\/strong>7 \u5206\u9418\u6f14\u793a + 2-5 \u5206\u9418 Q&A<\/li>\r\n          <\/ul>\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\r\n     ========================================== -->\r\n<style>\r\n\/* \u8996\u89ba\u8b8a\u6578\u5b9a\u7fa9\u8207\u7bc4\u570d\u9650\u5236 *\/\r\n.sc-rules-wrapper {\r\n  --neon-cyan: #00f3ff;\r\n  --neon-purple: #9d4ede;\r\n  --bg-card: rgba(13, 22, 41, 0.75);\r\n  --border-cyan: rgba(0, 243, 255, 0.3);\r\n  --border-purple: rgba(157, 78, 221, 0.3);\r\n  --text-muted: #8a99ad;\r\n  \r\n  width: 100%;\r\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n  color: #f8fafc;\r\n}\r\n\r\n\/* \u539f\u6709\u6a19\u984c\u6a23\u5f0f\u4fdd\u6301 *\/\r\n.sc-rules-wrapper .sc-section {\r\n  padding: 2rem 0;\r\n}\r\n\r\n\/* \u96d9\u6b04\u97ff\u61c9\u5f0f\u7db2\u683c *\/\r\n.sc-rules-wrapper .sc-rules-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: 20px;\r\n  margin-top: 24px;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .sc-rules-wrapper .sc-rules-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px;\r\n  }\r\n}\r\n\r\n\/* \u79d1\u6280\u5207\u89d2\u5361\u7247\u57fa\u5e95 *\/\r\n.sc-rules-wrapper .sc-rule-card {\r\n  position: relative;\r\n  background: var(--bg-card);\r\n  backdrop-filter: blur(12px);\r\n  -webkit-backdrop-filter: blur(12px);\r\n  padding: 24px 22px;\r\n  border-radius: 12px;\r\n  border: 1px solid var(--border-cyan);\r\n  overflow: hidden;\r\n  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;\r\n}\r\n\r\n.sc-rules-wrapper .sc-rule-card:hover {\r\n  transform: translateY(-4px);\r\n}\r\n\r\n\/* \u4e3b\u984c\u8272\u5f69\u8a2d\u5b9a *\/\r\n.sc-rules-wrapper .sc-rule-card.cyan-theme {\r\n  border-color: var(--border-cyan);\r\n}\r\n.sc-rules-wrapper .sc-rule-card.cyan-theme:hover {\r\n  border-color: var(--neon-cyan);\r\n  box-shadow: 0 8px 24px rgba(0, 243, 255, 0.15);\r\n}\r\n\r\n.sc-rules-wrapper .sc-rule-card.purple-theme {\r\n  border-color: var(--border-purple);\r\n}\r\n.sc-rules-wrapper .sc-rule-card.purple-theme:hover {\r\n  border-color: var(--neon-purple);\r\n  box-shadow: 0 8px 24px rgba(157, 78, 221, 0.15);\r\n}\r\n\r\n\/* \u5361\u7247\u6a19\u982d\u8207\u5716\u793a *\/\r\n.sc-rules-wrapper .sc-card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  margin-bottom: 16px;\r\n  padding-bottom: 12px;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.sc-rules-wrapper .sc-icon-box {\r\n  width: 36px;\r\n  height: 36px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 8px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.sc-rules-wrapper .cyan-theme .sc-icon-box {\r\n  background: rgba(0, 243, 255, 0.1);\r\n  color: var(--neon-cyan);\r\n}\r\n\r\n.sc-rules-wrapper .purple-theme .sc-icon-box {\r\n  background: rgba(157, 78, 221, 0.1);\r\n  color: var(--neon-purple);\r\n}\r\n\r\n.sc-rules-wrapper .sc-icon-box svg {\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.sc-rules-wrapper .sc-card-title {\r\n  font-size: 1.15rem;\r\n  font-weight: 700;\r\n  margin: 0;\r\n  color: #ffffff;\r\n  letter-spacing: 0.03em;\r\n}\r\n\r\n\/* \u5217\u8868\u5167\u5bb9\u7c21\u5316\u8a2d\u8a08 *\/\r\n.sc-rules-wrapper .sc-info-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: 10px;\r\n}\r\n\r\n.sc-rules-wrapper .sc-info-list li {\r\n  font-size: 0.95rem;\r\n  color: var(--text-muted);\r\n  line-height: 1.5;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.sc-rules-wrapper .sc-info-list li strong {\r\n  color: #ffffff;\r\n}\r\n\r\n.sc-rules-wrapper .sc-info-list .bullet {\r\n  font-size: 0.8rem;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.sc-rules-wrapper .cyan-theme .bullet { color: var(--neon-cyan); }\r\n.sc-rules-wrapper .purple-theme .bullet { color: var(--neon-purple); }\r\n\r\n\/* \u6a19\u7c64\u8207\u9ad8\u4eae\u5143\u7d20 *\/\r\n.sc-rules-wrapper .badge {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  color: var(--neon-cyan);\r\n  padding: 2px 8px;\r\n  border-radius: 4px;\r\n  font-size: 0.825rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.sc-rules-wrapper .highlight-item {\r\n  margin-top: 6px;\r\n  padding-top: 10px;\r\n  border-top: 1px dashed rgba(255, 255, 255, 0.1);\r\n  justify-content: space-between;\r\n}\r\n\r\n.sc-rules-wrapper .price {\r\n  font-size: 1.15rem;\r\n  color: var(--neon-cyan);\r\n  font-weight: 700;\r\n}\r\n\r\n.sc-rules-wrapper .price small {\r\n  font-size: 0.75rem;\r\n  color: var(--text-muted);\r\n  font-weight: 400;\r\n}\r\n\r\n.sc-rules-wrapper .sc-date-tag {\r\n  display: inline-block;\r\n  background: rgba(157, 78, 221, 0.15);\r\n  color: #e0aaff;\r\n  border: 1px solid rgba(157, 78, 221, 0.3);\r\n  padding: 4px 10px;\r\n  border-radius: 6px;\r\n  font-size: 0.825rem;\r\n  font-weight: 600;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.sc-rules-wrapper .note {\r\n  color: #e0aaff;\r\n  font-size: 0.85rem;\r\n  margin-top: 4px;\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-1dbeea5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1dbeea5\" 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-eae2577\" data-id=\"eae2577\" 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-67ff9be elementor-widget elementor-widget-html\" data-id=\"67ff9be\" 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.55);\r\n    --border-color: rgba(255, 255, 255, 0.12);\r\n    \r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    width: 100%;\r\n    color: #f8fafc;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-section {\r\n    padding: 5rem 1rem;\r\n    position: relative;\r\n    background-color: var(--bg-dark);\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-container {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* Layout Grid *\/\r\n.smarthon-eval-wrapper .eval-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 3rem;\r\n    align-items: center;\r\n}\r\n\r\n\/* Left Panel Typography *\/\r\n.smarthon-eval-wrapper .eval-info-panel {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 1.25rem;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-subtitle {\r\n    font-size: 0.75rem;\r\n    font-family: monospace;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.15em;\r\n    color: var(--color-cyan);\r\n    margin: 0;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-title {\r\n    font-size: 1.875rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0;\r\n    line-height: 1.35;\r\n}\r\n\r\n.smarthon-eval-wrapper .eval-description {\r\n    color: #94a3b8;\r\n    font-size: 0.875rem;\r\n    line-height: 1.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* Fairness Card *\/\r\n.smarthon-eval-wrapper .fairness-card {\r\n    padding: 1rem;\r\n    border-radius: 0.75rem;\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid rgba(6, 182, 212, 0.25);\r\n}\r\n\r\n.smarthon-eval-wrapper .fairness-content {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n}\r\n\r\n.smarthon-eval-wrapper .award-icon {\r\n    color: var(--color-cyan);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.smarthon-eval-wrapper .fairness-title {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin: 0 0 0.25rem 0;\r\n}\r\n\r\n.smarthon-eval-wrapper .fairness-desc {\r\n    font-size: 0.75rem;\r\n    color: #94a3b8;\r\n    margin: 0;\r\n}\r\n\r\n\/* Criteria Grid *\/\r\n.smarthon-eval-wrapper .criteria-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 1rem;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-card {\r\n    padding: 1.25rem;\r\n    border-radius: 0.75rem;\r\n    background: var(--card-bg);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n    border: 1px solid var(--border-color);\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n    transition: transform 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-card:hover {\r\n    transform: translateY(-2px);\r\n    border-color: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-name {\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n}\r\n\r\n.smarthon-eval-wrapper .criterion-weight {\r\n    font-size: 1.125rem;\r\n    font-weight: 800;\r\n    font-family: monospace;\r\n}\r\n\r\n\/* Colors *\/\r\n.smarthon-eval-wrapper .text-cyan { color: var(--color-cyan); }\r\n.smarthon-eval-wrapper .text-indigo { color: var(--color-indigo); }\r\n.smarthon-eval-wrapper .text-emerald { color: var(--color-emerald); }\r\n.smarthon-eval-wrapper .text-purple { color: var(--color-purple); }\r\n.smarthon-eval-wrapper .text-teal { color: var(--color-teal); }\r\n.smarthon-eval-wrapper .text-rose { color: var(--color-rose); }\r\n\r\n\/* Progress Bars *\/\r\n.smarthon-eval-wrapper .progress-bar-bg {\r\n    width: 100%;\r\n    height: 0.5rem;\r\n    background-color: #1e293b;\r\n    border-radius: 9999px;\r\n    overflow: hidden;\r\n}\r\n\r\n.smarthon-eval-wrapper .progress-bar-fill {\r\n    height: 100%;\r\n    border-radius: 9999px;\r\n}\r\n\r\n.smarthon-eval-wrapper .fill-cyan { background-color: var(--color-cyan); }\r\n.smarthon-eval-wrapper .fill-indigo { background-color: var(--color-indigo); }\r\n.smarthon-eval-wrapper .fill-emerald { background-color: var(--color-emerald); }\r\n.smarthon-eval-wrapper .fill-purple { background-color: var(--color-purple); }\r\n.smarthon-eval-wrapper .fill-teal { background-color: var(--color-teal); }\r\n.smarthon-eval-wrapper .fill-rose { background-color: var(--color-rose); }\r\n\r\n.smarthon-eval-wrapper .criterion-desc {\r\n    font-size: 0.75rem;\r\n    color: #94a3b8;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive Media Queries *\/\r\n@media (min-width: 640px) {\r\n    .smarthon-eval-wrapper .criteria-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n    .smarthon-eval-wrapper .eval-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-4f936cb3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f936cb3\" 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-20daa5d5\" data-id=\"20daa5d5\" 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-32ad86c2 elementor-widget elementor-widget-html\" data-id=\"32ad86c2\" 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<!-- \u8f09\u5165 Google Fonts -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .smart-city-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 80px 20px;\r\n    box-sizing: border-box;\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Rajdhani', sans-serif;\r\n  }\r\n  .smart-city-container * {\r\n    box-sizing: border-box;\r\n  }\r\n  .sc-section {\r\n    margin-bottom: 80px;\r\n  }\r\n  \r\n  \/* \u901a\u7528\u79d1\u6280\u611f\u5927\u6a19\u984c\u6a23\u5f0f *\/\r\n  .sc-title-wrapper {\r\n    text-align: center;\r\n    margin-bottom: 56px;\r\n  }\r\n  .sc-title {\r\n    font-size: 2rem;\r\n    font-weight: 900;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.1em;\r\n    color: #ffffff;\r\n    font-family: system-ui, -apple-system, 'Orbitron', sans-serif;\r\n    margin: 0;\r\n  }\r\n  .sc-title-line {\r\n    margin: 16px auto 0;\r\n    width: 80px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, rgb(0, 243, 255), transparent);\r\n    box-shadow: rgb(0, 243, 255) 0px 0px 10px;\r\n  }\r\n\r\n  \/* \u734e\u9805\u6a19\u7c64 *\/\r\n  .sc-awards-tags {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 12px;\r\n  }\r\n  .sc-award-tag {\r\n    display: inline-block;\r\n    padding: 8px 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.025em;\r\n    font-size: 0.875rem;\r\n    background: rgba(0, 243, 255, 0.05);\r\n    border: 1px solid rgb(0, 243, 255);\r\n    color: rgb(255, 255, 255);\r\n    box-shadow: rgba(0, 243, 255, 0.1) 0px 0px 8px;\r\n  }\r\n\r\n  \/* \u5730\u9ede\u88dd\u98fe\u6846 *\/\r\n  .sc-venue-box {\r\n    text-align: center;\r\n    padding: 56px 32px;\r\n    position: relative;\r\n    background: radial-gradient(circle, rgba(13, 22, 41, 0.9) 0%, rgba(6, 9, 19, 0.95) 100%);\r\n    border: 1px solid rgba(0, 243, 255, 0.4);\r\n    box-shadow: rgba(0, 243, 255, 0.15) 0px 0px 30px;\r\n  }\r\n  .sc-corner {\r\n    position: absolute;\r\n    width: 24px;\r\n    height: 24px;\r\n    border-color: rgb(0, 243, 255);\r\n    box-shadow: rgb(0, 243, 255) 0px 0px 6px;\r\n  }\r\n  .sc-corner-tl { top: 0; left: 0; border-style: solid none none solid; border-width: 2px 0 0 2px; }\r\n  .sc-corner-tr { top: 0; right: 0; border-style: solid solid none none; border-width: 2px 2px 0 0; }\r\n  .sc-corner-bl { bottom: 0; left: 0; border-style: none none solid solid; border-width: 0 0 2px 2px; }\r\n  .sc-corner-br { bottom: 0; right: 0; border-style: none solid solid none; border-width: 0 2px 2px 0; }\r\n<\/style>\r\n\r\n<div class=\"smart-city-container\">\r\n  <!-- Section: Awards -->\r\n  <section class=\"sc-section\" id=\"awards\">\r\n    <div class=\"sc-title-wrapper\">\r\n      <h2 class=\"sc-title\">\u8cfd\u4e8b\u734e\u9805\u8207\u69ae\u8b7d<\/h2>\r\n      <div class=\"sc-title-line\"><\/div>\r\n    <\/div>\r\n    <div style=\"text-align: center; margin-bottom: 40px;\">\r\n      <h3 style=\"font-family: system-ui, -apple-system, 'Orbitron', sans-serif; color: #fff; font-size: 1.25rem; font-weight: 900; text-transform: uppercase; margin-bottom: 12px;\">\u4e3b\u8981\u69ae\u8b7d\u5927\u734e<\/h3>\r\n      <div style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; font-size: 1.125rem; font-weight: 700; color: rgb(0, 243, 255);\">\r\n        <span>\ud83c\udfc6 \u51a0\u8ecd<\/span><span style=\"color: rgb(138, 153, 173);\">|<\/span><span>\ud83e\udd48 \u4e9e\u8ecd<\/span><span style=\"color: rgb(138, 153, 173);\">|<\/span><span>\ud83e\udd49 \u5b63\u8ecd<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    <div style=\"text-align: center;\">\r\n      <h3 style=\"font-family: system-ui, -apple-system, 'Orbitron', sans-serif; color: rgb(138, 153, 173); font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 24px;\">\u7279\u5225\u5c08\u9805\u734e\u9805<\/h3>\r\n      <div class=\"sc-awards-tags\">\r\n        <span class=\"sc-award-tag\">\u6700\u4f73 AI \u5275\u65b0\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u6700\u4f73\u667a\u6167\u570b\u5bb6\u65b9\u6848\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u6700\u4f73\u672a\u4f86\u6982\u5ff5\u8a2d\u8a08\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u6700\u4f73\u53ef\u6301\u7e8c\u767c\u5c55\u57ce\u5e02\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u6700\u4f73\u5de5\u7a0b\u8a2d\u8a08\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u6700\u4f73\u73fe\u5834\u7c21\u5831\u8868\u9054\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u6700\u4f73\u5718\u968a\u5408\u4f5c\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u6700\u5177\u5546\u696d\u6f5b\u529b\u734e<\/span>\r\n        <span class=\"sc-award-tag\">\u5b78\u6821\u6700\u4f73\u53c3\u8207\u734e<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- Section: Venue -->\r\n  <section id=\"venue\" style=\"margin-bottom: 16px;\">\r\n    <div class=\"sc-venue-box\">\r\n      <div class=\"sc-corner sc-corner-tl\"><\/div>\r\n      <div class=\"sc-corner sc-corner-tr\"><\/div>\r\n      <div class=\"sc-corner sc-corner-bl\"><\/div>\r\n      <div class=\"sc-corner sc-corner-br\"><\/div>\r\n      <h3 style=\"font-family: system-ui, -apple-system, 'Orbitron', sans-serif; color: rgb(157, 78, 221); font-size: 1.125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px; text-shadow: rgb(157, 78, 221) 0px 0px 8px;\">\u7e3d\u6c7a\u8cfd\u5730\u9ede<\/h3>\r\n      <h2 style=\"font-family: system-ui, -apple-system, 'Orbitron', sans-serif; color: #fff; font-size: 2rem; font-weight: 900; margin: 0 0 16px 0; text-shadow: rgb(0, 243, 255) 0px 0px 15px;\">HK Tech 300<\/h2>\r\n      <p style=\"color: rgb(138, 153, 173); font-size: 1.125rem; margin: 0;\">\ud83d\udccd \u91d1\u9418\u7d71\u4e00\u4e2d\u5fc38\u6a13<\/p>\r\n      <p style=\"color: rgb(0, 243, 255); font-family: system-ui, -apple-system, 'Orbitron', sans-serif; font-size: 1rem; font-weight: 700; margin-top: 8px;\">2027\u5e744\u670814\u65e5<\/p>\r\n    <\/div>\r\n  <\/section>\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-2e6eb3ef elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2e6eb3ef\" 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-353dae9f\" data-id=\"353dae9f\" 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-3f70f387 elementor-widget elementor-widget-html\" data-id=\"3f70f387\" 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<!-- SmartHon Global Timeline Elementor Component (Fixed Mobile Layout) -->\r\n<style>\r\n  \/* \u6642\u9593\u8ef8\u5340\u584a\u7e3d\u5bb9\u5668 *\/\r\n  .smarthon-timeline-section {\r\n    width: 100%;\r\n    padding: 60px 0;\r\n    background-color: transparent;\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .smarthon-timeline-container {\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n  }\r\n\r\n  \/* \u5340\u584a\u6a19\u984c\u8207\u88dd\u98fe\u7dda *\/\r\n  .smarthon-timeline-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .smarthon-timeline-header .section-num {\r\n    color: #00f0ff;\r\n    font-family: monospace;\r\n    font-size: 14px;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 8px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .smarthon-timeline-header h2 {\r\n    color: #ffffff;\r\n    font-size: 36px;\r\n    font-weight: 900;\r\n    margin: 0;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .smarthon-timeline-header .text-gradient-cyan {\r\n    color: #00f0ff;\r\n    text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);\r\n  }\r\n\r\n  \/* \u6a19\u984c\u4e0b\u65b9\u79d1\u6280\u611f\u767c\u5149\u88dd\u98fe\u7dda *\/\r\n  .sc-title-line {\r\n    margin: 16px auto 0;\r\n    width: 80px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, transparent, #00f0ff, transparent);\r\n    box-shadow: #00f0ff 0px 0px 10px;\r\n  }\r\n\r\n  \/* \u6642\u9593\u8ef8\u4e3b\u9ad4 wrapper *\/\r\n  .smarthon-timeline-wrapper {\r\n    position: relative;\r\n  }\r\n\r\n  \/* \u5713\u5708\u6578\u5b57\u6a19\u7c64 (01, 02, ...) *\/\r\n  .smarthon-timeline-node {\r\n    position: relative;\r\n    z-index: 10;\r\n    flex-shrink: 0;\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 50%;\r\n    background-color: #0a192f;\r\n    border: 2px solid #00f0ff;\r\n    color: #00f0ff;\r\n    font-weight: bold;\r\n    font-size: 14px;\r\n    font-family: monospace;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    box-shadow: 0 0 12px rgba(0, 212, 255, 0.4);\r\n  }\r\n\r\n  .smarthon-timeline-title {\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #ffffff;\r\n    margin: 0 0 6px 0;\r\n  }\r\n\r\n  .smarthon-timeline-desc {\r\n    font-size: 14px;\r\n    color: #b0bec5;\r\n    margin: 0 0 8px 0;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  .smarthon-timeline-date {\r\n    font-size: 12px;\r\n    font-family: monospace;\r\n    color: #00f0ff;\r\n    margin: 0;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  \/* ==========================================\r\n      \u624b\u6a5f\u7248\u6a23\u5f0f (< 768px)\uff1a\u7d71\u4e00\u9760\u5de6\u55ae\u6b04\u6392\u5217\r\n     ========================================== *\/\r\n  @media (max-width: 767px) {\r\n    \/* \u8cab\u7a7f\u7dda\u4f4d\u65bc\u5713\u5708\u4e2d\u5fc3 (22px - 1px = 21px) *\/\r\n    .smarthon-timeline-line {\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 2px;\r\n      background: linear-gradient(to bottom, #00f0ff, rgba(0, 212, 255, 0.1));\r\n      left: 21px;\r\n    }\r\n\r\n    .smarthon-timeline-item {\r\n      position: relative;\r\n      display: flex;\r\n      flex-direction: row;\r\n      align-items: flex-start;\r\n      gap: 15px;\r\n      padding-bottom: 40px;\r\n    }\r\n\r\n    \/* \u624b\u6a5f\u7248\u4e00\u5f8b\u5c07\u5713\u5708\u653e\u5728\u6700\u5de6\u5074 *\/\r\n    .smarthon-timeline-node {\r\n      order: 1;\r\n    }\r\n\r\n    \/* \u5c07\u5167\u5bb9\u5340\u584a\u7d71\u4e00\u9760\u53f3\u5448\u73fe *\/\r\n    .smarthon-timeline-left,\r\n    .smarthon-timeline-right {\r\n      order: 2;\r\n      width: auto;\r\n      flex: 1;\r\n      text-align: left !important;\r\n      padding: 0 !important;\r\n    }\r\n\r\n    \/* \u96b1\u85cf\u7a7a\u7121\u4e00\u7269\u7684\u5c0d\u5074\u5bb9\u5668 *\/\r\n    .smarthon-timeline-left:empty,\r\n    .smarthon-timeline-right:empty {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  \/* ==========================================\r\n      \u684c\u6a5f\u7248\u6a23\u5f0f (>= 768px)\uff1a\u5de6\u53f3\u4ea4\u66ff\u6392\u5217\r\n     ========================================== *\/\r\n  @media (min-width: 768px) {\r\n    .smarthon-timeline-line {\r\n      position: absolute;\r\n      top: 0;\r\n      bottom: 0;\r\n      width: 2px;\r\n      background: linear-gradient(to bottom, #00f0ff, rgba(0, 212, 255, 0.1));\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n    }\r\n\r\n    .smarthon-timeline-item {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 0;\r\n      padding-bottom: 40px;\r\n    }\r\n\r\n    .smarthon-timeline-left,\r\n    .smarthon-timeline-right {\r\n      width: 50%;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u5947\u6578\u9805\u76ee\uff1a\u6587\u5b57\u5728\u5de6\uff0c\u5713\u5708\u5728\u4e2d *\/\r\n    .smarthon-timeline-item.left-style .smarthon-timeline-left {\r\n      text-align: right;\r\n      padding-right: 40px;\r\n    }\r\n    .smarthon-timeline-item.left-style .smarthon-timeline-right {\r\n      padding-left: 40px;\r\n    }\r\n\r\n    \/* \u5076\u6578\u9805\u76ee\uff1a\u6587\u5b57\u5728\u53f3\uff0c\u5713\u5708\u5728\u4e2d *\/\r\n    .smarthon-timeline-item.right-style .smarthon-timeline-left {\r\n      padding-right: 40px;\r\n    }\r\n    .smarthon-timeline-item.right-style .smarthon-timeline-right {\r\n      text-align: left;\r\n      padding-left: 40px;\r\n    }\r\n\r\n    .smarthon-timeline-node {\r\n      margin-left: -22px;\r\n      margin-right: -22px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"smarthon-timeline-section\" id=\"timeline\">\r\n  <div class=\"smarthon-timeline-container\">\r\n    \r\n    <!-- \u6a19\u984c\u5340\u584a\uff08\u542b\u767c\u5149\u88dd\u98fe\u7dda\uff09 -->\r\n    <div class=\"smarthon-timeline-header\">\r\n      <p class=\"section-num\"><\/p>\r\n      <h2><span class=\"text-gradient-cyan\">\u5168\u7403\u8cfd\u4e8b<\/span> \u6642\u7a0b\u898f\u5283<\/h2>\r\n      <div class=\"sc-title-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u6642\u9593\u8ef8\u4e3b\u9ad4 -->\r\n    <div class=\"smarthon-timeline-wrapper\">\r\n      \r\n      <!-- \u85cd\u8272\u7e31\u5411\u8cab\u7a7f\u7dda -->\r\n      <div class=\"smarthon-timeline-line\"><\/div>\r\n\r\n      <!-- Item 01 (Left) -->\r\n      <div class=\"smarthon-timeline-item left-style\">\r\n        <div class=\"smarthon-timeline-left\">\r\n          <p class=\"smarthon-timeline-title\">\u5168\u7403\u516c\u958b\u5831\u540d\u555f\u52d5<\/p>\r\n          <p class=\"smarthon-timeline-desc\">\u53c3\u8cfd\u968a\u4f0d\u8207\u5b78\u6821\u4ee3\u8868\u9032\u884c\u7dda\u4e0a\u5831\u540d\uff0c\u5b8c\u6210\u8cc7\u6599\u767b\u8a18\u8207\u8cc7\u683c\u5be9\u6838\u3002<\/p>\r\n          <p class=\"smarthon-timeline-date\">2026\u5e749\u670821\u65e5<\/p>\r\n        <\/div>\r\n        <div class=\"smarthon-timeline-node\">01<\/div>\r\n        <div class=\"smarthon-timeline-right\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 02 (Right) -->\r\n      <div class=\"smarthon-timeline-item right-style\">\r\n        <div class=\"smarthon-timeline-left\"><\/div>\r\n        <div class=\"smarthon-timeline-node\">02<\/div>\r\n        <div class=\"smarthon-timeline-right\">\r\n          <p class=\"smarthon-timeline-title\">\u65b0\u52a0\u5761\u8cfd\u5340\u7e3d\u6c7a\u8cfd<\/p>\r\n          <p class=\"smarthon-timeline-desc\">\u65b0\u52a0\u5761\u5730\u5340\u5165\u570d\u968a\u4f0d\u9032\u884c\u73fe\u5834\u7c21\u5831\u5c55\u793a\u8207\u4f5c\u54c1\u7b54\u8faf\u8a55\u9078\u3002<\/p>\r\n          <p class=\"smarthon-timeline-date\">2027\u5e744\u670814\u65e5<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 03 (Left) -->\r\n      <div class=\"smarthon-timeline-item left-style\">\r\n        <div class=\"smarthon-timeline-left\">\r\n          <p class=\"smarthon-timeline-title\">\u9999\u6e2f\u8cfd\u5340\u7e3d\u6c7a\u8cfd<\/p>\r\n          <p class=\"smarthon-timeline-desc\">\u9999\u6e2f\u5730\u5340\u5165\u570d\u968a\u4f0d\u9032\u884c\u73fe\u5834\u7c21\u5831\u5c55\u793a\u8207\u4f5c\u54c1\u7b54\u8faf\u8a55\u9078\u3002<\/p>\r\n          <p class=\"smarthon-timeline-date\">2027\u5e745\u6708<\/p>\r\n        <\/div>\r\n        <div class=\"smarthon-timeline-node\">03<\/div>\r\n        <div class=\"smarthon-timeline-right\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 04 (Right) -->\r\n      <div class=\"smarthon-timeline-item right-style\">\r\n        <div class=\"smarthon-timeline-left\"><\/div>\r\n        <div class=\"smarthon-timeline-node\">04<\/div>\r\n        <div class=\"smarthon-timeline-right\">\r\n          <p class=\"smarthon-timeline-title\">\u5167\u5730\u8cfd\u5340\u7e3d\u6c7a\u8cfd<\/p>\r\n          <p class=\"smarthon-timeline-desc\">\u4e2d\u570b\u5167\u5730\u5340\u57df\u5165\u570d\u968a\u4f0d\u9032\u884c\u73fe\u5834\u7c21\u5831\u5c55\u793a\u8207\u4f5c\u54c1\u7b54\u8faf\u8a55\u9078\u3002<\/p>\r\n          <p class=\"smarthon-timeline-date\">2027\u5e743\u67088\u65e5<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Item 05 (Left) -->\r\n      <div class=\"smarthon-timeline-item left-style\">\r\n        <div class=\"smarthon-timeline-left\">\r\n          <p class=\"smarthon-timeline-title\">\u570b\u969b\u7e3d\u6c7a\u8cfd\u66a8\u9812\u734e\u5178\u79ae<\/p>\r\n          <p class=\"smarthon-timeline-desc\">\u5168\u7403\u7372\u734e\u8207\u53d7\u9080\u4ee3\u8868\u968a\u4f0d\u9032\u884c\u73fe\u5834\u4f5c\u54c1\u52d5\u614b\u6f14\u793a\u8207\u7e3d\u6c7a\u8cfd\u9812\u734e\u5178\u79ae\u3002<\/p>\r\n          <p class=\"smarthon-timeline-date\">2027\u5e747\u670814\u65e5<\/p>\r\n        <\/div>\r\n        <div class=\"smarthon-timeline-node\">05<\/div>\r\n        <div class=\"smarthon-timeline-right\"><\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>EP Education &amp; SMARTHON \u806f\u5408\u8209\u8fa6 \u7b2c\u4e00\u5c46 SMARTHON CUP \u667a\u6167\u57ce\u5e02  [&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-16157","page","type-page","status-publish","hentry"],"aioseo_notices":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smarken","author_link":"https:\/\/smarthon.cc\/zh-hant\/author\/smarken\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/smarthon.cc\/zh-hant\/?taxonomy=translation_priority&#038;term=optional\" rel=\"tag\">Optional<\/a><a href=\"https:\/\/smarthon.cc\/?taxonomy=translation_priority&#038;term=optional\" rel=\"tag\">Optional<\/a>","rttpg_excerpt":"EP Education &amp; SMARTHON \u806f\u5408\u8209\u8fa6 \u7b2c\u4e00\u5c46 SMARTHON CUP \u667a\u6167\u57ce\u5e02 ...","_links":{"self":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/16157","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=16157"}],"version-history":[{"count":28,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/16157\/revisions"}],"predecessor-version":[{"id":16311,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/16157\/revisions\/16311"}],"wp:attachment":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/media?parent=16157"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}