{"id":16443,"date":"2026-10-21T11:58:15","date_gmt":"2026-10-21T03:58:15","guid":{"rendered":"https:\/\/smarthon.cc\/smarthon-cup-competition\/"},"modified":"2026-11-13T20:01:16","modified_gmt":"2026-11-13T12:01:16","slug":"smarthon-cup-competition","status":"publish","type":"page","link":"https:\/\/smarthon.cc\/zh-hant\/smarthon-cup-competition\/","title":{"rendered":"Smarthon Cup-Competition"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16443\" class=\"elementor elementor-16443 elementor-15714\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5545a5c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5545a5c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-b192868\" data-id=\"b192868\" 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-110a759 elementor-widget elementor-widget-html\" data-id=\"110a759\" 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-wrap\">\r\n  <!-- \u8f09\u5165 FontAwesome \u5716\u793a\u5eab -->\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  <!-- \u2500\u2500\u2500 ELEMENTOR SCOPED STYLES \u2500\u2500\u2500 -->\r\n  <style>\r\n    \/* Scope \u5168\u90e8\u8a2d\u5b9a\u4ee5\u9632\u5e72\u64fe Elementor \u5168\u5c40\u4e3b\u984c *\/\r\n    .smarthon-wrap {\r\n      --bg-dark: #0d1117;\r\n      --card-bg: #161b22;\r\n      --card-border: #30363d;\r\n      --brand-green: #00ff66;\r\n      --brand-green-hover: #00cc52;\r\n      --accent-blue: #58a6ff;\r\n      --text-white: #ffffff;\r\n      --text-gray-300: #d0d7de;\r\n      --text-gray-400: #8b949e;\r\n\r\n      width: 100%;\r\n      max-width: 1150px;\r\n      margin: 0 auto;\r\n      padding: 32px 16px;\r\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n      color: var(--text-white);\r\n      box-sizing: border-box;\r\n      background-color: var(--bg-dark);\r\n      border-radius: 16px;\r\n    }\r\n\r\n    .smarthon-wrap * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 HERO SECTION \u2500\u2500\u2500 *\/\r\n    .smarthon-wrap .hero {\r\n      display: grid;\r\n      grid-template-columns: 1fr;\r\n      gap: 32px;\r\n      align-items: center;\r\n      margin-bottom: 48px;\r\n      padding-bottom: 32px;\r\n      border-bottom: 1px solid var(--card-border);\r\n    }\r\n\r\n    @media (min-width: 900px) {\r\n      .smarthon-wrap .hero {\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n      }\r\n    }\r\n\r\n    .smarthon-wrap .hero-eyebrow {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      color: var(--accent-blue);\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n      margin-bottom: 12px;\r\n      background: rgba(88, 166, 255, 0.1);\r\n      padding: 6px 14px;\r\n      border-radius: 20px;\r\n      border: 1px solid rgba(88, 166, 255, 0.2);\r\n    }\r\n\r\n    .smarthon-wrap .hero-eyebrow .dot {\r\n      width: 8px;\r\n      height: 8px;\r\n      background-color: var(--brand-green);\r\n      border-radius: 50%;\r\n      box-shadow: 0 0 8px var(--brand-green);\r\n      animation: smarthonPulse 2s infinite;\r\n    }\r\n\r\n    @keyframes smarthonPulse {\r\n      0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0.7); }\r\n      70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(0, 255, 102, 0); }\r\n      100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 255, 102, 0); }\r\n    }\r\n\r\n    .smarthon-wrap .tournaments-title {\r\n      font-size: 38px;\r\n      font-weight: 800;\r\n      line-height: 1.15;\r\n      margin: 0 0 16px 0;\r\n      color: #ffffff;\r\n    }\r\n\r\n    @media (min-width: 768px) {\r\n      .smarthon-wrap .tournaments-title {\r\n        font-size: 46px;\r\n      }\r\n    }\r\n\r\n    .smarthon-wrap .tournaments-subtitle {\r\n      color: var(--text-gray-300);\r\n      font-size: 15px;\r\n      line-height: 1.6;\r\n      margin: 0 0 24px 0;\r\n    }\r\n\r\n    .smarthon-wrap .hero-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n    }\r\n\r\n    .smarthon-wrap .hero-tag {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      background: rgba(22, 27, 34, 0.8);\r\n      border: 1px solid var(--card-border);\r\n      color: var(--text-gray-300);\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      padding: 6px 14px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    .smarthon-wrap .hero-tag i {\r\n      color: var(--brand-green);\r\n    }\r\n\r\n    \/* \u53f3\u5074 Visual \u5716\u6587\u8207\u52d5\u614b\u6d6e\u52d5\u5361\u7247 *\/\r\n    .smarthon-wrap .hero-visual {\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .smarthon-wrap .hero-img-frame {\r\n      width: 100%;\r\n      max-width: 450px;\r\n      height: 280px;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      border: 1px solid var(--card-border);\r\n      box-shadow: 0 20px 40px rgba(0,0,0,0.6);\r\n      position: relative;\r\n    }\r\n\r\n    .smarthon-wrap .hero-img-frame img {\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      object-fit: cover !important;\r\n      display: block;\r\n    }\r\n\r\n    .smarthon-wrap .float-card {\r\n      position: absolute;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n      background: rgba(22, 27, 34, 0.85);\r\n      backdrop-filter: blur(12px);\r\n      -webkit-backdrop-filter: blur(12px);\r\n      border: 1px solid rgba(255, 255, 255, 0.15);\r\n      padding: 10px 16px;\r\n      border-radius: 12px;\r\n      box-shadow: 0 10px 25px rgba(0,0,0,0.5);\r\n      z-index: 2;\r\n      font-size: 13px;\r\n      font-weight: 700;\r\n      color: #ffffff;\r\n      animation: smarthonFloat 4s ease-in-out infinite;\r\n    }\r\n\r\n    .smarthon-wrap .float-card small {\r\n      display: block;\r\n      font-size: 11px;\r\n      font-weight: 500;\r\n      color: var(--text-gray-400);\r\n    }\r\n\r\n    .smarthon-wrap .float-card .ico {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 8px;\r\n      background: rgba(0, 255, 102, 0.15);\r\n      color: var(--brand-green);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .smarthon-wrap .fc-1 {\r\n      top: -15px;\r\n      left: -10px;\r\n      animation-delay: 0s;\r\n    }\r\n\r\n    .smarthon-wrap .fc-2 {\r\n      bottom: -15px;\r\n      right: -10px;\r\n      animation-delay: 2s;\r\n    }\r\n\r\n    @keyframes smarthonFloat {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-8px); }\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 \u7be9\u9078\u6309\u9215\u5bb9\u5668\u5340 \u2500\u2500\u2500 *\/\r\n    .smarthon-wrap .filter-container {\r\n      margin-bottom: 32px;\r\n      padding-bottom: 16px;\r\n      border-bottom: 1px solid var(--card-border);\r\n    }\r\n\r\n    .smarthon-wrap .filter-bar {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n      transition: all 0.3s ease;\r\n    }\r\n\r\n    .smarthon-wrap .filter-btn {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: flex-start;\r\n      gap: 8px;\r\n      padding: 10px 20px;\r\n      border-radius: 8px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.2s ease;\r\n      background: rgba(22, 27, 34, 0.6);\r\n      color: var(--text-gray-300);\r\n      border: 1px solid var(--card-border);\r\n      width: auto;\r\n    }\r\n\r\n    .smarthon-wrap .filter-btn:hover {\r\n      color: var(--text-white);\r\n      background: var(--card-bg);\r\n    }\r\n\r\n    .smarthon-wrap .filter-btn.active {\r\n      background: var(--brand-green);\r\n      color: #000000;\r\n      border-color: var(--brand-green);\r\n      box-shadow: 0 4px 15px rgba(0, 255, 102, 0.2);\r\n    }\r\n\r\n    .smarthon-wrap .filter-btn .mobile-arrow {\r\n      display: none;\r\n    }\r\n\r\n    \/* \u2500\u2500\u2500 \u8cfd\u4e8b\u5217\u8868\u8207\u5361\u7247 \u2500\u2500\u2500 *\/\r\n    .smarthon-wrap .competition-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 24px;\r\n    }\r\n\r\n    .smarthon-wrap .competition-card {\r\n      display: flex;\r\n      flex-direction: column;\r\n      background: var(--card-bg);\r\n      border: 1px solid var(--card-border);\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);\r\n      position: relative;\r\n      transition: transform 0.2s ease, border-color 0.2s ease;\r\n    }\r\n\r\n    .smarthon-wrap .competition-card:hover {\r\n      border-color: #484f58;\r\n    }\r\n\r\n    .smarthon-wrap .card-image-wrap {\r\n      position: relative;\r\n      background: #0d1117;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* \ud83d\udcbb \u96fb\u8166\u7248\u5c08\u5c6c\uff1a\u52a0\u5bec\u5716\u7247\u6bd4\u4f8b\u4e26\u5f80\u5de6\u5ef6\u4f38\u7a81\u51fa *\/\r\n    @media (min-width: 768px) {\r\n      .smarthon-wrap .competition-card {\r\n        flex-direction: row;\r\n        margin-left: 24px; \/* \u9810\u7559\u5de6\u5074\u7a7a\u9593\u7d66\u5f80\u5de6\u5ef6\u4f38\u7684\u5716\u7247\u6846 *\/\r\n        overflow: visible; \/* \u5141\u8a31\u5716\u7247\u6846\u5411\u5de6\u7a81\u51fa\u5361\u7247\u908a\u754c *\/\r\n      }\r\n\r\n      .smarthon-wrap .card-image-wrap {\r\n        width: 42%; \/* \u5f9e 35% \u52a0\u5bec\u81f3 42%\uff0c\u8b93\u5716\u7247\u66f4\u5bec\u5927 *\/\r\n        margin-left: -24px; \/* \u5f80\u5de6\u64f4\u5c55 24px *\/\r\n        min-height: 230px;\r\n        flex-shrink: 0;\r\n        border-radius: 12px 0 0 12px;\r\n        box-shadow: -6px 0 20px rgba(0, 0, 0, 0.45);\r\n      }\r\n\r\n      .smarthon-wrap .card-image-wrap img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    \/* \ud83d\udcf1 \u624b\u6a5f\u7248\u5c08\u5c6c\u6a23\u5f0f (< 768px) *\/\r\n    @media (max-width: 767px) {\r\n      .smarthon-wrap .hero-img-frame {\r\n        height: 210px;\r\n      }\r\n\r\n      .smarthon-wrap .card-image-wrap {\r\n        width: 100%;\r\n        min-height: unset;\r\n        height: auto;\r\n      }\r\n\r\n      .smarthon-wrap .card-image-wrap img {\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        object-fit: contain !important;\r\n        display: block;\r\n      }\r\n\r\n      .smarthon-wrap .filter-bar {\r\n        flex-direction: column;\r\n        width: 100%;\r\n      }\r\n\r\n      .smarthon-wrap .filter-btn {\r\n        width: 100%;\r\n        padding: 12px 16px;\r\n        font-size: 14px;\r\n        justify-content: space-between;\r\n      }\r\n\r\n      .smarthon-wrap .filter-btn .btn-label-group {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n      }\r\n\r\n      .smarthon-wrap .filter-btn.active .mobile-arrow {\r\n        display: inline-block;\r\n        transition: transform 0.3s ease;\r\n      }\r\n\r\n      .smarthon-wrap .filter-bar:not(.is-collapsed) .filter-btn.active .mobile-arrow {\r\n        transform: rotate(180deg);\r\n      }\r\n\r\n      .smarthon-wrap .filter-bar.is-collapsed .filter-btn {\r\n        display: none !important;\r\n      }\r\n      .smarthon-wrap .filter-bar.is-collapsed .filter-btn.active-in-mobile {\r\n        display: flex !important;\r\n      }\r\n\r\n      .smarthon-wrap .card-content {\r\n        padding-top: 40px !important;\r\n      }\r\n\r\n      .smarthon-wrap .slanted-badge {\r\n        font-size: 10px;\r\n        padding: 4px 12px;\r\n        clip-path: polygon(0 0, 100% 0, 100% 100%, 8px 100%);\r\n      }\r\n\r\n      .smarthon-wrap .card-title {\r\n        padding-right: 0 !important;\r\n      }\r\n    }\r\n\r\n    .smarthon-wrap .card-content {\r\n      padding: 24px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: space-between;\r\n      flex-grow: 1;\r\n      position: relative;\r\n    }\r\n\r\n    .smarthon-wrap .slanted-badge {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      padding: 6px 20px;\r\n      font-size: 11px;\r\n      font-weight: 800;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n      clip-path: polygon(0 0, 100% 0, 100% 100%, 12px 100%);\r\n      border-top-right-radius: 12px;\r\n      z-index: 1;\r\n    }\r\n\r\n    .smarthon-wrap .badge-green { background: var(--brand-green); color: #000000; }\r\n    .smarthon-wrap .badge-amber { background: #fbbf24; color: #000000; }\r\n    .smarthon-wrap .badge-purple { background: #a855f7; color: #ffffff; }\r\n\r\n    .smarthon-wrap .category-tag {\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      text-transform: uppercase;\r\n      letter-spacing: 0.05em;\r\n      color: var(--accent-blue);\r\n      margin-bottom: 4px;\r\n    }\r\n\r\n    .smarthon-wrap .card-title {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      margin: 0 0 8px 0;\r\n      padding-right: 90px;\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .smarthon-wrap .card-subtext {\r\n      font-size: 12px;\r\n      color: var(--text-gray-400);\r\n      font-family: monospace;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .smarthon-wrap .info-list {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n      font-size: 14px;\r\n      color: var(--text-gray-300);\r\n    }\r\n\r\n    .smarthon-wrap .info-item {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n    }\r\n\r\n    .smarthon-wrap .info-item i {\r\n      width: 16px;\r\n      text-align: center;\r\n      color: var(--text-gray-400);\r\n    }\r\n\r\n    .smarthon-wrap .card-footer {\r\n      margin-top: 24px;\r\n      padding-top: 16px;\r\n      border-top: 1px solid rgba(48, 54, 61, 0.6);\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n\r\n    .smarthon-wrap .footer-status {\r\n      font-size: 12px;\r\n      color: var(--text-gray-400);\r\n    }\r\n\r\n    .smarthon-wrap .btn-action {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-decoration: none;\r\n      background: var(--brand-green);\r\n      color: #000000;\r\n      border: none;\r\n      padding: 8px 20px;\r\n      border-radius: 8px;\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;\r\n    }\r\n\r\n    .smarthon-wrap .btn-action:hover {\r\n      background: var(--brand-green-hover);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .smarthon-wrap .btn-secondary {\r\n      background: var(--card-border);\r\n      color: var(--text-white);\r\n    }\r\n\r\n    .smarthon-wrap .btn-secondary:hover {\r\n      background: #484f58;\r\n    }\r\n\r\n    \/* \u2728 \u53ef\u9ede\u64ca\u7684 Coming Soon \u6309\u9215\u5c08\u5c6c\u6a23\u5f0f *\/\r\n    .smarthon-wrap .btn-coming-soon {\r\n      background: rgba(48, 54, 61, 0.65);\r\n      color: var(--text-gray-300);\r\n      border: 1px solid var(--card-border);\r\n      cursor: pointer;\r\n    }\r\n\r\n    .smarthon-wrap .btn-coming-soon:hover {\r\n      background: rgba(88, 166, 255, 0.15);\r\n      color: var(--text-white);\r\n      border-color: var(--accent-blue);\r\n      transform: translateY(-1px);\r\n    }\r\n\r\n    .smarthon-wrap .btn-disabled {\r\n      background: rgba(48, 54, 61, 0.5);\r\n      color: var(--text-gray-400);\r\n      border: 1px solid var(--card-border);\r\n      cursor: not-allowed;\r\n      user-select: none;\r\n    }\r\n\r\n    .smarthon-wrap .btn-disabled:hover {\r\n      background: rgba(48, 54, 61, 0.5);\r\n      transform: none;\r\n    }\r\n\r\n    .smarthon-wrap .no-results {\r\n      display: none;\r\n      text-align: center;\r\n      padding: 48px 24px;\r\n      background: var(--card-bg);\r\n      border: 1px solid var(--card-border);\r\n      border-radius: 12px;\r\n    }\r\n\r\n    .smarthon-wrap .no-results.active {\r\n      display: block;\r\n    }\r\n\r\n    .smarthon-wrap .no-results i {\r\n      font-size: 36px;\r\n      color: var(--text-gray-400);\r\n      margin-bottom: 12px;\r\n    }\r\n\r\n    .smarthon-wrap .no-results p {\r\n      margin: 4px 0;\r\n    }\r\n  <\/style>\r\n\r\n  <!-- \u2500\u2500\u2500 HTML STRUCTURE \u2500\u2500\u2500 -->\r\n  <section class=\"hero\">\r\n    <div class=\"hero-text\">\r\n      <div class=\"hero-eyebrow\"><span class=\"dot\"><\/span> Smarthon Cup \u570b\u969b STEM \u5275\u5ba2\u5927\u8cfd<\/div>\r\n      <h2 class=\"tournaments-title\">SMARTHON CUP<\/h2>\r\n      <p class=\"tournaments-subtitle\">\r\n        Smarthon Cup \u662f\u4e00\u9805\u5c08\u70ba\u5b78\u751f\u8209\u8fa6\u7684\u570b\u969b STEM \u7af6\u8cfd\uff0c\u53c3\u8cfd\u8005\u5c07\u904b\u7528 micro:bit\uff0cAI \u8207\u7269\u806f\u7db2\uff08IoT\uff09\u6280\u8853\uff0c\u70ba\u667a\u6167\u57ce\u5e02\u3001\u667a\u6167\u5bb6\u5c45\u4ee5\u53ca\u66f4\u7da0\u8272\u7684\u6c38\u7e8c\u672a\u4f86\u6253\u9020\u5275\u65b0\u89e3\u6c7a\u65b9\u6848\u3002\r\n      <\/p>\r\n      <div class=\"hero-tags\">\r\n        <span class=\"hero-tag\"><i class=\"fa-solid fa-microchip\"><\/i> micro:bit<\/span>\r\n        <span class=\"hero-tag\"><i class=\"fa-solid fa-wifi\"><\/i> IoT \u7269\u806f\u7db2<\/span>\r\n        <span class=\"hero-tag\"><i class=\"fa-solid fa-city\"><\/i> \u667a\u6167\u57ce\u5e02<\/span>\r\n        <span class=\"hero-tag\"><i class=\"fa-solid fa-leaf\"><\/i> \u7da0\u8272\u672a\u4f86<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-visual\">\r\n      <div class=\"float-card fc-1\">\r\n        <span class=\"ico\"><i class=\"fa-solid fa-lightbulb\"><\/i><\/span>\r\n        <span>\u5275\u65b0\u5be6\u8e10<small>\u6253\u9020\u667a\u6167\u89e3\u6c7a\u65b9\u6848<\/small><\/span>\r\n      <\/div>\r\n      <div class=\"hero-img-frame\">\r\n        <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/Brochure.pdf-47.png\" alt=\"Smarthon Cup - micro:bit \u8207\u7269\u806f\u7db2\u96fb\u8def\u677f\">\r\n      <\/div>\r\n      <div class=\"float-card fc-2\">\r\n        <span class=\"ico\"><i class=\"fa-solid fa-trophy\"><\/i><\/span>\r\n        <span>\u5168\u7403\u7af6\u6280<small>\u9999\u6e2f \u00b7 \u65b0\u52a0\u5761 \u00b7 \u4e2d\u570b<\/small><\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u5730\u9ede\u7be9\u9078\u6309\u9215\u5340 -->\r\n  <div class=\"filter-container\">\r\n    <div class=\"filter-bar is-collapsed\" id=\"smarthon-filter-buttons\">\r\n      <button onclick=\"smarthonHandleBtnClick('all', this)\" class=\"filter-btn active active-in-mobile\">\r\n        <span class=\"btn-label-group\"><i class=\"fa-solid fa-list-ul\"><\/i>\u5168\u90e8\u8cfd\u4e8b(All)<\/span>\r\n        <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n      <\/button>\r\n\r\n      <button onclick=\"smarthonHandleBtnClick('international', this)\" class=\"filter-btn\">\r\n        <span class=\"btn-label-group\"><i class=\"fa-solid fa-earth-americas\"><\/i>\u570b\u969b\u8cfd(GLOBAL)<\/span>\r\n        <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n      <\/button>\r\n      \r\n      <button onclick=\"smarthonHandleBtnClick('singapore', this)\" class=\"filter-btn\">\r\n        <span class=\"btn-label-group\"><i class=\"fa-solid fa-plane-departure\"><\/i>\u65b0\u52a0\u5761(SINGAPORE)<\/span>\r\n        <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n      <\/button>\r\n\r\n      <button onclick=\"smarthonHandleBtnClick('hongkong', this)\" class=\"filter-btn\" style=\"display: none;\">\r\n        <span class=\"btn-label-group\"><i class=\"fa-solid fa-city\"><\/i>\u9999\u6e2f(HONG KONG)<\/span>\r\n        <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n      <\/button>\r\n      \r\n      <button onclick=\"smarthonHandleBtnClick('mainland', this)\" class=\"filter-btn\" style=\"display: none;\">\r\n        <span class=\"btn-label-group\"><i class=\"fa-solid fa-award\"><\/i>\u4e2d\u570b (CHINA)<\/span>\r\n        <i class=\"fa-solid fa-chevron-down mobile-arrow\"><\/i>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u8cfd\u4e8b\u5361\u7247\u5217\u8868\u5340 -->\r\n  <div class=\"competition-list\" id=\"smarthon-competition-list\">\r\n\r\n    <!-- \u5361\u7247 1: \u570b\u969b\u8cfd -->\r\n    <div class=\"competition-card\" data-category=\"international\">\r\n      <div class=\"card-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/\u87a2\u5e55\u64f7\u53d6\u756b\u9762-2026-11-12-181421-e1794552312328.png\" alt=\"Spark Online Competition\">\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"slanted-badge badge-green\">\r\n          <i class=\"fa-solid fa-bullhorn\"><\/i> Theme Announcement\r\n        <\/div>\r\n        <div>\r\n          <div class=\"category-tag\"><i class=\"fa-solid fa-globe\"><\/i> \u570b\u969b\u8cfd (Online Global)<\/div>\r\n          <h3 class=\"card-title\">SMARTHON CUP AI \u570b\u969b\u5275\u65b0\u6311\u6230\u8cfd2027<\/h3>\r\n          <div class=\"card-subtext\">Smarthon Cup<\/div>\r\n          <div class=\"info-list\">\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-laptop-code\"><\/i> Online Registration &amp; Project Submission<\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-calendar-check\"><\/i> Submission Period: <strong>------<\/strong><\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-trophy\"><\/i> Project Assessment: <strong>Jul 14, 2027<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card-footer\">\r\n          <span class=\"footer-status\">Theme: <strong style=\"color: #ffffff;\">Smart City & AI<\/strong><\/span>\r\n          <!-- \u2705 \u5df2\u5c07 Coming Soon \u6539\u70ba\u53ef\u9ede\u64ca\u7684\u8d85\u9023\u7d50\u6309\u9215 -->\r\n          <a href=\"https:\/\/smarthon.cc\/smarthon-cup-global-ai-innovation-challenge-2027\/\" class=\"btn-action btn-coming-soon\">\r\n            Coming Soon\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u5361\u7247 2: \u65b0\u52a0\u5761\u8cfd -->\r\n    <div class=\"competition-card\" data-category=\"singapore\">\r\n      <div class=\"card-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/smarthon.cc\/wp-content\/uploads\/%E8%9E%A2%E5%B9%95%E6%93%B7%E5%8F%96%E7%95%AB%E9%9D%A2-2026-11-12-174504.png\" alt=\"Singapore Robotics Open\">\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"slanted-badge badge-green\">\r\n          <i class=\"fa-solid fa-user-plus\"><\/i> Registration\r\n        <\/div>\r\n        <div>\r\n          <div class=\"category-tag\"><i class=\"fa-solid fa-flag\"><\/i> \u65b0\u52a0\u5761\u8cfd (Singapore)<\/div>\r\n          <h3 class=\"card-title\">The 1st SMARTHON Cup Singapore Smart City AI Challenge \uff08\u53ea\u4f9b\u82f1\u6587\u7248\u672c\uff09<\/h3>\r\n          <div class=\"card-subtext\">Smarthon Cup | Smart City AI Challenge<\/div>\r\n          <div class=\"info-list\">\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-location-dot\"><\/i> 3023 UBI Road 3, #02-08\/#02-09, Singapore, 408663<\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-calendar-check\"><\/i> Registration Date: <strong>Sep 21, 2026<\/strong><\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-trophy\"><\/i> Competition Date: <strong>Apr 14, 2027<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card-footer\">\r\n          <span class=\"footer-status\">Status: <strong style=\"color: var(--brand-green);\">Open for Application<\/strong><\/span>\r\n          <a href=\"https:\/\/smarthon.cc\/singapore-smarthon-cup-2026\/\" class=\"btn-action\">\r\n            View Details\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u96b1\u85cf\u5361\u7247 3: \u9999\u6e2f\u8cfd -->\r\n    <div class=\"competition-card\" data-category=\"hongkong\" style=\"display: none;\">\r\n      <div class=\"card-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506970845246-18f21d533b20?auto=format&fit=crop&w=800&q=80\" alt=\"Hong Kong Championship\">\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"slanted-badge badge-green\">\r\n          <i class=\"fa-solid fa-user-plus\"><\/i> Registration\r\n        <\/div>\r\n        <div>\r\n          <div class=\"category-tag\" style=\"color: #f87171;\"><i class=\"fa-solid fa-building\"><\/i> \u9999\u6e2f\u8cfd (Hong Kong)<\/div>\r\n          <h3 class=\"card-title\">Smart City AI \u6311\u6230\u8cfd<\/h3>\r\n          <div class=\"card-subtext\">Smarthon Cup | Smart City AI \u6311\u6230\u8cfd<\/div>\r\n          <div class=\"info-list\">\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-location-dot\"><\/i> Cyberport, Hong Kong<\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-calendar-check\"><\/i> Registration Date: <strong>Now - 2026.11.15<\/strong><\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-trophy\"><\/i> Competition Date: <strong>2027.04.24<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card-footer\">\r\n          <span class=\"footer-status\">Status: <strong style=\"color: #f87171;\">Open for Application<\/strong><\/span>\r\n          <a href=\"https:\/\/smarthon.cc\/zh-hant\/hongkong-smarthon-cup-2026\/\" class=\"btn-action\">\r\n            Register Now\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u96b1\u85cf\u5361\u7247 4: \u5167\u5730\u9080\u8acb\u8cfd -->\r\n    <div class=\"competition-card\" data-category=\"mainland\" style=\"display: none;\">\r\n      <div class=\"card-image-wrap\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511578314322-379afb476865?auto=format&fit=crop&w=800&q=80\" alt=\"Mainland China Invitational\">\r\n      <\/div>\r\n      <div class=\"card-content\">\r\n        <div class=\"slanted-badge badge-purple\">\r\n          <i class=\"fa-solid fa-envelope-open-text\"><\/i> Invitation Only\r\n        <\/div>\r\n        <div>\r\n          <div class=\"category-tag\" style=\"color: #c084fc;\"><i class=\"fa-solid fa-award\"><\/i> \u5167\u5730\u9080\u8acb\u8cfd (Mainland China)<\/div>\r\n          <h3 class=\"card-title\">\u667a\u6167\u57ce\u5e02 AI \u56fd\u9645\u9080\u8bf7\u8d5b<\/h3>\r\n          <div class=\"card-subtext\">Smarthon Cup | \u667a\u6167\u57ce\u5e02 AI \u56fd\u9645\u9080\u8bf7\u8d5b <\/div>\r\n          <div class=\"info-list\">\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-location-dot\"><\/i> Shenzhen World Exhibition &amp; Convention Center, China<\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-calendar-check\"><\/i> Registration Deadline: <strong>Now - 2026.11.15<\/strong><\/div>\r\n            <div class=\"info-item\"><i class=\"fa-solid fa-trophy\"><\/i> Competition Date: <strong>2027.07.14<\/strong><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"card-footer\">\r\n          <span class=\"footer-status\">Access: <strong style=\"color: #c084fc;\">Qualified Teams Only<\/strong><\/span>\r\n          <a href=\"https:\/\/smarthon.cc\/zh-hans\/smarthon-competition\/\" class=\"btn-action btn-secondary\">\r\n            Check Qualification\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u7121\u8cfd\u4e8b\u63d0\u793a\u6846 -->\r\n    <div id=\"smarthon-no-results\" class=\"no-results\">\r\n      <i class=\"fa-solid fa-calendar-xmark\"><\/i>\r\n      <p style=\"font-weight: 600; font-size: 16px;\">\u76ee\u524d\u8a72\u5730\u5340\u66ab\u7121\u76f8\u95dc\u8cfd\u4e8b<\/p>\r\n      <p style=\"color: var(--text-gray-400); font-size: 14px;\">\u8acb\u9078\u64c7\u5176\u4ed6\u5730\u5340\u67e5\u770b\u6700\u65b0\u6bd4\u8cfd\u65e5\u7a0b\u3002<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- \u2500\u2500\u2500 JAVASCRIPT LOGIC \u2500\u2500\u2500 -->\r\n  <script>\r\n    function smarthonHandleBtnClick(region, btnElement) {\r\n      const container = btnElement.closest('.smarthon-wrap');\r\n      const filterBar = container.querySelector('#smarthon-filter-buttons');\r\n      const isMobile = window.innerWidth < 768;\r\n\r\n      if (isMobile && filterBar.classList.contains('is-collapsed')) {\r\n        filterBar.classList.remove('is-collapsed');\r\n        return;\r\n      }\r\n\r\n      const buttons = container.querySelectorAll('.filter-btn');\r\n      buttons.forEach(btn => {\r\n        btn.classList.remove('active');\r\n        btn.classList.remove('active-in-mobile');\r\n      });\r\n\r\n      if (btnElement) {\r\n        btnElement.classList.add('active');\r\n        btnElement.classList.add('active-in-mobile');\r\n      }\r\n\r\n      const cards = container.querySelectorAll('.competition-card');\r\n      const hiddenRegions = ['hongkong', 'mainland'];\r\n      let visibleCount = 0;\r\n\r\n      cards.forEach(card => {\r\n        const category = card.getAttribute('data-category');\r\n        if (!hiddenRegions.includes(category) && (region === 'all' || category === region)) {\r\n          card.style.display = 'flex';\r\n          visibleCount++;\r\n        } else {\r\n          card.style.display = 'none';\r\n        }\r\n      });\r\n\r\n      const noResults = container.querySelector('#smarthon-no-results');\r\n      if (visibleCount === 0) {\r\n        noResults.classList.add('active');\r\n      } else {\r\n        noResults.classList.remove('active');\r\n      }\r\n\r\n      if (isMobile) {\r\n        filterBar.classList.add('is-collapsed');\r\n      }\r\n    }\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Smarthon Cup \u570b\u969b STEM \u5275\u5ba2\u5927\u8cfd SMARTHON CUP Smarthon Cup \u662f\u4e00\u9805 [&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-16443","page","type-page","status-publish","hentry"],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"smarken","author_link":"https:\/\/smarthon.cc\/zh-hant\/author\/smarken\/"},"rttpg_comment":0,"rttpg_category":" <a href=\"https:\/\/smarthon.cc\/zh-hant\/?taxonomy=translation_priority&#038;term=optional\" rel=\"tag\">Optional<\/a>","rttpg_excerpt":"Smarthon Cup \u570b\u969b STEM \u5275\u5ba2\u5927\u8cfd SMARTHON CUP Smarthon Cup \u662f\u4e00\u9805...","_links":{"self":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/16443","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=16443"}],"version-history":[{"count":22,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/16443\/revisions"}],"predecessor-version":[{"id":16628,"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/pages\/16443\/revisions\/16628"}],"wp:attachment":[{"href":"https:\/\/smarthon.cc\/zh-hant\/wp-json\/wp\/v2\/media?parent=16443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}