feat: 样式调整

app.wxss

@@ -1,23 +1,23 @@
 /* ============================================
-   早安电台 — 全局样式
-   品牌主色: #FF9D42  背景: #F6F6F6
+   全声汇 — 全局样式
+   主色: #FF9E6D（暖橙）  行动色: #FF5722（橙红）
    ============================================ */
 
 /* TDesign 主题变量覆盖 */
 page {
-  /* 品牌色 */
-  --td-brand-color: #FF9D42;
-  --td-brand-color-light: rgba(255, 157, 66, 0.1);
-  --td-brand-color-focus: rgba(255, 157, 66, 0.2);
-  --td-brand-color-active: #E88A35;
-  --td-brand-color-disabled: rgba(255, 157, 66, 0.4);
+  /* 品牌色 → 暖橙 */
+  --td-brand-color: #FF9E6D;
+  --td-brand-color-light: rgba(255, 158, 109, 0.1);
+  --td-brand-color-focus: rgba(255, 158, 109, 0.2);
+  --td-brand-color-active: #FF5722;
+  --td-brand-color-disabled: rgba(255, 158, 109, 0.4);
 
-  /* 成功色（森林绿） */
-  --td-success-color: #2D5A27;
-  --td-success-color-light: rgba(45, 90, 39, 0.1);
+  /* 成功色 */
+  --td-success-color: #10B981;
+  --td-success-color-light: rgba(16, 185, 129, 0.1);
 
   /* 警告色 */
-  --td-warning-color: #E34D59;
+  --td-warning-color: #EF4444;
 
   /* 圆角 */
   --td-radius-default: 16rpx;
@@ -25,26 +25,42 @@ page {
   --td-radius-extra-large: 40rpx;
   --td-radius-round: 999rpx;
 
-  /* 自定义品牌变量 */
-  --color-primary: #FF9D42;
-  --color-primary-light: rgba(255, 157, 66, 0.08);
-  --color-primary-bg: rgba(255, 157, 66, 0.12);
-  --color-success: #2D5A27;
-  --color-warning: #E34D59;
-  --color-bg-page: #F6F6F6;
+  /* ── 核心品牌变量 ── */
+  --color-primary: #FF9E6D;
+  --color-primary-dark: #FF5722;
+  --color-primary-light: rgba(255, 158, 109, 0.08);
+  --color-primary-bg: rgba(255, 158, 109, 0.12);
+  --color-accent: #34D399;
+  --color-success: #10B981;
+  --color-warning: #EF4444;
+
+  /* ── 页面/容器色 ── */
+  --color-bg-page: #FAFAF8;
   --color-bg-card: #FFFFFF;
   --color-bg-container: #FEFEFE;
+
+  /* ── 文字色阶 ── */
   --color-text-primary: #333333;
   --color-text-secondary: #666666;
   --color-text-placeholder: #999999;
   --color-text-disabled: #CCCCCC;
+
+  /* ── 边框/分割 ── */
   --color-border: #EEEEEE;
   --color-border-light: #F5F5F5;
 
+  /* ── 领域色 ── */
+  --domain-tech: #3B82F6;
+  --domain-news: #F97316;
+  --domain-realtime: #EF4444;
+  --domain-psych: #10B981;
+  --domain-money: #F59E0B;
+  --domain-edu: #8B5CF6;
+
   /* 页面背景 */
   background-color: var(--color-bg-page);
-  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-               'PingFang SC', 'Microsoft YaHei', sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC',
+               'Helvetica Neue', sans-serif;
   font-size: 28rpx;
   color: var(--color-text-primary);
   line-height: 1.6;
@@ -176,6 +192,23 @@ page {
   padding-top: env(safe-area-inset-top);
 }
 
+/* 播放栏底部安全占位（全局播放栏高度 128rpx + 底部安全区 + 20rpx 间距） */
+.player-bottom-spacer {
+  height: calc(148rpx + env(safe-area-inset-bottom));
+  flex-shrink: 0;
+}
+
+/* 首字母彩色圆形（频道默认封面） */
+.initial-avatar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  font-weight: 800;
+  color: #FFF;
+  text-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.15);
+}
+
 /* ========== 全局隐藏滚动条 ========== */
 page {
   -webkit-overflow-scrolling: touch;
@@ -237,3 +270,20 @@ scroll-view::-webkit-scrollbar {
 .anim-pulse {
   animation: pulse 1.5s ease-in-out infinite;
 }
+
+/* ========== 暗色模式变量覆盖 ========== */
+@media (prefers-color-scheme: dark) {
+  page {
+    --color-primary: #FFB088;
+    --color-primary-dark: #FF5722;
+    --color-primary-light: rgba(255, 176, 136, 0.12);
+    --color-bg-page: #121212;
+    --color-bg-card: #1E1E1E;
+    --color-text-primary: #E0E0E0;
+    --color-text-secondary: #999;
+    --color-text-placeholder: #666;
+    --color-text-disabled: #555;
+    --color-border: rgba(255, 255, 255, 0.08);
+    --color-success: #2ECC71;
+  }
+}