feat: 内测申请弹窗 + 电商功能介绍页样式优化

- 新增 BetaApplicationModal 组件,支持文本输入、单/多选、签字等交互

- 顶部通知铃铛左侧添加「内测申请」按钮(脉冲动画)

- 电商功能介绍页等比例放大,减少空白,布局更紧凑

- 右侧卡片区域放大,卡片内容清晰可见
This commit is contained in:
OmniAI Developer
2026-06-08 14:40:47 +08:00
parent f817e31366
commit 192be0e701
11 changed files with 873 additions and 66 deletions
+37
View File
@@ -236,6 +236,43 @@
color: var(--accent);
}
.beta-apply-button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-width: 0;
height: 36px;
padding: 0 14px;
border: 1px solid rgba(var(--accent-rgb), 0.3);
border-radius: 12px;
background: rgba(var(--accent-rgb), 0.1);
color: var(--accent);
font-size: 12px;
font-weight: 850;
cursor: pointer;
transition:
transform 160ms ease,
border-color 160ms ease,
background 160ms ease;
animation: beta-pulse 2.5s ease-in-out infinite;
}
.beta-apply-button:hover {
border-color: var(--accent);
background: rgba(var(--accent-rgb), 0.18);
}
.beta-apply-button:active {
transform: scale(0.96);
}
@keyframes beta-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(var(--accent-rgb), 0.25); }
50% { box-shadow: 0 0 0 6px rgba(var(--accent-rgb), 0); }
}
.member-button {
color: var(--accent);
font-weight: 600;