{"id":44,"date":"2026-05-12T00:18:31","date_gmt":"2026-05-11T16:18:31","guid":{"rendered":"https:\/\/www.iabtech.com\/?page_id=44"},"modified":"2026-05-12T00:39:24","modified_gmt":"2026-05-11T16:39:24","slug":"%e9%a6%96%e9%a1%b5","status":"publish","type":"page","link":"https:\/\/www.iabtech.com\/","title":{"rendered":"\u9996\u9875"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"44\" class=\"elementor elementor-44\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b2526ba e-con-full e-flex e-con e-parent\" data-id=\"b2526ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4800619 elementor-widget elementor-widget-html\" data-id=\"4800619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"zh-CN\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>\u777f\u6069\u535a \u2014 AIoT \u667a\u80fd\u7269\u8054\u5e73\u53f0<\/title>\r\n<link href=\"https:\/\/fonts.loli.net\/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{margin:0;padding:0;box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{font-family:'Noto Sans SC','Inter',sans-serif;background:#fafbfc;color:#1a1a2e;overflow-x:hidden}\r\n\r\n\/* ===== \u914d\u8272\u53d8\u91cf ===== *\/\r\n:root{\r\n  --primary:#4f46e5;        \/* \u975b\u84dd *\/\r\n  --primary-light:#818cf8;\r\n  --primary-dark:#3730a3;\r\n  --accent:#06b6d4;         \/* \u9752\u8272 *\/\r\n  --accent-light:#22d3ee;\r\n  --success:#10b981;\r\n  --bg:#fafbfc;\r\n  --bg-warm:#f8f9fa;\r\n  --card:#ffffff;\r\n  --text:#1a1a2e;\r\n  --text-muted:#64748b;\r\n  --border:rgba(79,70,229,.08);\r\n}\r\n\r\n\/* ===== \u5bfc\u822a - \u6781\u7b80\u73b0\u4ee3 ===== *\/\r\n.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 60px;height:80px;display:flex;justify-content:space-between;align-items:center;transition:all .3s}\r\n.nav.scrolled{background:rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:0 1px 3px rgba(0,0,0,.04);height:70px}\r\n.nav-logo{display:flex;align-items:center;text-decoration:none}\r\n.nav-logo img{height:50px;width:auto;transition:transform .2s}\r\n.nav-logo:hover img{transform:scale(1.03)}\r\n.nav-logo-mark{width:36px;height:36px;border-radius:8px;background:var(--primary);display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.1rem;transition:transform .2s}\r\n.nav-logo:hover .nav-logo-mark{transform:scale(1.05)}\r\n.nav-logo-text{font-size:1.2rem;font-weight:700;color:var(--text);letter-spacing:-.02em}\r\n.nav-links{display:flex;gap:32px;list-style:none}\r\n.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;position:relative;padding:8px 0}\r\n.nav-links a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .2s}\r\n.nav-links a:hover{color:var(--text)}\r\n.nav-links a:hover::after{width:100%}\r\n.nav-links a.active{color:var(--primary)}\r\n.nav-links a.active::after{width:100%}\r\n.nav-right{display:flex;align-items:center;gap:12px}\r\n.nav-cta{padding:10px 24px;background:var(--primary);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}\r\n.nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.2)}\r\n\r\n\/* ===== HERO ===== *\/\r\n.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:160px 48px 120px;background:var(--bg)}\r\n.hero::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(79,70,229,.08) 0%,transparent 70%);pointer-events:none}\r\n.hero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(6,182,212,.06) 0%,transparent 70%);pointer-events:none}\r\n.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;max-width:1300px;margin:0 auto;align-items:center;width:100%;position:relative;z-index:1}\r\n.hero-content{position:relative;z-index:2}\r\n.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:1px solid var(--border);border-radius:100px;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:40px;background:rgba(79,70,229,.04);color:var(--primary);font-weight:600}\r\n.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}\r\n@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}\r\n\r\n.hero h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;color:var(--text)}\r\n.hero h1 .accent{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}\r\n.hero-desc{font-size:1.1rem;color:var(--text-muted);margin-top:32px;letter-spacing:.01em;max-width:480px;line-height:1.8;font-weight:400}\r\n\r\n.hero-cta{display:flex;gap:16px;margin-top:40px}\r\n.hero-cta-primary{padding:16px 32px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:100px;font-size:.95rem;font-weight:700;letter-spacing:.05em;border:none;cursor:pointer;transition:.3s;box-shadow:0 4px 20px rgba(79,70,229,.25)}\r\n.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(79,70,229,.35)}\r\n.hero-cta-secondary{padding:16px 32px;background:#fff;border:1.5px solid var(--border);color:var(--primary);border-radius:100px;font-size:.95rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:.3s}\r\n.hero-cta-secondary:hover{border-color:var(--primary);background:rgba(79,70,229,.04);transform:translateY(-2px)}\r\n\r\n\/* Hero \u4fe1\u4efb\u6807\u8bc6 *\/\r\n.hero-trust{display:flex;align-items:center;gap:16px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}\r\n.hero-trust-label{font-size:.8rem;color:var(--text-muted);letter-spacing:.05em;font-weight:500}\r\n.hero-trust-logos{display:flex;gap:20px}\r\n.trust-logo{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted);font-weight:500;transition:.3s}\r\n.trust-logo:hover{color:var(--primary)}\r\n\r\n\/* \u6d6e\u52a8\u5361\u7247 *\/\r\n.hero-float-card{position:absolute;background:#fff;padding:14px 20px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 30px rgba(79,70,229,.12),0 0 0 1px var(--border);animation:float 3s ease-in-out infinite;z-index:10}\r\n.hero-float-1{top:-20px;right:-30px;animation-delay:0s}\r\n.hero-float-2{bottom:80px;right:-40px;animation-delay:1s}\r\n.hero-float-3{bottom:-20px;left:-20px;animation-delay:2s}\r\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}\r\n.float-icon{font-size:1.5rem}\r\n.float-content{display:flex;flex-direction:column;gap:2px}\r\n.float-title{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:500}\r\n.float-value{font-size:.9rem;font-weight:700;color:var(--text)}\r\n\r\n.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}\r\n.hero-visual-card{width:100%;max-width:480px;background:#fff;border-radius:24px;padding:32px;box-shadow:0 25px 80px rgba(79,70,229,.08),0 0 0 1px var(--border);position:relative;overflow:hidden}\r\n.hero-visual-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}\r\n.visual-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}\r\n.visual-title{font-size:.85rem;font-weight:700;color:var(--text);letter-spacing:.05em}\r\n.visual-status{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--success);font-weight:600}\r\n.visual-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}\r\n.visual-chart{height:180px;background:linear-gradient(180deg,#f8f9fa,#fff);border-radius:16px;display:flex;align-items:flex-end;justify-content:space-around;padding:20px;gap:12px}\r\n.visual-bar{flex:1;background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:8px 8px 4px 4px;transition:.5s;position:relative}\r\n.visual-bar:nth-child(1){height:45%}\r\n.visual-bar:nth-child(2){height:72%}\r\n.visual-bar:nth-child(3){height:58%}\r\n.visual-bar:nth-child(4){height:85%}\r\n.visual-bar:nth-child(5){height:63%}\r\n.visual-bar:nth-child(6){height:91%}\r\n.visual-bar:nth-child(7){height:76%}\r\n.visual-bar:hover{transform:scaleY(1.05);filter:brightness(1.1)}\r\n.visual-bar::after{content:attr(data-val);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:.7rem;font-weight:700;color:var(--primary);opacity:0;transition:.3s}\r\n.visual-bar:hover::after{opacity:1}\r\n.visual-footer{display:flex;justify-content:space-between;margin-top:20px;font-size:.8rem;color:#999}\r\n.visual-metric{text-align:center}\r\n.visual-metric-value{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}\r\n.visual-metric-label{font-size:.7rem;color:var(--text-muted);margin-top:4px;letter-spacing:.05em;text-transform:uppercase}\r\n\r\n.hero-scroll{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted)}\r\n.hero-scroll::after{content:'';width:1px;height:60px;background:linear-gradient(180deg,var(--primary),transparent);animation:scroll-line 2s infinite}\r\n@keyframes scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1)}100%{transform:scaleY(0);transform-origin:bottom}}\r\n\r\n\/* ===== \u5168\u5c4f\u533a\u5757 ===== *\/\r\n.section-full{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;padding:120px 48px}\r\n.section-content{max-width:1200px;width:100%;position:relative;z-index:2}\r\n.section-header{text-align:center;margin-bottom:100px}\r\n.section-label{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin-bottom:20px;font-weight:600}\r\n.section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;color:var(--text)}\r\n.section-subtitle{font-size:1.1rem;color:var(--text-muted);margin-top:20px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}\r\n\r\n\/* \u80cc\u666f *\/\r\n.bg-white{background:var(--bg)}\r\n.bg-cream{background:var(--bg-warm)}\r\n.bg-gradient{background:linear-gradient(180deg,var(--bg),var(--bg-warm))}\r\n\r\n\/* \u88c5\u9970\u6587\u5b57 *\/\r\n.deco-text{position:absolute;font-size:18vw;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(79,70,229,.06);text-transform:uppercase;pointer-events:none;white-space:nowrap;z-index:0;letter-spacing:-.05em}\r\n\r\n\/* ===== \u573a\u666f - \u6a2a\u5411\u6eda\u52a8 ===== *\/\r\n.scene-scroll{overflow:hidden;padding:20px 4px 60px;margin:0 -24px;position:relative}\r\n.scroll-track{display:flex;width:max-content;animation:sceneScroll 36s linear infinite}.scroll-track .scene-card{flex:0 0 380px;height:420px;border-radius:24px;overflow:hidden;cursor:pointer;transition:.5s;background:#fff;box-shadow:0 4px 20px rgba(79,70,229,.06),0 0 0 1px var(--border);position:relative;margin-right:24px}.scroll-track .scene-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(79,70,229,.12),0 0 0 1px rgba(79,70,229,.2)}\r\n.scene-scroll:hover .scroll-track{animation-play-state:paused}\r\n\/* keyframes \u7531 JS \u52a8\u6001\u6ce8\u5165\uff0c\u786e\u4fdd\u7cbe\u786e\u5339\u914d\u524d\u534a\u7ec4\u5361\u7247\u603b\u5bbd\u5ea6 *\/\r\n\/* \u5361\u7247\u6837\u5f0f\u7edf\u4e00\u7531 .scroll-track .scene-card \u63a7\u5236 *\/\r\n.scene-card-bg{position:absolute;inset:0;opacity:.06;transition:.5s}\r\n.scene-card:hover .scene-card-bg{opacity:.12}\r\n.scene-card-inner{position:absolute;inset:0;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2}\r\n.scene-card-num{position:absolute;top:24px;right:24px;font-size:.75rem;letter-spacing:.1em;color:rgba(79,70,229,.2);font-weight:700}\r\n.scene-card-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;margin-bottom:20px;background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(6,182,212,.08));box-shadow:0 4px 15px rgba(79,70,229,.1)}\r\n.scene-card h3{font-size:1.35rem;font-weight:700;margin-bottom:10px;color:var(--text)}\r\n.scene-card p{font-size:.9rem;color:var(--text-muted);line-height:1.7}\r\n.scene-card-tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}\r\n.scene-tag{padding:6px 14px;border:1px solid var(--border);border-radius:100px;font-size:.75rem;color:var(--primary);background:rgba(79,70,229,.04);font-weight:500;transition:.3s}\r\n.scene-card:hover .scene-tag{border-color:var(--primary);background:rgba(79,70,229,.08)}\r\n\r\n\/* \u573a\u666f\u80cc\u666f - \u6e10\u53d8\u8272 *\/\r\n.scene-scenic .scene-card-bg{background:linear-gradient(135deg,var(--primary),var(--accent))}\r\n.scene-school .scene-card-bg{background:linear-gradient(135deg,#8b5cf6,#ec4899)}\r\n.scene-park .scene-card-bg{background:linear-gradient(135deg,#06b6d4,#10b981)}\r\n.scene-home .scene-card-bg{background:linear-gradient(135deg,#f59e0b,#ef4444)}\r\n.scene-dev .scene-card-bg{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}\r\n.scene-more .scene-card-bg{background:linear-gradient(135deg,var(--primary-dark),var(--accent))}\r\n.scene-parking .scene-card-bg{background:linear-gradient(135deg,#0ea5e9,#6366f1)}\r\n\r\n\/* ===== \u80fd\u529b - \u5e26\u56fe\u6807 ===== *\/\r\n.cap-list{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}\r\n.cap-item{display:grid;grid-template-columns:80px 1fr 50px;gap:28px;align-items:center;padding:32px 40px;background:#fff;border:1px solid var(--border);border-radius:20px;transition:.4s;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(79,70,229,.04)}\r\n.cap-item:hover{box-shadow:0 8px 30px rgba(79,70,229,.1);border-color:var(--primary);transform:translateX(8px)}\r\n.cap-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--primary),var(--accent));opacity:0;transition:.3s;border-radius:0 2px 2px 0}\r\n.cap-item:hover::before{opacity:1}\r\n\r\n.cap-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(6,182,212,.08));box-shadow:0 4px 15px rgba(79,70,229,.1)}\r\n.cap-content h3{font-size:1.25rem;font-weight:600;margin-bottom:6px;color:var(--text)}\r\n.cap-content p{color:var(--text-muted);font-size:.9rem;line-height:1.6}\r\n.cap-arrow{font-size:1.5rem;color:var(--primary-light);transition:.3s}\r\n.cap-item:hover .cap-arrow{color:var(--primary);transform:translateX(8px)}\r\n\r\n\/* ===== \u6570\u636e ===== *\/\r\n.stats-section{padding:140px 48px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-warm),var(--bg))}\r\n.stats-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(79,70,229,.04),transparent 60%)}\r\n.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:60px;max-width:1000px;margin:0 auto;position:relative;z-index:1}\r\n.stat-item{text-align:center;position:relative}\r\n.stat-item::after{content:'';position:absolute;right:-30px;top:50%;transform:translateY(-50%);width:1px;height:50px;background:linear-gradient(180deg,transparent,var(--border),transparent)}\r\n.stat-item:last-child::after{display:none}\r\n.stat-value{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}\r\n.stat-label{margin-top:16px;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);font-weight:500}\r\n\r\n\/* ===== \u4ea7\u54c1 - Bento \u5361\u7247 ===== *\/\r\n.product-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto auto;gap:20px}\r\n.product-card{position:relative;padding:0;background:#fff;border:1px solid var(--border);border-radius:20px;transition:.5s;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}\r\n.product-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 20px 40px rgba(79,70,229,.08),0 0 0 1px rgba(79,70,229,.12)}\r\n\/* \u5927\u5361\u7247\uff08\u7269\u8054\u4e91\u5e73\u53f0\uff09*\/\r\n.product-card.featured{grid-row:span 3;background:linear-gradient(160deg,#4f46e5 0%,#3730a3 100%);border-color:transparent;color:#fff;display:flex;flex-direction:column}\r\n.product-card.featured:hover{transform:translateY(-4px);box-shadow:0 24px 48px rgba(79,70,229,.2)}\r\n.product-card.featured .product-tag{color:rgba(255,255,255,.6)}\r\n.product-card.featured h3{color:#fff;font-size:1.5rem}\r\n.product-card.featured .product-content p{color:rgba(255,255,255,.75)}\r\n.product-card.featured .product-feature{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}\r\n.product-card.featured:hover .product-feature{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.15);color:#fff}\r\n.product-card.featured .product-icon-wrap{width:64px;height:64px;border-radius:16px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px)}\r\n.product-card.featured .product-icon-wrap svg{width:28px;height:28px}\r\n.product-card.featured:hover .product-icon-wrap{background:rgba(255,255,255,.22);transform:scale(1.06)}\r\n\/* \u88c5\u9970 *\/\r\n.product-card.featured::before{content:'';position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(6,182,212,.3) 0%,transparent 70%);pointer-events:none}\r\n.product-card.featured::after{content:'';position:absolute;bottom:-30%;left:-10%;width:200px;height:200px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 70%);pointer-events:none}\r\n\/* \u5c0f\u5361\u7247 *\/\r\n.product-header{padding:24px 24px 0;display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}\r\n.product-icon-wrap{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;transition:.4s}\r\n.product-icon-wrap svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}\r\n.product-card:nth-child(2) .product-icon-wrap{background:linear-gradient(135deg,#f59e0b,#ef4444)}\r\n.product-card:nth-child(3) .product-icon-wrap{background:linear-gradient(135deg,#10b981,#06b6d4)}\r\n.product-card:nth-child(4) .product-icon-wrap{background:linear-gradient(135deg,#8b5cf6,#ec4899)}\r\n.product-header-text h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:2px}\r\n.product-header-text .product-tag{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.45;color:var(--text)}\r\n.product-content{padding:12px 24px 24px;position:relative;z-index:1}\r\n.product-content p{color:var(--text-muted);font-size:.88rem;line-height:1.7;margin-bottom:16px}\r\n.product-features{display:flex;gap:6px;flex-wrap:wrap}\r\n.product-feature{padding:5px 12px;border:1px solid var(--border);border-radius:8px;font-size:.75rem;color:var(--text-muted);background:#fafbfc;transition:.3s;font-weight:500}\r\n.product-card:hover .product-feature{border-color:rgba(79,70,229,.2);background:rgba(79,70,229,.03);color:var(--primary)}\r\n.product-card:hover .product-icon-wrap{transform:scale(1.06);box-shadow:0 6px 16px rgba(79,70,229,.2)}\r\n\/* \u5927\u5361\u7247\u5185\u95f4\u8ddd + \u5e95\u90e8\u586b\u5145 *\/\r\n.product-card.featured .product-header{padding:32px 32px 0}\r\n.product-card.featured .product-content{padding:16px 32px 16px;flex:1;display:flex;flex-direction:column}\r\n.featured-stats{display:flex;gap:24px;margin-top:auto;padding:20px 32px 28px;position:relative;z-index:1}\r\n.featured-stat{text-align:center}\r\n.featured-stat-value{font-size:1.6rem;font-weight:800;color:#fff;line-height:1.2}\r\n.featured-stat-label{font-size:.72rem;color:rgba(255,255,255,.5);margin-top:4px;font-weight:500;letter-spacing:.02em}\r\n.featured-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:.3s;backdrop-filter:blur(6px);margin-top:auto;text-decoration:none}\r\n.featured-cta:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35);transform:translateY(-1px)}\r\n.featured-cta svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2}\r\n.featured-bottom{margin-top:auto;padding:0 32px 28px;position:relative;z-index:1;display:flex;align-items:flex-end;gap:20px}\r\n\r\n\/* ===== \u6848\u4f8b ===== *\/\r\n.case-scroll{display:flex;gap:24px;overflow-x:auto;padding:20px 4px 60px;scroll-snap-type:x mandatory}\r\n.case-scroll::-webkit-scrollbar{height:4px}\r\n.case-scroll::-webkit-scrollbar-track{background:rgba(79,70,229,.03);border-radius:2px}\r\n.case-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}\r\n.case-card{flex:0 0 400px;background:#fff;border:1px solid var(--border);border-radius:24px;overflow:hidden;scroll-snap-align:start;transition:.5s;box-shadow:0 2px 10px rgba(79,70,229,.04)}\r\n.case-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(79,70,229,.1);border-color:var(--primary)}\r\n.case-visual{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:4.5rem;background:linear-gradient(135deg,rgba(79,70,229,.04),rgba(6,182,212,.04))}\r\n.case-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(255,255,255,.9) 100%)}\r\n.case-content{padding:32px}\r\n.case-tag{display:inline-block;padding:6px 16px;border:1px solid var(--border);border-radius:100px;font-size:.8rem;color:var(--primary);margin-bottom:16px;background:rgba(79,70,229,.04);font-weight:500}\r\n.case-card h3{font-size:1.2rem;font-weight:700;margin-bottom:10px;color:var(--text)}\r\n.case-card p{color:var(--text-muted);font-size:.9rem;line-height:1.7}\r\n.case-metrics{display:flex;gap:32px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}\r\n.case-metric{text-align:center;flex:1}\r\n.case-metric-value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}\r\n.case-metric-label{font-size:.75rem;color:var(--text-muted);margin-top:6px;letter-spacing:.05em;text-transform:uppercase;font-weight:500}\r\n\r\n\/* ===== \u5408\u4f5c\u4f19\u4f34 ===== *\/\r\n.partner-section{padding:100px 48px;text-align:center;background:#fff}\r\n.partner-label{font-size:.75rem;letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin-bottom:48px;font-weight:600}\r\n.partner-scroll{display:flex;gap:60px;overflow-x:auto;padding:20px;justify-content:center;flex-wrap:wrap}\r\n.partner-item{font-size:1.3rem;font-weight:700;color:#cbd5e1;letter-spacing:.05em;transition:.3s;white-space:nowrap}\r\n.partner-item:hover{color:var(--primary)}\r\n\r\n\/* ===== CTA ===== *\/\r\n.cta-section{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg),var(--bg-warm))}\r\n.cta-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(79,70,229,.04),transparent 60%)}\r\n.cta-content{position:relative;z-index:1;max-width:700px;padding:0 24px}\r\n.cta-section h2{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:24px;color:var(--text)}\r\n.cta-section p{font-size:1.1rem;color:var(--text-muted);margin-bottom:48px;line-height:1.7}\r\n.cta-buttons{display:flex;gap:16px;justify-content:center}\r\n.btn-cta-primary{padding:18px 40px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:100px;font-size:1rem;font-weight:700;letter-spacing:.05em;border:none;cursor:pointer;transition:.3s;box-shadow:0 4px 20px rgba(79,70,229,.25)}\r\n.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(79,70,229,.35)}\r\n.btn-cta-secondary{padding:18px 40px;background:#fff;border:1.5px solid var(--border);color:var(--primary);border-radius:100px;font-size:1rem;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:.3s}\r\n.btn-cta-secondary:hover{border-color:var(--primary);background:rgba(79,70,229,.04);transform:translateY(-2px)}\r\n\r\n\/* ===== Footer ===== *\/\r\n.footer{padding:100px 48px 40px;border-top:1px solid var(--border);background:var(--bg)}\r\n.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:80px;max-width:1200px;margin:0 auto}\r\n.footer-brand p{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-top:20px;max-width:300px}\r\n.footer-col h4{font-size:.75rem;font-weight:700;margin-bottom:28px;letter-spacing:.15em;text-transform:uppercase;color:var(--text)}\r\n.footer-col a{display:block;color:var(--text-muted);padding:10px 0;transition:.3s;font-size:.9rem;text-decoration:none}\r\n.footer-col a:hover{color:var(--primary)}\r\n.footer-bottom{max-width:1200px;margin:60px auto 0;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}\r\n\r\n\/* ===== \u6eda\u52a8\u52a8\u753b ===== *\/\r\n.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}\r\n.reveal.active{opacity:1;transform:translateY(0)}\r\n\r\n\/* ===== \u54cd\u5e94\u5f0f ===== *\/\r\n@media(max-width:1024px){\r\n.hero-grid{grid-template-columns:1fr;gap:60px}\r\n.hero-visual{order:-1}\r\n.scene-card{flex:0 0 340px}\r\n.stats-grid{grid-template-columns:repeat(2,1fr);gap:40px}\r\n.stat-item::after{display:none}\r\n.product-grid{grid-template-columns:1fr}.product-card.featured{grid-row:span 1}\r\n.footer-grid{grid-template-columns:1fr 1fr;gap:40px}\r\n.nav-links{display:none}\r\n}\r\n@media(max-width:768px){\r\n.hero{padding:120px 24px 80px}\r\n.scene-card{flex:0 0 300px;height:380px}\r\n.stats-grid{grid-template-columns:1fr;gap:32px}\r\n.case-card{flex:0 0 320px}\r\n.footer-grid{grid-template-columns:1fr;gap:40px}\r\n.footer-bottom{flex-direction:column;gap:12px;text-align:center}\r\n.cta-buttons{flex-direction:column;align-items:center}\r\n.hero-cta{flex-direction:column;align-items:stretch}\r\n.section-full{padding:80px 24px}\r\n.nav{padding:16px 24px}\r\n.nav.scrolled{padding:12px 24px}\r\n.cap-item{grid-template-columns:60px 1fr 40px;gap:16px;padding:24px}\r\n.cap-icon{width:48px;height:48px;font-size:1.3rem}\r\n}\r\n\/* \u5185\u5d4c SVG \u56fe\u6807 *\/\r\n.scene-card-icon svg,.cap-icon svg,.float-icon svg{width:1.4em;height:1.4em;color:var(--primary)}\r\n.product-icon-wrap svg{width:22px;height:22px;stroke:#fff;fill:none}\r\n.case-visual{font-size:0}\r\n.case-visual .icon-wrap{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}\r\n.case-visual .icon-ring{position:absolute;width:140px;height:140px;border-radius:50%;border:1.5px dashed rgba(79,70,229,.12)}\r\n.case-visual svg{width:56px;height:56px;color:var(--primary-light);opacity:.65;position:relative;z-index:1}\r\n.trust-logo{display:inline-flex;align-items:center;gap:6px}\r\n.trust-logo svg{width:16px;height:16px;color:var(--text-muted);opacity:.6}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<nav class=\"nav\" id=\"nav\">\r\n    <a href=\"#\" class=\"nav-logo\">\r\n        <img decoding=\"async\" src=\"file:\/\/\/C:\/Users\/lemon\/WorkBuddy\/2026-05-06-task-2\/wordpress-theme\/rainbow-aiot\/assets\/images\/logo.png\" alt=\"\u777f\u6069\u535a\" style=\"height: 36px; width: auto;\">\r\n    <\/a>\r\n    <ul class=\"nav-links\">\r\n        <li><a href=\"#scenes\" class=\"active\">\u573a\u666f\u65b9\u6848<\/a><\/li>\r\n        <li><a href=\"#capabilities\">\u6280\u672f\u80fd\u529b<\/a><\/li>\r\n        <li><a href=\"#products\">\u4ea7\u54c1\u4f53\u7cfb<\/a><\/li>\r\n        <li><a href=\"#cases\">\u5ba2\u6237\u6848\u4f8b<\/a><\/li>\r\n    <\/ul>\r\n    <div class=\"nav-right\">\r\n        <button class=\"nav-cta\">\u514d\u8d39\u8bd5\u7528<\/button>\r\n    <\/div>\r\n<\/nav>\r\n\r\n<!-- Hero -->\r\n<section class=\"hero\">\r\n    <div class=\"hero-grid\">\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-badge\">\r\n                <span class=\"hero-badge-dot\"><\/span>\r\n                AIoT PLATFORM v2.0\r\n            <\/div>\r\n            <h1>\r\n                \u8ba9\u4e07\u7269<br><span class=\"accent\">\u667a\u8054<\/span>\r\n            <\/h1>\r\n            <p class=\"hero-desc\">\u4ece\u8fb9\u7f18\u786c\u4ef6\u5230\u4e91\u5e73\u53f0\uff0c\u4ece\u6570\u636e\u91c7\u96c6\u5230 AI \u51b3\u7b56\u3002\u4e3a\u666f\u533a\u3001\u5b66\u6821\u3001\u56ed\u533a\u3001\u5bb6\u5ead\u63d0\u4f9b\u4e0b\u4e00\u4ee3\u7269\u8054\u7f51\u57fa\u7840\u8bbe\u65bd\u3002<\/p>\r\n            <div class=\"hero-cta\">\r\n                <button class=\"hero-cta-primary\">\u514d\u8d39\u8bd5\u7528<\/button>\r\n                <button class=\"hero-cta-secondary\">\u67e5\u770b\u6f14\u793a<\/button>\r\n            <\/div>\r\n            <div class=\"hero-trust\">\r\n                <span class=\"hero-trust-label\">\u5df2\u670d\u52a1<\/span>\r\n                <div class=\"hero-trust-logos\">\r\n                    <span class=\"trust-logo\">\ud83c\udfd4\ufe0f \u666f\u533a<\/span>\r\n                    <span class=\"trust-logo\">\ud83c\udf93 \u6821\u56ed<\/span>\r\n                    <span class=\"trust-logo\">\ud83c\udfe2 \u56ed\u533a<\/span>\r\n                    <span class=\"trust-logo\">\ud83c\udfe0 \u5bb6\u5ead<\/span>\r\n                    <span class=\"trust-logo\">\ud83c\udfed \u5de5\u4e1a<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"hero-visual\">\r\n            <div class=\"hero-visual-card\">\r\n                <div class=\"visual-header\">\r\n                    <span class=\"visual-title\">\u8bbe\u5907\u5b9e\u65f6\u76d1\u63a7<\/span>\r\n                    <span class=\"visual-status\"><span class=\"visual-status-dot\"><\/span>\u5728\u7ebf<\/span>\r\n                <\/div>\r\n                <div class=\"visual-chart\">\r\n                    <div class=\"visual-bar\" data-val=\"45%\"><\/div>\r\n                    <div class=\"visual-bar\" data-val=\"72%\"><\/div>\r\n                    <div class=\"visual-bar\" data-val=\"58%\"><\/div>\r\n                    <div class=\"visual-bar\" data-val=\"85%\"><\/div>\r\n                    <div class=\"visual-bar\" data-val=\"63%\"><\/div>\r\n                    <div class=\"visual-bar\" data-val=\"91%\"><\/div>\r\n                    <div class=\"visual-bar\" data-val=\"76%\"><\/div>\r\n                <\/div>\r\n                <div class=\"visual-footer\">\r\n                    <div class=\"visual-metric\">\r\n                        <div class=\"visual-metric-value\">12,847<\/div>\r\n                        <div class=\"visual-metric-label\">\u63a5\u5165\u8bbe\u5907<\/div>\r\n                    <\/div>\r\n                    <div class=\"visual-metric\">\r\n                        <div class=\"visual-metric-value\">99.9%<\/div>\r\n                        <div class=\"visual-metric-label\">\u53ef\u7528\u7387<\/div>\r\n                    <\/div>\r\n                    <div class=\"visual-metric\">\r\n                        <div class=\"visual-metric-value\">&lt;50ms<\/div>\r\n                        <div class=\"visual-metric-label\">\u5ef6\u8fdf<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u6d6e\u52a8\u5361\u7247 -->\r\n            <div class=\"hero-float-card hero-float-1\">\r\n                <span class=\"float-icon\">\ud83d\udce1<\/span>\r\n                <div class=\"float-content\">\r\n                    <span class=\"float-title\">\u65b0\u8bbe\u5907\u63a5\u5165<\/span>\r\n                    <span class=\"float-value\" id=\"daily-devices\">+128 \u4eca\u65e5<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-float-card hero-float-2\">\r\n                <span class=\"float-icon\">\ud83e\udd16<\/span>\r\n                <div class=\"float-content\">\r\n                    <span class=\"float-title\">AI \u63a8\u7406\u6b21\u6570<\/span>\r\n                    <span class=\"float-value\" id=\"ai-count\">1.2M \u4eca\u65e5<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-float-card hero-float-3\">\r\n                <span class=\"float-icon\">\ud83d\udee1\ufe0f<\/span>\r\n                <div class=\"float-content\">\r\n                    <span class=\"float-title\">\u6570\u636e\u5b89\u5168<\/span>\r\n                    <span class=\"float-value\">\u7aef\u5230\u7aef\u52a0\u5bc6<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"hero-scroll\">\u5411\u4e0b\u6eda\u52a8<\/div>\r\n<\/section>\r\n\r\n<!-- \u573a\u666f - \u6a2a\u5411\u6eda\u52a8 -->\r\n<section class=\"section-full bg-white\" id=\"scenes\">\r\n    <div class=\"deco-text\" style=\"top:5%;left:-5%\">SCENES<\/div>\r\n    <div class=\"section-content\">\r\n        <div class=\"section-header reveal\">\r\n            <div class=\"section-label\">Solutions<\/div>\r\n            <h2 class=\"section-title\">\u5168\u573a\u666f\u8986\u76d6<\/h2>\r\n            <p class=\"section-subtitle\">\u6df1\u8015\u5782\u76f4\u884c\u4e1a\uff0c\u63d0\u4f9b\u4ece\u786c\u4ef6\u5230\u8f6f\u4ef6\u7684\u4e00\u7ad9\u5f0f\u89e3\u51b3\u65b9\u6848<\/p>\r\n        <\/div>\r\n        <div class=\"scene-scroll\">\r\n            <div class=\"scroll-track\">\r\n            <div class=\"scene-card scene-scenic reveal\">\r\n                <div class=\"scene-card-bg\"><\/div>\r\n                <div class=\"scene-card-inner\">\r\n                    <div class=\"scene-card-num\">01<\/div>\r\n                    <div class=\"scene-card-icon\">\ud83c\udfd4\ufe0f<\/div>\r\n                    <h3>\u667a\u6167\u666f\u533a<\/h3>\r\n                    <p>\u5ba2\u6d41\u76d1\u6d4b\u3001\u667a\u80fd\u7968\u52a1\u3001\u505c\u8f66\u5f15\u5bfc\u3001\u73af\u5883\u611f\u77e5\uff0c\u63d0\u5347\u6e38\u5ba2\u4f53\u9a8c\u4e0e\u8fd0\u8425\u6548\u7387<\/p>\r\n                    <div class=\"scene-card-tags\">\r\n                        <span class=\"scene-tag\">\u5ba2\u6d41\u5206\u6790<\/span>\r\n                        <span class=\"scene-tag\">\u667a\u80fd\u5bfc\u89c8<\/span>\r\n                        <span class=\"scene-tag\">\u73af\u5883\u76d1\u6d4b<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"scene-card scene-school reveal\">\r\n                <div class=\"scene-card-bg\"><\/div>\r\n                <div class=\"scene-card-inner\">\r\n                    <div class=\"scene-card-num\">02<\/div>\r\n                    <div class=\"scene-card-icon\">\ud83c\udf93<\/div>\r\n                    <h3>\u6570\u5b57\u6821\u56ed<\/h3>\r\n                    <p>\u667a\u6167\u6559\u5ba4\u3001\u5b89\u9632\u76d1\u63a7\u3001\u80fd\u8017\u7ba1\u7406\u3001\u8d44\u4ea7\u8ffd\u8e2a\uff0c\u6784\u5efa\u5b89\u5168\u9ad8\u6548\u7684\u6559\u5b66\u73af\u5883<\/p>\r\n                    <div class=\"scene-card-tags\">\r\n                        <span class=\"scene-tag\">\u667a\u6167\u6559\u5ba4<\/span>\r\n                        <span class=\"scene-tag\">\u80fd\u8017\u4f18\u5316<\/span>\r\n                        <span class=\"scene-tag\">\u5b89\u9632\u76d1\u63a7<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"scene-card scene-park reveal\">\r\n                <div class=\"scene-card-bg\"><\/div>\r\n                <div class=\"scene-card-inner\">\r\n                    <div class=\"scene-card-num\">03<\/div>\r\n                    <div class=\"scene-card-icon\">\ud83c\udfe2<\/div>\r\n                    <h3>\u667a\u6167\u56ed\u533a<\/h3>\r\n                    <p>\u697c\u5b87\u81ea\u63a7\u3001\u80fd\u6e90\u4f18\u5316\u3001\u901a\u884c\u7ba1\u7406\u3001\u8bbe\u65bd\u8fd0\u7ef4\uff0c\u6253\u9020\u7eff\u8272\u667a\u80fd\u7684\u529e\u516c\u7a7a\u95f4<\/p>\r\n                    <div class=\"scene-card-tags\">\r\n                        <span class=\"scene-tag\">\u697c\u5b87\u81ea\u63a7<\/span>\r\n                        <span class=\"scene-tag\">\u80fd\u6e90\u7ba1\u7406<\/span>\r\n                        <span class=\"scene-tag\">\u901a\u884c\u7ba1\u7406<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"scene-card scene-home reveal\">\r\n                <div class=\"scene-card-bg\"><\/div>\r\n                <div class=\"scene-card-inner\">\r\n                    <div class=\"scene-card-num\">04<\/div>\r\n                    <div class=\"scene-card-icon\">\ud83c\udfe0<\/div>\r\n                    <h3>\u667a\u6167\u5bb6\u5ead<\/h3>\r\n                    <p>\u5168\u5c4b\u667a\u80fd\u3001\u5b89\u9632\u5b88\u62a4\u3001\u706f\u5149\u573a\u666f\u3001\u6e29\u63a7\u7ba1\u7406\uff0c\u8ba9\u5bb6\u66f4\u61c2\u4f60\u7684\u751f\u6d3b<\/p>\r\n                    <div class=\"scene-card-tags\">\r\n                        <span class=\"scene-tag\">\u5168\u5c4b\u667a\u80fd<\/span>\r\n                        <span class=\"scene-tag\">\u5b89\u9632\u76d1\u63a7<\/span>\r\n                        <span class=\"scene-tag\">\u573a\u666f\u8054\u52a8<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"scene-card scene-dev reveal\">\r\n                <div class=\"scene-card-bg\"><\/div>\r\n                <div class=\"scene-card-inner\">\r\n                    <div class=\"scene-card-num\">05<\/div>\r\n                    <div class=\"scene-card-icon\">\ud83d\udcbb<\/div>\r\n                    <h3>\u5f00\u53d1\u8005\u5e73\u53f0<\/h3>\r\n                    <p>\u5f00\u653e API\u3001\u591a\u8bed\u8a00 SDK\u3001\u4f4e\u4ee3\u7801\u5de5\u5177\u3001\u5728\u7ebf\u6c99\u7bb1\uff0c\u52a0\u901f IoT \u5e94\u7528\u521b\u65b0<\/p>\r\n                    <div class=\"scene-card-tags\">\r\n                        <span class=\"scene-tag\">REST API<\/span>\r\n                        <span class=\"scene-tag\">\u591a\u8bed\u8a00 SDK<\/span>\r\n                        <span class=\"scene-tag\">\u4f4e\u4ee3\u7801<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"scene-card scene-parking reveal\">\r\n                <div class=\"scene-card-bg\"><\/div>\r\n                <div class=\"scene-card-inner\">\r\n                    <div class=\"scene-card-num\">06<\/div>\r\n                    <div class=\"scene-card-icon\">\ud83c\udd7f\ufe0f<\/div>\r\n                    <h3>\u667a\u6167\u505c\u8f66<\/h3>\r\n                    <p>\u8f66\u4f4d\u5f15\u5bfc\u3001\u65e0\u611f\u652f\u4ed8\u3001\u7a7a\u4f4d\u9884\u6d4b\u3001\u6570\u636e\u5206\u6790\uff0c\u63d0\u5347\u505c\u8f66\u573a\u8fd0\u8425\u6548\u7387\u4e0e\u7528\u6237\u4f53\u9a8c<\/p>\r\n                    <div class=\"scene-card-tags\">\r\n                        <span class=\"scene-tag\">\u8f66\u4f4d\u5f15\u5bfc<\/span>\r\n                        <span class=\"scene-tag\">\u65e0\u611f\u652f\u4ed8<\/span>\r\n                        <span class=\"scene-tag\">\u6570\u636e\u5206\u6790<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"scene-card scene-more reveal\">\r\n                <div class=\"scene-card-bg\"><\/div>\r\n                <div class=\"scene-card-inner\" style=\"justify-content:center;align-items:center;text-align:center\">\r\n                    <div class=\"scene-card-icon\" style=\"font-size:2.5rem\">\ud83d\ude80<\/div>\r\n                    <h3>\u66f4\u591a\u573a\u666f<\/h3>\r\n                    <p>\u5de5\u4e1a\u3001\u519c\u4e1a\u3001\u533b\u7597\u3001\u4ea4\u901a...\u6301\u7eed\u62d3\u5c55\u4e2d<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u514b\u9686\u7ec4\uff1a\u4fdd\u8bc1\u65e0\u7f1d\u5faa\u73af -->\r\n            <div class=\"scene-card scene-scenic\"><div class=\"scene-card-bg\"><\/div><div class=\"scene-card-inner\"><div class=\"scene-card-num\">01<\/div><div class=\"scene-card-icon\">\ud83c\udfd4\ufe0f<\/div><h3>\u667a\u6167\u666f\u533a<\/h3><p>\u5ba2\u6d41\u76d1\u6d4b\u3001\u667a\u80fd\u7968\u52a1\u3001\u505c\u8f66\u5f15\u5bfc\u3001\u73af\u5883\u611f\u77e5\uff0c\u63d0\u5347\u6e38\u5ba2\u4f53\u9a8c\u4e0e\u8fd0\u8425\u6548\u7387<\/p><div class=\"scene-card-tags\"><span class=\"scene-tag\">\u5ba2\u6d41\u5206\u6790<\/span><span class=\"scene-tag\">\u667a\u80fd\u5bfc\u89c8<\/span><span class=\"scene-tag\">\u73af\u5883\u76d1\u6d4b<\/span><\/div><\/div><\/div>\r\n            <div class=\"scene-card scene-school\"><div class=\"scene-card-bg\"><\/div><div class=\"scene-card-inner\"><div class=\"scene-card-num\">02<\/div><div class=\"scene-card-icon\">\ud83c\udf93<\/div><h3>\u6570\u5b57\u6821\u56ed<\/h3><p>\u4eba\u8138\u8bc6\u522b\u95e8\u7981\u3001\u667a\u6167\u6559\u5ba4\u3001\u80fd\u8017\u7ba1\u7406\u3001\u6821\u56ed\u5b89\u5168\u9884\u8b66\uff0c\u6784\u5efa\u6570\u5b57\u5316\u6821\u56ed<\/p><div class=\"scene-card-tags\"><span class=\"scene-tag\">\u4eba\u8138\u8bc6\u522b<\/span><span class=\"scene-tag\">\u667a\u6167\u6559\u5ba4<\/span><span class=\"scene-tag\">\u80fd\u8017\u7ba1\u7406<\/span><\/div><\/div><\/div>\r\n            <div class=\"scene-card scene-park\"><div class=\"scene-card-bg\"><\/div><div class=\"scene-card-inner\"><div class=\"scene-card-num\">03<\/div><div class=\"scene-card-icon\">\ud83c\udfe2<\/div><h3>\u667a\u6167\u56ed\u533a<\/h3><p>\u8bbf\u5ba2\u7ba1\u7406\u3001\u8d44\u4ea7\u8ffd\u8e2a\u3001\u80fd\u8017\u4f18\u5316\u3001\u5b89\u9632\u8054\u52a8\uff0c\u6253\u9020\u667a\u6167\u56ed\u533a\u65b0\u6807\u6746<\/p><div class=\"scene-card-tags\"><span class=\"scene-tag\">\u8bbf\u5ba2\u7ba1\u7406<\/span><span class=\"scene-tag\">\u8d44\u4ea7\u8ffd\u8e2a<\/span><span class=\"scene-tag\">\u80fd\u8017\u4f18\u5316<\/span><\/div><\/div><\/div>\r\n            <div class=\"scene-card scene-home\"><div class=\"scene-card-bg\"><\/div><div class=\"scene-card-inner\"><div class=\"scene-card-num\">04<\/div><div class=\"scene-card-icon\">\ud83c\udfe0<\/div><h3>\u667a\u6167\u5bb6\u5ead<\/h3><p>\u5168\u5c4b\u667a\u80fd\u63a7\u5236\u3001\u8bed\u97f3\u4ea4\u4e92\u3001\u8fdc\u7a0b\u770b\u62a4\u3001\u80fd\u8017\u5206\u6790\uff0c\u8ba9\u5bb6\u66f4\u61c2\u4f60<\/p><div class=\"scene-card-tags\"><span class=\"scene-tag\">\u8bed\u97f3\u63a7\u5236<\/span><span class=\"scene-tag\">\u8fdc\u7a0b\u770b\u62a4<\/span><span class=\"scene-tag\">\u5bb6\u5ead\u5171\u4eab<\/span><\/div><\/div><\/div>\r\n            <div class=\"scene-card scene-dev\"><div class=\"scene-card-bg\"><\/div><div class=\"scene-card-inner\"><div class=\"scene-card-num\">05<\/div><div class=\"scene-card-icon\">\ud83d\udcbb<\/div><h3>\u5f00\u53d1\u8005\u5e73\u53f0<\/h3><p>\u5f00\u653e API\u3001\u591a\u8bed\u8a00 SDK\u3001\u4f4e\u4ee3\u7801\u5de5\u5177\u3001\u5728\u7ebf\u6c99\u7bb1\uff0c\u52a0\u901f IoT \u5e94\u7528\u521b\u65b0<\/p><div class=\"scene-card-tags\"><span class=\"scene-tag\">REST API<\/span><span class=\"scene-tag\">\u591a\u8bed\u8a00 SDK<\/span><span class=\"scene-tag\">\u4f4e\u4ee3\u7801<\/span><\/div><\/div><\/div>\r\n            <div class=\"scene-card scene-parking\"><div class=\"scene-card-bg\"><\/div><div class=\"scene-card-inner\"><div class=\"scene-card-num\">06<\/div><div class=\"scene-card-icon\">\ud83c\udd7f\ufe0f<\/div><h3>\u667a\u6167\u505c\u8f66<\/h3><p>\u8f66\u4f4d\u5f15\u5bfc\u3001\u65e0\u611f\u652f\u4ed8\u3001\u7a7a\u4f4d\u9884\u6d4b\u3001\u6570\u636e\u5206\u6790\uff0c\u63d0\u5347\u505c\u8f66\u573a\u8fd0\u8425\u6548\u7387\u4e0e\u7528\u6237\u4f53\u9a8c<\/p><div class=\"scene-card-tags\"><span class=\"scene-tag\">\u8f66\u4f4d\u5f15\u5bfc<\/span><span class=\"scene-tag\">\u65e0\u611f\u652f\u4ed8<\/span><span class=\"scene-tag\">\u6570\u636e\u5206\u6790<\/span><\/div><\/div><\/div>\r\n            <div class=\"scene-card scene-more\"><div class=\"scene-card-bg\"><\/div><div class=\"scene-card-inner\" style=\"justify-content:center;align-items:center;text-align:center\"><div class=\"scene-card-icon\" style=\"font-size:2.5rem\">\ud83d\ude80<\/div><h3>\u66f4\u591a\u573a\u666f<\/h3><p>\u5de5\u4e1a\u3001\u519c\u4e1a\u3001\u533b\u7597\u3001\u4ea4\u901a...\u6301\u7eed\u62d3\u5c55\u4e2d<\/p><\/div><\/div>\r\n            <\/div><!-- \/scroll-track -->\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u80fd\u529b - \u5e26\u56fe\u6807 -->\r\n<section class=\"section-full bg-cream\" id=\"capabilities\">\r\n    <div class=\"deco-text\" style=\"bottom:5%;right:-5%;font-size:15vw\">TECH<\/div>\r\n    <div class=\"section-content\">\r\n        <div class=\"section-header reveal\">\r\n            <div class=\"section-label\">Capabilities<\/div>\r\n            <h2 class=\"section-title\">\u7aef\u5230\u7aef\u6280\u672f\u6808<\/h2>\r\n            <p class=\"section-subtitle\">\u4ece\u8fb9\u7f18\u5230\u4e91\u7aef\uff0c\u6784\u5efa\u5b8c\u6574\u7684\u6280\u672f\u95ed\u73af<\/p>\r\n        <\/div>\r\n        <div class=\"cap-list\">\r\n            <div class=\"cap-item reveal\">\r\n                <div class=\"cap-icon\">\ud83e\udde0<\/div>\r\n                <div class=\"cap-content\">\r\n                    <h3>\u8fb9\u7f18\u667a\u80fd<\/h3>\r\n                    <p>\u81ea\u7814\u8fb9\u7f18\u8ba1\u7b97\u6a21\u7ec4\uff0c\u652f\u6301 LoRa\/NB-IoT\/Wi-Fi\/4G \u591a\u534f\u8bae\u63a5\u5165\uff0c\u672c\u5730 AI \u63a8\u7406<\/p>\r\n                <\/div>\r\n                <div class=\"cap-arrow\">\u2192<\/div>\r\n            <\/div>\r\n            <div class=\"cap-item reveal\">\r\n                <div class=\"cap-icon\">\ud83d\udd17<\/div>\r\n                <div class=\"cap-content\">\r\n                    <h3>\u8bbe\u5907\u63a5\u5165<\/h3>\r\n                    <p>\u767e\u4e07\u7ea7\u8bbe\u5907\u5e76\u53d1\u8fde\u63a5\uff0cMQTT\/CoAP\/HTTP \u534f\u8bae\u5168\u8986\u76d6\uff0c\u79d2\u7ea7\u8bbe\u5907\u53d1\u73b0<\/p>\r\n                <\/div>\r\n                <div class=\"cap-arrow\">\u2192<\/div>\r\n            <\/div>\r\n            <div class=\"cap-item reveal\">\r\n                <div class=\"cap-icon\">\ud83d\udcca<\/div>\r\n                <div class=\"cap-content\">\r\n                    <h3>\u6570\u636e\u5f15\u64ce<\/h3>\r\n                    <p>\u65f6\u5e8f\u6570\u636e\u5e93 + \u6d41\u5f0f\u8ba1\u7b97\uff0c\u6beb\u79d2\u7ea7\u6570\u636e\u5199\u5165\uff0cPB \u7ea7\u6570\u636e\u5b58\u50a8<\/p>\r\n                <\/div>\r\n                <div class=\"cap-arrow\">\u2192<\/div>\r\n            <\/div>\r\n            <div class=\"cap-item reveal\">\r\n                <div class=\"cap-icon\">\ud83e\udd16<\/div>\r\n                <div class=\"cap-content\">\r\n                    <h3>AI \u51b3\u7b56<\/h3>\r\n                    <p>\u9884\u8bad\u7ec3\u884c\u4e1a\u6a21\u578b\uff0c\u5f02\u5e38\u68c0\u6d4b\u3001\u9884\u6d4b\u7ef4\u62a4\u3001\u89c6\u89c9\u8bc6\u522b\uff0c\u51c6\u786e\u7387 95%+<\/p>\r\n                <\/div>\r\n                <div class=\"cap-arrow\">\u2192<\/div>\r\n            <\/div>\r\n            <div class=\"cap-item reveal\">\r\n                <div class=\"cap-icon\">\ud83d\udd12<\/div>\r\n                <div class=\"cap-content\">\r\n                    <h3>\u5b89\u5168\u4f53\u7cfb<\/h3>\r\n                    <p>\u7aef\u5230\u7aef\u52a0\u5bc6\uff0c\u96f6\u4fe1\u4efb\u67b6\u6784\uff0c\u5168\u94fe\u8def\u5b89\u5168\u5ba1\u8ba1\uff0c\u6570\u636e\u5408\u89c4\u4fdd\u969c<\/p>\r\n                <\/div>\r\n                <div class=\"cap-arrow\">\u2192<\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u6570\u636e -->\r\n<section class=\"stats-section\">\r\n    <div class=\"stats-grid\">\r\n        <div class=\"stat-item reveal\">\r\n            <div class=\"stat-value\" data-target=\"50\" data-suffix=\"\u4e07+\">0<\/div>\r\n            <div class=\"stat-label\">\u63a5\u5165\u8bbe\u5907<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item reveal\">\r\n            <div class=\"stat-value\" data-target=\"99.9\">0<\/div>\r\n            <div class=\"stat-label\">\u5e73\u53f0\u53ef\u7528\u7387<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item reveal\">\r\n            <div class=\"stat-value\" data-target=\"200\">0<\/div>\r\n            <div class=\"stat-label\">\u5408\u4f5c\u4f19\u4f34<\/div>\r\n        <\/div>\r\n        <div class=\"stat-item reveal\">\r\n            <div class=\"stat-value\" data-target=\"-1\" data-display=\"&lt;50ms\">0<\/div>\r\n            <div class=\"stat-label\">\u54cd\u5e94\u5ef6\u8fdf<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u4ea7\u54c1 - \u5e26\u56fe\u7247\u533a\u57df -->\r\n<section class=\"section-full bg-white\" id=\"products\">\r\n    <div class=\"section-content\">\r\n        <div class=\"section-header reveal\">\r\n            <div class=\"section-label\">Products<\/div>\r\n            <h2 class=\"section-title\">\u5168\u6808\u4ea7\u54c1\u4f53\u7cfb<\/h2>\r\n            <p class=\"section-subtitle\">\u8f6f\u786c\u4e00\u4f53\uff0c\u8986\u76d6 IoT \u5168\u751f\u547d\u5468\u671f<\/p>\r\n        <\/div>\r\n        <div class=\"product-grid\">\r\n            <!-- \u5927\u5361\u7247\uff1a\u7269\u8054\u4e91\u5e73\u53f0 -->\r\n            <div class=\"product-card featured reveal\">\r\n                <div class=\"product-header\">\r\n                    <div class=\"product-icon-wrap\" data-icon=\"cloud\"><\/div>\r\n                    <div class=\"product-header-text\">\r\n                        <div class=\"product-tag\">Core Platform<\/div>\r\n                        <h3>\u7269\u8054\u4e91\u5e73\u53f0<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"product-content\">\r\n                    <p>\u4e00\u7ad9\u5f0f IoT \u4e2d\u67a2\uff0c\u767e\u4e07\u7ea7\u8bbe\u5907\u5e76\u53d1\u7ba1\u7406\uff0c\u5b9e\u65f6\u6570\u636e\u6d41\u8f6c\u4e0e\u89c4\u5219\u5f15\u64ce\u9a71\u52a8\uff0c\u53ef\u89c6\u5316\u5927\u5c4f\u8ba9\u8fd0\u8425\u4e00\u76ee\u4e86\u7136<\/p>\r\n                    <div class=\"product-features\">\r\n                        <span class=\"product-feature\">\u8bbe\u5907\u7ba1\u7406<\/span>\r\n                        <span class=\"product-feature\">\u89c4\u5219\u5f15\u64ce<\/span>\r\n                        <span class=\"product-feature\">\u6570\u636e\u5927\u5c4f<\/span>\r\n                        <span class=\"product-feature\">\u544a\u8b66\u4e2d\u5fc3<\/span>\r\n                        <span class=\"product-feature\">OTA \u5347\u7ea7<\/span>\r\n                        <span class=\"product-feature\">\u591a\u79df\u6237<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"featured-stats\">\r\n                    <div class=\"featured-stat\">\r\n                        <div class=\"featured-stat-value\">50\u4e07+<\/div>\r\n                        <div class=\"featured-stat-label\">\u8bbe\u5907\u8fde\u63a5<\/div>\r\n                    <\/div>\r\n                    <div class=\"featured-stat\">\r\n                        <div class=\"featured-stat-value\">99.9%<\/div>\r\n                        <div class=\"featured-stat-label\">\u670d\u52a1\u53ef\u7528\u6027<\/div>\r\n                    <\/div>\r\n                    <div class=\"featured-stat\">\r\n                        <div class=\"featured-stat-value\">50+<\/div>\r\n                        <div class=\"featured-stat-label\">\u63a5\u5165\u534f\u8bae<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"featured-bottom\">\r\n                    <a href=\"#\" class=\"featured-cta\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\r\n                        \u4e86\u89e3\u5e73\u53f0\u8be6\u60c5\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u5c0f\u5361\u7247 1\uff1a\u667a\u80fd\u7f51\u5173 -->\r\n            <div class=\"product-card reveal\">\r\n                <div class=\"product-header\">\r\n                    <div class=\"product-icon-wrap\" data-icon=\"plug\"><\/div>\r\n                    <div class=\"product-header-text\">\r\n                        <div class=\"product-tag\">Hardware<\/div>\r\n                        <h3>\u667a\u80fd\u7f51\u5173<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"product-content\">\r\n                    <p>\u591a\u534f\u8bae\u8fb9\u7f18\u7f51\u5173\uff0c\u79bb\u7ebf\u81ea\u6cbb\uff0c\u5373\u63d2\u5373\u7528<\/p>\r\n                    <div class=\"product-features\">\r\n                        <span class=\"product-feature\">Zigbee 3.0<\/span>\r\n                        <span class=\"product-feature\">BLE 5.0<\/span>\r\n                        <span class=\"product-feature\">4G Cat.1<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u5c0f\u5361\u7247 2\uff1a\u5f00\u53d1\u8005\u5de5\u5177 -->\r\n            <div class=\"product-card reveal\">\r\n                <div class=\"product-header\">\r\n                    <div class=\"product-icon-wrap\" data-icon=\"wrench\"><\/div>\r\n                    <div class=\"product-header-text\">\r\n                        <div class=\"product-tag\">Developer<\/div>\r\n                        <h3>\u5f00\u53d1\u8005\u5de5\u5177<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"product-content\">\r\n                    <p>\u5728\u7ebf\u8c03\u8bd5\u3001\u8bbe\u5907\u6a21\u62df\u3001CLI \u5de5\u5177\u94fe<\/p>\r\n                    <div class=\"product-features\">\r\n                        <span class=\"product-feature\">\u5728\u7ebf\u8c03\u8bd5<\/span>\r\n                        <span class=\"product-feature\">\u8bbe\u5907\u6a21\u62df<\/span>\r\n                        <span class=\"product-feature\">CI\/CD<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- \u5c0f\u5361\u7247 3\uff1a\u6570\u636e\u53ef\u89c6\u5316 -->\r\n            <div class=\"product-card reveal\">\r\n                <div class=\"product-header\">\r\n                    <div class=\"product-icon-wrap\" data-icon=\"bar-chart-3\"><\/div>\r\n                    <div class=\"product-header-text\">\r\n                        <div class=\"product-tag\">Analytics<\/div>\r\n                        <h3>\u6570\u636e\u53ef\u89c6\u5316<\/h3>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"product-content\">\r\n                    <p>\u62d6\u62fd\u5f0f\u5927\u5c4f\u642d\u5efa\uff0c\u5b9e\u65f6\u6570\u636e\u6d1e\u5bdf\u4e0e\u62a5\u8868<\/p>\r\n                    <div class=\"product-features\">\r\n                        <span class=\"product-feature\">\u62d6\u62fd\u642d\u5efa<\/span>\r\n                        <span class=\"product-feature\">\u5b9e\u65f6\u62a5\u8868<\/span>\r\n                        <span class=\"product-feature\">\u6570\u636e\u5bfc\u51fa<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u6848\u4f8b -->\r\n<section class=\"section-full bg-cream\" id=\"cases\">\r\n    <div class=\"section-content\">\r\n        <div class=\"section-header reveal\">\r\n            <div class=\"section-label\">Cases<\/div>\r\n            <h2 class=\"section-title\">\u5ba2\u6237\u6848\u4f8b<\/h2>\r\n            <p class=\"section-subtitle\">\u4e0e\u884c\u4e1a\u9886\u5148\u4f01\u4e1a\u5171\u540c\u521b\u65b0<\/p>\r\n        <\/div>\r\n        <div class=\"case-scroll\">\r\n            <div class=\"case-card case-scenic reveal\">\r\n                <div class=\"case-visual\" data-case-icon=\"mountain\"><\/div>\r\n                <div class=\"case-content\">\r\n                    <span class=\"case-tag\">\u667a\u6167\u666f\u533a<\/span>\r\n                    <h3>\u897f\u5357\u67d0 5A \u7ea7\u666f\u533a<\/h3>\r\n                    <p>\u4eba\u6d41\u70ed\u529b\u76d1\u6d4b\u3001\u667a\u80fd\u5bfc\u89c8\u8c03\u5ea6\u3001\u73af\u5883\u8d28\u91cf\u5b9e\u65f6\u611f\u77e5\uff0c\u8282\u5047\u65e5\u5ba2\u6d41\u9ad8\u5cf0\u5b89\u5168\u7ba1\u63a7<\/p>\r\n                    <div class=\"case-metrics\">\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">30%<\/div>\r\n                            <div class=\"case-metric-label\">\u62e5\u5835\u964d\u4f4e<\/div>\r\n                        <\/div>\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">98%<\/div>\r\n                            <div class=\"case-metric-label\">\u6e38\u5ba2\u6ee1\u610f\u5ea6<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"case-card case-parking reveal\">\r\n                <div class=\"case-visual\" data-case-icon=\"car\"><\/div>\r\n                <div class=\"case-content\">\r\n                    <span class=\"case-tag\">\u667a\u6167\u505c\u8f66<\/span>\r\n                    <h3>\u534e\u5357\u67d0\u5546\u4e1a\u7efc\u5408\u4f53<\/h3>\r\n                    <p>\u8f66\u4f4d\u5b9e\u65f6\u5f15\u5bfc\u3001\u65e0\u611f\u652f\u4ed8\u3001\u7a7a\u4f4d\u9884\u6d4b\uff0c\u9ad8\u5cf0\u671f\u5165\u573a\u6548\u7387\u663e\u8457\u63d0\u5347<\/p>\r\n                    <div class=\"case-metrics\">\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">50%<\/div>\r\n                            <div class=\"case-metric-label\">\u5bfb\u4f4d\u65f6\u95f4<\/div>\r\n                        <\/div>\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">85%<\/div>\r\n                            <div class=\"case-metric-label\">\u8f66\u4f4d\u5468\u8f6c\u7387<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"case-card case-industrial reveal\">\r\n                <div class=\"case-visual\" data-case-icon=\"factory\"><\/div>\r\n                <div class=\"case-content\">\r\n                    <span class=\"case-tag\">\u667a\u6167\u5de5\u4e1a<\/span>\r\n                    <h3>\u534e\u4e1c\u67d0\u6c7d\u8f66\u96f6\u90e8\u4ef6\u5de5\u5382<\/h3>\r\n                    <p>\u90e8\u7f72 5000+ \u4f20\u611f\u5668\uff0c\u5b9e\u73b0\u4ea7\u7ebf\u5168\u6d41\u7a0b\u76d1\u63a7\u4e0e\u9884\u6d4b\u7ef4\u62a4\uff0c\u8bbe\u5907\u6545\u969c\u63d0\u524d 72 \u5c0f\u65f6\u9884\u8b66<\/p>\r\n                    <div class=\"case-metrics\">\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">95%<\/div>\r\n                            <div class=\"case-metric-label\">\u9884\u6d4b\u51c6\u786e\u7387<\/div>\r\n                        <\/div>\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">-60%<\/div>\r\n                            <div class=\"case-metric-label\">\u505c\u673a\u65f6\u95f4<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"case-card case-agri reveal\">\r\n                <div class=\"case-visual\" data-case-icon=\"sprout\"><\/div>\r\n                <div class=\"case-content\">\r\n                    <span class=\"case-tag\">\u667a\u6167\u519c\u4e1a<\/span>\r\n                    <h3>\u5c71\u4e1c\u5bff\u5149\u852c\u83dc\u57fa\u5730<\/h3>\r\n                    <p>2000+ \u5927\u68da\u4f20\u611f\u5668\uff0cAI \u9a71\u52a8\u7cbe\u51c6\u519c\u4e1a\u7ba1\u7406\uff0c\u6c34\u80a5\u4e00\u4f53\u5316\u667a\u80fd\u63a7\u5236<\/p>\r\n                    <div class=\"case-metrics\">\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">-40%<\/div>\r\n                            <div class=\"case-metric-label\">\u7528\u6c34\u91cf<\/div>\r\n                        <\/div>\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">+25%<\/div>\r\n                            <div class=\"case-metric-label\">\u4ea7\u91cf\u63d0\u5347<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"case-card case-city reveal\">\r\n                <div class=\"case-visual\" data-case-icon=\"building\"><\/div>\r\n                <div class=\"case-content\">\r\n                    <span class=\"case-tag\">\u667a\u6167\u57ce\u5e02<\/span>\r\n                    <h3>\u67d0\u533a\u7ea7\u667a\u6167\u793e\u533a<\/h3>\r\n                    <p>\u793e\u533a\u8def\u706f\u3001\u4e95\u76d6\u3001\u6d88\u9632\u901a\u9053\u667a\u80fd\u76d1\u6d4b\uff0c\u5f02\u5e38\u4e8b\u4ef6\u81ea\u52a8\u544a\u8b66\uff0c\u63d0\u5347\u57fa\u5c42\u6cbb\u7406\u6548\u7387<\/p>\r\n                    <div class=\"case-metrics\">\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">200+<\/div>\r\n                            <div class=\"case-metric-label\">\u76d1\u6d4b\u70b9\u4f4d<\/div>\r\n                        <\/div>\r\n                        <div class=\"case-metric\">\r\n                            <div class=\"case-metric-value\">90%<\/div>\r\n                            <div class=\"case-metric-label\">\u544a\u8b66\u54cd\u5e94\u7387<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- \u5408\u4f5c\u4f19\u4f34 -->\r\n<section class=\"partner-section\">\r\n    <div class=\"partner-label\">Trusted by industry leaders<\/div>\r\n    <div class=\"partner-scroll\">\r\n        <div class=\"partner-item\">\u534e\u4e3a\u4e91<\/div>\r\n        <div class=\"partner-item\">\u963f\u91cc\u4e91<\/div>\r\n        <div class=\"partner-item\">\u817e\u8baf\u4e91<\/div>\r\n        <div class=\"partner-item\">\u4e2d\u56fd\u79fb\u52a8<\/div>\r\n        <div class=\"partner-item\">\u4e2d\u56fd\u7535\u4fe1<\/div>\r\n        <div class=\"partner-item\">\u6d77\u5eb7\u5a01\u89c6<\/div>\r\n        <div class=\"partner-item\">\u5927\u534e\u80a1\u4efd<\/div>\r\n        <div class=\"partner-item\">\u6d82\u9e26\u667a\u80fd<\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- CTA -->\r\n<section class=\"cta-section\">\r\n    <div class=\"cta-content reveal\">\r\n        <h2>\u5f00\u542f\u4e07\u7269\u667a\u8054\u4e4b\u65c5<\/h2>\r\n        <p>\u514d\u8d39\u8bd5\u7528\u777f\u6069\u535a IoT \u5e73\u53f0\uff0c30 \u5929\u5168\u529f\u80fd\u4f53\u9a8c\uff0c\u4e13\u4e1a\u6280\u672f\u56e2\u961f\u5168\u7a0b\u652f\u6301<\/p>\r\n        <div class=\"cta-buttons\">\r\n            <button class=\"btn-cta-primary\">\u514d\u8d39\u8bd5\u7528<\/button>\r\n            <button class=\"btn-cta-secondary\">\u8054\u7cfb\u9500\u552e<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<!-- Footer -->\r\n<footer class=\"footer\">\r\n    <div class=\"footer-grid\">\r\n        <div class=\"footer-brand\">\r\n            <div class=\"nav-logo\">\r\n                <img decoding=\"async\" src=\"file:\/\/\/C:\/Users\/lemon\/WorkBuddy\/2026-05-06-task-2\/wordpress-theme\/rainbow-aiot\/assets\/images\/logo.png\" alt=\"\u777f\u6069\u535a\" style=\"height: 40px; width: auto; margin-bottom: 20px;\">\r\n            <\/div>\r\n            <p>\u8ba9\u4e07\u7269\u667a\u8054\u66f4\u7b80\u5355\u3002\u777f\u6069\u535a\u81f4\u529b\u4e8e\u63d0\u4f9b\u4e00\u7ad9\u5f0f AIoT \u5e73\u53f0\u4e0e\u89e3\u51b3\u65b9\u6848\uff0c\u8fde\u63a5\u7269\u7406\u4e16\u754c\u4e0e\u6570\u5b57\u4e16\u754c\u3002<\/p>\r\n        <\/div>\r\n        <div class=\"footer-col\">\r\n            <h4>\u4ea7\u54c1<\/h4>\r\n            <a href=\"#\">\u667a\u80fd\u7f51\u5173<\/a>\r\n            <a href=\"#\">\u7269\u8054\u4e91\u5e73\u53f0<\/a>\r\n            <a href=\"#\">\u5f00\u53d1\u8005\u5de5\u5177<\/a>\r\n            <a href=\"#\">\u6570\u636e\u53ef\u89c6\u5316<\/a>\r\n        <\/div>\r\n        <div class=\"footer-col\">\r\n            <h4>\u89e3\u51b3\u65b9\u6848<\/h4>\r\n            <a href=\"#\">\u667a\u6167\u666f\u533a<\/a>\r\n            <a href=\"#\">\u6570\u5b57\u6821\u56ed<\/a>\r\n            <a href=\"#\">\u667a\u6167\u56ed\u533a<\/a>\r\n            <a href=\"#\">\u667a\u6167\u5bb6\u5ead<\/a>\r\n        <\/div>\r\n        <div class=\"footer-col\">\r\n            <h4>\u5173\u4e8e<\/h4>\r\n            <a href=\"#\">\u516c\u53f8\u4ecb\u7ecd<\/a>\r\n            <a href=\"#\">\u65b0\u95fb\u52a8\u6001<\/a>\r\n            <a href=\"#\">\u52a0\u5165\u6211\u4eec<\/a>\r\n            <a href=\"#\">\u8054\u7cfb\u65b9\u5f0f<\/a>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"footer-bottom\">\r\n        <span>\u00a9 2026 \u777f\u6069\u535a\u79d1\u6280 \u00b7 \u4fdd\u7559\u6240\u6709\u6743\u5229<\/span>\r\n        <span>\u4eacICP\u5907XXXXXXXX\u53f7<\/span>\r\n    <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ \u5bfc\u822a\u6eda\u52a8\u6548\u679c\r\nconst nav=document.getElementById('nav');\r\nwindow.addEventListener('scroll',()=>{\r\n    if(window.scrollY>50)nav.classList.add('scrolled');\r\n    else nav.classList.remove('scrolled');\r\n});\r\n\r\n\/\/ \u6eda\u52a8\u52a8\u753b - \u7b80\u5316\u7248\r\nconst observer=new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n        if(entry.isIntersecting){\r\n            entry.target.classList.add('active');\r\n            observer.unobserve(entry.target);\r\n        }\r\n    });\r\n},{threshold:.1,rootMargin:'0px 0px -80px 0px'});\r\ndocument.querySelectorAll('.reveal').forEach(el=>observer.observe(el));\r\n\r\n\/\/ \u6570\u5b57\u52a8\u753b - \u7b80\u5316\u7248\r\nconst statsObserver=new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n        if(entry.isIntersecting){\r\n            const val=entry.target.querySelector('.stat-value');\r\n            if(val&&!val.dataset.animated){\r\n                val.dataset.animated='true';\r\n                const target=parseFloat(val.dataset.target);\r\n                if(target===-1){val.textContent=val.dataset.display||'';}\r\n                else if(target===99.9)val.textContent='99.9%';\r\n                else if(target===50)val.textContent='50\u4e07+';\r\n                else if(target===200)val.textContent='200+';\r\n            }\r\n            statsObserver.unobserve(entry.target);\r\n        }\r\n    });\r\n},{threshold:.5});\r\ndocument.querySelectorAll('.stat-item').forEach(el=>statsObserver.observe(el));\r\n\r\n\/\/ \u573a\u666f\u5361\u7247\u65e0\u7f1d\u5faa\u73af - \u52a8\u6001\u8ba1\u7b97\u7cbe\u786e\u6eda\u52a8\u5bbd\u5ea6\uff0c\u6d88\u9664\u95f4\u9699\u5bfc\u81f4\u7684\u8df3\u52a8\r\n(function(){\r\n    const track=document.querySelector('.scroll-track');\r\n    if(!track)return;\r\n    const cards=track.querySelectorAll('.scene-card');\r\n    const halfCount=cards.length\/2;\r\n    if(halfCount<1)return;\r\n    \/\/ \u8ba1\u7b97\u524d\u534a\u90e8\u5206\u7cbe\u786e\u5bbd\u5ea6\uff08\u542b\u95f4\u8ddd\uff09\r\n    const firstSet=[];\r\n    for(let i=0;i<halfCount;i++)firstSet.push(cards[i]);\r\n    const totalWidth=firstSet.reduce((sum,card,i)=>{\r\n        const style=getComputedStyle(card);\r\n        const w=card.offsetWidth+parseFloat(style.marginRight||0)+parseFloat(style.marginLeft||0);\r\n        return sum+w;\r\n    },0);\r\n    \/\/ \u8bbe\u7f6e CSS \u53d8\u91cf\u4f9b keyframes \u4f7f\u7528\r\n    track.style.setProperty('--scroll-distance',`-${totalWidth}px`);\r\n    \/\/ \u52a8\u6001\u66f4\u65b0 keyframes\r\n    let styleEl=document.getElementById('scene-scroll-dynamic');\r\n    if(!styleEl){styleEl=document.createElement('style');styleEl.id='scene-scroll-dynamic';document.head.appendChild(styleEl);}\r\n    styleEl.textContent=`@keyframes sceneScroll{0%{transform:translateX(0)}100%{transform:translateX(-${totalWidth}px)}}`;\r\n})();\r\n\r\n\/\/ \u5bfc\u822a\u9ad8\u4eae - \u6839\u636e\u6eda\u52a8\u4f4d\u7f6e\u81ea\u52a8\u5207\u6362\r\n(function(){\r\n    const sections=['scenes','capabilities','products','cases'];\r\n    const links=document.querySelectorAll('.nav-links a');\r\n    \r\n    function updateActive(){\r\n        const scrollY=window.scrollY+150;\r\n        let current='scenes';\r\n        \r\n        sections.forEach(id=>{\r\n            const el=document.getElementById(id);\r\n            if(el&&el.offsetTop<=scrollY)current=id;\r\n        });\r\n        \r\n        links.forEach(link=>{\r\n            const href=link.getAttribute('href');\r\n            link.classList.toggle('active',href==='#'+current);\r\n        });\r\n    }\r\n    \r\n    window.addEventListener('scroll',updateActive,{passive:true});\r\n    updateActive();\r\n})();\r\n\r\n\/\/ \u6bcf\u65e5\u968f\u673a\u6570\u5b57\r\nfunction getDailyRandom(){\r\n    const today=new Date();\r\n    const seed=today.getFullYear()*10000+(today.getMonth()+1)*100+today.getDate();\r\n    return((seed*9301+49297)%233280)\/233280;\r\n}\r\n\r\n\/\/ \u8bbe\u7f6e\u6bcf\u65e5\u8bbe\u5907\u6570\u548cAI\u63a8\u7406\u6570\r\nconst deviceCount=Math.floor(80+getDailyRandom()*150);\r\ndocument.getElementById('daily-devices').textContent='+'+deviceCount+' \u4eca\u65e5';\r\nconst aiCount=(0.8+getDailyRandom()*1.5).toFixed(1);\r\ndocument.getElementById('ai-count').textContent=aiCount+'M \u4eca\u65e5';\r\n\r\n\/\/ === \u5185\u5d4c SVG \u56fe\u6807\u66ff\u6362 emoji\uff08\u96f6CDN\u4f9d\u8d56\uff09 ===\r\nconst S=(d)=>`<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">${d}<\/svg>`;\r\nconst I={\r\nmountain:S('<path d=\"m8 3 4 8 5-5 5 15H2L8 3z\"\/>'),\r\n'graduation-cap':S('<path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/>'),\r\n'building-2':S('<path d=\"M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z\"\/><path d=\"M6 12H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h2\"\/><path d=\"M18 9h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2\"\/><path d=\"M10 6h4\"\/><path d=\"M10 10h4\"\/><path d=\"M10 14h4\"\/><path d=\"M10 18h4\"\/>'),\r\nhome:S('<path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/>'),\r\n'code-2':S('<path d=\"m18 16 4-4-4-4\"\/><path d=\"m6 8-4 4 4 4\"\/><path d=\"m14.5 4-5 16\"\/>'),\r\nrocket:S('<path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z\"\/><path d=\"M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0\"\/><path d=\"M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\"\/><path d=\"M12 15h-5\"\/>'),\r\ncpu:S('<rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M15 2v2\"\/><path d=\"M15 20v2\"\/><path d=\"M2 15h2\"\/><path d=\"M2 9h2\"\/><path d=\"M20 15h2\"\/><path d=\"M20 9h2\"\/><path d=\"M9 2v2\"\/><path d=\"M9 20v2\"\/>'),\r\nlink:S('<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\/><path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\/>'),\r\n'bar-chart-3':S('<path d=\"M3 3v18h18\"\/><path d=\"M18 17V9\"\/><path d=\"M13 17V5\"\/><path d=\"M8 17v-3\"\/>'),\r\nbot:S('<path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/>'),\r\n'shield-check':S('<path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/>'),\r\n'bot-sparkle':S('<path d=\"M12 8V4H8\"\/><rect width=\"16\" height=\"12\" x=\"4\" y=\"8\" rx=\"2\"\/><path d=\"M2 14h2\"\/><path d=\"M20 14h2\"\/><path d=\"M15 13v2\"\/><path d=\"M9 13v2\"\/><circle cx=\"19\" cy=\"4\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"\/>'),\r\nwifi:S('<path d=\"M5 12.55a11 11 0 0 1 14.08 0\"\/><path d=\"M1.42 9a16 16 0 0 1 21.16 0\"\/><path d=\"M8.53 16.11a6 6 0 0 1 6.95 0\"\/><line x1=\"12\" x2=\"12.01\" y1=\"20\" y2=\"20\"\/>'),\r\nshield:S('<path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/>'),\r\nplug:S('<path d=\"M12 22v-5\"\/><path d=\"M9 8V2\"\/><path d=\"M15 8V2\"\/><path d=\"M18 8v5a6 6 0 0 1-6 6v0a6 6 0 0 1-6-6V8z\"\/>'),\r\ncloud:S('<path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"\/>'),\r\nwrench:S('<path d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z\"\/>'),\r\nsmartphone:S('<rect width=\"14\" height=\"20\" x=\"5\" y=\"2\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" x2=\"12.01\" y1=\"18\" y2=\"18\"\/>'),\r\nzap:S('<path d=\"M4 14a1 1 0 0 0 1 1h3v-3a1 1 0 0 1 1-1 1h2a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1 1h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3a1 1 0 0 0 1 1 1h3a1 1 0 0 0 1-1v-2z\"\/>'),\r\nglobe:S('<circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/>'),\r\nsettings:S('<circle cx=\"12\" cy=\"12\" r=\"3\"\/><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/>'),\r\nfactory:S('<path d=\"M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1\"\/><path d=\"M17 18h1\"\/><path d=\"M12 18h1\"\/><path d=\"M7 18h1\"\/>'),\r\nbuilding:S('<rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"\/><path d=\"M9 22v-4h6v4\"\/><path d=\"M8 6h.01\"\/><path d=\"M16 6h.01\"\/><path d=\"M12 6h.01\"\/><path d=\"M12 10h.01\"\/><path d=\"M12 14h.01\"\/><path d=\"M16 10h.01\"\/><path d=\"M16 14h.01\"\/><path d=\"M8 10h.01\"\/><path d=\"M8 14h.01\"\/>'),\r\nsprout:S('<path d=\"M7 20h10\"\/><path d=\"M10 20c5.5-2.5.8-6.4-3-10\"\/><path d=\"M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z\"\/><path d=\"M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.8.5-4 1-4.9 2z\"\/>'),\r\ncar:S('<path d=\"M14 16H9m10 0h3v-3.15a1 1 0 0 0-.78-1.63l-2.22-1.63a1 1 0 0 1-.78-.63l-1.22-3.3a1 1 0 0 0-.78-.63H4a1 1 0 0 0-1 1.1l-.8 8.63A6 6 0 0 0 9 22h6a6 6 0 0 0 5.22-3.63\"\/><circle cx=\"6.5\" cy=\"16.5\" r=\"2.5\"\/><circle cx=\"16.5\" cy=\"16.5\" r=\"2.5\"\/>')\r\n};\r\n\r\nconst emojiMap={'\ud83c\udfd4\ufe0f':'mountain','\ud83c\udd7f\ufe0f':'car','\ud83c\udf93':'graduation-cap','\ud83c\udfe2':'building-2','\ud83c\udfe0':'home','\ud83d\udcbb':'code-2','\ud83d\ude80':'rocket','\ud83e\udde0':'cpu','\ud83d\udd17':'link','\ud83d\udcca':'bar-chart-3','\ud83e\udd16':'bot','\ud83d\udd12':'shield-check','\ud83d\udce1':'wifi','\ud83d\udee1\ufe0f':'shield','\ud83d\udd0c':'plug','\u2601\ufe0f':'cloud','\ud83d\udee0\ufe0f':'wrench','\ud83d\udcf1':'smartphone','\u26a1':'zap','\ud83c\udf10':'globe','\ud83d\udd27':'settings','\ud83d\udcf2':'smartphone','\ud83c\udfed':'factory','\ud83c\udfd9\ufe0f':'building','\ud83c\udf31':'sprout'};\r\n\r\n\/\/ \u573a\u666f\/\u80fd\u529b\/\u6d6e\u52a8\u5361\u7247\r\ndocument.querySelectorAll('.scene-card-icon,.cap-icon,.float-icon').forEach(el=>{\r\n    try {\r\n        const e=el.textContent.trim();\r\n        if(emojiMap[e]&&I[emojiMap[e]])el.innerHTML=I[emojiMap[e]];\r\n    } catch(err) {\r\n        console.error('Error replacing icon:', err);\r\n    }\r\n});\r\n\r\n\/\/ \u4ea7\u54c1\u56fe\u6807\uff08\u7b2c1\u4e2a\u662f featured \u5927\u5361\u7247\uff0c2-4 \u662f\u5c0f\u5361\u7247\uff09\r\nconst productIcons=['cloud','plug','wrench','bar-chart-3'];\r\ndocument.querySelectorAll('.product-icon-wrap[data-icon]').forEach(el=>{const n=el.dataset.icon;if(I[n])el.innerHTML=I[n];});\r\n\r\n\/\/ \u6848\u4f8b\u89c6\u89c9\u533a\r\nconst caseVisualMap=['mountain','car','factory','sprout','building'];\r\ndocument.querySelectorAll('.case-visual').forEach((el,idx)=>{if(idx<caseVisualMap.length&&I[caseVisualMap[idx]]){el.innerHTML=`<div class=\"icon-wrap\"><div class=\"icon-ring\"><\/div>${I[caseVisualMap[idx]]}<\/div>`;}});\r\n\r\n\/\/ \u4fe1\u4efb\u6807\u8bc6\r\nconst trustMap={'\u666f\u533a':'mountain','\u6821\u56ed':'graduation-cap','\u56ed\u533a':'building-2','\u5bb6\u5ead':'home','\u5de5\u4e1a':'factory'};\r\ndocument.querySelectorAll('.trust-logo').forEach(el=>{const t=el.textContent.replace(\/[\\p{Emoji_Presentation}\\p{Extended_Pictographic}]\/gu,'').trim();if(trustMap[t]&&I[trustMap[t]])el.innerHTML=I[trustMap[t]]+t;});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u777f\u6069\u535a \u2014 AIoT \u667a\u80fd\u7269\u8054\u5e73\u53f0 \u573a\u666f\u65b9\u6848 \u6280\u672f\u80fd\u529b \u4ea7\u54c1&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-44","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.iabtech.com\/index.php?rest_route=\/wp\/v2\/pages\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iabtech.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.iabtech.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.iabtech.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iabtech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=44"}],"version-history":[{"count":8,"href":"https:\/\/www.iabtech.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions"}],"predecessor-version":[{"id":52,"href":"https:\/\/www.iabtech.com\/index.php?rest_route=\/wp\/v2\/pages\/44\/revisions\/52"}],"wp:attachment":[{"href":"https:\/\/www.iabtech.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}