.dt-desktop-demo,.dt-desktop-demo body{height:100%;overflow:hidden}.dt-demo{position:fixed;top:0;right:0;bottom:0;left:0;color:#233d5d;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(ellipse at 50% 40%,#fff,#edf5fd 55%,#e5eff9)}.dt-demo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(#8aaac418 1px,transparent 1px),linear-gradient(90deg,#8aaac418 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}.dt-demo__header{pointer-events:none;position:absolute;z-index:1;top:32px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between}.dt-demo__brand{display:flex;flex-direction:column;align-items:center;gap:7px}.dt-demo__brand img{display:block;width:174px;height:auto}.dt-demo__brand small{align-self:flex-start;padding-left:39px;color:#6885a1;font-size:10px;font-weight:500;letter-spacing:2.4px;white-space:nowrap}.dt-demo__actions{display:flex;gap:18px;align-items:center;font-size:12px}.dt-demo__badge{padding:8px 13px;border:1px solid #cbdcec;border-radius:20px;background:rgba(255,255,255,.5)}.dt-demo__plain{pointer-events:auto;color:#657f99;text-decoration:none;cursor:pointer}.dt-demo__plain:hover{color:#1677e8}.dt-demo__plain:focus-visible{outline:2px solid #1677e8;outline-offset:6px;border-radius:2px}.dt-demo__center{position:absolute;top:24px;right:0;bottom:44px;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.dt-demo__phone{position:relative;width:406px;max-width:calc(100vw - 24px);height:min(844px,100%);box-sizing:border-box;padding:7px;border:1px solid #536273;border-radius:40px;background:#24313f;box-shadow:0 0 0 2px #c4d0dd,0 28px 65px -22px rgba(56,91,137,.44),0 5px 12px rgba(55,91,136,.125);pointer-events:auto}.dt-demo__phone iframe{display:block;width:100%;height:100%;border:0;border-radius:32px;background:#f2f8ff;color-scheme:light}.dt-demo__footer{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:9px;color:#7c93ab;font-size:11px;letter-spacing:1px}.dt-demo__dot{width:5px;height:5px;border-radius:50%;background:#5e9bdc}.dt-demo__divider{margin:0 4px;color:#b5c7d9}@media (max-width: 1050px){.dt-demo__header{left:24px;right:24px}.dt-demo__actions{flex-direction:column;gap:10px;align-items:flex-end}.dt-demo__brand{gap:5px}.dt-demo__brand img{width:150px}.dt-demo__brand small{padding-left:34px;font-size:9px;letter-spacing:1.8px}}@media (max-width: 899px){.dt-demo__header,.dt-demo__footer{display:none}.dt-demo:not(.dt-demo--forced) .dt-demo__center{top:0;right:0;bottom:0;left:0}.dt-demo:not(.dt-demo--forced) .dt-demo__phone{width:100%;max-width:none;height:100%;padding:0;border:0;border-radius:0;box-shadow:none}.dt-demo:not(.dt-demo--forced) .dt-demo__phone iframe{border-radius:0}}