#huixin-demo{--hx-navy:#07192c;--hx-navy-2:#102b48;--hx-blue:#285d98;--hx-cyan:#7ecbd0;--hx-orange:#ed9638;--hx-ink:#172a3d;--hx-muted:#7890a5;--hx-line:#d9e3eb;--hx-app:#0f766e;--hx-app-bright:#14b8a6;color:#fff;width:100%;font-family:Noto Sans SC,PingFang SC,sans-serif}#huixin-demo *{box-sizing:border-box}#huixin-demo .stage{aspect-ratio:1.39;background:radial-gradient(circle at 80% 18%, #427cb138, transparent 34%), linear-gradient(125deg, var(--hx-navy) 0%, #0b223b 54%, #123b5c 100%);border-radius:10px;width:100%;height:auto;min-height:0;position:relative;overflow:hidden;box-shadow:0 22px 70px #07192c47}#huixin-demo .stage:before{content:"";opacity:.34;background-image:linear-gradient(#7ecbd014 1px,#0000 1px),linear-gradient(90deg,#7ecbd014 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 44%,#000);mask-image:linear-gradient(90deg,#0000,#000 44%,#000)}#huixin-demo .brand{z-index:4;letter-spacing:.04em;align-items:center;gap:9px;display:flex;position:absolute;top:26px;left:5%}#huixin-demo .brand-mark{background:linear-gradient(145deg, #fff, var(--hx-cyan));opacity:.94;border-radius:4px 18px;width:30px;height:30px}#huixin-demo .brand-name{font-size:17px;font-weight:500}#huixin-demo .brand-en{color:#9fb7c9;letter-spacing:.16em;font-size:10px}#huixin-demo .copy{z-index:3;width:36%;position:absolute;top:25%;left:5%}#huixin-demo .eyebrow{color:var(--hx-cyan);letter-spacing:.12em;margin-bottom:13px;font-size:10px}#huixin-demo .headline{letter-spacing:.02em;text-wrap:balance;min-height:2.4em;margin:0;font-size:clamp(25px,4.7cqi,30px);font-weight:500;line-height:1.3}#huixin-demo .description{color:#c0cfda;width:100%;min-height:3.4em;margin-top:18px;font-size:14px;line-height:1.75}#huixin-demo .capability-line{color:#e5edf3;align-items:center;gap:8px;margin-top:22px;font-size:12px;line-height:1.6;display:flex}#huixin-demo .capability-line:before{content:"";background:var(--hx-orange);flex-shrink:0;width:24px;height:3px;display:block}#huixin-demo .mini-program-code{z-index:4;aspect-ratio:1;background:#fff;border-radius:8px;width:25%;padding:5px;position:absolute;top:62%;left:7%;box-shadow:0 12px 30px #0003}#huixin-demo .mini-program-code img{object-fit:contain;width:100%;height:100%;display:block}#huixin-demo .phone-wrap{z-index:3;filter:drop-shadow(0 24px 38px #00000059);width:52%;height:92%;position:absolute;top:4%;right:4%;transform:none}#huixin-demo .phone{background:#111b25;border:1px solid #ffffff4d;border-radius:34px;width:100%;height:100%;padding:8px;position:relative;overflow:hidden}#huixin-demo .phone-screen{color:#16302b;background:linear-gradient(#e9f5f3,#f7faf9);border-radius:27px;width:100%;height:100%;position:relative;overflow:hidden}#huixin-demo .phone-top{text-align:center;color:#fff;background:linear-gradient(135deg,#0d6d67,#15877c);height:62px;padding:25px 8px 12px;font-size:12px;font-weight:500}#huixin-demo .phone-content{padding:10px;position:absolute;inset:62px 0;overflow:hidden}#huixin-demo .screen{opacity:0;pointer-events:none;transition:opacity .48s,transform .48s;position:absolute;inset:10px;transform:translate(24px)}#huixin-demo .screen.active{opacity:1;transform:translate(0)}#huixin-demo .status-card{color:#fff;background:linear-gradient(135deg,#0e6f67,#14a99a);border-radius:12px;margin-bottom:8px;padding:11px 12px}#huixin-demo .status-title{justify-content:space-between;font-size:13px;display:flex}#huixin-demo .status-device{opacity:.82;margin-top:4px;font-size:11px}#huixin-demo .mini-card{background:#fffffff7;border-radius:12px;margin-bottom:8px;padding:11px;box-shadow:0 5px 16px #0f766e14}#huixin-demo .mini-title{margin-bottom:8px;font-size:13px;font-weight:500}#huixin-demo .button-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}#huixin-demo .app-btn{text-align:center;color:#0f5d56;background:#d8f0ec;border-radius:9px;padding:9px 4px;font-size:11px}#huixin-demo .app-btn.primary{color:#fff;background:linear-gradient(135deg, var(--hx-app), var(--hx-app-bright))}#huixin-demo .device{border-bottom:1px solid #edf3f2;grid-template-columns:1fr auto;align-items:center;padding:8px 0;display:grid}#huixin-demo .device:last-child{border-bottom:0}#huixin-demo .device-name{font-size:11px;font-weight:500}#huixin-demo .device-meta{color:#76908a;margin-top:2px;font-size:8px}#huixin-demo .connect-pill{text-align:center;color:#fff;background:linear-gradient(135deg, var(--hx-app), var(--hx-app-bright));border-radius:8px;min-width:52px;padding:7px 9px;font-size:9px}#huixin-demo .scan-wave{background:#3ad4c1;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;position:relative}#huixin-demo .scan-wave:after{content:"";border:1px solid #3ad4c1;border-radius:50%;animation:1.25s infinite hx-ping;position:absolute;inset:-5px}#huixin-demo .version-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}#huixin-demo .version-item{text-align:center;background:#f1f7f6;border-radius:7px;padding:7px 4px}#huixin-demo .version-label{color:#72908a;font-size:7px}#huixin-demo .version-value{margin-top:3px;font-size:10px;font-weight:500}#huixin-demo .io-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}#huixin-demo .io-cell{color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);border-radius:6px;padding:5px 3px;font-size:7px;transition:background .3s,opacity .3s}#huixin-demo .io-cell.off{color:#58716b;background:#e8f0ef}#huixin-demo .io-value{margin-top:2px;font-size:9px;display:block}#huixin-demo .param-row{grid-template-columns:1fr 70px;align-items:center;gap:6px;margin-bottom:6px;display:grid}#huixin-demo .param-label{font-size:11px}#huixin-demo .param-input{color:#17443d;background:#f7fbfa;border:1px solid #d7e7e3;border-radius:7px;height:28px;padding:6px 7px;font-size:12px}#huixin-demo .param-input.flash{animation:.7s hx-input}#huixin-demo .upgrade-file{color:#58716b;align-items:center;gap:7px;font-size:11px;display:flex}#huixin-demo .file-icon{color:#fff;background:#2b5e96;border-radius:5px;flex-shrink:0;place-items:center;width:26px;height:30px;display:grid}#huixin-demo .progress-track{background:#dcebea;border-radius:10px;height:8px;margin-top:9px;overflow:hidden}#huixin-demo .progress-fill{background:linear-gradient(90deg, var(--hx-app), var(--hx-app-bright));width:0%;height:100%;transition:width .18s linear}#huixin-demo .progress-meta{justify-content:space-between;margin-top:7px;font-size:11px;display:flex}#huixin-demo .success-mark{color:#fff;background:var(--hx-app-bright);border-radius:50%;place-items:center;width:50px;height:50px;margin:13px auto 8px;font-size:24px;transition:transform .42s cubic-bezier(.2,.9,.2,1.35);display:grid;transform:scale(0)}#huixin-demo .success-mark.show{transform:scale(1)}#huixin-demo .success-text{text-align:center;font-size:12px;font-weight:500}#huixin-demo .about-product{background:#f5f9fa;border-left:3px solid #285d98;padding:10px}#huixin-demo .about-product-name{font-size:15px;font-weight:500}#huixin-demo .about-product-id{color:#6e8782;margin-top:4px;font-size:11px}#huixin-demo .about-copy{color:#58716b;margin-top:6px;font-size:11px;line-height:1.65}#huixin-demo .config-file{color:#4f6b65;opacity:0;background:#edf5f4;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;margin-top:8px;padding:8px;font-size:11px;transition:opacity .35s,transform .35s;display:grid;transform:translateY(7px)}#huixin-demo .config-file.show{opacity:1;transform:translateY(0)}#huixin-demo .config-doc{color:#fff;background:#285d98;border-radius:5px;place-items:center;width:28px;height:32px;font-size:9px;display:grid}#huixin-demo .config-state{color:#0f766e;font-weight:500}#huixin-demo .switch-flash{animation:.75s hx-switch-flash}#huixin-demo .demo-highlight{z-index:12;outline-offset:2px;outline:2px solid #ff3b30;animation:1s ease-in-out infinite hx-highlight;position:relative;box-shadow:0 0 0 3px #ff3b302e,0 0 16px #ff3b3052}#huixin-demo .demo-highlight:after{content:attr(data-highlight-label);z-index:15;color:#fff;white-space:nowrap;background:#ff3b30;border-radius:3px;padding:2px 5px;font-size:10px;line-height:1.3;position:absolute;top:-21px;right:-3px}#huixin-demo .tabbar{z-index:5;color:#a7b9b6;background:#142f2f;border-radius:15px 15px 22px 22px;grid-template-columns:repeat(5,1fr);align-items:center;height:calc(10% - 8px);min-height:46px;display:grid;position:absolute;bottom:8px;left:8px;right:8px}#huixin-demo .tab{text-align:center;padding:8px 2px;font-size:11px}#huixin-demo .tab.active{color:#fff;background:linear-gradient(135deg, var(--hx-app), var(--hx-app-bright));border-radius:9px;margin:3px}#huixin-demo .orbit{z-index:1;aspect-ratio:1;border:1px solid #7ecbd024;border-radius:50%;width:45%;animation:18s linear infinite hx-spin;position:absolute;top:13%;right:-6%}#huixin-demo .orbit:before,#huixin-demo .orbit:after{content:"";background:var(--hx-cyan);border-radius:50%;position:absolute}#huixin-demo .orbit:before{width:7px;height:7px;box-shadow:0 0 18px var(--hx-cyan);top:17%;left:12%}#huixin-demo .orbit:after{width:4px;height:4px;bottom:22%;right:9%}#huixin-demo .timeline{z-index:6;grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid;position:absolute;bottom:5%;left:5%;right:59%}#huixin-demo .timeline-track{background:#ffffff2e;height:3px;overflow:hidden}#huixin-demo .timeline-fill{background:var(--hx-orange);width:0%;height:100%}#huixin-demo .time{color:#9db1c1;font-variant-numeric:tabular-nums;min-width:38px;font-size:11px}#huixin-demo .control{color:#fff;font:inherit;background:0 0;border:1px solid #ffffff42;border-radius:3px;padding:6px 10px;font-size:10px}@keyframes hx-ping{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@keyframes hx-spin{to{transform:rotate(360deg)}}@keyframes hx-input{0%,to{background:#f7fbfa}45%{background:#d8f0ec}}@keyframes hx-switch-flash{0%,to{background:#f5f9fa}45%{background:#d8f0ec}}@keyframes hx-highlight{0%,to{outline-offset:2px}50%{outline-offset:4px}}#huixin-demo{width:90%;margin-inline:auto;container-type:inline-size}.section.capability-strengths{padding-top:0}.capability-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:48px;display:grid}.bluetooth-capability,.device-manager-capability{min-width:0}.bluetooth-capability .section-head,.device-manager-capability .section-head{margin-bottom:22px}.bluetooth-capability .section-head p,.device-manager-capability .section-head p{letter-spacing:.14em;font-size:11px}.bluetooth-capability .section-head h2,.device-manager-capability .section-head h2{font-size:clamp(24px,2.2vw,30px)}.bluetooth-capability .section-head span,.device-manager-capability .section-head span{font-size:14px;line-height:1.8}.device-manager-demo{width:90%;margin:0 auto}.device-manager-demo video{aspect-ratio:1.39;object-fit:cover;background:#071b30;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 22px 70px #07192c33}.device-manager-demo figcaption{color:#5f6b76;margin-top:10px;font-size:13px;line-height:1.8}#huixin-demo .demo-canvas{transform-origin:0 0;width:111.111%;height:111.111%;position:absolute;top:0;left:0;transform:scale(.9)}#huixin-demo .stage{scroll-margin-top:100px}#huixin-demo .copy .eyebrow{margin:0 0 13px;font-weight:500}#huixin-demo .brand strong{color:#fff}#huixin-demo .control{cursor:pointer;min-width:58px;min-height:44px;font-size:12px}#huixin-demo .control:hover{background:#ffffff1f}#huixin-demo button:focus-visible{outline:3px solid var(--hx-orange);outline-offset:4px}#huixin-demo[data-playing=false] *,#huixin-demo[data-playing=false] :before,#huixin-demo[data-playing=false] :after{animation-play-state:paused}#huixin-demo .scene-controls{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}#huixin-demo .scene-control{color:#526779;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e3eb;border-radius:4px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;transition:background .2s,border-color .2s;display:flex}#huixin-demo .scene-control span{color:#8296a6;font-variant-numeric:tabular-nums;font-size:11px}#huixin-demo .scene-control:hover{border-color:#285d98}#huixin-demo .scene-control[aria-pressed=true]{color:#fff;background:#102b48;border-color:#102b48}#huixin-demo .scene-control[aria-pressed=true] span{color:#7ecbd0}#huixin-demo .demo-caption{color:#5f6b76;margin:10px 0 0;font-size:13px;line-height:1.8}@media (max-width:900px){.capability-showcase-grid{grid-template-columns:minmax(0,1fr)}#huixin-demo,.device-manager-demo{width:100%}#huixin-demo .stage{height:620px}#huixin-demo .demo-canvas{width:100%;height:100%;transform:none}.device-manager-demo video{aspect-ratio:1;height:auto}}@container (max-width:500px){#huixin-demo .stage{height:auto;min-height:0;padding:24px 20px 80px}#huixin-demo .demo-canvas{flex-direction:column;align-items:center;gap:24px;height:auto;display:flex;position:relative}#huixin-demo .brand{align-self:flex-start;position:static}#huixin-demo .copy{width:100%;position:static}#huixin-demo .copy .eyebrow{margin-bottom:10px}#huixin-demo .headline{min-height:0;font-size:clamp(23px,6cqi,28px)}#huixin-demo .description{min-height:0;margin-top:12px}#huixin-demo .capability-line{margin-top:12px}#huixin-demo .mini-program-code{align-self:flex-start;width:min(56%,190px);padding:6px;position:static}#huixin-demo .phone-wrap{flex-shrink:0;width:min(100%,300px);height:610px;position:relative;top:auto;right:auto}#huixin-demo .timeline{bottom:16px;left:20px;right:20px}#huixin-demo .scene-controls{gap:7px}#huixin-demo .scene-control{flex:1;justify-content:center;gap:6px;padding:10px 8px}#huixin-demo .scene-control span{font-size:10px}}@media (prefers-reduced-motion:reduce){#huixin-demo *,#huixin-demo :before,#huixin-demo :after{transition:none!important;animation:none!important}}
