style(theme-2): replace gold components and colors with blue-white scheme on desktop

This commit is contained in:
2026-06-30 11:04:13 +08:00
parent b327f65c63
commit 4d8389a716
36 changed files with 168 additions and 169 deletions

View File

@@ -1,4 +1,4 @@
<script setup lang="ts">
<script setup lang="ts">
import { ref, onMounted, onActivated, computed } from 'vue';
import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';
@@ -276,7 +276,7 @@ const balanceDisplay = computed(() =>
.bank-card-type {
font-size: 10px;
font-weight: 800;
color: rgba(212, 175, 55, 0.8);
color: rgba(0, 102, 204, 0.8);
font-style: italic;
}
@@ -287,7 +287,7 @@ const balanceDisplay = computed(() =>
padding: 8px 16px;
border-radius: 14px;
background: rgba(0, 0, 0, 0.45);
border: 1px solid rgba(212, 175, 55, 0.35);
border: 1px solid rgba(0, 102, 204, 0.35);
color: var(--primary-light);
font-size: 13px;
font-weight: 600;
@@ -296,7 +296,7 @@ const balanceDisplay = computed(() =>
transition: background 0.15s ease;
}
.recharge-btn:hover { background: rgba(212, 175, 55, 0.15); }
.recharge-btn:hover { background: rgba(0, 102, 204, 0.15); }
.bank-card-balance {
flex: 1;
@@ -388,7 +388,7 @@ const balanceDisplay = computed(() =>
align-items: center;
padding: 7px 18px;
border-radius: 6px;
border: 1px solid var(--border-gold-soft);
border: 1px solid var(--border-active);
color: var(--primary-light);
font-size: 13px;
font-weight: 700;
@@ -396,7 +396,7 @@ const balanceDisplay = computed(() =>
transition: background 0.2s;
}
.edit-btn:hover { background: rgba(212,175,55,0.08); }
.edit-btn:hover { background: rgba(0, 102, 204,0.08); }
.lang-group { display: flex; gap: 8px; flex-wrap: wrap; }
@@ -416,9 +416,9 @@ const balanceDisplay = computed(() =>
}
.lang-opt.active {
border-color: var(--border-gold-soft);
border-color: var(--border-active);
color: var(--primary-light);
background: rgba(212,175,55,0.08);
background: rgba(0, 102, 204,0.08);
}
.logout-btn {