:root{--bg:#070809;--bg2:#0b0c0e;--bg3:#111217;--paper:#f4f2ec;--paper2:#eae7df;--ink:#f5f3ee;--dark:#111214;--muted:#9b9da4;--muted-dark:#6e7076;--line:rgba(255,255,255,.11);--line-dark:rgba(17,18,20,.12);--violet:#beb5d4;--violet2:#988eaf;--metal:#c9ccd1;--shell:min(1320px, calc(100vw - 72px) );--shell-content:min(1200px, calc(100vw - 72px) );--ease:cubic-bezier(.2,.7,.2,1);--nav-height:82px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:15px;line-height:1.6}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}img{display:block;max-width:100%}.wrap{width:var(--shell);margin:auto}.wrap-content{width:var(--shell-content);margin:auto}.section{position:relative}.section-pad{padding:88px 0}.light{background:var(--paper);color:var(--dark)}.dark{background:var(--bg);color:var(--ink)}.ink{background:var(--bg2)}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:48px 48px}.light.grid-bg{background-image:linear-gradient(rgba(17,18,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,18,20,.035) 1px,transparent 1px)}.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#ffffff8c}.eyebrow.dark-text{color:#797b81}.display-cn{font-size:clamp(40px,4.4vw,64px);line-height:1.06;letter-spacing:-.04em;font-weight:560;margin:0}.page-h1{font-size:clamp(34px,3.8vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0;font-weight:560}.section-title{font-size:clamp(26px,2.7vw,42px);line-height:1.16;letter-spacing:-.03em;margin:0;font-weight:560}.sub-title{font-size:clamp(22px,2.2vw,32px);line-height:1.2;letter-spacing:-.025em;margin:0;font-weight:560}.card-title{font-size:clamp(20px,1.6vw,26px);line-height:1.22;letter-spacing:-.02em;margin:0;font-weight:560}.body-lg{font-size:clamp(14px,1vw,16px);line-height:1.8;color:var(--muted);margin:0}.light .body-lg{color:#74767b}.body-md{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.light .body-md{color:#6f7176}.tiny{font-size:12px;line-height:1.7;color:var(--muted)}.light .tiny{color:#74767b}.kicker{font-size:12px;letter-spacing:.08em;color:var(--violet)}.light .kicker{color:#7d728f}.muted{color:var(--muted)}.light .muted{color:#74767b}.serif{font-family:Songti SC,STSong,Georgia,serif}.divider{height:1px;background:var(--line)}.light .divider{background:var(--line-dark)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}}.nav{position:fixed;inset:0 0 auto;z-index:80;padding:16px 0;transition:background .35s var(--ease),backdrop-filter .35s var(--ease),border-color .35s var(--ease)}.nav.scrolled{background:#070809c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{width:var(--shell);margin:auto;height:50px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:30px;height:30px;position:relative;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;flex:none}.brand-mark:before,.brand-mark:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(190,181,212,.7)}.brand-mark:before{width:16px;height:16px}.brand-mark:after{width:5px;height:5px;background:var(--violet);border:0;box-shadow:0 0 16px #beb5d499}.brand-cn{font-family:Songti SC,STSong,serif;font-size:16px;font-weight:700;letter-spacing:.12em}.brand-en{font-size:8px;color:#888b92;letter-spacing:.22em;text-transform:uppercase;margin-top:3px}.brand-text{display:flex;flex-direction:column}.nav-menu{display:flex;align-items:center;gap:5px;margin-left:auto}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:11px 12px;font-size:12px;color:#a9adb4;letter-spacing:.04em;border-radius:999px;transition:color .25s,background .25s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0d}.nav-caret{font-size:9px;opacity:.6}.submenu{position:absolute;left:0;top:calc(100% + 10px);min-width:220px;padding:10px;background:#0c0d10f2;border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 70px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .24s var(--ease),transform .24s var(--ease),visibility .24s}.nav-item:hover .submenu{opacity:1;visibility:visible;transform:none}.submenu a{display:block;padding:11px 12px;border-radius:10px;font-size:12px;color:#aeb1b7;transition:background .2s,color .2s}.submenu a:hover{background:#ffffff0d;color:#fff}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:6px}.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:12px;letter-spacing:.04em;background:#ffffff06;transition:background .25s,transform .25s}.nav-cta:hover{transform:translateY(-1px)}.nav-cta.primary{background:#efede6;color:#0f1012;border-color:#efede6}.menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:18px;color:var(--ink)}.nav.nav-light:not(.scrolled){background:#f4f2ecd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-dark)}.nav.nav-light:not(.scrolled) .brand-cn{color:#111214}.nav.nav-light:not(.scrolled) .brand-en{color:#797b81}.nav.nav-light:not(.scrolled) .brand-mark{border-color:#11121429;background:transparent}.nav.nav-light:not(.scrolled) .brand-mark:before{border-color:#7d728fbf}.nav.nav-light:not(.scrolled) .brand-mark:after{background:#7d728f;box-shadow:0 0 14px #7d728f80}.nav.nav-light:not(.scrolled) .nav-link{color:#5a5c62}.nav.nav-light:not(.scrolled) .nav-link:hover,.nav.nav-light:not(.scrolled) .nav-link.active{color:#111214;background:#1112140d}.nav.nav-light:not(.scrolled) .nav-cta{border-color:#1112142e;color:#111214;background:#11121408}.nav.nav-light:not(.scrolled) .nav-cta:hover{background:#11121414}.nav.nav-light:not(.scrolled) .nav-cta.primary{background:#111214;color:#f4f2ec;border-color:#111214}.nav.nav-light:not(.scrolled) .menu-btn{color:#111214;border-color:#1112142e}.mobile-menu{display:none;position:fixed;z-index:75;inset:0;background:#08090b;padding:98px 28px 30px;overflow:auto}.mobile-menu.open{display:block}.mobile-menu a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:20px;letter-spacing:-.02em}.mobile-sub{padding-left:16px}.mobile-sub a{font-size:15px;color:#989ba2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border:1px solid rgba(255,255,255,.19);border-radius:999px;font-size:13px;letter-spacing:.02em;background:#ffffff08;transition:transform .3s var(--ease),background .3s var(--ease)}.btn:hover{transform:translateY(-2px);background:#ffffff14}.btn.primary{background:#efede6;color:#101113;border-color:#efede6}.btn.primary:hover{background:#fff}.btn.dark-btn{background:#111214;color:#f3f1eb;border-color:#111214}.btn.dark-btn:hover{background:#000}.btn.light-outline{border-color:#11121433;color:#111214;background:transparent}.btn.light-outline:hover{background:#1112140d}.btn.sm{min-height:40px;padding:0 16px;font-size:12px}.btn .arrow{font-size:16px;transform:translateY(-1px)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#040506b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{position:relative;width:min(560px,100%);background:var(--paper);color:#111214;padding:34px;border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 100px #00000073}.modal-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(17,18,20,.15);background:transparent}.modal-card h3{font-size:30px;letter-spacing:-.03em;margin:30px 0 10px}.modal-card p{font-size:13px;line-height:1.8;color:#6f7176}.copy-box{margin-top:20px;background:var(--paper2);padding:16px;font-size:12px;line-height:1.8;white-space:pre-wrap;max-height:220px;overflow:auto}.particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.footer{border-top:1px solid var(--line);background:#060708;padding:48px 0 28px}.footer-top{display:grid;grid-template-columns:1.4fr repeat(4,.7fr);gap:45px}.footer-brand p{font-size:12px;line-height:1.8;color:#777a81;max-width:320px;margin-top:18px}.footer-col h4{font-size:11px;letter-spacing:.12em;color:#c4c6cc;margin:0 0 16px;font-weight:500}.footer-col a,.footer-col .footer-link-btn{display:block;font-size:12px;color:#767980;padding:6px 0;transition:color .2s;text-align:left;background:transparent;border:0;cursor:pointer;font-family:inherit;width:100%}.footer-col a:hover,.footer-col .footer-link-btn:hover{color:#fff}.footer-bottom{border-top:1px solid var(--line);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:#666970}.footer-legal{display:flex;gap:18px;flex-wrap:wrap}.section-head{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:end}.section-head .body-lg{max-width:560px}.section-head.stack{display:block}.section-head.stack .body-lg{margin-top:22px;max-width:720px}.eyebrow-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.eyebrow-row:before{content:"";width:34px;height:1px;background:currentColor;opacity:.45}@media(max-width:1120px){:root{--shell:min(100% - 44px,980px)}.nav-menu,.nav-actions{display:none}.menu-btn{display:block}.footer-top{grid-template-columns:1.2fr 1fr 1fr}.footer-brand{grid-column:1/-1}.section-head{grid-template-columns:1fr;gap:24px}}@media(max-width:720px){:root{--shell: calc(100vw - 32px) }.nav{padding:11px 0}.brand-en{display:none}.mobile-menu a{font-size:18px}.section-pad{padding:64px 0}.actions{flex-direction:column}.btn{width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-legal{margin-top:14px}}.shot-slot{position:relative;width:100%;aspect-ratio:16/10;background:#15171b;border:1px solid var(--line);overflow:hidden;border-radius:12px;box-shadow:0 30px 80px #00000047}.shot-slot.shot-md{aspect-ratio:4/3}.shot-slot.shot-lg{aspect-ratio:16/10}.shot-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#0d0e11,#101216);color:#6f7278;overflow:hidden}.shot-placeholder .ph-window{display:flex;align-items:center;gap:10px;height:32px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff05;flex:none}.shot-placeholder .ph-dots{display:flex;gap:6px}.shot-placeholder .ph-dots i{width:8px;height:8px;border-radius:50%;background:#ffffff2e}.shot-placeholder .ph-bar{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,#ffffff0a,#ffffff14);max-width:140px}.shot-placeholder .ph-skeleton{flex:1;padding:24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}.shot-placeholder .ph-skeleton span{height:10px;border-radius:5px;background:#ffffff0d}.shot-placeholder .ph-skeleton span:nth-child(1){width:55%}.shot-placeholder .ph-skeleton span:nth-child(2){width:78%}.shot-placeholder .ph-skeleton span:nth-child(3){width:38%}.shot-placeholder .ph-label{position:absolute;left:0;right:0;bottom:18px;text-align:center;font-size:10px;letter-spacing:.22em;color:#4a4c52;text-transform:uppercase}.shot-slot:has(img.shot-img.loaded) .shot-placeholder{display:none}.shot-slot .shot-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s var(--ease)}.shot-slot .shot-img.loaded{opacity:1}.modal.qr-modal{display:flex;opacity:0;visibility:hidden;pointer-events:none;align-items:center;justify-content:center;transition:opacity .3s var(--ease),visibility .3s}.modal.qr-modal.open{opacity:1;visibility:visible;pointer-events:auto}.modal.qr-modal .modal-backdrop{background:radial-gradient(circle at 50% 30%,#14101c8c,#040506d1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.qr-card{position:relative;display:grid;grid-template-columns:.42fr .58fr;gap:0;width:min(800px,calc(100vw - 48px));min-height:480px;max-height:calc(100svh - 48px);background:radial-gradient(circle at 30% 20%,rgba(190,181,212,.08),transparent 55%),radial-gradient(circle at 78% 82%,rgba(125,114,143,.06),transparent 50%),linear-gradient(180deg,#080a0d,#101219);color:#efede6;border:1px solid rgba(190,181,212,.22);border-radius:20px;box-shadow:0 40px 120px #0000008c,0 8px 30px #00000040,inset 0 0 0 1px #ffffff05;overflow:hidden;transform:scale(.97) translateY(12px);transition:transform .36s var(--ease)}.modal.qr-modal.open .qr-card{transform:none}.qr-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 1px,transparent 1px 18px)}.qr-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 28px;background:radial-gradient(circle at 50% 38%,rgba(190,181,212,.1),transparent 62%);color:#efede6}.qr-visual:after{content:"";position:absolute;inset:0;pointer-events:none;border-right:1px solid rgba(190,181,212,.12)}.qr-placeholder{width:210px;height:210px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(190,181,212,.35);box-shadow:0 18px 50px #0006,0 0 30px #beb5d41a;z-index:1;overflow:hidden}.qr-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:14px;background:#fff;display:block}.qr-placeholder .qr-grid{width:82%;height:82%;background-image:linear-gradient(#111214 1px,transparent 1px),linear-gradient(90deg,#111214 1px,transparent 1px),radial-gradient(circle at 18% 18%,#111214 5px,transparent 6px),radial-gradient(circle at 82% 18%,#111214 5px,transparent 6px),radial-gradient(circle at 18% 82%,#111214 5px,transparent 6px);background-size:14px 14px,14px 14px,100% 100%;opacity:.9}.qr-placeholder .qr-label{position:absolute;font-size:10px;letter-spacing:.2em;color:#9a9b9e;z-index:1}.qr-visual-foot{font-size:12px;letter-spacing:.12em;color:#bcb6c8;z-index:1}.qr-body{padding:48px 44px;display:flex;flex-direction:column;gap:10px;justify-content:center;min-width:0}.qr-body .eyebrow.dark-text{color:#beb5d4;font-size:11px;letter-spacing:.18em}.qr-body h3{font-size:32px;letter-spacing:-.03em;margin:10px 0 12px;font-weight:560;line-height:1.15;color:#fff}.qr-body p{font-size:14px;line-height:1.75;color:#9b9ea5;margin:0}.qr-meta{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:13px;color:#9b9ea5}.qr-meta #qrRole{color:#efede6;font-weight:560}.qr-meta .qr-divider{width:1px;height:12px;background:#ffffff24}.qr-tag{display:inline-flex;align-items:center;gap:8px;margin-top:24px;align-self:flex-start;font-size:12px;letter-spacing:.04em;color:#9b9ea5;padding:0;background:transparent;border:0}.qr-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 10px #beb5d473}.qr-card .modal-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;font-size:20px;color:#9b9ea5;z-index:5;transition:background .25s,transform .3s var(--ease),border-color .25s,color .25s}.qr-card .modal-close:hover{background:#ffffff1a;transform:rotate(90deg);border-color:#beb5d473;color:#efede6}@media(max-width:720px){.modal.qr-modal{align-items:flex-end;padding:0}.qr-card{grid-template-columns:1fr;width:100%;min-height:auto;max-height:90svh;border-radius:20px 20px 0 0;transform:translateY(100%);transition:transform .36s var(--ease)}.modal.qr-modal.open .qr-card{transform:none}.qr-visual{padding:32px 24px 24px;flex-direction:row;gap:20px;justify-content:flex-start}.qr-visual:after{border-right:0;border-bottom:1px solid rgba(190,181,212,.12)}.qr-placeholder{width:160px;height:160px}.qr-visual-foot{margin:0}.qr-body{padding:30px 26px 36px}.qr-body h3{font-size:24px;margin:8px 0}.qr-card .modal-close{right:14px;top:14px}}.brand-full-logo-wrap{display:none;align-items:center;min-width:0}.brand.has-full-logo .brand-full-logo-wrap{display:flex}.brand.has-full-logo .brand-mark,.brand.has-full-logo .brand-text{display:none}.brand-full-logo{display:none;width:auto;height:32px;max-width:164px;object-fit:contain}.brand.has-full-logo-light .brand-full-logo-light{display:block}.nav.nav-light:not(.scrolled) .brand.has-full-logo-dark .brand-full-logo-light{display:none}.nav.nav-light:not(.scrolled) .brand.has-full-logo-dark .brand-full-logo-dark{display:block}.nav.nav-light:not(.scrolled) .brand.has-full-logo:not(.has-full-logo-dark) .brand-full-logo-light{display:block;filter:brightness(0)}.brand-mark.has-image{border-color:transparent;background:transparent;overflow:hidden}.brand-mark.has-image:before,.brand-mark.has-image:after{display:none}.brand-mark-img{width:100%;height:100%;object-fit:contain;display:block}[data-hardware]{position:relative;overflow:hidden}.hardware-media-img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;object-position:center;opacity:0;transform:scale(.985);transition:opacity .35s var(--ease),transform .45s var(--ease);z-index:1}[data-hardware].has-image{color:transparent!important;font-size:0!important}[data-hardware].has-image .hardware-media-img{opacity:1;transform:none}.iot-tag.has-image,.hero-hw-side [data-hardware].has-image{width:108px;height:62px;padding:6px;border-radius:10px}.hero-hw-main.has-image,.mosaic-device.has-image,.prod-device.has-image{border-style:solid}.logo-item[data-client-logo]{position:relative;overflow:hidden}.client-logo-img{position:absolute;inset:12px 22px;width:calc(100% - 44px);height:calc(100% - 24px);object-fit:contain;object-position:center;opacity:0;transition:opacity .35s var(--ease),transform .35s var(--ease);transform:scale(.98)}.logo-item[data-client-logo].has-image{font-size:0;color:transparent}.logo-item[data-client-logo].has-image .client-logo-img{opacity:1;transform:none}.logo-item[data-client-logo].has-image:hover .client-logo-img{transform:scale(1.03)}@media(max-width:700px){.brand-full-logo{height:28px;max-width:142px}.iot-tag.has-image,.hero-hw-side [data-hardware].has-image{width:86px;height:52px}.client-logo-img{inset:10px 16px;width:calc(100% - 32px);height:calc(100% - 20px)}}.mosaic-device.has-image{width:100%;min-height:136px;padding:0}.prod-device.has-image{width:100%;min-height:250px;padding:0}