{"product_id":"smats","title":"🤖♟️ Smart AI Go Board — Real-Time Analysis \u0026 Smart Coaching ✨","description":"\u003cbody\u003e\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eSmart AI Go Board\u003c\/title\u003e\n\u003cstyle\u003e  \/* ============================================================     🎨 固定模板 · 主题变量区     本品：智能 AI 围棋盘 → 【曜石黑底版】科技冷青     ============================================================ *\/  :root {    --bg:            #0f172a;   \/* 曜石黑，全站统一 *\/    --bg-soft:       #1e293b;   \/* 略浅，图片边框\/卡片底 *\/    --primary:       #0891b2;   \/* 科技冷青：按钮、标签、强调 *\/    --primary-dark:  #0e7490;   \/* hover 深一档 *\/    --accent:        #22d3ee;   \/* 亮青：斜体标题、光晕 *\/    --text-strong:   #ffffff;    --text-body:     #94a3b8;   \/* 浅灰正文 *\/    --text-mute:     #64748b;    --card-bg:       rgba(255,255,255,0.05);    --card-border:   rgba(255,255,255,0.10);    --glass-bg:      rgba(30,41,59,0.60);    --glass-border:  rgba(255,255,255,0.18);    --divider:       rgba(255,255,255,0.10);    --shadow-card:   0 6px 18px rgba(0,0,0,0.30);    --shadow-img:    0 20px 40px rgba(0,0,0,0.55);    --shadow-glow:   0 20px 40px rgba(8,145,178,0.20);  }  \/* ================= 全局基础 ================= *\/  * { box-sizing: border-box; margin: 0; padding: 0; }  body {    background-color: var(--bg);    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;    -webkit-font-smoothing: antialiased;    line-height: 1.6;    color: var(--text-body);    -webkit-tap-highlight-color: transparent;    overflow-x: hidden;  }  .page-wrapper {    max-width: 960px;    margin: 0 auto;    background: var(--bg);    overflow: hidden;  }  .serif-title { font-family: Georgia, 'Times New Roman', serif; }  \/* ================= 双端交互特效 ================= *\/  .hover-lift {    transition: transform 0.4s cubic-bezier(0.165,0.84,0.44,1), box-shadow 0.4s ease;    cursor: pointer;  }  @media (hover: hover) {    .hover-lift:hover { transform: translateY(-6px); box-shadow: var(--shadow-glow); }  }  @media (hover: none) {    .hover-lift:active { transform: scale(0.97); box-shadow: 0 4px 15px rgba(0,0,0,0.3); transition: transform 0.1s ease; }  }  .hover-zoom img { transition: transform 0.6s cubic-bezier(0.165,0.84,0.44,1); }  @media (hover: hover) { .hover-zoom:hover img { transform: scale(1.04); } }  @media (hover: none) { .hover-zoom:active img { transform: scale(1.02); } }  \/* 主按钮 *\/  .btn-primary {    display: inline-flex; align-items: center; justify-content: center;    background: var(--primary); color: #ffffff;    font-size: 14px; font-weight: 800; padding: 16px 38px;    border-radius: 50px; text-decoration: none; letter-spacing: 1.2px;    box-shadow: 0 8px 20px rgba(8,145,178,0.25); transition: all 0.3s ease;    border: none; cursor: pointer; text-transform: uppercase;  }  @media (hover: hover) {    .btn-primary:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: 0 12px 25px rgba(8,145,178,0.35); }  }  @media (hover: none) {    .btn-primary:active { background: var(--primary-dark); transform: scale(0.96); }  }    .btn-invert {    background: #ffffff; color: var(--bg); box-shadow: 0 8px 25px rgba(255,255,255,0.15);  }  @media (hover: hover) { .btn-invert:hover { background: #f0ebe5; } }  @media (hover: none) { .btn-invert:active { background: #e0dbd5; transform: scale(0.96); } }  \/* ================= 交错图文 ================= *\/  .feature-row { display: flex; flex-direction: column; gap: 30px; margin-bottom: 60px; }  @media (min-width: 768px) {    .feature-row { flex-direction: row; align-items: center; gap: 50px; margin-bottom: 80px; }    .feature-row.reverse { flex-direction: row-reverse; }    .feature-row .img-box, .feature-row .text-box { flex: 1; }  }  .img-box { border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-img); border: 4px solid var(--bg-soft); background: var(--bg-soft); }  .text-box { padding: 0 10px; text-align: left; }  @media (min-width: 768px) { .text-box { padding: 20px 0; } }  \/* ================= 🚀 灵魂相叠模块 ================= *\/  .overlap-box { position: relative; height: 480px; margin-top: 30px; }  .img-big {    position: absolute; top: 0; right: 0; width: 85%; z-index: 2;    border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-img);    border: 6px solid var(--bg); background: var(--bg-soft);    transition: transform 0.4s cubic-bezier(0.165,0.84,0.44,1), box-shadow 0.4s ease;  }  @media (hover: hover) { .img-big:hover { transform: translateY(-8px); box-shadow: 0 30px 50px rgba(0,0,0,0.8); } }  @media (hover: none) { .img-big:active { transform: scale(0.98); } }    .img-small {    position: absolute; bottom: 0; left: 0; width: 60%; z-index: 3;    border-radius: 20px; overflow: hidden; box-shadow: 0 15px 30px rgba(0,0,0,0.6);    border: 6px solid var(--bg); background: var(--bg-soft);    transition: transform 0.4s cubic-bezier(0.165,0.84,0.44,1), box-shadow 0.4s ease;  }  @media (hover: hover) { .img-small:hover { transform: translateY(-8px); box-shadow: 0 25px 50px rgba(0,0,0,0.8); } }  @media (hover: none) { .img-small:active { transform: scale(0.98); } }  \/* 🚀 手机端紧凑相叠，不散架 *\/  @media (max-width: 768px) {    .overlap-box { height: 350px; margin-top: 20px; }    .img-big { width: 85%; height: 260px; border-width: 4px; }    .img-small { width: 65%; height: 180px; left: -5px; border-width: 4px; box-shadow: 0 15px 30px rgba(0,0,0,0.4); }  }  \/* ================= 特性网格 ================= *\/  .feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 960px; margin: 0 auto; }  .feature-card {    padding: 30px 20px; border-radius: 20px; background: var(--card-bg); border: 1px solid var(--card-border);    display: flex; flex-direction: column; gap: 10px; align-items: center; text-align: center; box-shadow: var(--shadow-card);  }  .feature-card strong { color: var(--text-strong); font-size: 16px; font-weight: 800; }  .feature-card span { color: var(--text-body); font-size: 13px; line-height: 1.6; }  @media (max-width: 768px) { .feature-grid { grid-template-columns: 1fr; } }  @media (min-width: 769px) and (max-width: 900px) { .feature-grid { grid-template-columns: repeat(2, 1fr); } }  \/* ================= 规格卡 ================= *\/  .spec-card { max-width: 760px; margin: 0 auto; background: var(--card-bg); border-radius: 24px; padding: 40px 24px; border: 1px solid var(--card-border); box-shadow: var(--shadow-card); }  @media (min-width: 768px) { .spec-card { padding: 40px; } }  .spec-row { display: grid; grid-template-columns: 35% 65%; gap: 16px; font-size: 15px; }  .spec-row .k { color: var(--primary); font-weight: 600; border-bottom: 1px solid var(--divider); padding-bottom: 12px; }  .spec-row .v { color: #d1d5db; font-weight: 600; border-bottom: 1px solid var(--divider); padding-bottom: 12px; }  .spec-row .k.last, .spec-row .v.last { border-bottom: none; }  \/* ================= 核心修复：毛玻璃信息条移动端排版 ================= *\/  .glass-wrapper { position: relative; border-radius: 24px; box-shadow: var(--shadow-img); margin-bottom: 40px; }    .glass-bar {    position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%);    width: 90%; max-width: 750px; background: var(--glass-bg);    backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);    border-radius: 16px; padding: 12px 15px;    display: flex; justify-content: space-between; align-items: center;    box-shadow: 0 10px 25px rgba(0,0,0,0.4); border: 1px solid var(--glass-border); z-index: 10;  }    .glass-bar .item {     display: flex; align-items: center; justify-content: center;     font-size: 12px; font-weight: 800; color: #ffffff; white-space: nowrap; text-shadow: 0 1px 3px rgba(0,0,0,0.4);   }  .glass-bar .sep { color: rgba(255,255,255,0.4); font-size: 14px; font-weight: 300; margin: 0 6px; }    @media (min-width: 768px) {    .glass-bar { bottom: 0; transform: translate(-50%, 50%); width: 95%; padding: 24px 30px; border-radius: 20px; }    .glass-bar .item { font-size: 15px; white-space: normal; }    .glass-bar .sep { font-size: 18px; margin: 0 10px; }  }  @media (max-width: 450px) {    .glass-bar { padding: 10px 8px; }    .glass-bar .item { font-size: 11px; }  }  \/* 标签胶囊 *\/  .pill { display: inline-block; padding: 6px 14px; border-radius: 99px; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; }  .pill-primary { color: var(--primary); background: rgba(8,145,178,0.15); }  .pill-on-dark { color: var(--accent); background: rgba(34,211,238,0.15); border: 1px solid rgba(34,211,238,0.3); }\u003c\/style\u003e\n\u003cdiv class=\"page-wrapper\"\u003e  \u003c!-- ① 首屏 --\u003e  \u003cdiv style=\"padding: 80px 24px 60px; text-align: center;\"\u003e    \u003cdiv class=\"pill pill-on-dark\" style=\"margin-bottom: 24px;\"\u003eAI POWERED • INTERACTIVE LED\u003c\/div\u003e    \u003c!-- 🚀 修复标题折行 --\u003e    \u003ch1 class=\"serif-title\" style=\"margin: 0 auto 20px; max-width: 680px; font-size: clamp(28px, 6vw, 48px); line-height: 1.15; font-weight: 800; color: var(--text-strong); word-break: keep-all; overflow-wrap: normal;\"\u003e      \u003cspan style=\"display: block; white-space: nowrap;\"\u003eSmart AI\u003c\/span\u003e      \u003cspan style=\"display: block; color: var(--accent); font-style: italic; margin-top: 8px;\"\u003eGo Board\u003c\/span\u003e    \u003c\/h1\u003e    \u003cp style=\"margin: 0 auto 36px; max-width: 580px; font-size: 16px; line-height: 1.7; color: var(--text-body);\"\u003e      Equipped with advanced AI technology, this board offers guided training to enhance your strategy, allowing players to tackle various difficulty levels and sharpen their skills progressively.    \u003c\/p\u003e      \u003c\/div\u003e  \u003c!-- ② 首图破局悬浮 --\u003e  \u003cdiv style=\"padding: 0 24px; position: relative; z-index: 5; margin-bottom: 80px;\"\u003e    \u003cdiv style=\"border-radius: 24px; overflow: hidden; box-shadow: var(--shadow-img); background: var(--bg-soft); border: 6px solid var(--bg-soft);\" class=\"hover-zoom\"\u003e      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/1467\/6202\/files\/spp_shopify20261023184652_e34ae236d0ce6a82d4c9ababc76139e4.jpg?v=1792752416\" alt=\"Smart AI Go Board\" style=\"display: block; width: 100%; height: auto;\"\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- ③ 居中标题 + 大图 + 毛玻璃信息条 --\u003e  \u003csection style=\"padding: 0 20px 80px;\"\u003e    \u003cdiv style=\"max-width: 900px; margin: 0 auto;\"\u003e      \u003cdiv style=\"text-align: center; margin-bottom: 40px;\"\u003e        \u003cdiv class=\"pill pill-primary\" style=\"margin-bottom: 12px;\"\u003eAI INTELLIGENT ASSISTANCE\u003c\/div\u003e        \u003ch2 class=\"serif-title\" style=\"margin: 0 0 16px; font-size: 36px; color: var(--text-strong); line-height: 1.25;\"\u003eMulti-Level Difficulty Settings\u003c\/h2\u003e        \u003cp style=\"max-width: 650px; margin: 0 auto; font-size: 16px; color: var(--text-body); line-height: 1.7;\"\u003eWith adjustable levels of difficulty, players of all ages and expertise can find suitable challenges, ensuring a personalized experience and gradual skill advancement.\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"glass-wrapper\"\u003e        \u003cdiv style=\"border-radius: 24px; overflow: hidden; border: 4px solid var(--bg-soft); background: var(--bg-soft);\" class=\"hover-zoom\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/1467\/6202\/files\/spp_shopify20261023184659_dd8b72ba1eed7db0f9b14ea83b34f2cb.jpg?v=1792752422\" alt=\"Multi-Level Difficulty\" style=\"display: block; width: 100%; height: auto;\"\u003e        \u003c\/div\u003e                \u003cdiv class=\"glass-bar\"\u003e          \u003cdiv class=\"item\"\u003eAdjustable difficulty\u003c\/div\u003e          \u003cspan class=\"sep\"\u003e|\u003c\/span\u003e          \u003cdiv class=\"item\"\u003eGuided training\u003c\/div\u003e          \u003cspan class=\"sep\"\u003e|\u003c\/span\u003e          \u003cdiv class=\"item\"\u003eAll ages \u0026amp; levels\u003c\/div\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- ④ 交错图文 --\u003e  \u003csection style=\"padding: 0 20px 80px;\"\u003e    \u003cdiv style=\"max-width: 960px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 50px;\"\u003e            \u003cdiv style=\"flex: 1 1 480px; min-width: 300px;\"\u003e        \u003cdiv class=\"img-box hover-zoom\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/1467\/6202\/files\/spp_shopify20261023184703_19b9eb611fd2255c30b971e1511b35ee.jpg?v=1792752427\" alt=\"Interactive LED Display\" style=\"display: block; width: 100%; height: auto;\"\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"text-box\" style=\"flex: 1 1 380px; min-width: 300px;\"\u003e        \u003cdiv class=\"pill pill-primary\" style=\"margin-bottom: 12px;\"\u003eINTERACTIVE LED\u003c\/div\u003e        \u003ch3 class=\"serif-title\" style=\"margin: 0 0 20px; font-size: 32px; color: var(--text-strong); line-height: 1.15;\"\u003eInteractive LED Display\u003c\/h3\u003e        \u003cp style=\"margin: 0 0 28px; font-size: 16px; color: var(--text-body); line-height: 1.8;\"\u003eFeatures an intuitive LED system that lights up moves and strategies in real time, enabling visual learning and a dynamic playing experience.\u003c\/p\u003e        \u003cul style=\"margin: 0; padding: 0; list-style: none; display: grid; gap: 12px;\"\u003e          \u003cli style=\"display: flex; gap: 10px; align-items: center; font-size: 15px; color: #d1d5db; font-weight: 600;\"\u003e            \u003cspan style=\"font-size: 15px; font-weight: 700; color: #ffffff;\"\u003eReal-time visual learning\u003c\/span\u003e          \u003c\/li\u003e          \u003cli style=\"display: flex; gap: 10px; align-items: center; font-size: 15px; color: #d1d5db; font-weight: 600;\"\u003e            \u003cspan style=\"font-size: 15px; font-weight: 700; color: #ffffff;\"\u003eDynamic playing experience\u003c\/span\u003e          \u003c\/li\u003e        \u003c\/ul\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/section\u003e  \u003c!-- ⑤ 灵魂相叠区 --\u003e  \u003cdiv style=\"padding: 0 24px 80px;\"\u003e    \u003cdiv style=\"max-width: 800px; margin: 0 auto;\"\u003e      \u003cdiv style=\"text-align: center; margin-bottom: 60px;\"\u003e        \u003ch2 class=\"serif-title\" style=\"margin: 0 0 16px; font-size: 36px; color: var(--text-strong);\"\u003eGame Variants \u0026amp; Portability\u003c\/h2\u003e        \u003cp style=\"margin: 0 auto; max-width: 500px; font-size: 16px; color: var(--text-body);\"\u003eSupports multiple game modes, offering endless fun. Lightweight and slim, perfect for home, school, or on-the-go play sessions.\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"overlap-box\"\u003e        \u003cdiv class=\"img-big\"\u003e          \u003cimg style=\"display: block; width: 100%; height: 100%; object-fit: cover;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/1467\/6202\/files\/spp_shopify20261023184711_da19fb5e54b8621a984d25ae5847e77f.jpg?v=1792752434\" alt=\"Game Variants\"\u003e        \u003c\/div\u003e        \u003cdiv class=\"img-small\"\u003e          \u003cimg style=\"display: block; width: 100%; height: 100%; object-fit: cover;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0656\/1467\/6202\/files\/spp_shopify20261023184718_9c8b7b0f86c458ba722976d4b102ea4c.jpg?v=1792752441\" alt=\"Compact Design\"\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv style=\"text-align: center; margin-top: 70px;\"\u003e              \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- ⑥ 核心特性网格 --\u003e  \u003cdiv style=\"padding: 0 24px 80px; text-align: center;\"\u003e    \u003cdiv style=\"max-width: 960px; margin: 0 auto;\"\u003e      \u003cdiv class=\"pill pill-primary\" style=\"margin-bottom: 15px;\"\u003eKEY FEATURES\u003c\/div\u003e      \u003ch2 class=\"serif-title\" style=\"margin: 0 0 15px; font-size: 32px; color: var(--text-strong);\"\u003eReady For Any Game\u003c\/h2\u003e      \u003cp style=\"max-width: 700px; margin: 0 auto 40px; color: var(--text-body); font-size: 15px; line-height: 1.72;\"\u003eFrom beginner to expert, every detail is designed for maximum engagement and strategy.\u003c\/p\u003e            \u003cdiv class=\"feature-grid\"\u003e        \u003cdiv class=\"feature-card hover-lift\"\u003e          \u003cstrong\u003eAI Training\u003c\/strong\u003e          \u003cspan\u003eGuided training for strategy.\u003c\/span\u003e        \u003c\/div\u003e        \u003cdiv class=\"feature-card hover-lift\"\u003e          \u003cstrong\u003eLED Lights\u003c\/strong\u003e          \u003cspan\u003eReal-time visual moves.\u003c\/span\u003e        \u003c\/div\u003e        \u003cdiv class=\"feature-card hover-lift\"\u003e          \u003cstrong\u003ePortable\u003c\/strong\u003e          \u003cspan\u003ePerfect for on-the-go play.\u003c\/span\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- ⑦ 规格参数与说明 --\u003e  \u003cdiv style=\"padding: 0 24px 80px;\"\u003e    \u003cdiv class=\"spec-card\"\u003e      \u003ch2 class=\"serif-title\" style=\"margin: 0 0 30px; font-size: 24px; color: var(--text-strong); text-align: center;\"\u003eTechnical Data\u003c\/h2\u003e      \u003cdiv class=\"spec-row\" style=\"margin-bottom: 30px;\"\u003e        \u003cdiv class=\"k\"\u003eBattery Capacity\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e600mAh\u003c\/div\u003e        \u003cdiv class=\"k\"\u003eSize\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e219*219*18mm\u003c\/div\u003e        \u003cdiv class=\"k\"\u003eNumber of keys\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e13*13 Total 169 keys\u003c\/div\u003e        \u003cdiv class=\"k\"\u003eWeight\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003e400g\u003c\/div\u003e        \u003cdiv class=\"k\"\u003eMaterial\u003c\/div\u003e\n\u003cdiv class=\"v\"\u003eABS \/ Silicone\u003c\/div\u003e        \u003cdiv class=\"k last\"\u003ePort\u003c\/div\u003e\n\u003cdiv class=\"v last\"\u003eType-C\u003c\/div\u003e      \u003c\/div\u003e            \u003cdiv style=\"background: rgba(8,145,178,0.08); border: 1px solid rgba(8,145,178,0.2); border-radius: 16px; padding: 20px;\"\u003e        \u003cdiv style=\"font-size: 14px; font-weight: 800; letter-spacing: 1px; color: var(--primary); text-transform: uppercase; margin-bottom: 12px;\"\u003eImportant Notes\u003c\/div\u003e        \u003cul style=\"margin: 0; padding-left: 18px; font-size: 14px; color: var(--text-body); line-height: 1.8;\"\u003e          \u003cli style=\"margin-bottom: 6px;\"\u003eKeep away from water and extreme heat to maintain product longevity.\u003c\/li\u003e          \u003cli\u003eNot suitable for children under 3 years old due to small components.\u003c\/li\u003e        \u003c\/ul\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- ⑧ 底部品牌落款 --\u003e  \u003cdiv style=\"padding: 10px 24px 48px; text-align: center; border-top: 1px solid var(--divider);\"\u003e    \u003cspan style=\"display: inline-block; vertical-align: middle; width: 40px; height: 1px; background-color: var(--divider);\"\u003e\u003c\/span\u003e    \u003cspan style=\"display: inline-block; vertical-align: middle; padding: 0 20px; font-size: 14px; font-weight: 800; color: var(--primary); letter-spacing: 4px; text-transform: uppercase;\"\u003ecactustd.com\u003c\/span\u003e    \u003cspan style=\"display: inline-block; vertical-align: middle; width: 40px; height: 1px; background-color: var(--divider);\"\u003e\u003c\/span\u003e  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/body\u003e","brand":"mysite","offers":[{"title":"10-in-1  Smart Gomoku","offer_id":54267348386081,"sku":"LP10286886A2","price":58.98,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1004\/6940\/8033\/files\/spp_shopify20261023184739_ddf39efd397aecb9b0cb60a59c8a74d1_9525c87e-fddc-4eeb-ab54-4048e09eeebc.jpg?v=1793444370","url":"https:\/\/wendyee.com\/products\/smats","provider":"wendyee","version":"1.0","type":"link"}