@layer theme,base;@layer components{.mb-phone{box-sizing:border-box;background:#07074d;border-radius:38px;width:196px;height:370px;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);box-shadow:0 30px 70px #07074d47}.mb-scr{background:#fff;border-radius:30px;width:100%;height:100%;position:relative;overflow:hidden}.mb-track{width:300%;height:100%;animation:mbSwipe 12s var(--ease) infinite;display:flex}@keyframes mbSwipe{0%,26%{transform:translate(0)}33%,59%{transform:translate(-33.333%)}66%,92%{transform:translate(-66.666%)}to{transform:translate(0)}}.mb-s{box-sizing:border-box;flex-direction:column;gap:10px;width:33.333%;height:100%;padding:34px 14px 14px;display:flex}.mb-s b{font:600 15px/20px var(--font-display);color:#07074d}.mb-card{background:#e6f0ff;border-radius:14px;flex-direction:column;gap:6px;padding:10px;display:flex}.mb-card i{background:#c9dcff;border-radius:4px;height:7px}.mb-big{background:#046af3;border-radius:14px;height:90px}.mb-slot{gap:6px;display:flex}.mb-slot span{text-align:center;font:600 11px/14px var(--font-sans);color:#07074d;border:1px solid #dfe3ee;border-radius:10px;flex:1;padding:8px 0}.mb-slot span.on{color:#fff;background:#07074d;border-color:#07074d}.mb-btn{color:#fff;text-align:center;font:600 12px/16px var(--font-sans);background:#046af3;border-radius:12px;margin-top:auto;padding:10px}.mb-msg{border-radius:12px;max-width:85%;padding:8px 10px;font-size:11.5px;line-height:16px}.mb-u{color:#fff;background:#046af3;align-self:flex-end}.mb-a{color:#07074d;background:#e6f0ff;align-self:flex-start}.mb-note{z-index:3;color:#07074d;animation:mbNote 12s var(--ease) infinite;background:#fffffff5;border-radius:14px;align-items:center;gap:8px;padding:9px 10px;font-size:11px;line-height:15px;display:flex;position:absolute;top:8px;left:8px;right:8px;transform:translateY(-120%);box-shadow:0 8px 24px #07074d2e}.mb-note .ai-bot{border-radius:8px;flex:none;width:24px;height:24px;font-size:9px}.mb-note .ai-bot:after{display:none}@keyframes mbNote{0%,70%{transform:translateY(-120%)}74%,88%{transform:none}92%,to{transform:translateY(-120%)}}.mb-f{animation:5s ease-in-out infinite floaty;position:absolute}.f1{top:16%;left:7%}.f2{animation-delay:-1.4s;top:20%;right:7%}.f3{animation-delay:-2.6s;top:60%;left:6%}.f4{animation-delay:-3.6s;top:62%;right:6%}}@layer utilities;
