From 36307b1397d25a265d905f9177e81f7d8745f204 Mon Sep 17 00:00:00 2001
From: nanhaoluo <3075912108@qq.com>
Date: Mon, 12 Jan 2026 13:04:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BC=98=E5=8C=96=E5=A4=9A=E9=82=BB?=
 =?UTF-8?q?=E5=9B=BD=E8=BF=9E=E8=83=9C=E6=95=B0=E5=AD=97=E7=9A=84=E5=8F=AF?=
 =?UTF-8?q?=E8=AF=BB=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移动端侧边栏：数字改为白色，背景改为半透明黑色
- 添加文字阴影增强对比度
- 添加毛玻璃效果提升视觉层次
- 增大内边距和间距，数字更清晰
- 火焰图标添加阴影效果
---
 style.css | 23 ++++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

diff --git a/style.css b/style.css
index c8aa1a6..f6bf31e 100644
--- a/style.css
+++ b/style.css
@@ -12919,17 +12919,19 @@ html.darkmode .todo-add-form input:focus {
 .duolingo-streak {
 	display: inline-flex;
 	align-items: center;
-	gap: 2px;
+	gap: 3px;
 	font-size: 14px;
-	font-weight: bold;
+	font-weight: 700;
 	color: #FF9600;
 	margin-left: 6px;
 	vertical-align: middle;
 	animation: duolingoFadeIn 0.5s var(--ease-emphasized-decelerate) both;
+	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 .duolingo-streak.not-done {
 	color: #999;
+	text-shadow: none;
 }
 
 .duolingo-flame {
@@ -12968,21 +12970,28 @@ html.darkmode .todo-add-form input:focus {
 
 /* 移动端多邻国连胜样式优化 */
 .leftbar-mobile-user-name .duolingo-streak {
-	font-size: 16px;
+	font-size: 15px;
 	margin-left: 8px;
-	padding: 2px 8px;
-	background: rgba(255, 150, 0, 0.15);
-	border-radius: 12px;
+	padding: 3px 10px 3px 6px;
+	background: rgba(0, 0, 0, 0.25);
+	border-radius: 14px;
 	gap: 4px;
+	color: #fff;
+	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
+	backdrop-filter: blur(4px);
+	-webkit-backdrop-filter: blur(4px);
 }
 
 .leftbar-mobile-user-name .duolingo-streak.not-done {
-	background: rgba(150, 150, 150, 0.15);
+	background: rgba(0, 0, 0, 0.2);
+	color: rgba(255, 255, 255, 0.7);
+	text-shadow: none;
 }
 
 .leftbar-mobile-user-name .duolingo-flame {
 	width: 16px;
 	height: 19px;
+	filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
 }