/* 龙崽工具箱 v1 · animations.css —— 开屏、流光与微交互 */
#boot { position: fixed; top:0;right:0;bottom:0;left:0;
 inset:0; z-index: 9999; display: grid; place-items: center;
  background: radial-gradient(800px 500px at 50% 30%, rgba(201,169,97,.14), transparent 60%), var(--bg);
  transition: opacity .5s ease; }
#boot.hide { opacity: 0; pointer-events: none; }
.boot-inner { display: flex; flex-direction: column; align-items: center; gap: 18px; }
.boot-logo { width: 84px; height: 84px; border-radius: 22px; box-shadow: 0 0 40px var(--gold-glow); animation: breathe 2.2s ease-in-out infinite; }
.boot-name { font-size: 20px; font-weight: 700; letter-spacing: 3px;
  background: linear-gradient(120deg, var(--gold-2), #fff, var(--gold)); background-size: 200% auto;
  -webkit-background-clip: text; background-clip: text; color: transparent; animation: shine 3s linear infinite; }
.boot-bar { width: 180px; height: 4px; border-radius: 99px; background: var(--surface-2); overflow: hidden; }
.boot-bar i { display: block; height: 100%; width: 40%; border-radius: 99px; background: linear-gradient(90deg, transparent, var(--gold-2), transparent); animation: load-slide 1.1s ease-in-out infinite; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }
@keyframes shine { to { background-position: 200% center; } }
@keyframes load-slide { 0% { transform: translateX(-120%); } 100% { transform: translateX(320%); } }
@keyframes toast-in { from { opacity: 0; transform: translateY(-10px) scale(.97); } to { opacity: 1; transform: none; } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes pop-in { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes view-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes scan-y { 0%,100% { top: 22%; } 50% { top: 76%; } }
@keyframes hit-flash { 0% { background:var(--surface-2);
 background: color-mix(in srgb, var(--exact) 30%, transparent); } 100% { background: transparent; } }
.flash { animation: hit-flash 1.1s ease; }
@media (prefers-reduced-motion: reduce) {
  .scan-line, .boot-logo, .boot-bar i, .boot-name { animation: none; }
}