#app { height: 100%; }
.fantastic-admin-home { position: fixed; z-index: 10000; inset: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; background: #10172d; color: #e8edff; font-family: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif; }
.fantastic-admin-home::before { content: ''; position: absolute; width: 850px; height: 850px; border-radius: 50%; background: radial-gradient(circle, #5665ba30, transparent 65%); animation: boot-glow 8s ease-in-out infinite alternate; pointer-events: none; }
.fantastic-admin-home::after { content: ''; position: absolute; inset: 0; background-image: linear-gradient(#9aaaff08 1px, transparent 1px), linear-gradient(90deg, #9aaaff08 1px, transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(ellipse, #000, transparent 70%); pointer-events: none; }
.boot-eyebrow { position: absolute; top: 44px; font-size: 10px; letter-spacing: 4px; color: #8d9cbe; }
.boot-symbol { position: relative; width: 180px; height: 180px; display: grid; place-items: center; margin-bottom: 30px; }
.boot-orbit { position: absolute; inset: 0; border: 1px solid #a5b4fc26; border-radius: 50%; animation: boot-spin 9s linear infinite; }
.boot-orbit::after { content: ''; position: absolute; width: 6px; height: 6px; top: 23px; left: 23px; border-radius: 50%; background: #c1ccff; box-shadow: 0 0 16px #a6b5ff; }
.boot-orbit-inner { inset: 17px; border-color: #b7c5ff40; border-top-color: #acbaff; animation: boot-spin 3s linear infinite reverse; }
.boot-core { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 28px; border: 1px solid #c9d4ff50; background: linear-gradient(145deg, #687fc65c, #212b585c 60%, #6d71bb42); box-shadow: 0 0 60px #7a8aff26, inset 0 1px 16px #d0d8ff12; }
.boot-core span { font-size: 42px; font-weight: 500; letter-spacing: -2px; }
.boot-core small { margin-top: 4px; color: #acb9df; font-size: 7px; letter-spacing: 2px; }
.fantastic-admin-home .text { position: relative; font-size: 22px; font-weight: 500; letter-spacing: 3px; max-width: 85%; text-align: center; overflow-wrap: anywhere; }
.boot-description { position: relative; margin-top: 12px; color: #95a3c1; font-size: 12px; letter-spacing: 1px; }
.boot-track { margin-top: 30px; height: 2px; width: 140px; background: #c1ccff15; border-radius: 2px; overflow: hidden; }
.boot-track::after { content: ''; display: block; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, #b1beff, transparent); animation: boot-progress 2s ease-in-out infinite; }
.boot-footer { position: absolute; bottom: 32px; font-size: 9px; letter-spacing: 3px; color: #7785a6; }
@keyframes boot-spin { to { transform: rotate(360deg); } }
@keyframes boot-glow { to { transform: scale(1.2); opacity: .5; } }
@keyframes boot-progress { from { transform: translateX(-100%); } to { transform: translateX(300%); } }
@media (prefers-reduced-motion: reduce) { .fantastic-admin-home *, .fantastic-admin-home::before, .fantastic-admin-home *::after { animation: none !important; } .boot-track::after { width: 100%; } }