/* ============================================================ toast.css - 轻提示（js/request.js 的错误提示、各页面自己的 toast 共用） 用法：页面 里引入本文件，调用时给元素加 .toast.show.{error|success|warning} ============================================================ */ .toast { position: fixed; left: 50%; top: 18%; transform: translateX(-50%); padding: 10px 18px; border-radius: 8px; background: rgba(0, 0, 0, 0.72); color: #fff; font-size: 14px; line-height: 1.5; max-width: 80vw; z-index: 9999; opacity: 0; transition: opacity 0.25s, top 0.25s; pointer-events: none; } .toast.show { opacity: 1; top: 20%; } .toast.error { background: rgba(220, 60, 60, 0.88); } .toast.success { background: rgba(56, 168, 96, 0.9); } .toast.warning { background: rgba(230, 150, 40, 0.92); }