style(ui): 移除吉祥物插画,前台 hero 改为 Memphis 装饰元素
- 首页 hero 去掉 Mascot,换成漂浮的蜡笔色墨边方块(float/wiggle/bounce 动画) - KPI 卡片轮流使用黄/粉/蓝/薄荷平涂色,能力卡图标、模型卡光晕统一 Memphis 调色 - 画廊跑马灯加粗黑上下边;About 页 hero 改为色块拼贴,文案不再以"薇薇"自称 - 空状态统一用旋转的 .empty-badge 黄色星标替代吉祥物 - 邀请页顶部卡片改为 ink-card + 蜡笔色统计块 + 橙色复制按钮 - 删除 Mascot.vue Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
This commit is contained in:
@@ -473,6 +473,25 @@ html.dark .memphis-dots {
|
||||
.memphis-press { transition: transform 0.15s ease; }
|
||||
.memphis-press:active { transform: scale(0.97) translateY(2px); }
|
||||
|
||||
/* Empty-state badge — a rotated crayon tile with a star, replaces the old
|
||||
mascot illustration in empty lists. */
|
||||
.empty-badge {
|
||||
width: 4.5rem;
|
||||
height: 4.5rem;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 900;
|
||||
color: #111;
|
||||
background: var(--m-yellow);
|
||||
border: 3px solid var(--ink);
|
||||
border-radius: 1rem;
|
||||
box-shadow: 5px 5px 0 var(--shadow-ink);
|
||||
transform: rotate(-6deg);
|
||||
animation: memphis-float 6s ease-in-out infinite;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) { .empty-badge { animation: none; } }
|
||||
|
||||
@keyframes memphis-wiggle { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
|
||||
@keyframes memphis-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(1.5deg); } }
|
||||
@keyframes memphis-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
|
||||
|
||||
Reference in New Issue
Block a user