From 15b970e6fa8217f53c381e84b429cf18e0e65cfb Mon Sep 17 00:00:00 2001
From: "mula.liu" <mula.liu@163.com>
Date: Sun, 18 Jan 2026 18:57:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=AD=8C=E8=AF=8D=E5=90=8C?=
 =?UTF-8?q?=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                       | 1 -
 App.tsx                    | 4 ++--
 Dockerfile                 | 8 ++++++--
 components/LyricsPanel.tsx | 2 +-
 4 files changed, 9 insertions(+), 6 deletions(-)
 delete mode 100644 .env

diff --git a/.env b/.env
deleted file mode 100644
index 1f4e47a..0000000
--- a/.env
+++ /dev/null
@@ -1 +0,0 @@
-VITE_DEFAULT_PLAYLIST_URL=http://t91rqdjhx.hn-bkt.clouddn.com/playlist.json
\ No newline at end of file
diff --git a/App.tsx b/App.tsx
index 67a0658..260b4f3 100644
--- a/App.tsx
+++ b/App.tsx
@@ -234,8 +234,8 @@ const App: React.FC = () => {
           </div>
           
           {/* Gradient masks for lyrics fade effect - adjusted to be more subtle */}
-          <div className="absolute top-0 left-0 right-0 h-32 bg-gradient-to-b from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
-          <div className="absolute bottom-0 left-0 right-0 h-32 bg-gradient-to-t from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
+          <div className="absolute top-0 left-0 right-0 h-12 md:h-32 bg-gradient-to-b from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
+          <div className="absolute bottom-0 left-0 right-0 h-12 md:h-32 bg-gradient-to-t from-neutral-950/80 to-transparent pointer-events-none z-20"></div>
         </div>
       </div>
 
diff --git a/Dockerfile b/Dockerfile
index 998d310..e00acbb 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,8 +1,12 @@
 # Stage 1: Build the application
-FROM node:20-alpine as builder
+FROM swr.cn-north-4.myhuaweicloud.com/ddn-k8s/docker.io/node:20-alpine as builder
 
 WORKDIR /app
 
+# Config Aliyun Mirror for Alpine and Yarn
+RUN sed -i 's/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g' /etc/apk/repositories && \
+    yarn config set registry https://registry.npmmirror.com
+
 # Copy package files
 COPY package.json yarn.lock ./
 
@@ -18,7 +22,7 @@ COPY . .
 RUN yarn build
 
 # Stage 2: Serve with Nginx
-FROM nginx:alpine
+FROM swr.cn-north-4.myhuaweicloud.com/ddn-k8s/docker.io/nginx:alpine
 
 # Remove default nginx static assets
 RUN rm -rf /usr/share/nginx/html/*
diff --git a/components/LyricsPanel.tsx b/components/LyricsPanel.tsx
index 1a8b0f6..3819c8f 100644
--- a/components/LyricsPanel.tsx
+++ b/components/LyricsPanel.tsx
@@ -46,7 +46,7 @@ const LyricsPanel: React.FC<LyricsPanelProps> = ({ lyrics, currentTime }) => {
   return (
     <div 
       ref={containerRef}
-      className="h-full w-full overflow-y-auto no-scrollbar py-[50vh] text-center px-4 relative"
+      className="h-full w-full overflow-y-auto no-scrollbar py-[15vh] md:py-[45vh] text-center px-4 relative"
     >
       {lyrics.map((line, index) => {
         const isActive = index === activeIndex;