From 5a32ad00ed3cb8af81ceffcaf4360ad5eca47677 Mon Sep 17 00:00:00 2001
From: cat-shark <1716967236@qq.com>
Date: Sun, 13 Sep 2026 22:48:15 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=AD=A6=E4=B9=A0=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=8C=BA=E6=94=B9=E4=B8=BA=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E7=BD=91=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Study.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/components/Study.vue b/src/components/Study.vue
index 01f72da..3abbe6c 100644
--- a/src/components/Study.vue
+++ b/src/components/Study.vue
@@ -662,7 +662,7 @@ onMounted(() => {
 
 .stats-grid {
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(4, 1fr);
   gap: 12px;
 }
 
@@ -670,17 +670,27 @@ onMounted(() => {
   display: flex;
   flex-direction: column;
   gap: 4px;
+  padding: 10px 12px;
+  background: var(--accent-success-softer);
+  border: 1px solid var(--border-soft);
+  border-radius: 8px;
 }
 
 .stat-label {
-  font-size: 13px;
+  font-size: 12px;
   color: var(--text-secondary);
 }
 
 .stat-value {
-  font-size: 15px;
+  font-size: 16px;
   font-weight: 600;
-  color: var(--text-primary);
+  color: var(--green-900);
+}
+
+@media (max-width: 900px) {
+  .stats-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
 }
 
 .application-list {