.mc-page.svelte-9dua3p{background:linear-gradient(180deg,#0a0a0f,#121218,#0a0a0f)}@keyframes svelte-9dua3p-slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes svelte-9dua3p-slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.animate-slideUp.svelte-9dua3p{animation:svelte-9dua3p-slideUp .3s ease-out}.animate-slideDown.svelte-9dua3p{animation:svelte-9dua3p-slideDown .3s ease-out}.recent-marquee.svelte-9dua3p{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.recent-marquee.svelte-9dua3p::-webkit-scrollbar{display:none}.recent-track.svelte-9dua3p{display:flex;gap:10px;width:max-content;animation:svelte-9dua3p-recent-marquee 22s linear infinite}.recent-track.paused.svelte-9dua3p{animation-play-state:paused}.recent-card.svelte-9dua3p{min-width:230px;max-width:260px;padding:10px;border-radius:16px;border:1px solid rgba(255,16,240,.35);background:linear-gradient(135deg,#0f0f19f2,#190a1ee6);box-shadow:0 0 18px #ff10f040,inset 0 0 18px #00000059;text-align:left}.recent-card.svelte-9dua3p:hover{border-color:#ff78c8b3;box-shadow:0 0 24px #ff78c859,inset 0 0 18px #00000059}.recent-badge.svelte-9dua3p{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,#ff10f0cc,#ffa050e6);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.recent-title.svelte-9dua3p{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.recent-name.svelte-9dua3p{font-size:14px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-time.svelte-9dua3p{font-size:11px;color:#ffffff80}.recent-meta.svelte-9dua3p{font-size:12px;color:#ffffffa6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-memo.svelte-9dua3p{margin-top:4px;font-size:11px;color:#fffc;display:flex;gap:6px;align-items:center}.recent-memo.muted.svelte-9dua3p{color:#ffffff8c}.recent-memo-btn.svelte-9dua3p{font-size:10px;color:#ffffff8c}.recent-memo-btn.svelte-9dua3p:hover{color:#ffffffd9}@keyframes svelte-9dua3p-recent-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
