From 93d44f3e8047ae8111ffeb6618e9be9df0e4e296 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A7=A6=E6=B1=89?=
 <5725748+qin_and_han_dynasties@user.noreply.gitee.com>
Date: Sun, 12 Apr 2026 21:31:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BA=86=E4=B8=80=E4=B8=AA?=
 =?UTF-8?q?=E6=89=93=E5=9D=90=E7=9A=84=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/assets/images/meditation.svg          |   1 +
 .../MeditationIcon/MeditationIcon.vue         | 121 ++++++++++++++++++
 Build_God_Game/src/views/TrainingView.vue     |  32 ++---
 3 files changed, 131 insertions(+), 23 deletions(-)
 create mode 100644 Build_God_Game/src/assets/images/meditation.svg
 create mode 100644 Build_God_Game/src/components/MeditationIcon/MeditationIcon.vue

diff --git a/Build_God_Game/src/assets/images/meditation.svg b/Build_God_Game/src/assets/images/meditation.svg
new file mode 100644
index 0000000..2a067a7
--- /dev/null
+++ b/Build_God_Game/src/assets/images/meditation.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1776000075290" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10158" width="200" height="200" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M507.48873901 381.09927368c0.19775391 0.04943848 0.42022705 0.14831543 0.66741943 0.17303467-0.24719239-0.02471924-0.48202515-0.12359619-0.66741943-0.17303467M530.724823 383.57119751c-2.45956421 0-4.85733032-0.19775391-7.2303772-0.37078858 2.37304688 0.17303467 4.77081299 0.37078857 7.20565796 0.37078858h0.02471924zM513.79214477 382.14984131c1.84158325 0.28427124 3.62136841 0.63034057 5.4876709 0.82809448-1.86630249-0.21011352-3.64608765-0.54382325-5.4876709-0.82809448M266.16717529 541.09454346c-0.82809448 0.54382325-1.44607544 1.28540039-2.22473144 1.86630248l-0.02471924 0.04943848c0.77865601-0.61798096 1.4213562-1.37191773 2.24945068-1.91574096M364.82165527 696.96170044c1.98989868-0.86517334 3.93035888-1.79214477 5.88317871-2.70675659-1.95281982 0.91461182-3.89328003 1.84158325-5.8831787 2.70675659M347.22155761 703.35162354c1.96517945-0.50674438 3.93035888-1.1618042 5.94497682-1.82922364a85.51620484 85.51620484 0 0 1-5.94497681 1.82922364M328.8057251 706.3673706a53.76434326 53.76434326 0 0 1-6.83486939-0.33370971c1.91574097 0.24719239 3.86856079 0.3831482 5.88317872 0.38314819 0.28427124-0.01235962 0.60562133-0.04943848 0.95169067-0.04943848M408.20391846 671.82223511c0.56854248-0.39550781 1.03820801-0.77865601 1.40899657-1.02584839-0.37078857 0.23483276-0.86517334 0.61798096-1.40899657 1.02584839M410.18145752 670.36380005l0.35842896-0.27191162-0.35842896 0.27191162M405.05221558 674.03460693l2.07641601-1.47079467-2.07641601 1.47079467M400.51623535 677.08743286c1.06292724-0.74157715 2.1258545-1.38427734 3.05282593-2.05169677-0.92697143 0.63034057-1.98989868 1.37191773-3.05282592 2.05169677M387.56335449 685.23242188c1.7427063-1.02584839 3.36181641-2.02697754 4.96856689-2.97866821-1.60675049 0.95169068-3.23822021 1.97753906-4.96856688 2.9786682M380.76556396 689.07626343c1.54495239-0.87753296 3.07754516-1.70562744 4.52362062-2.54608155a238.04626465 238.04626465 0 0 1-4.52362062 2.54608155M393.63192749 681.54925537c1.91574097-1.19888305 3.69552612-2.34832763 5.35171509-3.4236145-1.65618896 1.06292724-3.43597412 2.22473145-5.35171509 3.4236145M657.71990967 675.01101685c0.95169068 0.69213867 2.03933716 1.40899658 3.17642212 2.18765258a76.86447143 76.86447143 0 0 1-3.17642212-2.18765258M675.93798828 686.48074341c1.49551391 0.84045411 3.01574708 1.71798706 4.59777833 2.59552002a442.30133057 442.30133057 0 0 1-4.59777833-2.59552002M651.19403076 670.43795776a42.54180908 42.54180908 0 0 1-0.69213867-0.55618286l-101.20056152-56.28570557 101.20056152 56.28570557 0.69213867 0.55618286M654.07382202 672.50201416c0.71685791 0.48202515 1.4213562 1.01348877 2.29888916 1.59439087-0.82809448-0.5809021-1.60675049-1.13708497-2.29888915-1.59439087M651.49066162 670.63571167c0.40786743 0.29663086 0.97640992 0.74157715 1.66854859 1.23596192l-1.66854859-1.23596192M739.35519409 706.02130127a46.31149292 46.31149292 0 0 1-6.87194824 0.33370972l0.96405029 0.02471924a40.66314698 40.66314698 0 0 0 5.90789795-0.35842896M716.83596802 704.09320068c1.71798706 0.42022705 3.43597412 0.79101563 5.1663208 1.17416382-1.71798706-0.3831482-3.44833374-0.75393677-5.1663208-1.17416382M690.59649658 694.25494385c1.96517945 0.91461182 3.93035888 1.85394287 5.94497681 2.73147583-2.0022583-0.87753296-3.97979737-1.81686401-5.94497681-2.73147583" fill="#4C545E" p-id="10159"></path><path d="M513.37191773 392.11169433c61.69921875 0 111.79275513-50.6867981 111.75567626-113.15231323 0-62.42843628-50.10589599-113.09051513-111.7803955-113.09051513-61.7980957 0.04943848-111.91635132 50.6867981-111.89163208 113.13995361 0.01235962 62.46551513 50.11825562 113.10287476 111.91635132 113.10287475M776.3598938 700.57070923a64.22058106 64.22058106 0 0 1-24.20013427 31.75186157c-10.11016846 7.13150024-22.27203369 10.70343018-36.05300904 10.70343017-40.39123536 0-87.56790161-33.07434083-98.24661255-40.99685668l-84.10720825-46.76879883a42.18338013 42.18338013 0 0 0-40.88562011 0l-84.11956788 46.76879883c-10.67871094 7.93487549-57.84301758 40.99685669-98.24661255 40.99685668-13.78097534 0-25.94284057-3.57192993-36.07772827-10.70343017a64.50485229 64.50485229 0 0 1-24.17541504-31.75186158c-30.91140747 15.21469117-44.98901367 42.71484375-44.54406738 67.16217042 0.56854248 30.70129395 23.55743408 65.6048584 73.6138916 74.38018799l183.10775757 32.24624633a51.86096192 51.86096192 0 0 0 33.98895263-5.61126708c-2.48428344-34.75524903-41.97326661-62.50259399-90.32409667-62.502594-7.76184083 0-14.04052734-6.30340576-14.04052735-14.06524658 0-7.67532349 6.27868653-14.00344849 14.04052735-14.00344849 62.34191895 0 113.43658448 38.30245972 118.15795898 86.76452637a52.18231201 52.18231201 0 0 0 39.9710083 9.40567017l183.03359986-32.24624635c50.06881714-8.77532959 73.04534912-43.66653443 73.63861083-74.38018798 0.46966553-24.43496704-13.59558106-51.93511963-44.53170776-67.14981079" fill="#dbdbdb" p-id="10160" data-spm-anchor-id="a313x.search_index.0.i11.b1553a81J2TXwt" class="selected"></path><path d="M744.23724365 631.27032471s-40.68786622-139.84909058-82.94540405-198.38424683c-12.21130372-16.90795898-38.6114502-28.92150879-70.90713501-36.06536866a137.59963989 137.59963989 0 0 1-77.02514649 23.35968018c-28.42712403 0-54.83963013-8.67645263-76.93862914-23.38439941-32.39456177 7.13150024-58.85650635 19.15740967-71.10488893 36.09008789-42.28225708 58.52279663-82.92068482 198.38424683-82.9206848 198.38424683s-24.38552857 55.32165528 8.12026977 78.05099487c32.51815796 22.74169922 102.95562744-30.89904786 102.95562744-30.89904785l99.39605713-55.29693603a41.99798584 41.99798584 0 0 1 40.88562012 0l99.40841674 55.29693603s70.38803101 53.64074708 102.93090821 30.89904785c32.50579834-22.7293396 8.14498901-78.05099487 8.14498901-78.05099487z m-103.40057373-37.42492676a12.79220581 12.79220581 0 0 1-17.64953614 4.04159546c-0.53146362-0.30899048-53.01040649-33.16085815-65.72845458-40.63842773-10.82702637-6.34048462-18.35403443-21.07315063-27.80914306-41.21932984-2.70675659-5.79666138-6.42700195-13.73153687-8.04611207-15.64727784-2.03933716-1.29776001-10.33264161-1.01348877-12.69332886 0.85281372-2.01461792 2.27416992-8.0708313 13.97872925-12.08770751 21.70349122-7.83599854 15.09109497-13.31130982 25.43609619-18.2675171 31.10916138-9.03488159 10.35736084-55.96435547 36.70806885-75.76446532 47.55981445a12.77984619 12.77984619 0 0 1-17.38998414-5.06744385 12.79220581 12.79220581 0 0 1 5.09216309-17.37762451c29.20578003-16.05514526 63.81271362-36.67098999 68.75656127-41.98562622 3.27529907-3.75732422 9.94949341-16.61132813 14.81918336-26.00463867 7.87307739-15.21469117 12.55737305-24.05181885 17.10571289-28.43948365 6.15509033-5.96969604 16.38885498-9.22027588 27.38891601-8.62701416 9.70230102 0.50674438 17.77313232 3.97979737 22.66754151 9.8135376 3.76968383 4.48654175 7.21801758 11.87759399 11.61804199 21.23382568 4.12811279 8.81240844 12.74276734 27.17880249 17.55065918 29.99679566 13.06411743 7.66296387 64.19586182 39.68673706 66.37115479 41.03393554 6.0067749 3.75732422 7.8112793 11.65512085 4.06631469 17.66189576z" fill="#dbdbdb" p-id="10161" data-spm-anchor-id="a313x.search_index.0.i10.b1553a81J2TXwt" class="selected"></path></svg>
\ No newline at end of file
diff --git a/Build_God_Game/src/components/MeditationIcon/MeditationIcon.vue b/Build_God_Game/src/components/MeditationIcon/MeditationIcon.vue
new file mode 100644
index 0000000..25cdf4f
--- /dev/null
+++ b/Build_God_Game/src/components/MeditationIcon/MeditationIcon.vue
@@ -0,0 +1,121 @@
+<script setup lang="ts">
+import meditationImg from '@/assets/images/meditation.svg'
+
+defineProps<{
+  isTraining: boolean
+}>()
+</script>
+
+<template>
+  <div class="meditation-icon" :class="{ training: isTraining }">
+    <div class="aura-ring ring-1"></div>
+    <div class="aura-ring ring-2"></div>
+    <div class="aura-ring ring-3"></div>
+    <div class="aura-ring ring-4"></div>
+    <img :src="meditationImg" class="person" alt="meditation" />
+  </div>
+</template>
+
+<style scoped>
+.meditation-icon {
+  position: relative;
+  width: 120px;
+  height: 120px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.person {
+  width: 80px;
+  height: 80px;
+  z-index: 2;
+  object-fit: contain;
+}
+
+.meditation-icon:not(.training) .person {
+  opacity: 0.3;
+}
+
+.meditation-icon:not(.training) .aura-ring {
+  display: none;
+}
+
+.aura-ring {
+  position: absolute;
+  border-radius: 50%;
+  border: 2px solid transparent;
+  animation: aura-pulse 3s ease-in-out infinite;
+}
+
+.ring-1 {
+  width: 100px;
+  height: 100px;
+  animation-delay: 0s;
+}
+
+.ring-2 {
+  width: 110px;
+  height: 110px;
+  animation-delay: 0.5s;
+  animation-direction: reverse;
+}
+
+.ring-3 {
+  width: 120px;
+  height: 120px;
+  animation-delay: 1s;
+}
+
+.ring-4 {
+  width: 130px;
+  height: 130px;
+  animation-delay: 1.5s;
+  animation-direction: reverse;
+}
+
+.meditation-icon.training .aura-ring {
+  animation: color-shift 4s linear infinite, ring-pulse 2s ease-in-out infinite;
+}
+
+@keyframes color-shift {
+  0% {
+    border-color: #ffd700;
+    box-shadow: 0 0 20px #ffd700, 0 0 40px rgba(255, 215, 0, 0.5), inset 0 0 15px rgba(255, 215, 0, 0.3);
+  }
+  33% {
+    border-color: #00ffff;
+    box-shadow: 0 0 20px #00ffff, 0 0 40px rgba(0, 255, 255, 0.5), inset 0 0 15px rgba(0, 255, 255, 0.3);
+  }
+  66% {
+    border-color: #9932cc;
+    box-shadow: 0 0 20px #9932cc, 0 0 40px rgba(153, 50, 204, 0.5), inset 0 0 15px rgba(153, 50, 204, 0.3);
+  }
+  100% {
+    border-color: #ffd700;
+    box-shadow: 0 0 20px #ffd700, 0 0 40px rgba(255, 215, 0, 0.5), inset 0 0 15px rgba(255, 215, 0, 0.3);
+  }
+}
+
+@keyframes ring-pulse {
+  0%, 100% {
+    transform: scale(1) rotate(0deg);
+    opacity: 0.8;
+  }
+  50% {
+    transform: scale(1.05) rotate(180deg);
+    opacity: 1;
+  }
+}
+
+@keyframes aura-pulse {
+  0%, 100% {
+    transform: scale(1);
+    opacity: 0.6;
+  }
+  50% {
+    transform: scale(1.1);
+    opacity: 1;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/Build_God_Game/src/views/TrainingView.vue b/Build_God_Game/src/views/TrainingView.vue
index 0bdb42f..bea8044 100644
--- a/Build_God_Game/src/views/TrainingView.vue
+++ b/Build_God_Game/src/views/TrainingView.vue
@@ -3,6 +3,7 @@ import { ref, computed, onMounted, onUnmounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useCharacterStore } from '@/stores/character'
 import Particles from '@/components/Particles/Particles.vue'
+import MeditationIcon from '@/components/MeditationIcon/MeditationIcon.vue'
 
 const router = useRouter()
 const characterStore = useCharacterStore()
@@ -97,8 +98,8 @@ const handleStopTraining = async () => {
 
       <div class="training-content">
         <div class="status-section">
-          <div class="status-icon" :class="{ training: isTraining }">
-            {{ isTraining ? '🔥' : '💤' }}
+          <div class="status-icon">
+            <MeditationIcon :is-training="isTraining" />
           </div>
           <div class="status-text">
             {{ isTraining ? '正在打坐中...' : '未开始打坐' }}
@@ -198,26 +199,11 @@ const handleStopTraining = async () => {
 }
 
 .status-icon {
-  font-size: 4rem;
-  opacity: 0.5;
-  transition: all 0.3s ease;
-}
-
-.status-icon.training {
-  opacity: 1;
-  animation: pulse 2s infinite;
-}
-
-@keyframes pulse {
-
-  0%,
-  100% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(1.1);
-  }
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 120px;
+  height: 120px;
 }
 
 .status-text {
@@ -225,7 +211,7 @@ const handleStopTraining = async () => {
   font-size: 1rem;
 }
 
-.status-icon.training+.status-text {
+.status-section:has(.meditation-icon.training) .status-text {
   color: #ff8844;
 }