From 6fdfa3dda40a6f4e1166d4603105fdb9e42095bc Mon Sep 17 00:00:00 2001
From: mtvpls <mtvpls@redaaa.ip-ddns.com>
Date: Tue, 9 Dec 2025 15:33:21 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=8D=8A=E6=98=9F=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/play/page.tsx | 59 +++++++++++++++++++++++++++++++++----------
 1 file changed, 46 insertions(+), 13 deletions(-)

diff --git a/src/app/play/page.tsx b/src/app/play/page.tsx
index 9e11094..f3816e5 100644
--- a/src/app/play/page.tsx
+++ b/src/app/play/page.tsx
@@ -3887,20 +3887,53 @@ function PlayPageClient() {
                     {/* 星级显示 */}
                     <div className='flex items-center gap-1'>
                       {[1, 2, 3, 4, 5].map((star) => {
-                        const filled = star <= Math.round(doubanRating.value / 2);
+                        const starValue = doubanRating.value / 2; // 转换为5星制
+                        const isFullStar = star <= Math.floor(starValue);
+                        const isHalfStar = !isFullStar && star <= Math.ceil(starValue) && starValue % 1 >= 0.25;
+
                         return (
-                          <svg
-                            key={star}
-                            className={`w-5 h-5 ${
-                              filled
-                                ? 'text-yellow-400 fill-yellow-400'
-                                : 'text-gray-300 dark:text-gray-600 fill-gray-300 dark:fill-gray-600'
-                            }`}
-                            viewBox='0 0 24 24'
-                            xmlns='http://www.w3.org/2000/svg'
-                          >
-                            <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
-                          </svg>
+                          <div key={star} className='relative w-5 h-5'>
+                            {isFullStar ? (
+                              // 全星
+                              <svg
+                                className='w-5 h-5 text-yellow-400 fill-yellow-400'
+                                viewBox='0 0 24 24'
+                                xmlns='http://www.w3.org/2000/svg'
+                              >
+                                <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                              </svg>
+                            ) : isHalfStar ? (
+                              // 半星
+                              <>
+                                {/* 空星背景 */}
+                                <svg
+                                  className='absolute w-5 h-5 text-gray-300 dark:text-gray-600 fill-gray-300 dark:fill-gray-600'
+                                  viewBox='0 0 24 24'
+                                  xmlns='http://www.w3.org/2000/svg'
+                                >
+                                  <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                                </svg>
+                                {/* 半星遮罩 */}
+                                <svg
+                                  className='absolute w-5 h-5 text-yellow-400 fill-yellow-400'
+                                  viewBox='0 0 24 24'
+                                  xmlns='http://www.w3.org/2000/svg'
+                                  style={{ clipPath: 'inset(0 50% 0 0)' }}
+                                >
+                                  <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                                </svg>
+                              </>
+                            ) : (
+                              // 空星
+                              <svg
+                                className='w-5 h-5 text-gray-300 dark:text-gray-600 fill-gray-300 dark:fill-gray-600'
+                                viewBox='0 0 24 24'
+                                xmlns='http://www.w3.org/2000/svg'
+                              >
+                                <path d='M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z' />
+                              </svg>
+                            )}
+                          </div>
                         );
                       })}
                     </div>