.demo-banner{position:fixed;left:0;right:0;bottom:0;z-index:99999;background:rgba(26,36,133,.96);color:#fff;text-align:center;padding:10px 16px;font:14px/1.4 Arial,sans-serif;box-shadow:0 -3px 12px rgba(0,0,0,.18)}
.demo-toast{position:fixed;left:50%;top:24px;transform:translateX(-50%);z-index:100000;background:#111;color:#fff;padding:10px 16px;border-radius:4px;font:14px/1.4 Arial,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .2s ease}
.demo-toast.show{opacity:1}
body{padding-bottom:42px}
@media (max-width: 768px){.demo-banner{font-size:12px;padding:8px 10px}body{padding-bottom:50px}}