修改样式

pages/index/index.wxml

@@ -1,96 +1,33 @@
-<view class="page-container">
-  <video class="bg-video"
-         src="http://exam.yinyue.click/sky.mp4"  
-         loop
-         muted
-         autoplay
-         object-fit="cover"
-         controls="{{false}}">
-         playback-rate="{{playbackRate}}">
-  </video>
-  
-  <!-- 遮罩层 -->
-  <view class="mask {{activeConstellation ? 'mask-show' : ''}}" bindtap="hideMask"></view>
-  
-  <!-- 星座容器 -->
-  <view class="content">
-    <view class="xz_bg">
-      <!-- 仙女座 - 梦境记录 -->
-      <view class="constellation-wrapper {{activeConstellation && activeConstellation !== 'xiannv' ? 'dimmed' : ''}}">
-        <image 
-          class='xz_xiannv {{activeConstellation === "xiannv" ? "active-center" : ""}}' 
-          src="/images/xiannv2.png" 
-          mode="aspectFit"
-          bindtap="handleConstellationTap"
-          data-constellation="xiannv"
-          data-title="梦境记录"
-          data-page="/pages/record/record"
-        />
-        <view class="constellation-title {{activeConstellation === 'xiannv' ? 'title-show' : ''}}">
-          梦境记录
-        </view>
-      </view>
+<view class="welcome-container">
+  <!-- 星星背景装饰 -->
+  <view class="stars">
+    <view class="star star-1"></view>
+    <view class="star star-2"></view>
+    <view class="star star-3"></view>
+    <view class="star star-4"></view>
+    <view class="star star-5"></view>
+    <view class="star star-6"></view>
+  </view>
 
-      <!-- 狮子座 - 梦境分享 -->
-      <view class="constellation-wrapper {{activeConstellation && activeConstellation !== 'lion' ? 'dimmed' : ''}}">
-        <image 
-          class='xz_lion {{activeConstellation === "lion" ? "active-center" : ""}}' 
-          src="/images/lion1_yuhua.png" 
-          mode="aspectFit"
-          bindtap="handleConstellationTap"
-          data-constellation="lion"
-          data-title="梦境分享"
-        />
-        <view class="constellation-title {{activeConstellation === 'lion' ? 'title-show' : ''}}">
-          梦境分享
-        </view>
-      </view>
-
-      <!-- 巨蟹座 - 私密功能 -->
-      <view class="constellation-wrapper {{activeConstellation && activeConstellation !== 'juxie' ? 'dimmed' : ''}}">
-        <image 
-          class='xz_juxie {{activeConstellation === "juxie" ? "active-center" : ""}}' 
-          src="/images/juxiezuo_yuhua.png" 
-          mode="aspectFit"
-          bindtap="handleConstellationTap"
-          data-constellation="juxie"
-          data-title="私密功能"
-          data-page="/pages/history/history"
-        />
-        <view class="constellation-title {{activeConstellation === 'juxie' ? 'title-show' : ''}}">
-          私密功能
-        </view>
-      </view>
-
-      <!-- 射手座 - 梦境探索 -->
-      <view class="constellation-wrapper {{activeConstellation && activeConstellation !== 'sheshou' ? 'dimmed' : ''}}">
-        <image 
-          class='xz_sheshou {{activeConstellation === "sheshou" ? "active-center" : ""}}' 
-          src="/images/sheshou_yuhua.png" 
-          mode="aspectFit"
-          bindtap="handleConstellationTap"
-          data-constellation="sheshou"
-          data-title="梦境探索"
-        />
-        <view class="constellation-title {{activeConstellation === 'sheshou' ? 'title-show' : ''}}">
-          梦境探索
-        </view>
-      </view>
-
-      <!-- 双鱼座 - 梦境分析 -->
-      <view class="constellation-wrapper {{activeConstellation && activeConstellation !== 'shuangyu' ? 'dimmed' : ''}}">
-        <image 
-          class='xz_shuangyu {{activeConstellation === "shuangyu" ? "active-center" : ""}}' 
-          src="/images/shuangyu_yuhua.png" 
-          mode="aspectFit"
-          bindtap="handleConstellationTap"
-          data-constellation="shuangyu"
-          data-title="梦境分析"
-        />
-        <view class="constellation-title {{activeConstellation === 'shuangyu' ? 'title-show' : ''}}">
-          梦境分析
-        </view>
-      </view>
+  <!-- 主内容区域 -->
+  <view class="main-content">
+    <!-- 书本图标 -->
+    <view class="book-icon-single">
+      <view class="book-page-left"></view>
+      <view class="book-page-right"></view>
+      <view class="book-spine"></view>
     </view>
+
+    <!-- 标题 -->
+    <view class="app-title">梦之笺</view>
+
+    <!-- 副标题 -->
+    <view class="app-subtitle">记录你的思绪与梦境</view>
+  </view>
+
+  <!-- 进入按钮 - 左下角 -->
+  <view class="enter-button" bindtap="enterApp">
+    <text class="button-icon">✨</text>
+    <text class="button-text">进入梦境</text>
   </view>
 </view>