feat(player): PC 侧栏布局、顶栏与页内间距优化

- 桌面端侧栏 + 全局顶栏（Logo 在侧栏顶、激活态对齐后台红底白字）
- 移除各页重复页内顶栏，统一主区与卡片顶部留白
- 视口遮罩/弹层约束到主内容区，移动端保留底栏与顶栏 Logo

src/app/globals.css

@@ -49,6 +49,8 @@
 }
 
 :root {
+  --player-viewport-max: 480px;
+  --player-sidebar-width: 0px;
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
@@ -163,9 +165,27 @@
   background: linear-gradient(to left, rgba(255, 255, 255, 0.95), transparent);
 }
 
+/* 玩家端侧栏：浅色底 + 与后台一致的红色激活态 */
+.player-sidebar {
+  --sidebar: #ffffff;
+  --sidebar-foreground: #475569;
+  --sidebar-primary: #e60012;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-accent: #f1f5f9;
+  --sidebar-accent-foreground: #0f172a;
+  --sidebar-border: #e4ebf5;
+}
+
+/* 玩家端桌面壳：侧栏宽度供遮罩/弹层定位 */
+@media (min-width: 1024px) {
+  .player-desktop-shell {
+    --player-sidebar-width: 14rem;
+  }
+}
+
 /* 玩家端 Toast：顶部居中、紧凑尺寸（位置见 components/ui/sonner.tsx） */
 [data-sonner-toaster] {
-  --width: min(280px, calc(100vw - 24px));
+  --width: min(280px, calc(var(--player-viewport-max, 480px) - 24px));
 }
 
 [data-sonner-toast][data-styled="true"] {