<!--启动页面 - 现代化设计 + 系统适配-->
<view class="splash-container" style="height: {{windowHeight}}px;">
  
  <!-- 背景装饰 -->
  <view class="background-decorations">
    <view class="decoration decoration-1">🫐</view>
    <view class="decoration decoration-2">✨</view>
    <view class="decoration decoration-3">🌟</view>
    <view class="decoration decoration-4">💫</view>
    <view class="decoration decoration-5">⭐</view>
    <view class="decoration decoration-6">🫐</view>
    <view class="decoration decoration-7">✨</view>
    <view class="decoration decoration-8">🌟</view>
  </view>
  
  <!-- Logo区域 -->
  <view class="logo-container">
    <view class="logo-animation">
      <view class="logo-main">
        <view class="logo-icon">🫐</view>
        <view class="logo-rings">
          <view class="ring ring-1"></view>
          <view class="ring ring-2"></view>
          <view class="ring ring-3"></view>
          <view class="ring ring-4"></view>
        </view>
      </view>
      <view class="logo-glow"></view>
    </view>
    
    <view class="app-info">
      <text class="app-name">{{appName}}</text>
      <text class="app-slogan">发现身边，连接世界</text>
    </view>
  </view>

  <!-- 加载动画 -->
  <view class="loading-container">
    <view class="loading-animation {{isLoading ? 'active' : ''}}">
      <view class="spinner-container">
        <view class="spinner-dot dot-1"></view>
        <view class="spinner-dot dot-2"></view>
        <view class="spinner-dot dot-3"></view>
        <view class="spinner-dot dot-4"></view>
        <view class="spinner-dot dot-5"></view>
      </view>
      <view class="pulse-ring"></view>
    </view>
    <text class="loading-text">{{loadingText}}</text>
  </view>

  <!-- 进度条 -->
  <view class="progress-container" wx:if="{{showProgress}}">
    <view class="progress-track">
      <view class="progress-fill" style="width: {{progress}}%;"></view>
      <view class="progress-glow" style="left: {{progress}}%;"></view>
    </view>
    <view class="progress-info">
      <text class="progress-percentage">{{progress}}%</text>
      <text class="progress-description">正在加载资源...</text>
    </view>
  </view>

  <!-- 版本信息 -->
  <view class="version-info" style="bottom: {{safeAreaBottom + 40}}px;">
    <view class="version-badge">
      <view class="version-icon">🏷️</view>
      <text class="version-text">v{{appVersion}}</text>
    </view>
  </view>

  <!-- 错误提示 -->
  <view class="error-overlay" wx:if="{{showError}}">
    <view class="error-content">
      <view class="error-icon">⚠️</view>
      <text class="error-title">启动失败</text>
      <text class="error-message">{{errorMessage}}</text>
      <view class="error-actions">
        <view class="retry-button" bindtap="onRetry">
          <view class="button-icon">🔄</view>
          <text class="button-text">重试</text>
        </view>
      </view>
    </view>
  </view>

  <!-- 启动完成动画 -->
  <view class="success-animation" wx:if="{{progress === 100 && !showError}}">
    <view class="success-icon">✅</view>
    <text class="success-text">启动成功</text>
  </view>
</view> 