/* 孟祥远金库 - 全局专属样式表 */
body { background-color: #0b1120; background-image: radial-gradient(#1e293b 1px, transparent 1px); background-size: 30px 30px; color: #e2e8f0; font-family: 'Microsoft YaHei', sans-serif; }

.neon-text { text-shadow: 0 0 15px rgba(56, 189, 248, 0.8), 0 0 30px rgba(56, 189, 248, 0.6); }
.red-neon-text { text-shadow: 0 0 15px rgba(239, 68, 68, 0.8), 0 0 30px rgba(239, 68, 68, 0.6); }
.green-neon-text { text-shadow: 0 0 15px rgba(34, 197, 94, 0.8), 0 0 30px rgba(34, 197, 94, 0.6); }
.neon-box { box-shadow: 0 0 20px rgba(56, 189, 248, 0.15); border: 1px solid rgba(56, 189, 248, 0.3); background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(30, 41, 59, 0.9) 100%); backdrop-filter: blur(10px); }
.red-neon-box { box-shadow: 0 0 20px rgba(220, 38, 38, 0.15); border: 1px solid rgba(220, 38, 38, 0.4); background: linear-gradient(180deg, rgba(69, 10, 10, 0.8) 0%, rgba(15, 23, 42, 0.9) 100%); }
.number-jump { animation: pop 0.3s ease-out; }
@keyframes pop { 50% { transform: scale(1.1); } }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.bar-grow { transition: width 1s cubic-bezier(0.4, 0, 0.2, 1); }
.progress-stripes { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; animation: progress-move 1s linear infinite; }
@keyframes progress-move { 0% { background-position: 1rem 0; } 100% { background-position: 0 0; } }

.damage-overlay { position: fixed; inset: 0; pointer-events: none; z-index: 100; box-shadow: inset 0 0 120px rgba(220, 38, 38, 0.9); background-color: rgba(220, 38, 38, 0.25); border: 8px solid rgba(220, 38, 38, 0.8); opacity: 0; transition: opacity 0.15s ease-out; }
.damage-active { opacity: 1; }
.fade-enter-active, .fade-leave-active { transition: opacity 0.2s ease; }
.fade-enter-from, .fade-leave-to { opacity: 0; }