.mascot-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;animation:float 3s ease-in-out infinite}.mascot-emoji{line-height:1;filter:drop-shadow(0 4px 6px rgba(124,58,237,.2))}.mascot-bubble{background:#fff;border:2px solid #A78BFA;border-radius:12px;padding:4px 10px;font-size:12px;color:#5b21b6;position:relative;max-width:200px;text-align:center}.mascot-bubble:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid #A78BFA}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#fdf4ff,#f5f3ff);color:#1f2937;min-height:100vh}.page-container{max-width:760px;margin:0 auto;padding:16px 16px 80px}.page-title{font-size:22px;font-weight:700;color:#5b21b6;margin:0 0 12px}.card-soft{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid #f3e8ff}