diff --git a/frontend/src/views/factor/BatchEval.vue b/frontend/src/views/factor/BatchEval.vue index df917d9..5060c6d 100644 --- a/frontend/src/views/factor/BatchEval.vue +++ b/frontend/src/views/factor/BatchEval.vue @@ -507,15 +507,19 @@ async function submit(): Promise { cursor: not-allowed; } +/* 对齐排行榜「发起新评估」同款(青软底+荧光青字,el-button--primary 观感) */ .btn.primary { - color: #04141a; - background: var(--brand); - border-color: var(--brand); - box-shadow: var(--glow-cyan); + color: var(--brand); + background: var(--cyan-soft); + border-color: rgba(0, 229, 255, 0.5); + font-weight: 600; + letter-spacing: 0.3px; } .btn.primary:hover:not(:disabled) { - background: #33ecff; + color: var(--brand); + background: rgba(0, 229, 255, 0.22); + border-color: rgba(0, 229, 255, 0.65); } .custom-input { diff --git a/frontend/src/views/factor/LeaderboardDetail.vue b/frontend/src/views/factor/LeaderboardDetail.vue index c0a9f14..c57f40e 100644 --- a/frontend/src/views/factor/LeaderboardDetail.vue +++ b/frontend/src/views/factor/LeaderboardDetail.vue @@ -698,15 +698,19 @@ function pct(val: number | null | undefined): string { border-color: var(--text-3); } +/* 对齐排行榜「发起新评估」同款(青软底+荧光青字,el-button--primary 观感) */ .btn.primary { - color: var(--text); - background: var(--brand); - border-color: var(--brand); - box-shadow: var(--glow-cyan); + color: var(--brand); + background: var(--cyan-soft); + border-color: rgba(0, 229, 255, 0.5); + font-weight: 600; + letter-spacing: 0.3px; } .btn.primary:hover { - background: var(--cyan-dim); + color: var(--brand); + background: rgba(0, 229, 255, 0.22); + border-color: rgba(0, 229, 255, 0.65); } /* 已加入对比的选中态(青色终端风) */ diff --git a/frontend/src/views/factor/New.vue b/frontend/src/views/factor/New.vue index f760917..6f4ac28 100644 --- a/frontend/src/views/factor/New.vue +++ b/frontend/src/views/factor/New.vue @@ -148,8 +148,9 @@ async function onSubmit(): Promise { .submit-bar { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 2px 0; } .btn { font-size: 12.5px; font-weight: 600; border-radius: var(--r-md); padding: 8px 18px; border: 1px solid var(--border); color: var(--text-2); background: var(--bg-card); transition: all .15s ease; cursor: pointer; } .btn:hover { color: var(--text); border-color: var(--text-3); } -.btn.primary { color: #032027; background: var(--brand); border-color: var(--brand); box-shadow: 0 0 0 1px rgba(0,229,255,.22), 0 0 18px rgba(0,229,255,.08); font-weight: 700; } -.btn.primary:hover:not(:disabled) { background: #33ecff; } +/* 对齐排行榜「发起新评估」同款(青软底+荧光青字,el-button--primary 观感) */ +.btn.primary { color: var(--brand); background: var(--cyan-soft); border-color: rgba(0,229,255,.5); font-weight: 600; letter-spacing: .3px; } +.btn.primary:hover:not(:disabled) { color: var(--brand); background: rgba(0,229,255,.22); border-color: rgba(0,229,255,.65); } .btn:disabled { opacity: .45; cursor: not-allowed; box-shadow: none; } .valid-note { font-family: var(--mono); font-size: 11px; color: var(--amber); } .hint { font-family: var(--mono); font-size: 10.5px; color: var(--text-3); }