2 lines
3.3 KiB
CSS
2 lines
3.3 KiB
CSS
.loading-view[data-v-2275977a]{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.loading-background[data-v-2275977a]{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.1) 0%,transparent 50%);animation:backgroundShift-2275977a 10s ease-in-out infinite}@keyframes backgroundShift-2275977a{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-10px) translateY(-5px)}}.loading-content[data-v-2275977a]{display:flex;flex-direction:column;align-items:center;z-index:2;text-align:center;max-width:300px;width:100%;padding:0 20px}.logo-container[data-v-2275977a]{margin-bottom:40px}.logo[data-v-2275977a]{display:flex;flex-direction:column;align-items:center;animation:logoFloat-2275977a 3s ease-in-out infinite}@keyframes logoFloat-2275977a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logo-icon[data-v-2275977a]{font-size:60px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.logo-text[data-v-2275977a]{font-size:32px;font-weight:700;color:#fff;margin:0;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.loading-animation[data-v-2275977a]{margin-bottom:30px}.spinner[data-v-2275977a]{position:relative;width:60px;height:60px}.spinner-ring[data-v-2275977a]{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid rgba(255,255,255,.8);border-radius:50%;animation:spin-2275977a 1.5s linear infinite}.spinner-ring[data-v-2275977a]:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#fff9;animation-duration:2s;animation-direction:reverse}.spinner-ring[data-v-2275977a]:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:#fff6;animation-duration:2.5s}@keyframes spin-2275977a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-2275977a]{margin-bottom:30px;color:#fff}.main-text[data-v-2275977a]{font-size:18px;font-weight:600;margin:0 0 8px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.sub-text[data-v-2275977a]{font-size:14px;margin:0;opacity:.8;text-shadow:0 1px 2px rgba(0,0,0,.2)}.progress-container[data-v-2275977a]{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.progress-bar[data-v-2275977a]{width:100%;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-fill[data-v-2275977a]{height:100%;background:linear-gradient(90deg,#fff,#fffc);border-radius:2px;transition:width .3s ease;box-shadow:0 0 10px #ffffff80}.progress-text[data-v-2275977a]{font-size:12px;color:#ffffffe6;font-weight:500}.loading-footer[data-v-2275977a]{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2}.loading-footer p[data-v-2275977a]{margin:0;font-size:12px;color:#fff9;text-align:center}@media(max-width:480px){.loading-content[data-v-2275977a]{max-width:280px}.logo-icon[data-v-2275977a]{font-size:50px}.logo-text[data-v-2275977a]{font-size:28px}.spinner[data-v-2275977a]{width:50px;height:50px}.main-text[data-v-2275977a]{font-size:16px}}@media(prefers-color-scheme:dark){.loading-view[data-v-2275977a]{background:linear-gradient(135deg,#1a1a2e,#16213e)}}
|