.cloud-boot{--boot-accent:#8a9bff;isolation:isolate;box-sizing:border-box;color:#eef2ff;background:radial-gradient(at 50% 38%,#202748 0,#101629 40%,#080c18 78%);flex:auto;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:clamp(16px,4vmin,56px);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;display:grid;position:relative;overflow:auto}.cloud-boot--overlay{z-index:10;position:absolute;inset:0}.cloud-boot__grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#a1b3ff08 1px,#0000 1px),linear-gradient(90deg,#a1b3ff08 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.cloud-boot__content{text-align:center;width:min(100%,560px);margin:auto}.cloud-boot__brand{color:#9aa7c9;letter-spacing:.28em;justify-content:center;align-items:center;gap:10px;font-size:10px;font-weight:600;display:flex}.cloud-boot__brand>span{background:#a8c0ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 14px #95b0ff90}.cloud-boot__visual{aspect-ratio:1;place-items:center;width:clamp(100px,21vmin,172px);margin:clamp(24px,5vmin,52px) auto clamp(22px,4vmin,38px);display:grid;position:relative}.cloud-boot__halo{background:#7386ff16;border-radius:50%;animation:3s ease-in-out infinite cloud-boot-breathe;position:absolute;inset:7%;box-shadow:0 0 70px #7386ff18}.cloud-boot__ring{border:1px solid #91a0ff25;border-radius:50%;position:absolute;inset:0}.cloud-boot__ring:after{content:"";border:1px solid #a6b9ff;border-color:#a6b9ff #a6b9ff70 #0000 #0000;border-radius:50%;animation:3s linear infinite cloud-boot-spin;position:absolute;inset:-1px}.cloud-boot__screen{color:#c3ceff;background:linear-gradient(145deg,#a6baff20,#7a8aff08);border:1px solid #b1c1ff30;border-radius:26%;place-items:center;width:58%;height:58%;display:grid;position:relative;box-shadow:inset 0 1px #d9e2ff15,0 12px 28px #0003}.cloud-boot__screen>svg{width:49%;height:49%}.cloud-boot__orbit-dot{animation:3s linear infinite cloud-boot-spin;position:absolute;inset:0}.cloud-boot__orbit-dot:after{content:"";background:#bfcdff;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;left:calc(50% - 3px);box-shadow:0 0 14px #91a7ff}.cloud-boot__name{color:#a9b5d4;text-overflow:ellipsis;white-space:nowrap;margin:0 0 10px;font-size:clamp(11px,1.6vmin,13px);overflow:hidden}.cloud-boot__copy h1{color:#edf1ff;letter-spacing:.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(18px,3.1vmin,30px);font-weight:600;line-height:1.5}.cloud-boot__dots{vertical-align:baseline;gap:3px;margin-left:7px;display:inline-flex}.cloud-boot__dots i{background:#b3c2ff;border-radius:50%;width:3px;height:3px;animation:1.5s ease-in-out infinite cloud-boot-dot}.cloud-boot__dots i:nth-child(2){animation-delay:.18s}.cloud-boot__dots i:nth-child(3){animation-delay:.36s}.cloud-boot__detail{color:#9ba8c7;margin:12px 0 0;font-size:clamp(11px,1.7vmin,14px);line-height:1.8}.cloud-boot__steps{justify-content:center;align-items:center;margin:clamp(26px,5vmin,44px) 0 0;padding:0;list-style:none;display:flex}.cloud-boot__steps li{color:#74829e;white-space:nowrap;align-items:center;gap:8px;font-size:clamp(10px,1.6vmin,12px);display:flex}.cloud-boot__steps li+li:before{content:"";background:#7384ae35;width:clamp(12px,3.8vw,40px);height:1px;margin:0 5px}.cloud-boot__step-mark{border:1px solid #7584a945;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.cloud-boot__step-mark svg{width:12px;height:12px}.cloud-boot__steps .is-current{color:#d3dcff}.cloud-boot__steps .is-current .cloud-boot__step-mark{background:#91a1ff20;border-color:#9baeff90;box-shadow:0 0 18px #8092ff15}.cloud-boot__steps .is-complete{color:#9cacdb}.cloud-boot__steps .is-complete .cloud-boot__step-mark{background:#8498d315;border-color:#8498d350}.cloud-boot__hint{color:#7f8eaf;margin:22px 0 0;font-size:11px;line-height:1.6}@keyframes cloud-boot-spin{to{transform:rotate(360deg)}}@keyframes cloud-boot-breathe{50%{opacity:.5;transform:scale(1.08)}}@keyframes cloud-boot-dot{0%,80%,to{opacity:.3}40%{opacity:1}}@media (width<=420px){.cloud-boot__steps li{flex-direction:column;flex:1;gap:8px}.cloud-boot__steps li+li:before{display:none}}@media (height<=420px) and (width>=560px){.cloud-boot__content{-moz-column-gap:28px;text-align:left;grid-template-columns:112px minmax(0,1fr);align-items:center;column-gap:28px;width:min(100%,640px);display:grid}.cloud-boot__brand{grid-column:2;justify-content:flex-start;margin-bottom:12px}.cloud-boot__visual{grid-area:1/1/5;width:112px;margin:0}.cloud-boot__copy,.cloud-boot__steps,.cloud-boot__hint{grid-column:2}.cloud-boot__steps{justify-content:flex-start;margin-top:22px}.cloud-boot__hint{margin-top:16px}}@media (height<=280px){.cloud-boot{padding:12px}.cloud-boot__brand,.cloud-boot__hint,.cloud-boot__name{display:none}.cloud-boot__visual{width:70px;margin:8px auto 12px}.cloud-boot__steps{margin-top:14px}.cloud-boot__detail{margin-top:6px}}@media (prefers-reduced-motion:reduce){.cloud-boot *,.cloud-boot :after{animation:none!important}}
