收敛浮动榜单面板样式

components/RankingPanel.tsx

@@ -335,10 +335,10 @@ export default function RankingPanel() {
           }
         }}
         className={cn(
-          'fixed z-40 w-12 h-12 rounded-xl shadow-lg border flex items-center justify-center transition-colors cursor-move backdrop-blur',
-          'bg-white/90 dark:bg-slate-900/90',
+          'fixed z-40 w-12 h-12 rounded-lg shadow-sm border flex items-center justify-center transition-colors cursor-move',
+          'bg-white dark:bg-slate-900',
           'border-slate-200 dark:border-slate-700',
-          'hover:bg-white dark:hover:bg-slate-900',
+          'hover:bg-slate-50 dark:hover:bg-slate-800',
           isButtonDragging && 'cursor-grabbing'
         )}
         style={{
@@ -395,9 +395,9 @@ export default function RankingPanel() {
     <div
       ref={panelRef}
       className={cn(
-        'fixed z-40 w-[150px] h-[400px] rounded-2xl shadow-2xl border overflow-hidden backdrop-blur-xl',
-        'bg-white/90 dark:bg-slate-950',
-        'border-slate-200/80 dark:border-slate-800'
+        'fixed z-40 w-[150px] h-[400px] rounded-lg shadow-sm border overflow-hidden',
+        'bg-white dark:bg-slate-950',
+        'border-slate-200 dark:border-slate-800'
       )}
       style={{
         left: `${position.x}px`,
@@ -408,13 +408,13 @@ export default function RankingPanel() {
     >
       {/* 拖动区域和关闭按钮 */}
       <div
-        className="bg-white/80 dark:bg-slate-900/80 px-3 py-3 text-center border-b border-slate-200/80 dark:border-slate-800 relative cursor-move select-none"
+        className="bg-white dark:bg-slate-900 px-3 py-3 text-center border-b border-slate-200 dark:border-slate-800 relative cursor-move select-none"
         onMouseDown={handleMouseDown}
       >
         {/* 关闭按钮 */}
         <button
           onClick={handleClose}
-          className="absolute top-1.5 right-1.5 w-6 h-6 flex items-center justify-center bg-white/80 dark:bg-slate-900/80 border border-white/50 dark:border-slate-700 rounded-full transition-colors z-10 hover:bg-white dark:hover:bg-slate-800"
+          className="absolute top-1.5 right-1.5 w-6 h-6 flex items-center justify-center bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md transition-colors z-10 hover:bg-slate-50 dark:hover:bg-slate-800"
           aria-label="关闭"
           onMouseDown={(e) => e.stopPropagation()}
         >
@@ -430,7 +430,7 @@ export default function RankingPanel() {
       </div>
 
       {/* 指示器 */}
-      <div className="flex items-center gap-1 px-3 py-2 bg-white/70 dark:bg-slate-900/80 border-b border-slate-200/60 dark:border-slate-800/70">
+      <div className="flex items-center gap-1 px-3 py-2 bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800">
         {(Object.keys(TAB_META) as PanelTab[]).map((tabKey) => {
           const isActive = tabKey === currentTab
           return (
@@ -438,7 +438,7 @@ export default function RankingPanel() {
               key={tabKey}
               onClick={() => setCurrentTab(tabKey)}
               className={cn(
-                'flex-1 h-1.5 rounded-full transition-all',
+                'flex-1 h-1.5 rounded-md transition-colors',
                 isActive
                   ? 'bg-slate-400 dark:bg-slate-200'
                   : 'bg-slate-200/70 dark:bg-slate-700/70 hover:bg-slate-300/80 dark:hover:bg-slate-600/80'
@@ -465,9 +465,9 @@ export default function RankingPanel() {
             {getCurrentData().map((user, index) => (
               <div
                 key={index}
-                className={`flex items-center gap-2 p-2 rounded-lg transition-all border ${
+                className={`flex items-center gap-2 p-2 rounded-lg transition-colors border ${
                   index < 3
-                    ? 'bg-yellow-50 text-slate-900 dark:bg-slate-900/70 dark:text-white border-yellow-100 dark:border-yellow-500/20'
+                    ? 'bg-slate-100 text-slate-900 dark:bg-slate-900/70 dark:text-white border-slate-200 dark:border-slate-800'
                     : 'bg-slate-100 text-slate-700 dark:bg-slate-900/40 dark:text-slate-200 border-slate-200 dark:border-slate-800'
                 }`}
               >

docs/商业化地基排查问题清单_20260524.md

@@ -1042,6 +1042,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 - `app/page.tsx:400`：精品、下载榜、点赞榜使用多段渐变角标。
 - `app/page.tsx`：排序方式已从大号胶囊按钮改为普通矩形按钮组。
 - `app/page.tsx`：首页素材卡片已从大圆角、轻阴影和黑色半透明胶囊收为普通 `rounded-lg` 边框卡片、中性标签和弱化的素材型号标识。
+- `components/RankingPanel.tsx`：浮动榜单面板已移除毛玻璃、重阴影、超大圆角和前三名金色卡片感，改为普通边框小面板。
 - `app/page.tsx`：榜单角标仍叠在素材封面上，但已从黑色高对比胶囊改为浅底中性标签，后续可继续评估是否移动到卡片信息区。
 - `app/page.tsx:2073`：点赞按钮使用悬浮圆形、阴影和毛玻璃。
 - `app/page.tsx:2211`：列表底部文案“继续向下滚动加载更多”偏引导式。