feat(player): 统一移动端主题样式并优化多页面视觉一致性

将玩家端组件与核心页面全面切换为统一主题变量,优化卡片、按钮、弹窗、列表和盘口相关模块的视觉表现,并补充多语言文案以匹配新的交互与布局风格。

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-06-16 15:55:28 +08:00
parent 4a93fcfce0
commit d2c0b575b7
51 changed files with 1539 additions and 1212 deletions

View File

@@ -77,8 +77,8 @@ onUnmounted(() => {
min-width: 0;
padding: 8px 4px 6px;
border-radius: 8px;
background: #FFFFFF;
border: 1px solid #E5E7EB;
background: var(--bg-card);
border: 1px solid var(--border);
display: flex;
flex-direction: column;
align-items: center;
@@ -89,8 +89,8 @@ onUnmounted(() => {
}
.option-card:active {
border-color: #003D6B;
box-shadow: 0 0 0 1px rgba(0, 61, 107, 0.12);
border-color: var(--primary);
box-shadow: 0 0 0 1px rgba(244, 162, 97, 0.12);
}
.flag {
@@ -113,7 +113,7 @@ onUnmounted(() => {
.name {
font-size: 11px;
font-weight: 800;
color: #1A1A2E;
color: var(--text);
line-height: 1.2;
width: 100%;
overflow: hidden;
@@ -124,6 +124,6 @@ onUnmounted(() => {
.odds {
font-size: 11px;
font-weight: 800;
color: #F8971F;
color: var(--warning);
}
</style>