34e56ddf86
- 即时上传：拖入文件后立刻上传 TOS，spinner/红色重试/禁用提交 - 音频校验：格式(MP3/WAV) + 时长[2,15.4]s + 总时长≤15.4s - 视频校验：格式(MP4/MOV) + 时长[2,15.4]s + 总时长≤15.4s - 后端 blob: URL 兜底拦截 + 音频错误文案优化 - 资产页：nginx 403 修复 + 倒序排列 + 加载更多按钮 - Toast：glass-card 毛玻璃风格 + 橙色感叹号图标 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
45 lines
977 B
CSS
45 lines
977 B
CSS
.toast {
|
|
position: fixed;
|
|
top: 20px;
|
|
left: 50%;
|
|
transform: translateX(-50%) translateY(-20px);
|
|
background: rgba(255, 255, 255, 0.06);
|
|
backdrop-filter: blur(24px) saturate(180%);
|
|
-webkit-backdrop-filter: blur(24px) saturate(180%);
|
|
border: 1px solid rgba(255, 255, 255, 0.10);
|
|
box-shadow:
|
|
0 0 0 1px rgba(255, 255, 255, 0.05) inset,
|
|
0 8px 32px rgba(0, 0, 0, 0.4),
|
|
0 1px 0 rgba(255, 255, 255, 0.12) inset;
|
|
color: #fff;
|
|
padding: 10px 24px;
|
|
border-radius: 10px;
|
|
font-size: 13px;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
z-index: 999;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 18px;
|
|
height: 18px;
|
|
border-radius: 50%;
|
|
background: #e8952e;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.show {
|
|
opacity: 1;
|
|
transform: translateX(-50%) translateY(0);
|
|
}
|