style(ui): 苹果风格二次打磨,统一圆角与材质并移除残留位移动效
Azure Static Web Apps CI/CD / Close Pull Request Job (push) Skipped
Azure Static Web Apps CI/CD / Build and Deploy Job (push) Failing after 18m55s
Build and Deploy / build (push) Failing after 18m56s

- 去除卡片内联硬编码圆角(6px/8px)与固定色值,统一走主题变量与 12px 圆角

- 笔记卡片取消上浮投影,改用按压与填充反馈;版权角标、滚动条、拖拽条改为随主题取色

- 全局补充:遮罩轻微虚化、输入框聚焦光晕、卡片标题排版、选中文本强调色

- 设置卡片的悬停投影改为描边反馈;修正 settings.scss 中无效的 rgb(a, x) 写法

- 服务选择入口去掉 2px 撞色描边与悬停投影,改为细描边与极淡渐变
This commit is contained in:
2026-10-24 08:11:32 +08:00
committed by trae-solo-agent
parent 5cdfc70818
commit be2e979252
6 changed files with 84 additions and 46 deletions
+16 -8
View File
@@ -360,11 +360,18 @@ const openClassworksKV = () => {
.main-service-card {
min-height: 100px;
cursor: pointer;
transition: all 0.3s ease;
transition: background-color 0.22s var(--apple-ease-out),
border-color 0.22s var(--apple-ease-out),
transform 0.14s var(--apple-ease-out);
}
.main-service-card:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
border-color: var(--apple-hairline-strong) !important;
}
.main-service-card:active {
transform: scale(0.995);
transition-duration: 0.08s;
}
.main-service-card .v-card-item {
@@ -386,19 +393,20 @@ const openClassworksKV = () => {
text-align: left;
}
/* 三档入口:取自主题强调色,只做极淡的底色渐变与一道细描边 */
.gradient-new {
background: linear-gradient(135deg, rgba(33, 150, 243, .12), rgba(103, 80, 164, 0.08) 60%);
border: 2px solid rgba(33, 150, 243, .2);
background-image: linear-gradient(135deg, rgba(var(--v-theme-primary), 0.12), transparent 70%);
border: 1px solid rgba(var(--v-theme-primary), 0.26);
}
.gradient-registered {
background: linear-gradient(135deg, rgba(76, 175, 80, .12), rgba(0, 184, 212, 0.08) 60%);
border: 2px solid rgba(76, 175, 80, .2);
background-image: linear-gradient(135deg, rgba(var(--v-theme-success), 0.12), transparent 70%);
border: 1px solid rgba(var(--v-theme-success), 0.26);
}
.gradient-kv {
background: linear-gradient(135deg, rgba(0, 184, 212, .12), rgba(33, 150, 243, 0.08) 60%);
border: 2px solid rgba(0, 184, 212, .2);
background-image: linear-gradient(135deg, rgba(var(--v-theme-info), 0.12), transparent 70%);
border: 1px solid rgba(var(--v-theme-info), 0.26);
}
/* 其他选项 */