.idm{--step:3.4s;justify-items:center;gap:16px;display:grid}.idm__phone{aspect-ratio:9/19.2;width:min(250px,64vw);box-shadow:inset 0 0 0 1.5px #e8b4c8, inset 0 0 0 3px #7a4d5f, inset 0 0 0 4px #1a0d14, 0 30px 50px -10px #0009, 0 0 40px rgba(var(--neon-deep-rgb), .18);background:#050307;border-radius:15%/7%;padding:3.2%;position:relative}.idm__btn{background:linear-gradient(90deg,#a8788a,#e8b4c8);border-radius:2px;width:3px;position:absolute}.idm__btn--a{height:4%;top:17%;left:-2px}.idm__btn--b{height:8%;top:24%;left:-2px}.idm__btn--c{height:11%;top:26%;right:-2px}.idm__island{z-index:6;background:#000;border-radius:99px;width:30%;height:3.4%;position:absolute;top:1.6%;left:50%;translate:-50%}.idm__screen{color:#111;background:#0b0710;border-radius:12.5%/5.9%;width:100%;height:100%;font:500 10px/1.35 -apple-system,SF Pro Text,PingFang TC,sans-serif;position:relative;overflow:hidden;container-type:inline-size}.idm__status{z-index:5;color:#fff;justify-content:space-between;align-items:center;height:6.4%;padding:0 20px 0 24px;font-size:9.5px;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.idm__status i{aspect-ratio:2.2;border:1px solid;border-radius:3px;width:9%;box-shadow:inset 0 0 0 1.5px #000,inset 0 0 0 9px}.idm__status.is-dark{color:#111}.idm__view{animation:.5s cubic-bezier(.22,1,.36,1) idm-in;position:absolute;inset:0}@keyframes idm-in{0%{opacity:0;transform:translateY(8px)scale(.985)}}.idm__screen svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.idm__hot{animation:idm-press var(--step) ease both;position:relative}@keyframes idm-press{0%,40%{filter:none;transform:none}46%{filter:brightness(.8);transform:scale(.94)}56%,to{filter:none;transform:none}}.idm__hot--text{color:#0a84ff;font-weight:700}.idm__hot--fill{color:#fff;background:#c2185b;border-radius:99px;padding:6px 14px}.idm__tap{z-index:8;pointer-events:none;width:26px;height:26px;animation:idm-finger var(--step) cubic-bezier(.22, 1, .36, 1) both;background:radial-gradient(circle,#ffffffe6 0 34%,#ffffff59 36% 100%);border-radius:50%;margin:-13px 0 0 -13px;position:absolute;box-shadow:0 2px 8px #00000059}.idm__tap i{border:2px solid rgba(var(--pink-rgb), .9);opacity:0;animation:idm-ripple var(--step) ease-out both;border-radius:50%;position:absolute;inset:-4px}@keyframes idm-finger{0%,18%{opacity:0;transform:translate(26px,40px)scale(1.15)}34%{opacity:1;transform:none}44%{transform:scale(.82)}54%{opacity:1;transform:scale(1)}70%,to{opacity:0}}@keyframes idm-ripple{0%,43%{opacity:0;transform:scale(.6)}46%{opacity:1}70%,to{opacity:0;transform:scale(2.6)}}.idm__app{background:#0b0710;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.idm__app-scroll{aspect-ratio:1206/3591;width:100%;padding-top:13.7cqi;animation:9s ease-in-out infinite alternate idm-drift;position:relative}@keyframes idm-drift{to{transform:translateY(-6%)}}.idm__app-shot,.idm__app-photo{display:block;position:absolute}.idm__app-shot{width:100%;height:100%;inset:0}.idm__app-photo{object-fit:cover;border-radius:3px}.idm__ios{position:absolute;inset:0}.idm__sbar{z-index:4;-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);color:#fff;background:#1e1c22b8;border-top:.5px solid #ffffff1f;padding:8px 10px 16px;position:absolute;bottom:0;left:0;right:0}.idm__sbar-url{background:#ffffff24;border-radius:11px;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:10px;display:flex}.idm__sbar-url svg{width:10px;height:10px}.idm__sbar-tools{color:#0a84ff;justify-content:space-around;align-items:center;margin-top:8px;display:flex}.idm__sbar-tools i{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.idm__sbar-tools i.is-dim{opacity:.35}.idm__sbar-tools svg{width:17px;height:17px}.idm__dim{z-index:3;background:#00000061;animation:.35s both idm-fade;position:absolute;inset:0}@keyframes idm-fade{0%{opacity:0}}.idm__sheet{z-index:4;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f2f2f7f5;border-radius:18px 18px 0 0;padding:12px 10px 18px;animation:.45s cubic-bezier(.22,1,.36,1) both idm-up;position:absolute;bottom:0;left:0;right:0}@keyframes idm-up{0%{transform:translateY(100%)}}.idm__sheet-head,.idm__card{align-items:center;gap:8px;display:flex}.idm__sheet-head{border-bottom:.5px solid #d1d1d6;padding:0 2px 10px}.idm__sheet-head b,.idm__card b{color:#111;font-size:10.5px;display:block}.idm__sheet-head span,.idm__card span{color:#8e8e93;font-size:8.5px}.idm__sheet-apps{color:#333;justify-content:space-between;padding:10px 2px;font-size:7.5px;display:flex}.idm__sheet-apps span{justify-items:center;gap:4px;display:grid}.idm__sheet-apps i{border-radius:9px;width:30px;height:30px}.idm__sheet ul{background:#fff;border-radius:11px;margin:0;padding:0;list-style:none}.idm__sheet li{color:#111;border-bottom:.5px solid #e5e5ea;justify-content:space-between;align-items:center;padding:8px 11px;font-size:10px;display:flex}.idm__sheet li:last-child{border-bottom:0}.idm__sheet li svg{color:#111;width:14px;height:14px}.idm__sheet li.idm__hot{background:rgba(var(--neon-deep-rgb), .08);box-shadow:inset 0 0 0 1.5px var(--pink);border-radius:11px}.idm__ios--sheet{background:#f2f2f7;padding:13% 9px 0}.idm__nav{color:#0a84ff;justify-content:space-between;align-items:center;padding:6px 2px 14px;font-size:10.5px;display:flex}.idm__nav b{color:#111}.idm__card{background:#fff;border-radius:12px;padding:10px}.idm__hint{color:#8e8e93;margin:10px 4px 0;font-size:8.5px;line-height:1.5}.idm__and{background:#0b0710;position:absolute;inset:0}.idm__cbar{z-index:4;color:#e8eaed;background:#202124;align-items:center;gap:6px;padding:6px 8px;display:flex;position:absolute;top:6.4%;left:0;right:0}.idm__cbar-url{background:#303134;border-radius:99px;flex:1;align-items:center;gap:4px;padding:5px 9px;font-size:9.5px;display:flex}.idm__cbar-url svg{width:10px;height:10px}.idm__cbar>i{border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;font-style:normal;font-weight:700;display:grid}.idm__tabcount{border:1.6px solid #e8eaed;border-radius:4px!important;width:14px!important;height:14px!important;font-size:8px!important}.idm__menu{z-index:5;color:#e8eaed;transform-origin:100% 0;background:#2d2e31;border-radius:12px;width:66%;margin:0;padding:6px 0;list-style:none;animation:.3s cubic-bezier(.22,1,.36,1) both idm-menu;position:absolute;top:13%;right:6px;box-shadow:0 8px 24px #00000080}@keyframes idm-menu{0%{opacity:0;transform:scale(.85)}}.idm__menu li{align-items:center;gap:10px;padding:8px 12px;font-size:10px;display:flex}.idm__menu li svg{width:14px;height:14px}.idm__menu li.idm__hot{background:rgba(var(--neon-deep-rgb), .16);box-shadow:inset 3px 0 0 var(--pink)}.idm__m3{z-index:5;color:#e6e1e5;text-align:center;background:#2b2930;border-radius:22px;justify-items:center;gap:4px;padding:16px 14px 12px;animation:.35s cubic-bezier(.22,1,.36,1) both idm-menu;display:grid;position:absolute;top:32%;left:9%;right:9%}.idm__m3 img{border-radius:22%;width:38px;margin-bottom:4px}.idm__m3 b{font-size:12px;font-weight:500}.idm__m3>span{color:#cac4d0;font-size:8.5px}.idm__m3-btns{color:#f48fb1;justify-content:flex-end;align-items:center;gap:12px;width:100%;margin-top:10px;font-size:10px;display:flex}.idm__home{background:radial-gradient(120% 80% at 20% 10%,#8a2c62,#0000 60%),radial-gradient(100% 70% at 90% 90%,#3a1a6b,#0000 60%),#140a1c;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:14px 10px;padding:18% 12px 0;display:grid;position:absolute;inset:0}.idm__home>i{aspect-ratio:1;opacity:.9;border-radius:23%;box-shadow:inset 0 -6px 10px #0000001f}.idm__home-app{color:#fff;justify-items:center;gap:3px;font-size:7.5px;display:grid}.idm__home-app img{border-radius:23%;width:100%}.idm__home-app.is-pop img{box-shadow:0 0 0 2px var(--pink), 0 0 18px rgba(var(--neon-deep-rgb), .9);animation:.8s cubic-bezier(.34,1.56,.64,1) .15s both idm-pop}@keyframes idm-pop{0%{opacity:0;transform:scale(0)}}.idm__dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff2e;border-radius:22px;justify-content:space-around;padding:9px 6px;display:flex;position:absolute;bottom:10px;left:8px;right:8px}.idm__dock i{aspect-ratio:1;border-radius:23%;width:20%}.idm__cam{background:#000;position:absolute;inset:0}.idm__cam-scene{background:radial-gradient(80% 60% at 50% 45%,#3a2a3a,#0d0a10 70%);place-items:center;display:grid;position:absolute;inset:9% 0 22%;overflow:hidden}.idm__laptop{aspect-ratio:4/3;filter:saturate(1.1);background:linear-gradient(160deg,#2a1424,#120a14);border-radius:8px;place-items:center;width:92%;animation:3.4s ease-in-out infinite idm-handheld;display:grid;box-shadow:0 0 0 3px #1c1c1e,0 20px 40px #0009}@keyframes idm-handheld{50%{transform:translate(2px,-1px)rotate(-.6deg)}}.idm__qr{aspect-ratio:1;background:#fff;border-radius:8px;width:68%;padding:8px;position:relative}.idm__qr img{width:100%;height:100%;display:block}.idm__focus{box-shadow:0 0 10px rgba(var(--pink-rgb), .55);opacity:0;animation:idm-lock var(--step) cubic-bezier(.22, 1, .36, 1) both;border:2px solid #ffffffeb;border-radius:6px;position:absolute;inset:-14%;-webkit-mask:linear-gradient(#000 0 0) 0 0/22% 22% no-repeat,linear-gradient(#000 0 0) 100% 0/22% 22% no-repeat,linear-gradient(#000 0 0) 0 100%/22% 22% no-repeat,linear-gradient(#000 0 0) 100% 100%/22% 22% no-repeat;mask:linear-gradient(#000 0 0) 0 0/22% 22% no-repeat,linear-gradient(#000 0 0) 100% 0/22% 22% no-repeat,linear-gradient(#000 0 0) 0 100%/22% 22% no-repeat,linear-gradient(#000 0 0) 100% 100%/22% 22% no-repeat}.idm__focus.is-locked{opacity:1;animation:none;inset:-4%}@keyframes idm-lock{0%,25%{opacity:0;inset:-18%}55%,to{opacity:1;inset:-4%}}.idm__chip{z-index:4;color:#111;white-space:nowrap;background:#ffffffeb;border-radius:99px;align-items:center;gap:5px;padding:6px 11px;font-size:9px;font-weight:600;animation:.3s both idm-fade;display:flex;position:absolute;top:74%;left:50%;translate:-50%}.idm__chip svg{width:11px;height:11px}.idm__cam-ui{color:#ffffffb3;justify-content:center;gap:14px;font-size:8.5px;display:flex;position:absolute;bottom:13%;left:0;right:0}.idm__cam-ui b{color:#fff;font-weight:600}.idm__shutter{background:#fff;border-radius:50%;width:38px;height:38px;position:absolute;bottom:3%;left:50%;translate:-50%;box-shadow:0 0 0 3px #000,0 0 0 5px #fff}.idm__toast{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-align:center;background:#1e1c22d1;border-radius:12px;margin:0;padding:9px 10px;font-size:9px;animation:.45s cubic-bezier(.22,1,.36,1) both idm-up;position:absolute;bottom:24%;left:8%;right:8%}.idm__bars{gap:8px;width:min(220px,60vw);display:flex}.idm__bars button{cursor:pointer;background:0 0;border:0;flex:1;align-items:center;height:18px;padding:0;display:grid}.idm__bars button i{background:rgba(var(--pink-rgb), .18);border-radius:3px;height:3px;display:block;position:relative;overflow:visible}.idm__bars button i:after{content:"";background:var(--neon-core);width:0;box-shadow:0 0 2px var(--pink), 0 0 8px var(--neon-deep), 0 0 16px rgba(var(--neon-deep-rgb), .5);border-radius:3px;position:absolute;inset:0 auto 0 0}.idm__bars button.is-done i:after{width:100%}.idm__bars button.is-on i:after{animation:linear forwards idm-bar;animation-duration:inherit}@keyframes idm-bar{to{width:100%}}.idm__caption{text-align:center;color:#fff0f7;max-width:280px;min-height:2.8em;margin:0;font-size:14px;line-height:1.6}.brand-install .qr-card{position:relative;overflow:hidden}.brand-install .qr-card:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(180deg, transparent, rgba(var(--neon-deep-rgb), .12) 70%, rgba(var(--pink-rgb), .32) 96%, #fff2f9 100%);height:40%;box-shadow:0 1px 10px rgba(var(--neon-deep-rgb), .9);position:absolute;top:-40%;left:0;right:0}.brand-install .qr-card:hover:after{opacity:1;animation:1.6s cubic-bezier(.45,0,.55,1) infinite idm-scan}@keyframes idm-scan{to{top:100%}}.install-art--demo{place-items:center;display:grid}.brand-install .install-art.install-art--demo .idm img{filter:none;max-width:none;margin:0}.brand-install .install-art.install-art--demo .idm .idm__app-shot{width:100%;height:100%}.brand-install .install-art.install-art--demo .idm .idm__app-photo{object-fit:cover}.brand-install .install-art.install-art--demo .idm .idm__sheet-head img,.brand-install .install-art.install-art--demo .idm .idm__card img{border-radius:22%;width:36px;height:auto}.brand-install .install-art.install-art--demo .idm .idm__m3 img{border-radius:22%;width:40px;height:auto}.brand-install .install-art.install-art--demo .idm .idm__home-app img{border-radius:23%;width:100%;height:auto}.brand-install .install-art.install-art--demo .idm .idm__qr img{width:100%;height:100%}@media (prefers-reduced-motion:reduce){.idm__hot,.idm__tap,.idm__tap i,.idm__view,.idm__sheet,.idm__menu,.idm__m3,.idm__home-app.is-pop img,.idm__app-scroll,.idm__laptop,.idm__focus{animation:none}.idm__tap{display:none}.idm__focus{opacity:1;inset:-4%}.idm__bars button.is-on i:after{width:100%;animation:none}}