.alert-system{position:fixed;z-index:9999;padding:0 2px}
.alert-system.alert-top-center{top:12px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:640px}
.alert-system.alert-bottom-right{bottom:12px;right:12px;width:auto;max-width:420px}
.alert-system .alert-body{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.15);backdrop-filter:saturate(180%) blur(12px)}
.alert-system .alert-body i{font-size:18px;line-height:1.3}
.alert-system .alert-body span{flex:1 1 auto;display:block;white-space:normal;word-break:break-word}
.alert-system .alert-body .alert-close{margin-left:8px;background:transparent;border:0;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.75}
.alert-system .alert-body.show{display:block}
@media (max-width:768px){.alert-system.alert-top-center{top:8px;max-width:92vw}.alert-system.alert-bottom-right{right:8px;left:8px;bottom:8px;max-width:none}.alert-system .alert-body{padding:10px 12px;border-radius:10px}.alert-system .alert-body i{font-size:16px}.alert-system .alert-body span{font-size:14px}}