From 388f864aec484138e3b217810c6aa8afe1ef69c4 Mon Sep 17 00:00:00 2001
From: yuetsh <517252939@qq.com>
Date: Wed, 4 Nov 2026 20:12:08 +0800
Subject: [PATCH] =?UTF-8?q?style(=E9=A2=98=E7=9B=AE=E9=A1=B5):=20=E7=9B=B8?=
 =?UTF-8?q?=E4=BC=BC=E9=A2=98=E7=9B=AE=E6=8E=A8=E8=8D=90=E7=9A=84=E9=A2=9C?=
 =?UTF-8?q?=E8=89=B2=E5=A4=AA=E6=B5=85=E5=A4=AA=E6=B7=A1=EF=BC=8C=E9=A2=98?=
 =?UTF-8?q?=E7=9B=AE=E5=90=8D=E7=BB=BF=E5=BE=97=E5=8F=91=E8=99=9A=E3=80=81?=
 =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E8=A1=8C=E7=81=B0=E5=BE=97=E7=9C=8B=E4=B8=8D?=
 =?UTF-8?q?=E6=B8=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 .../oj/problem/components/SimilarProblems.vue | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/oj/problem/components/SimilarProblems.vue b/apps/web/src/oj/problem/components/SimilarProblems.vue
index 82ff409..5cf4a79 100644
--- a/apps/web/src/oj/problem/components/SimilarProblems.vue
+++ b/apps/web/src/oj/problem/components/SimilarProblems.vue
@@ -26,7 +26,8 @@ import ProblemTypeTag from './ProblemTypeTag.vue'
  * `place` 只管标题的样子：题面里和「提示」「来源」一样带绿竖条，结果页签里和「还能挑战」对齐。
  *
  * 每行第二行写和这道题共同的标签：不点开就知道练的是什么。行的写法照题目列表
- * （灰题号、淡底难度、做对人数、类型标签、做过没对的红「−」）
+ * （灰题号、淡底难度、做对人数、类型标签、做过没对的红「−」）。整行可点，题目名
+ * 和题目列表一样用正文色、不用主题绿：绿字细、在白底上发虚
  */
 const props = defineProps<{ title: string; place: 'content' | 'result' }>()
 
@@ -165,7 +166,7 @@ function difficultyStyle(row: SimilarRow) {
 .id {
   grid-area: id;
   min-width: 36px;
-  font-size: 14px;
+  font-size: var(--oj-fs-body);
   color: v-bind('theme.textColor3');
   font-variant-numeric: tabular-nums;
 }
@@ -180,8 +181,8 @@ function difficultyStyle(row: SimilarRow) {
 
 .text {
   min-width: 0;
-  font-size: 15px;
-  color: v-bind('theme.primaryColor');
+  font-size: var(--oj-fs-body);
+  font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -193,7 +194,7 @@ function difficultyStyle(row: SimilarRow) {
   height: 22px;
   padding: 0 7px;
   border-radius: 4px;
-  font-size: 13px;
+  font-size: var(--oj-fs-meta);
   display: inline-flex;
   align-items: center;
 }
@@ -201,8 +202,8 @@ function difficultyStyle(row: SimilarRow) {
 .shared {
   grid-area: shared;
   min-width: 0;
-  font-size: 13px;
-  color: v-bind('theme.textColor3');
+  font-size: var(--oj-fs-sec);
+  color: v-bind('theme.textColor2');
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -211,14 +212,14 @@ function difficultyStyle(row: SimilarRow) {
 .people {
   grid-area: people;
   justify-self: end;
-  font-size: 13px;
-  color: v-bind('theme.textColor3');
+  font-size: var(--oj-fs-sec);
+  color: v-bind('theme.textColor2');
   font-variant-numeric: tabular-nums;
   white-space: nowrap;
 }
 
 .people b {
   font-weight: 600;
-  color: v-bind('theme.textColor2');
+  color: v-bind('theme.textColor1');
 }
 </style>