From 958ba3d4ae49d40a160e70b1d75f1473f1767fdf Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Thu, 11 Dec 2025 01:04:12 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E5=B8=83?=
 =?UTF-8?q?=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/userCombat/tuc-buff-box.vue | 16 +++++++++++++---
 src/components/userCombat/tuc-card-box.vue |  3 +--
 src/components/userCombat/tuc-round.vue    | 10 +++++++++-
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/components/userCombat/tuc-buff-box.vue b/src/components/userCombat/tuc-buff-box.vue
index 4ef6d94f..23fbcb24 100644
--- a/src/components/userCombat/tuc-buff-box.vue
+++ b/src/components/userCombat/tuc-buff-box.vue
@@ -10,7 +10,7 @@
           <span>辉彩祝福</span>
         </div>
       </div>
-      <div class="tuc-buff-total" v-html="parseHtmlText(props.modelValue.summary.desc)" />
+      <div class="tuc-buff-total" v-html="getBuffDesc(props.modelValue.summary.desc)" />
     </div>
     <template v-for="(buff, idx) in props.modelValue.buffs" :key="idx">
       <div v-if="buff.level > 1" class="tuc-buff-item">
@@ -29,7 +29,7 @@
               <img :src="effect.icon" alt="icon" />
               <span v-html="parseHtmlText(effect.name)" />
             </div>
-            <span class="tuc-effect-desc" v-html="parseHtmlText(effect.desc)" />
+            <span class="tuc-effect-desc" v-html="getEffectDesc(effect.desc)" />
           </div>
         </div>
       </div>
@@ -45,14 +45,23 @@ type TucBuffBoxProps = {
 };
 
 const props = defineProps<TucBuffBoxProps>();
+
+function getBuffDesc(desc: string): string {
+  return parseHtmlText(desc.replaceAll("点，", "点，\n"));
+}
+
+function getEffectDesc(desc: string): string {
+  return parseHtmlText(desc.replaceAll("；", "；\n")).replaceAll("\n<br />", "<br />");
+}
 </script>
 <style lang="css" scoped>
 .tuc-buff-box {
   position: relative;
   display: flex;
-  width: 100%;
+  width: fit-content;
   box-sizing: border-box;
   flex-direction: column;
+  flex-shrink: 0;
   align-items: center;
   justify-content: flex-start;
   padding: 8px;
@@ -147,5 +156,6 @@ const props = defineProps<TucBuffBoxProps>();
   position: relative;
   display: block;
   font-size: 10px;
+  white-space: pre;
 }
 </style>
diff --git a/src/components/userCombat/tuc-card-box.vue b/src/components/userCombat/tuc-card-box.vue
index a6b2df24..c3a2bcd0 100644
--- a/src/components/userCombat/tuc-card-box.vue
+++ b/src/components/userCombat/tuc-card-box.vue
@@ -29,10 +29,9 @@ const props = defineProps<TucCardBoxProps>();
 .tuc-card-box {
   position: relative;
   display: flex;
-  width: 300px;
+  width: 100%;
   box-sizing: border-box;
   flex-direction: column;
-  flex-shrink: 0;
   align-items: flex-start;
   justify-content: flex-start;
   padding: 8px;
diff --git a/src/components/userCombat/tuc-round.vue b/src/components/userCombat/tuc-round.vue
index 7b019a6d..e9b36800 100644
--- a/src/components/userCombat/tuc-round.vue
+++ b/src/components/userCombat/tuc-round.vue
@@ -15,7 +15,10 @@
     </div>
     <TucAeBox :avatars="props.round.avatars" :enemies="props.round.enemies" />
     <div class="tucr-content">
-      <TucBuffBox :model-value="props.round.splendour_buff" />
+      <TucBuffBox
+        :class="props.round.choice_cards.length === 0 ? 'fill' : ''"
+        :model-value="props.round.splendour_buff"
+      />
       <TucCardBox :model-value="props.round.choice_cards" />
     </div>
   </div>
@@ -78,8 +81,13 @@ function getIcon(): string {
   position: relative;
   display: flex;
   width: 100%;
+  max-width: 100%;
   align-items: stretch;
   justify-content: flex-start;
   column-gap: 8px;
+
+  .fill {
+    width: 100%;
+  }
 }
 </style>