cfc/cfc-frontend/pages/mind/index.vue

<template>
  <view class="container">
    <!-- Tabbar ��揢餈�腹憿?-->
    <tab-transition v-if="showTabTransition" dimCode="mind" />

    <!-- ���憭湧� -->
    <PageBanner theme="mind-wisdom"
      tagline="敹�惣�鞾鵭 繚 �箸�鈭箇�"
      quote="�亙楛�亙蝦嚗𣬚蓡�䀝�畾? />

    <!-- 摰嗅滬�𣂼��㗇𥋘�?-->
    <FamilyMemberStrip
      v-if="isLoggedIn"
      :members="familyMembersVisible"
      :selectedMemberId="selectedMemberId"
      @select="onFamilyMemberSelect" />

    <!-- ===== 敹�瑕��?===== -->
    <view class="section-title-bar">
      <text class="section-title-icon">&#x2764;</text>
      <text class="section-title-text">敹�瑕��?/text>
    </view>

    <!-- ===== 摰嗅滬憭拍�璅∪�嚗���亥��?/ 隞𦠜𠯫敹�� / �劐�嚗?===== -->
    <FamilyTianpanCard
      v-if="isLoggedIn"
      :visible="isLoggedIn"
      :fortune="dailyFortune"
      :mood="todayMood"
      :dominantElement="dominantElement"
      :weeklyTip="familyWeeklyInsight" />

    <!-- 皜詨恥�餃�撘訫紡�?-->
    <template v-if="!isLoggedIn">
      <LoginGuideCard
        title="�餃��擧䰻�见�����踵𥁒�?
        :items="[
          '�亦�EMI敹��瘚贝��𤤿輕���',
          '�亦�憭找�鈭箸聢����亙�',
          '��粉銝枏�������銝擧�蝏芣��?
        ]" />
    </template>

        <!-- �餃��𠬍�鈭𠉛輕�賡��?-->
        <FamilyEnergyBar
          v-if="isLoggedIn"
          dimensionCode="mind"
          :sandboxData="sandboxData" />

        <!-- 敹���亙��∠�嚗�蒈敶訫��航�嚗?-->
        <view class="emi-card" v-if="isLoggedIn && emiData">
          <view class="emi-header">
            <text class="emi-title">敹��瘚贝��亙�</text>
            <view class="emi-overall-wrap">
              <text class="emi-overall-label">蝏澆�EQ�?/text>
              <text class="emi-overall-value">{{ emiData.overallScore || 0 }}</text>
              <text :class="['emi-overall-level', 'level-' + getScoreLevel(emiData.overallScore || 0)]">
                {{ getScoreLevelText(emiData.overallScore || 0) }}
              </text>
            </view>
          </view>
          <view class="emi-dimensions">
            <view class="emi-dimension" v-for="dim in emiDimensions" :key="dim.key">
              <view class="emi-dim-header">
                <text class="emi-dim-label">{{ dim.label }}</text>
                <view class="emi-dim-values">
                  <text class="emi-dim-score">{{ emiData[dim.key] || 0 }}</text>
                  <text :class="['emi-dim-level', 'level-' + getScoreLevel(emiData[dim.key] || 0)]">
                    {{ getScoreLevelText(emiData[dim.key] || 0) }}
                  </text>
                </view>
              </view>
              <view class="emi-dim-bar">
                <view class="emi-dim-bar-fill" :style="{ width: (emiData[dim.key] || 0) + '%', background: dim.color }"></view>
              </view>
            </view>
          </view>
          <view class="emi-footer" @click="goEmotionReport">
            <text class="emi-footer-text">�亦�霂行�</text>
            <text class="emi-footer-icon">&#x2192;</text>
          </view>
        </view>
        <!-- �喟頂�曇停嚗�蒈敶訫��航�嚗?-->
        <FamilyRelationGraph
      v-if="isLoggedIn && familyMembersVisible.length > 0"
      dimensionCode="mind"
      :selfId="activeChildId"
      :members="familyMembersVisible"
      :energyMap="energyMapForGraph"
      :intimacyMap="intimacyMapForGraph"
      :compatibilityMap="compatibilityMapForGraph"
      @memberTap="goMemberDetail" />

    <!-- ===== 敹���賡�璁�� ===== -->
    <view class="energy-overview" v-if="emiData">
      <view class="energy-badge">
        <text class="badge-icon">&#x2764;</text>
        <text class="badge-value">{{ emiData.overallScore || 0 }}</text>
        <text class="badge-label">敹���?/text>
      </view>
      <view class="energy-badge">
        <text class="badge-icon">&#x1F4AA;</text>
        <text class="badge-value">{{ emiData.resilienceScore || 0 }}</text>
        <text class="badge-label">�扳�扯��?/text>
      </view>
      <view class="energy-badge">
        <text class="badge-icon">&#x1F64F;</text>
        <text class="badge-value">{{ emiData.emotionScore || 0 }}</text>
        <text class="badge-label">��貌霂��</text>
      </view>
    </view>

    <!-- ===== 敹���亙�銝𠹺� ===== -->
    <view class="mind-report-section" v-if="isLoggedIn">
      <!-- 銝𠹺��亙��亙藁�∴����頨恍△�Ｗ㨃����潘� -->
      <view class="mind-report-card" @click="chooseAndUploadReport">
        <view class="mind-report-left">
          <text class="mind-report-icon">&#x1F4CB;</text>
        </view>
        <view class="mind-report-right">
          <text class="mind-report-title">銝𠹺�敹���亙�</text>
          <text class="mind-report-desc">銝𠹺� EMI 敹��瘚贝��亙��𣇉洵銝㗇䲮敹��霂�摯�亙�嚗淾I �箄�閫������航��硋��?/text>
          <view class="mind-report-tags">
            <text class="mind-tag">EMI 瘚贝�</text>
            <text class="mind-tag">AI 閫��</text>
            <text class="mind-tag">�航��?/text>
          </view>
        </view>
        <text class="mind-report-arrow">&#x203A;</text>
      </view>
      <!-- 撌脖�隡䭾𥁒�𠰴�銵?-->
      <view class="mind-report-list" v-if="uploadedReports && uploadedReports.length > 0">
        <view class="mind-report-item" v-for="report in uploadedReports" :key="report.id" @click="viewReport(report)">
          <text class="mind-report-item-icon">&#x1F4C4;</text>
          <text class="mind-report-item-name">{{ report.fileName || '敹���亙�' }}</text>
          <text class="mind-report-item-date">{{ formatDate(report.createdAt) }}</text>
          <text :class="['mind-report-item-status', report.status === 'parsed' ? 'parsed' : 'pending']">
            {{ report.status === 'parsed' ? '撌脰圾�? : '敺�圾�? }}
          </text>
        </view>
      </view>
      <view class="mind-report-empty" v-else-if="!reportUploadLoading">
        <text class="mind-report-empty-icon">&#x1F4C1;</text>
        <text class="mind-report-empty-text">���銝𠹺���𥁒�𠺪��孵稬銝𦠜䲮�∠�銝𠹺�</text>
      </view>
    </view>

    <!-- �㰘�頧湔�蝏芸㨃�?-->
    <view class="section" v-if="gutIndicators && gutIndicators.length > 0">
      <view class="section-header">
        <text class="section-title">&#x1F9E0; �㰘���貌�唾�</text>
      </view>
      <view class="gut-insight-text" v-if="gutInsight">
        <text>{{ gutInsight }}</text>
      </view>
      <view class="gut-indicator-list">
        <view class="gut-indicator-item" v-for="ind in gutIndicators" :key="ind.id">
          <view class="gut-indicator-left">
            <text class="gut-indicator-name">{{ ind.indicatorName || ind.name }}</text>
          </view>
          <view class="gut-indicator-bar-track">
            <view class="gut-indicator-bar-fill" :style="{ width: (ind.value || 0) + '%', background: indicatorColor(ind.status) }"></view>
          </view>
          <text class="gut-indicator-value">{{ ind.value }}{{ ind.unit || '%' }}</text>
          <text :class="['gut-indicator-status', 'status-' + (ind.status || 'normal')]">{{ statusLabel(ind.status) }}</text>
        </view>
      </view>
    </view>

    <!-- �刻���粉 -->
    <DimensionArticles
      dimensionCode="mind"
      :articles="emotionArticles"
      :isLoggedIn="isLoggedIn"
      @articleClick="goArticleDetail"
      @moreArticles="goArticles" />

    <!-- ===== 隡删����嚗��摮?鈭磰�/�笔漣/�菜㺭嚗?===== -->
    <view class="culture-section" v-if="isLoggedIn && traditionalData">
      <!-- �怠��𥟇� -->
      <view class="culture-card" v-if="traditionalData.eightCharacters">
        <view class="culture-card-header">
          <text class="culture-card-icon">&#x2637;</text>
          <text class="culture-card-title">�怠��𥟇�</text>
        </view>
        <view class="bazi-grid">
          <view class="bazi-column" v-for="(val, key) in traditionalData.eightCharacters" :key="key">
            <text class="bazi-pillar-label">{{ pillarLabels[key] || key }}</text>
            <text class="bazi-pillar-value">{{ val }}</text>
          </view>
        </view>
      </view>

      <!-- 鈭磰��賡� -->
      <view class="culture-card" v-if="traditionalData.wuxingElements">
        <view class="culture-card-header">
          <text class="culture-card-icon">&#x267E;</text>
          <text class="culture-card-title">鈭磰��賡�</text>
        </view>
        <view class="wuxing-list">
          <view class="wuxing-item" v-for="wx in wuxingData" :key="wx.key">
            <text class="wuxing-label">{{ wx.label }}</text>
            <view class="wuxing-bar-track">
              <view class="wuxing-bar-fill" :style="{ width: wx.value + '%', background: wx.color }"></view>
            </view>
            <text class="wuxing-value">{{ wx.value }}%</text>
          </view>
        </view>
        <view class="energy-card" v-if="traditionalData.wuxingReading">
          <view class="energy-header">
            <text class="energy-icon">&#x2728;</text>
            <text class="energy-label">隞𦠜𠯫�賡��?/text>
          </view>
          <view class="energy-divider"></view>
          <text class="energy-quote">{{ traditionalData.wuxingReading.personalTrait || '' }}</text>
          <text class="energy-advice" v-if="traditionalData.wuxingReading.mindGrowthAdvice">{{ traditionalData.wuxingReading.mindGrowthAdvice }}</text>
          <view class="energy-footer">
            <text class="energy-footer-dot"></text>
            <text class="energy-footer-dot"></text>
            <text class="energy-footer-dot"></text>
          </view>
        </view>
      </view>

      <!-- 憭芷翧�笔漣 + �笔𦶢�菜㺭 �峕� -->
      <view class="culture-dual">
        <view class="culture-dual-item" v-if="traditionalData.zodiac">
          <text class="culture-dual-icon">&#x2600;</text>
          <text class="culture-dual-label">憭芷翧�笔漣</text>
          <text class="culture-dual-value">{{ traditionalData.zodiac }}</text>
        </view>
        <view class="culture-dual-item" v-if="traditionalData.numSoul">
          <text class="culture-dual-icon">&#x1F52E;</text>
          <text class="culture-dual-label">�笔𦶢�菜㺭</text>
          <text class="culture-dual-value">{{ traditionalData.lifeNumber || '' }}</text>
        </view>
      </view>

      <!-- �喲睸靽⊥�嚗�振摨?+ 銝芯犖嚗?-->
      <view class="key-info-card" v-if="compatibilityData || traditionalData">
        <view class="key-info-header">
          <text class="key-info-icon">&#x1F511;</text>
          <text class="key-info-title">�喲睸靽⊥�</text>
        </view>
        <view class="key-info-body">
          <!-- 撌虫儒嚗𡁜振摨剜�閫?-->
          <view class="key-info-col" v-if="compatibilityData">
            <view class="ki-subtitle">摰嗅滬</view>
            <view class="ki-row" v-if="familyWuxingLabel">
              <text class="ki-label">銝餃紡鈭磰�</text>
              <view class="ki-dot" :style="'background:' + familyWuxingLabel.color"></view>
              <text class="ki-valued">{{ familyWuxingLabel.label }} {{ familyWuxingLabel.value }}%</text>
            </view>
            <view class="ki-row">
              <text class="ki-label">�𣂼�</text>
              <text class="ki-valued">{{ familyMemberCount }}鈭?/text>
            </view>
          </view>
          <!-- �喃儒嚗帋葵鈭粹�蠘� -->
          <view class="key-info-col" v-if="traditionalData">
            <view class="ki-subtitle">銝芯犖</view>
            <view class="ki-row" v-if="luckyColorInfo">
              <text class="ki-label">撟貉��?/text>
              <view class="ki-swatch" :style="'background:' + luckyColorInfo.hex"></view>
              <text class="ki-valued">{{ luckyColorInfo.name }}</text>
            </view>
            <view class="ki-row" v-if="luckyNumber">
              <text class="ki-label">撟貉��?/text>
              <text class="ki-num">{{ luckyNumber }}</text>
            </view>
            <view class="ki-row" v-if="dailyFortune">
              <text class="ki-label">餈𣂼飵</text>
              <text class="ki-fortune" :class="'ki-fortune-' + dailyFortune.level">{{ dailyFortune.text }}</text>
            </view>
          </view>
        </view>
        <!-- �砍𪂹�鞟內 -->
        <view class="ki-insight" v-if="familyWeeklyInsight">
          <text class="ki-insight-icon">&#x1F4A1;</text>
          <text class="ki-insight-text">{{ familyWeeklyInsight }}</text>
        </view>
        <!-- �亦�霂行� -->
        <view class="ki-footer" @click="onFuncClick({needLogin:true, page:'/pages/mind-detail/family-dashboard'})">
          <text>�亦�摰嗅滬憭拍�霂衣� &#x2192;</text>
        </view>
      </view>
    </view>

    <!-- ===== DAN �亙�嚗㇁2-敹�輕摨佗� ===== -->
    <view class="section" v-if="isLoggedIn && danReports.length > 0">
      <view class="section-header">
        <text class="section-title">&#x1F4CA; DAN �亙�</text>
        <text class="section-more" @click="goDanUpload('mind')">銝𠹺� +</text>
      </view>
      <view class="dan-card" v-for="report in danReports" :key="report.id">
        <view class="dan-card-header">
          <text class="dan-report-date">{{ formatDate(report.assessmentDate) }}</text>
          <text :class="['dan-status', report.draftStatus === 'confirmed' ? 'confirmed' : 'pending']">
            {{ report.draftStatus === 'confirmed' ? '撌脩＆霈? : '敺�＆霈? }}
          </text>
        </view>
        <text class="dan-report-desc">DAN A2 敹�輕摨行�霂�𥁒�?/text>
        <view class="dan-card-footer" @click="viewDanReport(report)">
          <text class="dan-view-link">�亦�霂行� &rarr;</text>
        </view>
      </view>
    </view>

    <!-- ===== 摨閖�嚗𡁶輕摨虫遙�?瘣餃𢆡/��� ===== -->
    <DimensionTasks
      v-if="isLoggedIn"
      :dimensionCode="currentDimensionCode"
      :tasks="dimensionTasks"
      @taskClick="onTaskClick"
      @moreTasks="goTasks" />

    <DimensionActivities
      :dimensionCode="currentDimensionCode"
      :activities="dimensionActivities"
      :isLoggedIn="isLoggedIn"
      @activityClick="goActivityDetail"
      @moreActivities="goMoreActivities" />

    <DimensionProducts
      :dimensionCode="currentDimensionCode"
      :products="dimensionProducts"
      @productClick="goProductDetail"
      @moreProducts="goMoreProducts" />

    <!-- ===== Phase 1.2: 敹���𡃏郎璅芸� ===== -->
    <PsychCrisisBanner v-if="isLoggedIn" :childId="currentChildId" source="screening" />

    <!-- ===== 摨閖�嚗𡁜��賢��?Grid嚗��𡁶鍂嚗䔶舅銵䕘� ===== -->
    <view class="func-section" v-if="sectionVisible('func_entries')">
      <view class="func-grid">
        <view class="func-row">
          <view class="func-item" v-for="item in funcListRow1" :key="item.label" @click="onFuncClick(item)">
            <view class="func-icon-wrap">
              <text class="func-icon">{{ item.icon }}</text>
            </view>
            <text class="func-label">{{ item.label }}</text>
          </view>
        </view>
        <view class="func-row">
          <view class="func-item" v-for="item in funcListRow2" :key="item.label" @click="onFuncClick(item)">
            <view class="func-icon-wrap">
              <text class="func-icon">{{ item.icon }}</text>
            </view>
            <text class="func-label">{{ item.label }}</text>
          </view>
        </view>
      </view>
    </view>

    <!-- 摨閖��牐� -->
    <view class="bottom-spacer"></view>
    <AIFloatingAvatar />
  </view>
</template>

<script>
import TabTransition from '../../components/tab-transition.vue'
import PageBanner from '../../components/PageBanner.vue'
import LoginGuideCard from '../../components/LoginGuideCard.vue'
import RadarChart from '../../components/RadarChart.vue'
import FamilyEnergyBar from '../../components/FamilyEnergyBar.vue'
import DimensionTasks from '../../components/DimensionTasks.vue'
import DimensionActivities from '../../components/DimensionActivities.vue'
import DimensionProducts from '../../components/DimensionProducts.vue'
import DimensionArticles from '../../components/DimensionArticles.vue'
import FamilyRelationGraph from '../../components/FamilyRelationGraph.vue'

import PsychCrisisBanner from '../../components/PsychCrisisBanner.vue'
import AIFloatingAvatar from '../../components/AIFloatingAvatar.vue'
import FamilyTianpanCard from '../../components/FamilyTianpanCard.vue'
import FamilyMemberStrip from '../../components/FamilyMemberStrip.vue'
import { getVisibleSections, getFeaturedArticles, getEmiReport, getFamilyEnergySandbox, getTodayTasksByCategory, getActivityList, getProductsByDomain, getChildren, getVisibleFamilyMembers, getEnergyOverview, getContactList, getHealthAlerts, getMilestones, getDanReportByChild, getFamilyFortune } from '../../utils/api.js'
import config from '../../config.js'

export default {
  components: { TabTransition, PageBanner, RadarChart, LoginGuideCard, FamilyEnergyBar, DimensionTasks, DimensionActivities, DimensionProducts, DimensionArticles, FamilyRelationGraph, PsychCrisisBanner, AIFloatingAvatar, FamilyTianpanCard, FamilyMemberStrip },
  data() {
    return {
      isLoggedIn: false,
      role: null,
      showTabTransition: true,
      currentChildId: null,
      selectedMemberId: null,
      visibleSections: [],
      familyMembersVisible: [],

      // 敹�� Tab �唳旿
      emiData: null,
      emiLoading: true,
      emiDimensions: [
        { key: 'emotionScore', label: '��貌��㺭', color: '#FF6B35' },
        { key: 'resilienceScore', label: '敹���扳�?, color: '#F97316' },
        { key: 'stressCopingScore', label: '�见�摨𥪜笆', color: '#FB923C' },
        { key: 'selfAwarenessScore', label: '�芣�霈斤䰻', color: '#FBBF24' }
      ],
      // 憭找�蝏游漲嚗�鍂鈭𡡞𡺨颲曉㦛嚗?
      personalityDimensions: [
        { key: 'opennessScore', label: '撘��暹�? },
        { key: 'conscientiousnessScore', label: '撠質提�? },
        { key: 'extraversionScore', label: '憭硋��? },
        { key: 'agreeablenessScore', label: '摰靝犖�? },
        { key: 'neuroticismScore', label: '蟡䂿�韐? }
      ],

      // �蠘��亙藁
      funcList: [
        { icon: '\u{1F4D6}', label: '��粉', needLogin: false, page: '/pages/mind-extra/articles' },
        { icon: '\u{1F4CA}', label: '瘚贝��亙�', needLogin: true, page: '/pages/mind/emotion-report' },
        { icon: '\u{1F4DD}', label: '�鞾鵭獢��', needLogin: true, page: '/pages/growth/index' },
        { icon: '\u{2728}', label: '��貌�枏㨃', needLogin: true, page: '/pages/mind-detail/emotion-checkin' },
        { icon: '\u{1F4C8}', label: '��貌頞见飵', needLogin: true, page: '/pages/mind-detail/emotion-trend' },
        { icon: '\u{1F9E9}', label: '敹���芾�', needLogin: true, page: '/pages/mind-detail/screening' },
        { icon: '\u{1F3E0}', label: '摰嗅滬憭拍�', needLogin: true, page: '/pages/mind-detail/family-dashboard' },
        { icon: '\u{1F9D8}', label: '�誩紡撌亙�', needLogin: true, page: '/pages/mind-detail/soothe-toolbox' }
      ],
      articles: [],

      // �㰘�頧湔㺭�?
      gutIndicators: null,
      gutInsight: '',

      // 隡删�����唳旿
      traditionalData: null,
      traditionalLoading: true,
      compatibilityData: null,
      wuxingConfig: {
        wood: { label: '�?, color: '#10B981' },
        fire: { label: '�?, color: '#FF6B9D' },
        earth: { label: '�?, color: '#FF8C42' },
        metal: { label: '�?, color: '#6366F1' },
        water: { label: '瘞?, color: '#3B82F6' }
      },
      pillarLabels: { year: '撟湔�', month: '���', day: '�交�', hour: '�嗆�' },
      familyScore: 0,

      // 鈭𠉛輕蝏�辣�唳旿
      userName: '',
      children: [],
      sandboxData: null,
      dimensionTasks: [],
      dimensionActivities: [],
      dimensionProducts: [],
      contactList: [],
      healthAlerts: [],
      milestones: [],
      danReports: [],

    // 摰嗅滬憭拍� - 隞𦠜𠯫敹��嚗��雿齿㺭�殷�
    todayMood: {
        emoji: '\u{1F60A}',
        text: '撟喲�',
        score: 65
    },
    
    // 摰嗅滬憭拍� - 瘥𤩺𠯫餈𣂼飵�唳旿
    dailyFortuneData: null,

    // 敹���亙�銝𠹺�
    uploadedReports: [],
    reportUploadLoading: false
    }
  },
  computed: {
    personalityScores: function() {
      if (!this.emiData) return []
      return [
        this.emiData.opennessScore || 0,
        this.emiData.conscientiousnessScore || 0,
        this.emiData.extraversionScore || 0,
        this.emiData.agreeablenessScore || 0,
        this.emiData.neuroticismScore || 0
      ]
    },
    energyMapForGraph: function() {
      var map = {}
      if (this.sandboxData && this.sandboxData.members) {
        for (var i = 0; i < this.sandboxData.members.length; i++) {
          var m = this.sandboxData.members[i]
          map[m.memberId || m.id] = {
            bodyScore: m.bodyScore || 0,
            mindScore: m.mindScore || 0,
            actionScore: m.actionScore || 0
          }
        }
      }
      return map
    },
    intimacyMapForGraph: function() {
      return {}
    },
    compatibilityMapForGraph: function() {
      var map = {}
      if (this.compatibilityData && this.compatibilityData.relationships) {
        for (var i = 0; i < this.compatibilityData.relationships.length; i++) {
          var r = this.compatibilityData.relationships[i]
          var key = r.memberId1 < r.memberId2 ? r.memberId1 + '-' + r.memberId2 : r.memberId2 + '-' + r.memberId1
          map[key] = { overallScore: r.overallScore }
        }
      }
      return map
    },
    emotionArticles: function() {
      if (!this.articles || this.articles.length === 0) return []
      var result = []
      for (var i = 0; i < this.articles.length; i++) {
        var a = this.articles[i]
        if (a.relatedDimensions && a.relatedDimensions.indexOf('mind') !== -1) {
          result.push(a)
        }
      }
      if (result.length === 0) return this.articles.slice(0, 5)
      return result.slice(0, 5)
    },
    wuxingData: function() {
      if (!this.traditionalData || !this.traditionalData.wuxingElements) return []
      var elements = this.traditionalData.wuxingElements
      var keys = ['wood', 'fire', 'earth', 'metal', 'water']
      var result = []
      for (var i = 0; i < keys.length; i++) {
        var k = keys[i]
        if (elements[k] !== undefined) {
          result.push({
            key: k,
            label: this.wuxingConfig[k].label,
            color: this.wuxingConfig[k].color,
            value: elements[k]
          })
        }
      }
      return result.sort(function(a, b) { return b.value - a.value })
    },
    currentDimensionCode: function() {
      return 'mind'
    },
    funcListRow1: function() {
      return this.funcList.slice(0, 4)
    },
    funcListRow2: function() {
      return this.funcList.slice(4)
    },
    // ===== �喲睸靽⊥� - 摰嗅滬 =====
    familyWuxingLabel: function() {
      if (!this.compatibilityData || !this.compatibilityData.familyWuxing || !this.compatibilityData.familyWuxing.aggregatePercentages) return null
      var pcts = this.compatibilityData.familyWuxing.aggregatePercentages
      var keys = ['wood', 'fire', 'earth', 'metal', 'water']
      var maxKey = null
      var maxVal = -1
      for (var i = 0; i < keys.length; i++) {
        if (pcts[keys[i]] !== undefined && pcts[keys[i]] > maxVal) {
          maxVal = pcts[keys[i]]
          maxKey = keys[i]
        }
      }
      if (!maxKey) return null
      return { key: maxKey, label: this.wuxingConfig[maxKey].label, color: this.wuxingConfig[maxKey].color, value: maxVal }
    },
    familyMemberCount: function() {
      if (!this.compatibilityData || !this.compatibilityData.members) return 0
      return this.compatibilityData.members.length
    },
    familyWeeklyInsight: function() {
      if (!this.compatibilityData || !this.compatibilityData.weeklyInsight) return ''
      return this.compatibilityData.weeklyInsight
    },
    // ===== �喲睸靽⊥� - 銝芯犖 =====
    dominantElement: function() {
      if (!this.traditionalData || !this.traditionalData.wuxingElements) return null
      var elements = this.traditionalData.wuxingElements
      var keys = ['wood', 'fire', 'earth', 'metal', 'water']
      var maxKey = null
      var maxVal = -1
      for (var i = 0; i < keys.length; i++) {
        if (elements[keys[i]] !== undefined && elements[keys[i]] > maxVal) {
          maxVal = elements[keys[i]]
          maxKey = keys[i]
        }
      }
      return maxKey
    },
    luckyColorInfo: function() {
      var colorMap = {
        wood: { name: '蝏?, hex: '#10B981' },
        fire: { name: '蝥?, hex: '#FF6B9D' },
        earth: { name: '暺?, hex: '#FF8C42' },
        metal: { name: '�?, hex: '#6366F1' },
        water: { name: '�?, hex: '#3B82F6' }
      }
      var elem = this.dominantElement
      if (!elem) return null
      return colorMap[elem] || null
    },
    luckyNumber: function() {
      if (this.traditionalData && this.traditionalData.lifeNumber) {
        return this.traditionalData.lifeNumber
      }
      var numMap = { wood: 3, fire: 9, earth: 5, metal: 7, water: 1 }
      var elem = this.dominantElement
      return elem ? numMap[elem] : null
    },
    fortuneSeed: function() {
      if (this.traditionalData && this.traditionalData.lifeNumber) {
        return String(this.traditionalData.lifeNumber)
      }
      return '0'
    },
    dailyFortune: function() {
        // 隡睃�雿輻鍂�𡒊垢�亙藁�唳旿
        if (this.dailyFortuneData) {
            var levels = ['憭批�', '�?, '撟?, '�?, '憭批権']
            return {
                level: this.dailyFortuneData.level,
                text: levels[this.dailyFortuneData.level],
                description: this.dailyFortuneData.description
            }
        }
        // �澆捆璅∪�嚗𡁏瓷�㗇𦻖��㺭�格𧒄雿輻鍂�毺�瘜?
        if (!this.dominantElement) return null
        var today = new Date()
        var dateStr = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + today.getDate()
        var seedStr = dateStr + (this.fortuneSeed || '')
        var hash = 0
        for (var i = 0; i < seedStr.length; i++) {
            hash = ((hash << 5) - hash) + seedStr.charCodeAt(i)
            hash = hash & hash
        }
        var level = Math.abs(hash) % 5
        var levels = ['憭批�', '�?, '撟?, '�?, '憭批権']
        var descMap = {
            wood: ['憭批�嚗𡁏銁瘞娍㚰�𨥈�摰𡏭��?, '�㚁�銵�𢆡�𥕦撩', '撟喉��坔��餅�?, '�塚�靚刻��舘�', '憭批権嚗𡁜��脣𢆡'],
            fire: ['憭批�嚗𡁶����瘨?, '�㚁�蝎曉����', '撟喉����隡烐�', '�塚�瘜冽���貌', '憭批権嚗𡁻�敹���?],
            earth: ['憭批�嚗𡁶迅�滩�摰?, '�㚁�韐萎犖餈𣂷蔔', '撟喉��厰�撠梁号', '�塚�瘜冽��㰘�', '憭批権嚗帋�摰𨀣�韏?],
            metal: ['憭批�嚗𡁜�蝑硋�撘?, '�㚁��萘輕皜�苊', '撟喉�靽脲�銝𤘪釣', '�塚�瘜冽�閮�颲?, '憭批権嚗帋�摰𨅯撩瘙?],
            water: ['憭批�嚗𡁶��煺萼撖?, '�㚁�鈭粹��諹�', '撟喉�摰厰����', '�塚���貌瘜Ｗ𢆡', '憭批権嚗𡁜��譍�摰𨀣𦆮']
        }
        var descList = descMap[this.dominantElement] || descMap.wood
        return { level: level, text: levels[level], description: descList[level] }
    }
  },
  onShow() {
    this.showTabTransition = true

    var token = uni.getStorageSync('token')
    this.isLoggedIn = !!token
    if (this.isLoggedIn) {
      this.role = uni.getStorageSync('currentRole') || uni.getStorageSync('role') || null
      // FIX: 隞?Vuex store 霂餃� currentChildId嚗諹�屸�隞�� localStorage
      this.currentChildId = (this.$store.state && this.$store.state.currentChildId) || uni.getStorageSync('currentChildId') || null
      this.userName = uni.getStorageSync('nickname') || uni.getStorageSync('userName') || '摰園鵭'
    }
    this.loadSectionConfig()
    this.loadFeaturedArticles()
    if (this.isLoggedIn) {
      this.loadChildren()
      this.loadFamilyMembersVisible()
      this.loadSandboxData()
      this.loadEmiData()
      this.loadGutData()
      this.loadEnergyData()
      this.loadTraditionalCultureData()
      this.loadContacts()
      this.loadHealthAlerts()
      this.loadMilestones()
      this.loadDanReports()
    }
    // 皜詨恥銋蠘�瘚讛�瘣餃𢆡����?
    this.loadDimensionActivities()
    this.loadDimensionProducts()
    this.loadFamilyFortune()
    this._watchPageReady()
  },
  methods: {
    // ===== �箏��航��?=====
    loadSectionConfig: function() {
      var self = this
      var baseSections = ['func_entries', 'daily_tip', 'recommended_reading']
      if (!uni.getStorageSync('token')) {
        self.visibleSections = baseSections
        return
      }
      var role = uni.getStorageSync('currentRole') || uni.getStorageSync('role') || null
      getVisibleSections({ pageKey: 'mind', role: role }).then(function(res) {
        if (res.code === 200 && res.data) {
          var keys = res.data.map(function(s) { return s.sectionKey })
          var merged = baseSections.slice()
          keys.forEach(function(k) { if (merged.indexOf(k) === -1) merged.push(k) })
          self.visibleSections = merged
        }
      }).catch(function() {
        self.visibleSections = ['func_entries', 'daily_tip', 'recommended_reading', 'mind_tasks', 'related_activities', 'purchased_courses']
        })
    },

    // �㰘蝸摰嗅滬憭拍��唳旿
    loadFamilyFortune: function() {
        var self = this
        if (!self.isLoggedIn) return
        
        getFamilyFortune().then(function(res) {
            if (res.code === 200 && res.data) {
                // �湔鰵 todayMood �牐��唳旿銝箇�摰墧𦻖��㺭�?
                self.todayMood = {
                    emoji: res.data.moodEmoji || '\u{1F60A}',
                    text: res.data.moodText || '撟喲�',
                    score: res.data.moodScore || 65
                }
                // �湔鰵 dailyFortune computed �賣㺭靘肽���㺭�?
                self.dailyFortuneData = {
                    level: res.data.fortuneLevel,
                    text: res.data.fortuneLevelText,
                    description: res.data.fortuneDescription
                }
                // �湔鰵銝餃紡鈭磰�
                self.traditionalData = self.traditionalData || {}
                self.traditionalData.wuxingElements = {}
                if (res.data.dominantElement) {
                    self.traditionalData.wuxingElements[res.data.dominantElement] = 100
                }
                // �湔鰵�冽𥁒�鞟內
                self.compatibilityData = self.compatibilityData || {}
                self.compatibilityData.weeklyInsight = res.data.weeklyTip || self.compatibilityData.weeklyInsight
            }
        }).catch(function(err) {
            console.error('Failed to load family fortune:', err)
        })
    },

    // ===== 敹���亙�銝𠹺� =====
    chooseAndUploadReport: function() {
      var self = this
      uni.chooseImage({
        count: 1,
        sizeType: ['original', 'compressed'],
        sourceType: ['album', 'camera'],
        success: function(chooseRes) {
          self.reportUploadLoading = true
          var tempFilePath = chooseRes.tempFilePaths[0]
          var fileName = '敹���亙�_' + Date.now() + '.jpg'

          uni.uploadFile({
            url: config.baseUrl + '/api/mind/report/upload',
            filePath: tempFilePath,
            name: 'report',
            formData: {
              familyId: self.currentChildId || ''
            },
            header: {
              'Authorization': 'Bearer ' + uni.getStorageSync('token')
            },
            success: function(uploadRes) {
              self.reportUploadLoading = false
              if (uploadRes.statusCode === 200) {
                var result = JSON.parse(uploadRes.data)
                if (result.code === 200) {
                  self.uploadedReports.unshift(result.data)
                  uni.showToast({ title: '銝𠹺��𣂼�', icon: 'success' })
                } else {
                  uni.showToast({ title: result.message || '銝𠹺�憭梯揖', icon: 'none' })
                }
              } else {
                uni.showToast({ title: '銝𠹺�憭梯揖: ' + uploadRes.statusCode, icon: 'none' })
              }
            },
            fail: function(err) {
              self.reportUploadLoading = false
              uni.showToast({ title: '銝𠹺�憭梯揖: ' + (err.errMsg || ''), icon: 'none' })
            }
          })
        },
        fail: function() {
          // �冽��𡝗��㗇𥋘
        }
      })
    },

    viewReport: function(report) {
      if (report && report.fileUrl) {
        uni.downloadFile({
          url: report.fileUrl,
          success: function(res) {
            if (res.statusCode === 200) {
              uni.openDocument({
                filePath: res.tempFilePath,
                success: function() {
                  console.log('�枏��亙��𣂼�')
                }
              })
            }
          }
        })
      }
    },

    loadUploadedReports: function() {
      var self = this
      uni.request({
        url: config.baseUrl + '/api/mind/report/list',
        method: 'POST',
        data: { familyId: self.currentChildId || '' },
        header: {
          'Authorization': 'Bearer ' + uni.getStorageSync('token')
        },
        success: function(res) {
          if (res.data && res.data.code === 200 && res.data.data) {
            self.uploadedReports = res.data.data
          }
        }
      })
    },

    formatDate: function(dateStr) {
      if (!dateStr) return ''
      var d = new Date(dateStr)
      var month = d.getMonth() + 1
      var day = d.getDate()
      return month + '�? + day + '�?
    },

    sectionVisible: function(key) {
      return this.visibleSections.length === 0 || this.visibleSections.indexOf(key) !== -1
    },

    // ===== 敹�� Tab嚗鍃MI �唳旿 =====
    loadEmiData: function() {
      var self = this
      var childId = self.currentChildId
      if (!childId) {
        self.emiLoading = false
        return
      }
      self.emiLoading = true
      getEmiReport(childId).then(function(res) {
        if (res.code === 200 && res.data) {
          self.emiData = res.data
        }
        self.emiLoading = false
      }).catch(function() {
        self.emiLoading = false
      })
    },

    // ===== �㰘�頧湔�蝏芣��?=====
    loadGutData: function() {
      var self = this
      var childId = self.currentChildId
      if (!childId) return
      var token = uni.getStorageSync('token')
      // �瑕�蟡䂿��坿捶���
      uni.request({
        url: config.API_BASE_URL + '/api/mind/neurotransmitters',
        method: 'POST',
        header: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token },
        data: { childId: childId },
        success: function(r) {
          if (r.statusCode === 200 && r.data && r.data.code === 200) {
            var list = r.data.data
            if (Array.isArray(list) && list.length > 0) {
              self.gutIndicators = list.slice(0, 4)
            }
          }
        }
      })
      // �瑕���貌瘣𧼮��䁅�
      uni.request({
        url: config.API_BASE_URL + '/api/mind/gut-emotion-insight',
        method: 'POST',
        header: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token },
        data: { childId: childId },
        success: function(r) {
          if (r.statusCode === 200 && r.data && r.data.code === 200 && r.data.data) {
            self.gutInsight = r.data.data.summary || ''
          }
        }
      })
    },
    indicatorColor: function(status) {
      if (status === 'abnormal' || status === '�誯�' || status === '�譍�') return '#EF4444'
      if (status === 'warning' || status === '�誯�' || status === '�譍�') return '#F59E0B'
      return '#10B981'
    },
    statusLabel: function(status) {
      if (status === 'normal') return '甇�虜'
      if (status === 'abnormal') return '撘�虜'
      if (status === 'warning') return '霅西悖'
      return status || '甇�虜'
    },

    // ===== ��� =====
    parseRelatedDimensions: function(val) {
      if (!val) return []
      if (Array.isArray(val)) return val
      if (typeof val === 'string') {
        try {
          var parsed = JSON.parse(val)
          return Array.isArray(parsed) ? parsed : []
        } catch (e) {
          return val.split(',').map(function(s) { return s.trim() }).filter(function(s) { return s })
        }
      }
      return []
    },
    loadFeaturedArticles: function() {
      var self = this
      getFeaturedArticles({ size: 5, dimensionCode: 'mind' }).then(function(res) {
        if (res.code === 200 && res.data) {
          var gradientColors = [
            'linear-gradient(135deg, #8B5CF6, #A78BFA)',
            'linear-gradient(135deg, #5B9BD5, #8FC5E8)',
            'linear-gradient(135deg, #10B981, #34D399)',
            'linear-gradient(135deg, #8B5CF6, #C084FC)',
            'linear-gradient(135deg, #F97316, #FB923C)'
          ]
          var list = Array.isArray(res.data) ? res.data : (res.data.records || [])
          self.articles = list.map(function(item, index) {
            return {
              id: item.id,
              category: item.categoryName || '�鞾鵭敹��',
              categoryColor: gradientColors[index % gradientColors.length],
              title: item.title || '',
              summary: item.summary || '',
              dimensionWeights: item.dimensionWeights || null,
              views: item.viewCount ? String(item.viewCount) : '0',
              likes: '0',
              date: item.publishedAt ? item.publishedAt.slice(0, 10) : '',
              relatedDimensions: self.parseRelatedDimensions(item.relatedDimensions)
            }
          })
        }
      }).catch(function() {})
    },

    // ===== EMI ��㺭霂�漣 =====
    getScoreLevel: function(score) {
      if (score >= 85) return 'excellent'
      if (score >= 70) return 'good'
      if (score >= 55) return 'average'
      return 'low'
    },
    getScoreLevelText: function(score) {
      if (score >= 85) return '隡条�'
      if (score >= 70) return '�臬末'
      if (score >= 55) return '銝��?
      return '���𣂼�'
    },

    // ===== 撖潸⏛ =====
    goEmotionReport: function() {
      var childId = this.currentChildId || ''
      uni.navigateTo({ url: '/pages/mind-detail/emotion-report?childId=' + childId })
    },
    goArticles: function() {
      uni.navigateTo({ url: '/pages/article-center/index?dimension=mind' })
    },
    onFuncClick: function(item) {
      if (item.needLogin && !this.isLoggedIn) {
        uni.showModal({
          title: '�鞟內',
          content: '霂瑕��餃��𦒘蝙�冽迨�蠘�',
          success: function(res) { if (res.confirm) uni.navigateTo({ url: '/pages/login/login' }) }
        })
        return
      }
      if (item.page) uni.navigateTo({ url: item.page })
    },
    goArticleDetail: function(article) {
      var id = article.id || article
      uni.navigateTo({ url: '/pages/mind-detail/article-detail?id=' + id })
    },
    // ===== 摮拙��𡑒”銝𡒊輕摨行㺭�?=====
    loadChildren: function() {
      var self = this
      getChildren().then(function(res) {
        if (res.code === 200 && res.data) {
          self.children = res.data
          var savedChildId = uni.getStorageSync('currentChildId')
          var found = false
          for (var i = 0; i < self.children.length; i++) {
            if (self.children[i].childId === savedChildId) {
              self.currentChildId = savedChildId
              found = true
              break
            }
          }
          // FIX: 銝滚��芸𢆡�㗇𥋘蝚砌�銝芸酋摮僐����函鍂�琿�朞� UserQuickEntry ��揢�嗉挽蝵?currentChildId
          if (found) {
            self.loadDimensionData()
            self.loadEmiData()
          }
        }
      }).catch(function(e) {
        console.log('�瑕�摮拙��𡑒”憭梯揖', e)
      })
    },
    loadDimensionData: function() {
      this.loadDimensionTasks()
      this.loadDimensionActivities()
      this.loadDimensionProducts()
      if (this.familyMembersVisible.length > 0) {
        this.loadCompatibilityData()
      }
    },
    loadSandboxData: function() {
      var self = this
      getFamilyEnergySandbox().then(function(res) {
        if (res && res.data) {
          self.sandboxData = res.data
        }
      }).catch(function() {})
    },
    loadEnergyData: function() {
      var self = this
      if (!this.currentChildId) return
      getEnergyOverview(this.currentChildId).then(function(res) {
        if (res && res.data) {
          var dims = res.data.dimensions
          if (dims && dims.length > 0) {
            for (var i = 0; i < dims.length; i++) {
              if (dims[i] && dims[i].code === 'mind' && res.data.energyScores) {
                self.familyScore = res.data.energyScores.mindScore || 0
              }
            }
          }
        }
      }).catch(function(e) {
        console.log('�瑕��賡�璁��憭梯揖', e)
      })
    },
    loadDimensionTasks: function() {
      var self = this
      if (!this.currentChildId) return
      getTodayTasksByCategory(this.currentChildId, 'mind').then(function(res) {
        if (res && res.data) {
          self.dimensionTasks = Array.isArray(res.data) ? res.data.slice(0, 5) : []
        }
      }).catch(function() { self.dimensionTasks = [] })
    },
    loadDimensionActivities: function() {
      var self = this
      var dimCode = self.currentDimensionCode
      getActivityList({ dimensionCode: dimCode, page: 1, size: 3 }).then(function(res) {
        if (res && res.data) {
          var list = Array.isArray(res.data) ? res.data : (res.data.records || [])
          self.dimensionActivities = list.slice(0, 3)
        }
      }).catch(function() { self.dimensionActivities = [] })
    },
    loadDimensionProducts: function() {
      var self = this
      var dimCode = self.currentDimensionCode
      getProductsByDomain(dimCode, 1, 4).then(function(res) {
        if (res && res.data) {
          var list = Array.isArray(res.data) ? res.data : (res.data.records || [])
          self.dimensionProducts = list.slice(0, 4)
        }
      }).catch(function() { self.dimensionProducts = [] })
    },
    onFamilyMemberSelect: function(member) {
      this.selectedMemberId = member.id
    },
    onChildChanged: function(child) {
      this.currentChildId = child.childId
      // FIX: �峕郊�𣂷漱�?Vuex store
      this.$store.commit('switchToChild', child.childId)
      this.loadDimensionData()
      this.loadEmiData()
      this.loadTraditionalCultureData()
    },
    loadFamilyMembersVisible: function() {
      var self = this
      getVisibleFamilyMembers().then(function(res) {
        self.familyMembersVisible = res.data || []
      }).catch(function(e) {
        console.log('�瑕��航�摰嗅滬�𣂼�憭梯揖', e)
        self.familyMembersVisible = []
      })
    },
    loadCompatibilityData: function() {
      var self = this
      var familyId = uni.getStorageSync('currentFamilyId')
      if (!familyId) {
        var userInfo = uni.getStorageSync('userInfo')
        if (userInfo && userInfo.familyId) familyId = userInfo.familyId
      }
      if (!familyId) return
      var token = uni.getStorageSync('token')
      uni.request({
        url: config.API_BASE_URL + '/api/mind/traditional/family-dashboard',
        method: 'POST',
        header: { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token },
        data: { familyId: familyId },
        success: function(res) {
          if (res.data && res.data.code === 200 && res.data.data) {
            self.compatibilityData = res.data.data
          }
        },
        fail: function() {}
      })
    },
    scrollToSection: function(section) {
      uni.pageScrollTo({ selector: '#' + section, duration: 300 })
    },
    onTaskClick: function(task) {
      uni.navigateTo({ url: '/pages/tasks/tasks' })
    },
    goActivityDetail: function(act) {
      if (act && act.id) uni.navigateTo({ url: '/pages/discover-detail/activity-detail/activity-detail?id=' + act.id })
    },
    goMoreActivities: function() {
      uni.navigateTo({ url: '/pages/activity/index' })
    },
    goProductDetail: function(prod) {
      if (prod && prod.id) uni.navigateTo({ url: '/pages/discover-detail/product-detail/product-detail?id=' + prod.id })
    },
    goMoreProducts: function() {
      uni.navigateTo({ url: '/pages/shop/index' })
    },
    goTasks: function() { uni.switchTab({ url: '/pages/tasks/tasks' }) },
    goMemberDetail: function(member) {
      if (!member || !member.memberId) return
      var currentId = this.currentChildId
      uni.navigateTo({
        url: '/pages/member-detail/member-detail?memberId=' + member.memberId + '&entrySource=relation-graph&selfId=' + currentId + '&dimensionCode=mind'
      })
    },
    goFamilyMembers: function() {
      uni.navigateTo({ url: '/pages/profile-extra/family-members' })
    },

    goAssessment: function() { uni.navigateTo({ url: '/pages/assessment/apply' }) },
    goLogin: function() { uni.navigateTo({ url: '/pages/login/login' }) },

    // ===== 隡删�����唳旿 =====
    // ===== �𠉛頂鈭?/ �喟頂�亙熒 =====
    loadContacts: function() {
      var self = this
      getContactList({}).then(function(res) {
        if (res.code === 200) {
          self.contactList = Array.isArray(res.data) ? res.data : []
        } else {
          self.contactList = []
        }
      }).catch(function() {
        self.contactList = []
      })
    },
    loadHealthAlerts: function() {
      var self = this
      getHealthAlerts({}).then(function(res) {
        if (res.code === 200) {
          self.healthAlerts = Array.isArray(res.data) ? res.data : []
        } else {
          self.healthAlerts = []
        }
      }).catch(function() {
        self.healthAlerts = []
      })
    },
    loadMilestones: function() {
      var self = this
      getMilestones({}, 30).then(function(res) {
        if (res.code === 200) {
          self.milestones = Array.isArray(res.data) ? res.data : []
        } else {
          self.milestones = []
        }
      }).catch(function() {
        self.milestones = []
      })
    },
    loadTraditionalCultureData: function() {
      var self = this
      var memberId = this.currentChildId
      if (!memberId) {
        self.traditionalLoading = false
        return
      }
      self.traditionalLoading = true
      uni.request({
        url: config.API_BASE_URL + '/api/mind/traditional/mirror',
        method: 'POST',
        data: { memberId: memberId, memberType: 'child' },
        success: function(res) {
          self.traditionalLoading = false
          if (res.data && res.data.code === 200 && res.data.data) {
            var d = res.data.data
            if (d.eightCharacters || d.wuxingElements || d.zodiac || d.numSoul) {
              self.traditionalData = d
            } else {
              self.traditionalData = null
            }
          } else {
            self.traditionalData = null
          }
        },
        fail: function() {
          self.traditionalLoading = false
          self.traditionalData = null
        }
      })
    },
    _watchPageReady() {
      var self = this
      var unwatch = this.$watch(function() {
        if (self.isLoggedIn) {
          return !!(self.emiData || self.energyOverview || (self.dimensionActivities && self.dimensionActivities.length > 0))
        }
        return !!(self.dimensionActivities && self.dimensionActivities.length > 0)
      }, function(val) {
        if (val) {
          if (unwatch) unwatch()
          self.showTabTransition = false
        }
      })
      setTimeout(function() {
        if (unwatch) unwatch()
        self.showTabTransition = false
      }, 5000)
    },

    // ===== DAN �亙� =====
    loadDanReports: function() {
      var self = this
      var memberId = self.currentChildId
      if (!memberId) return
      getDanReportByChild(memberId, 'mind').then(function(res) {
        if (res.code === 200 && res.data) {
          self.danReports = res.data
        }
      }).catch(function() {})
    },
    goDanUpload: function(dimension) {
      uni.navigateTo({ url: '/pages/dan-assessment/report-upload' })
    },
    viewDanReport: function(report) {
      uni.navigateTo({ url: '/pages/dan-assessment/report-upload?draftId=' + report.id })
    },
    formatDate: function(dateStr) {
      if (!dateStr) return ''
      var d = new Date(dateStr)
      return d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate()
    }
  }
}
</script>

<style scoped>
.container {
  min-height: 100vh;
  background: #f5f7fa;
  padding-bottom: 120rpx;
}

/* ===== 敹�瑕��?����?===== */
.section-title-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 20rpx 30rpx 10rpx;
  padding: 16rpx 24rpx;
  background: linear-gradient(135deg, #8B5CF6, #A78BFA);
  border-radius: 20rpx;
  box-shadow: 0 4rpx 16rpx rgba(139,92,246,0.25);
}
.section-title-icon {
  font-size: 32rpx;
  color: #fff;
  margin-right: 12rpx;
}
.section-title-text {
  font-size: 32rpx;
  font-weight: bold;
  color: #fff;
}

/* ===== 敹���亙�銝𠹺��∠� ===== */
.mind-report-section {
  margin: 20rpx 30rpx;
}
.mind-report-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: linear-gradient(135deg, #F3E8FF, #FCE4EC);
  border-radius: 20rpx;
  padding: 28rpx 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.mind-report-left {
  width: 100rpx;
  height: 100rpx;
  background: rgba(255,255,255,0.7);
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20rpx;
  flex-shrink: 0;
}
.mind-report-icon {
  font-size: 52rpx;
}
.mind-report-right {
  flex: 1;
}
.mind-report-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #7C3AED;
  display: block;
  margin-bottom: 6rpx;
}
.mind-report-desc {
  font-size: 22rpx;
  color: #A855F7;
  line-height: 1.5;
  display: block;
  margin-bottom: 10rpx;
}
.mind-report-tags {
  display: flex;
  flex-direction: row;
  gap: 10rpx;
}
.mind-tag {
  font-size: 20rpx;
  color: #7C3AED;
  background: rgba(255,255,255,0.6);
  padding: 4rpx 14rpx;
  border-radius: 20rpx;
}
.mind-report-arrow {
  font-size: 36rpx;
  color: #C084FC;
  margin-left: 10rpx;
  flex-shrink: 0;
}
.mind-report-card:active {
  opacity: 0.7;
}
.mind-report-list {
  margin-top: 12rpx;
}
.mind-report-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #fff;
  border-radius: 14rpx;
  padding: 20rpx 20rpx;
  margin-bottom: 8rpx;
  box-shadow: 0 1rpx 6rpx rgba(0,0,0,0.05);
}
.mind-report-item:active {
  opacity: 0.7;
}
.mind-report-item-icon {
  font-size: 28rpx;
  margin-right: 14rpx;
}
.mind-report-item-name {
  font-size: 26rpx;
  color: #333;
  flex: 1;
}
.mind-report-item-date {
  font-size: 22rpx;
  color: #999;
  margin-right: 14rpx;
}
.mind-report-item-status {
  font-size: 22rpx;
  padding: 2rpx 12rpx;
  border-radius: 20rpx;
}
.mind-report-item-status.parsed {
  color: #7C3AED;
  background: #F3E8FF;
}
.mind-report-item-status.pending {
  color: #999;
  background: #F5F5F5;
}
.mind-report-empty {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 24rpx;
  margin-top: 8rpx;
}
.mind-report-empty-icon {
  font-size: 32rpx;
  margin-right: 10rpx;
}
.mind-report-empty-text {
  font-size: 24rpx;
  color: #bbb;
}

/* ===== 敹���賡�璁�� ===== */
.energy-overview {
  display: flex;
  flex-direction: row;
  margin: 20rpx 30rpx;
  background: #fff;
  border-radius: 20rpx;
  padding: 24rpx 16rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
  justify-content: space-around;
}
.energy-badge {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.badge-icon {
  font-size: 36rpx;
  margin-bottom: 8rpx;
}
.badge-value {
  font-size: 36rpx;
  font-weight: bold;
  color: #333;
}
.badge-label {
  font-size: 20rpx;
  color: #999;
  margin-top: 4rpx;
}

/* ===== EMI �𤤿輕�∪耦�?===== */
.emi-section {
  margin: 20rpx 30rpx;
}
.emi-card {
  background: #fff;
  border-radius: 24rpx;
  padding: 30rpx;
  box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
}
.emi-card-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  display: block;
}
.personality-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24rpx;
}
.test-btn {
  background: #8B5CF6;
  padding: 8rpx 28rpx;
  border-radius: 30rpx;
}
.test-btn-text {
  font-size: 24rpx;
  color: #fff;
  font-weight: 500;
}
.emi-bar-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20rpx;
}
.emi-bar-label {
  font-size: 24rpx;
  color: #666;
  width: 120rpx;
  flex-shrink: 0;
}
.emi-bar-track {
  flex: 1;
  height: 20rpx;
  background: #f0f0f0;
  border-radius: 10rpx;
  overflow: hidden;
  margin: 0 16rpx;
}
.emi-bar-fill {
  height: 100%;
  border-radius: 10rpx;
  transition: width 0.5s;
}
.emi-bar-score {
  font-size: 26rpx;
  font-weight: bold;
  color: #333;
  width: 60rpx;
  text-align: right;
  flex-shrink: 0;
}
.emi-bar-level {
  font-size: 20rpx;
  width: 80rpx;
  text-align: right;
  flex-shrink: 0;
}
.level-excellent { color: #10B981; }
.level-good { color: #3B82F6; }
.level-average { color: #F97316; }
.level-low { color: #EF4444; }
.emi-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 20rpx;
  padding-top: 20rpx;
  border-top: 1rpx solid #f0f0f0;
}
.emi-overall {
  font-size: 28rpx;
  font-weight: bold;
  color: #FF6B35;
}
.emi-link {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.emi-link-text {
  font-size: 26rpx;
  color: #FF6B35;
  font-weight: 500;
}
.emi-link-arrow {
  font-size: 26rpx;
  color: #FF6B35;
  margin-left: 8rpx;
}

/* ===== EMI 敹���亙��∠� ===== */
.emi-card {
  margin: 30rpx;
  background: #fff;
  border-radius: 24rpx;
  padding: 30rpx;
  box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
}
.emi-header {
  margin-bottom: 24rpx;
}
.emi-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
  display: block;
}
.emi-overall-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32rpx 0;
  background: linear-gradient(135deg, #FF6B35, #FFD700);
  border-radius: 16rpx;
  margin: 20rpx 0;
  color: #fff;
}
.emi-overall-label {
  font-size: 26rpx;
  margin-bottom: 6rpx;
}
.emi-overall-value {
  font-size: 64rpx;
  font-weight: bold;
  margin-bottom: 6rpx;
}
.emi-overall-level {
  font-size: 24rpx;
  padding: 4rpx 16rpx;
  border-radius: 12rpx;
  background: rgba(255,255,255,0.2);
}
.emi-dimensions {
  display: flex;
  flex-direction: column;
  gap: 20rpx;
}
.emi-dimension {
  display: flex;
  flex-direction: column;
}
.emi-dim-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8rpx;
}
.emi-dim-label {
  font-size: 26rpx;
  color: #666;
}
.emi-dim-values {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.emi-dim-score {
  font-size: 28rpx;
  font-weight: bold;
  color: #FF6B35;
  margin-right: 12rpx;
}
.emi-dim-level {
  font-size: 20rpx;
  padding: 2rpx 12rpx;
  border-radius: 8rpx;
}
.emi-dim-bar {
  height: 14rpx;
  background: #f0f0f0;
  border-radius: 7rpx;
  overflow: hidden;
}
.emi-dim-bar-fill {
  height: 100%;
  border-radius: 7rpx;
  transition: width 0.5s;
}
.emi-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 20rpx;
  border-top: 1rpx solid #f0f0f0;
  margin-top: 20rpx;
}
.emi-footer-text {
  font-size: 24rpx;
  color: #F97316;
  font-weight: 500;
}
.emi-footer-icon {
  font-size: 24rpx;
  margin-left: 8rpx;
}
.level-excellent { color: #10B981; background: #ECFDF5; }
.level-good { color: #3B82F6; background: #EFF6FF; }
.level-average { color: #F97316; background: #FFF7ED; }
.level-low { color: #EF4444; background: #FEF2F2; }

/* �瑁噢�曉���征�嗆�?*/
.placeholder-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40rpx 20rpx;
}

/* ===== �牐��?===== */
.placeholder-card {
  margin: 30rpx;
  background: #fff;
  border-radius: 24rpx;
  padding: 60rpx 40rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06);
}
.placeholder-icon {
  font-size: 80rpx;
  margin-bottom: 20rpx;
}
.placeholder-title {
  font-size: 32rpx;
  font-weight: bold;
  color: #333;
  margin-bottom: 16rpx;
}
.placeholder-desc {
  font-size: 26rpx;
  color: #999;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 30rpx;
}
.placeholder-btn {
  background: linear-gradient(135deg, #FF6B35, #FFD700);
  color: #fff;
  font-size: 28rpx;
  font-weight: bold;
  padding: 16rpx 64rpx;
  border-radius: 40rpx;
  box-shadow: 0 4rpx 16rpx rgba(255,107,53,0.3);
}

/* ===== 隡删�����∠� ===== */
.culture-section {
  margin: 20rpx 30rpx;
}
.culture-card {
  background: #fff;
  border-radius: 20rpx;
  padding: 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
  margin-bottom: 16rpx;
}
.culture-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 16rpx;
}
.culture-card-icon {
  font-size: 32rpx;
  margin-right: 10rpx;
}
.culture-card-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
}
.culture-card-body {
  font-size: 24rpx;
  color: #666;
  line-height: 1.6;
}
/* �怠��𥟇� */
.bazi-grid {
  display: flex;
  justify-content: space-around;
  padding: 8rpx 0;
}
.bazi-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.bazi-pillar-label {
  font-size: 22rpx;
  color: #999;
  margin-bottom: 6rpx;
}
.bazi-pillar-value {
  font-size: 32rpx;
  font-weight: 700;
  color: #8B5CF6;
  background: #F5F0FF;
  padding: 10rpx 14rpx;
  border-radius: 10rpx;
}
/* 鈭磰��賡� */
.wuxing-list {
  display: flex;
  flex-direction: column;
  gap: 12rpx;
}
.wuxing-item {
  display: flex;
  align-items: center;
  gap: 12rpx;
}
.wuxing-label {
  font-size: 26rpx;
  font-weight: 600;
  width: 44rpx;
  text-align: center;
}
.wuxing-bar-track {
  flex: 1;
  height: 20rpx;
  background: #F0F0F0;
  border-radius: 10rpx;
  overflow: hidden;
}
.wuxing-bar-fill {
  height: 100%;
  border-radius: 10rpx;
}
.wuxing-value {
  font-size: 22rpx;
  color: #666;
  width: 56rpx;
  text-align: right;
}
.energy-card {
  margin-top: 20rpx;
  padding: 24rpx 20rpx;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  border-radius: 20rpx;
  position: relative;
  overflow: hidden;
}

.energy-card::before {
  content: '';
  position: absolute;
  top: -60rpx;
  right: -60rpx;
  width: 200rpx;
  height: 200rpx;
  background: radial-gradient(circle, rgba(255,215,0,0.15) 0%, transparent 70%);
  border-radius: 50%;
}

.energy-card::after {
  content: '';
  position: absolute;
  bottom: -40rpx;
  left: -40rpx;
  width: 160rpx;
  height: 160rpx;
  background: radial-gradient(circle, rgba(99,102,241,0.12) 0%, transparent 70%);
  border-radius: 50%;
}

.energy-header {
  display: flex;
  align-items: center;
  margin-bottom: 14rpx;
  position: relative;
  z-index: 1;
}

.energy-icon {
  font-size: 32rpx;
  margin-right: 10rpx;
}

.energy-label {
  font-size: 28rpx;
  font-weight: 700;
  background: linear-gradient(135deg, #F59E0B, #FF6B9D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.energy-divider {
  height: 2rpx;
  background: linear-gradient(90deg, rgba(255,215,0,0.5), rgba(255,107,157,0.3), transparent);
  margin-bottom: 18rpx;
  position: relative;
  z-index: 1;
}

.energy-quote {
  font-size: 26rpx;
  color: #E2E8F0;
  line-height: 1.8;
  display: block;
  margin-bottom: 14rpx;
  position: relative;
  z-index: 1;
  padding-left: 20rpx;
  letter-spacing: 1rpx;
}

.energy-quote::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4rpx;
  bottom: 4rpx;
  width: 4rpx;
  background: linear-gradient(180deg, #F59E0B, #FF6B9D);
  border-radius: 2rpx;
}

.energy-advice {
  font-size: 24rpx;
  color: #94A3B8;
  line-height: 1.7;
  display: block;
  position: relative;
  z-index: 1;
  padding: 14rpx 18rpx;
  background: rgba(255,255,255,0.05);
  border-radius: 12rpx;
  border: 1rpx solid rgba(255,255,255,0.08);
}

.energy-footer {
  display: flex;
  justify-content: center;
  gap: 12rpx;
  margin-top: 18rpx;
  position: relative;
  z-index: 1;
}

.energy-footer-dot {
  width: 8rpx;
  height: 8rpx;
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
}

.energy-footer-dot:nth-child(2) {
  background: rgba(255,215,0,0.6);
  width: 10rpx;
  height: 10rpx;
}
/* �笔漣+�菜㺭�峕� */
.culture-dual {
  display: flex;
  gap: 16rpx;
}
.culture-dual-item {
  flex: 1;
  background: #fff;
  border-radius: 20rpx;
  padding: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.culture-dual-icon {
  font-size: 36rpx;
  margin-bottom: 8rpx;
}
.culture-dual-label {
  font-size: 22rpx;
  color: #999;
  margin-bottom: 6rpx;
}
.culture-dual-value {
  font-size: 28rpx;
  font-weight: 700;
  color: #8B5CF6;
}
.culture-empty {
  text-align: center;
  padding: 30rpx 0;
  color: #bbb;
  font-size: 24rpx;
}

/* ===== 瘥𤩺𠯫敹�� ===== */
.tip-card {
  background: #fff;
  border-radius: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.tip-left-bar {
  width: 6rpx;
  background: linear-gradient(180deg, #5B9BD5, #8FC5E8);
  flex-shrink: 0;
}
.tip-body {
  flex: 1;
  padding: 28rpx 24rpx;
}
.tip-title {
  font-size: 28rpx;
  font-weight: bold;
  color: #5B9BD5;
  display: block;
  margin-bottom: 12rpx;
}
.tip-content {
  font-size: 24rpx;
  color: #666;
  line-height: 1.6;
  display: block;
  margin-bottom: 16rpx;
}
.tip-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.tip-source {
  font-size: 22rpx;
  color: #bbb;
}

/* ===== �𡁶鍂�箏� ===== */
.section {
  margin: 20rpx 30rpx;
}
.section-header {
  margin-bottom: 20rpx;
}
.section-title {
  font-size: 30rpx;
  font-weight: bold;
  color: #333;
}

/* ===== �刻���粉 ===== */
.article-list {
  display: flex;
  flex-direction: column;
}
.article-card {
  background: #fff;
  border-radius: 20rpx;
  padding: 28rpx 24rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
  margin-bottom: 20rpx;
}
.article-category {
  display: inline-block;
  padding: 4rpx 18rpx;
  border-radius: 20rpx;
  margin-bottom: 14rpx;
}
.article-category-text {
  font-size: 20rpx;
  color: #fff;
  font-weight: 500;
}
.article-title {
  font-size: 28rpx;
  font-weight: bold;
  color: #333;
  display: block;
  margin-bottom: 10rpx;
}
.article-summary {
  font-size: 24rpx;
  color: #888;
  line-height: 1.5;
  display: block;
  margin-bottom: 20rpx;
}
.article-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.meta-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 20rpx;
}
.meta-icon {
  font-size: 22rpx;
  margin-right: 4rpx;
}
.meta-text {
  font-size: 22rpx;
  color: #bbb;
}
.article-date {
  font-size: 22rpx;
  color: #bbb;
  margin-left: auto;
}

/* ===== �蠘��箏��?===== */
.func-section {
  margin: 20rpx 30rpx;
}
.func-grid {
  display: flex;
  flex-direction: column;
  gap: 16rpx;
  background: #fff;
  border-radius: 20rpx;
  padding: 24rpx 16rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.func-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.func-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
.func-icon-wrap {
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx;
  background: linear-gradient(135deg, #D6EAF8, #EBF2FA);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10rpx;
}
.func-icon {
  font-size: 40rpx;
}
.func-label {
  font-size: 22rpx;
  color: #666;
  font-weight: 500;
}
.func-item:active {
  opacity: 0.7;
}

/* ===== 摨閖� ===== */
.bottom-spacer {
  height: 120rpx;
}

/* ===== �㰘�頧?===== */
.gut-insight-text {
  font-size: 24rpx;
  color: #666;
  margin-bottom: 16rpx;
  padding: 12rpx 16rpx;
  background: #F0FFF4;
  border-radius: 12rpx;
  line-height: 1.6;
}
.gut-indicator-list {
  display: flex;
  flex-direction: column;
  gap: 12rpx;
}
.gut-indicator-item {
  display: flex;
  align-items: center;
  gap: 12rpx;
}
.gut-indicator-left {
  width: 80rpx;
  flex-shrink: 0;
}
.gut-indicator-name {
  font-size: 22rpx;
  color: #666;
}
.gut-indicator-bar-track {
  flex: 1;
  height: 16rpx;
  background: #F0F0F0;
  border-radius: 8rpx;
  overflow: hidden;
}
.gut-indicator-bar-fill {
  height: 100%;
  border-radius: 8rpx;
  transition: width 0.3s;
}
.gut-indicator-value {
  font-size: 22rpx;
  color: #666;
  width: 60rpx;
  text-align: right;
}
.gut-indicator-status {
  font-size: 20rpx;
  padding: 2rpx 12rpx;
  border-radius: 10rpx;
  width: 60rpx;
  text-align: center;
}
.status-normal {
  background: #D1FAE5;
  color: #059669;
}
.status-abnormal {
  background: #FEE2E2;
  color: #DC2626;
}
.status-warning {
  background: #FEF3C7;
  color: #D97706;
}

/* ===== �喲睸靽⊥�嚗�振摨?銝芯犖嚗?===== */
.key-info-card {
  background: #fff;
  border-radius: 20rpx;
  padding: 24rpx;
  margin-top: 20rpx;
  box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.06);
}
.key-info-header {
  display: flex;
  align-items: center;
  margin-bottom: 20rpx;
}
.key-info-icon {
  font-size: 28rpx;
  margin-right: 8rpx;
}
.key-info-title {
  font-size: 28rpx;
  font-weight: 600;
  color: #333;
}
.key-info-body {
  display: flex;
  flex-direction: row;
  gap: 20rpx;
}
.key-info-col {
  flex: 1;
  background: #F8F9FA;
  border-radius: 14rpx;
  padding: 16rpx;
  min-width: 0;
}
.ki-subtitle {
  font-size: 22rpx;
  color: #999;
  margin-bottom: 12rpx;
  font-weight: 500;
}
.ki-row {
  display: flex;
  align-items: center;
  margin-bottom: 10rpx;
  flex-wrap: nowrap;
}
.ki-row:last-child {
  margin-bottom: 0;
}
.ki-label {
  font-size: 22rpx;
  color: #888;
  margin-right: 8rpx;
  white-space: nowrap;
}
.ki-dot {
  width: 16rpx;
  height: 16rpx;
  border-radius: 50%;
  margin-right: 6rpx;
  flex-shrink: 0;
}
.ki-valuel {
  font-size: 24rpx;
  color: #333;
  font-weight: 500;
  white-space: nowrap;
}
.ki-valued {
  font-size: 24rpx;
  color: #333;
  font-weight: 500;
}
.ki-swatch {
  width: 28rpx;
  height: 28rpx;
  border-radius: 50%;
  margin-right: 6rpx;
  border: 2rpx solid rgba(0,0,0,0.06);
  flex-shrink: 0;
}
.ki-num {
  font-size: 30rpx;
  font-weight: 700;
  color: #FF6B9D;
}
.ki-fortune {
  font-size: 24rpx;
  font-weight: 700;
  padding: 2rpx 12rpx;
  border-radius: 10rpx;
}
.ki-fortune-0 {
  color: #D32F2F;
  background: #FFEBEE;
}
.ki-fortune-1 {
  color: #E65100;
  background: #FFF3E0;
}
.ki-fortune-2 {
  color: #F9A825;
  background: #FFFDE7;
}
.ki-fortune-3 {
  color: #7B1FA2;
  background: #F3E5F5;
}
.ki-fortune-4 {
  color: #B71C1C;
  background: #FFCDD2;
}
.ki-insight {
  display: flex;
  align-items: flex-start;
  margin-top: 16rpx;
  padding: 16rpx;
  background: #FFF8F0;
  border-radius: 12rpx;
}
.ki-insight-icon {
  font-size: 24rpx;
  margin-right: 8rpx;
  flex-shrink: 0;
}
.ki-insight-text {
  font-size: 22rpx;
  color: #8B6914;
  line-height: 1.5;
}
.ki-footer {
  margin-top: 16rpx;
  text-align: center;
  padding: 12rpx;
  font-size: 24rpx;
  color: #8B5CF6;
  font-weight: 500;
  background: #F5F3FF;
  border-radius: 12rpx;
}
.ki-footer:active {
  opacity: 0.7;
}

/* DAN �亙��∠� */
.dan-card {
  background: #fff;
  border-radius: 16rpx;
  padding: 24rpx;
  margin-bottom: 16rpx;
  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.06);
}
.dan-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rpx;
}
.dan-report-date {
  font-size: 26rpx;
  color: #666;
}
.dan-status {
  font-size: 22rpx;
  padding: 4rpx 16rpx;
  border-radius: 8rpx;
}
.dan-status.confirmed {
  background: #D1FAE5;
  color: #065F46;
}
.dan-status.pending {
  background: #FEF3C7;
  color: #92400E;
}
.dan-report-desc {
  font-size: 28rpx;
  color: #333;
  font-weight: 500;
  margin-bottom: 12rpx;
  display: block;
}
.dan-card-footer {
  text-align: right;
}
.dan-view-link {
  font-size: 26rpx;
  color: #6366F1;
}
.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20rpx;
}
.section-title {
  font-size: 32rpx;
  font-weight: 700;
  color: #333;
}
.section-more {
  font-size: 26rpx;
  color: #6366F1;
  padding: 8rpx 16rpx;
}
</style>