style: 样式修复

src/lang/en.ts

@@ -13,11 +13,11 @@ export default {
     applicationDeadline: 'Application Deadline:\n15th July 2026',
     howToApply: 'How to Apply',
     stepByStep: 'Step by step',
-    step1Title: 'Step 1. Become an\nAiDA Subscriber​',
+    step1Title: 'Step 1. Become an \nAiDA Subscriber​',
     step1Desc:
-      'All applicants must be active\nAiDA subscribers at the time of\nsubmission.​ You may subscribe\nunder either a monthly or yearly plan.​',
+      'All applicants must be active \nAiDA subscribers at the time of \nsubmission.​ You may subscribe\nunder either a monthly or yearly plan.​',
     step2Title: 'Step 2. Create Your Design Using AiDA',
-    step2Desc: 'Applicants must create their\ndesigns exclusively using the\nAiDA platform.​ ',
+    step2Desc: 'Applicants must create their \ndesigns exclusively using the \nAiDA platform.​ ',
     step2ListTitle: 'Your work should clearly demonstrate:',
     step2List: [
       'How AiDA is used as a creative tool',
@@ -26,7 +26,7 @@ export default {
     ],
     step3Title: 'Step 3. Prepare Your Submission',
     processVideo: 'Process Video',
-    processVideoDesc: 'Include a screen‑recorded video of\nyour creative process\nusing AiDA.​',
+    processVideoDesc: 'Include a screen‑recorded video of your creative process using AiDA.​',
     videoRequirements: 'Video requirements:',
     videoFormat: 'Format: MP4',
     videoResolution: 'Resolution: 1080×1920 px',
@@ -63,7 +63,7 @@ export default {
         regular3: 'hosted by ',
         bold3: 'Code-Create',
         regular4: ', a globally leading\n',
-        bold4: 'AI fashion solutions provider,',
+        bold4: 'AI fashion solutions provider , ',
         regular5:
           'celebrating the future of creativity powered by artificial intelligence.\nBringing together designers from around the world, AiDA empowers AI as a creative partner—pushing fashion beyond traditional boundaries and unlocking new possibilities where technology amplifies human imagination.'
       },
@@ -82,7 +82,7 @@ export default {
     judgesHat: {
       jae: 'Code-Create Branch Director\nBesfxxk creative director\n(Korea)',
       diego: 'Co-founder & Chief Father\nOfficer of OnTheList\n(Hong Kong)',
-      gregory: 'Senior Designer at\nGabriela Heasrst (Italy)',
+      gregory: 'Senior Designer at\nGabriela Hearst (Italy)',
       vincenzo: 'Chief Editor of SCMP Style\n(Hong Kong)',
       tim: 'Group Fashion Director of\n Modern Media Group\n(Shanghai)',
       desmond: 'Chief Editor of Vogue\n(Singapore)'
@@ -136,7 +136,7 @@ export default {
     receivingOutfits: 'Receiving Outfits',
     fromFinalistsLabel: 'from Finalists',
     timeOctober: 'October',
-    receivingOutfitsDesc: 'Finalists send one physical outfit to Code-Create (address to advise)',
+    receivingOutfitsDesc: 'Finalists send one physical outfit to Code-Create (address to advise).',
     awardCeremony: 'Award',
     ceremonyLabel: 'Ceremony',
     timeNov12: 'Nov 12',

src/lang/zh-cn.ts

@@ -119,7 +119,7 @@ export default {
     timelineApplicationLabel: '申请期限',
     timelineDeadlineLabel: '',
     timeJul15: '7月15日',
-    applicationDeadlineDesc: '申请截止日期及\n作品审核流程开始',
+    applicationDeadlineDesc: '申请截止日期及作品审核流程开始',
     twentyFinalistsAnnounced: '20名入围者揭晓',
     announcedLabel: '',
     timeAug30: '8月30日',
@@ -127,7 +127,7 @@ export default {
     finalistSubmission: '入围设计作品',
     submissionLabel: '提交最后期限',
     timeSept30: '9月30日',
-    finalistSubmissionDesc: '入围者上传完成的设计\n作品以进行终评',
+    finalistSubmissionDesc: '入围者上传完成的设计作品以进行终评',
     receivingOutfits: '入围者',
     fromFinalistsLabel: '提交成衣',
     timeOctober: '10月',
@@ -135,7 +135,7 @@ export default {
     awardCeremony: '奖项颁发仪式',
     ceremonyLabel: '',
     timeNov12: '11月12日',
-    awardCeremonyDesc: '颁奖盛典与设计师社\n群聚会 – Soho House',
+    awardCeremonyDesc: '颁奖盛典与设计师社群聚会 – Soho House',
     submissionSuccessful: '提交成功',
     submissionSuccessfulDesc:
       '请在 AiDA 平台内的消息中查看您提交的信息。如有需要，您可以进行修改。\n比赛的最新消息和结果将通过邮箱发送。',

src/views/AwardPage/components/ApplySection.vue

@@ -604,6 +604,9 @@ ul {
               .item-header {
                 font-size: 2.2rem;
               }
+              .item-desc{
+                white-space: normal;
+              }
               .desc-wrapper {
                 margin-top: 2rem;
                 font-family: 'Instrument';

src/views/AwardPage/components/Bloom.vue

@@ -241,6 +241,15 @@ p {
       line-height: 3rem;
       white-space: normal;
       margin-bottom: 7rem;
+      .section-1 {
+        font-size: 0;
+        span {
+          font-size: 2rem;
+        }
+      }
+      .section-2 {
+        font-size: 2rem;
+      }
     }
     .people {
       margin: 0 6.6rem;

src/views/AwardPage/components/TimeLine.vue

@@ -21,10 +21,7 @@
         <div class="vertical-content">
           <div class="vertical-time">{{ $t(item.time) }}</div>
           <div class="vertical-label">
-            {{ $t(item.label) }}
-            <template v-if="item.subLabel">
-              {{ $t(item.subLabel) }}
-            </template>
+            {{ $t(item.label) }}{{ item.subLabel ? $t(item.subLabel) : '' }}
           </div>
           <div class="vertical-desc">{{ $t(item.desc) }}</div>
         </div>
@@ -319,6 +316,8 @@ onBeforeUnmount(() => {
       justify-content: center;
       align-items: center;
       text-align: center;
+      width: 22rem;
+      line-height: 3rem;
     }
 
     // 图标行

src/views/AwardPage/contestants.vue

@@ -341,7 +341,7 @@
         </div>
 
         <div class="submit-container" v-if="showStep(3)">
-          <div class="submit-btn poppins-bold" @click="handleSubmitForm">
+          <div class="step-btn submit-btn poppins-bold" @click="handleSubmitForm">
             {{ t('AwardApply.submitYourDesign') }}
           </div>
           <div class="desc">
@@ -1732,16 +1732,16 @@ onUnmounted(() => {
 .submit-container {
   margin-top: 12rem;
 
-  .submit-btn {
-    height: 5rem;
-    background-color: #454545;
-    border-radius: 0.8rem;
-    color: #fff;
-    line-height: 5rem;
-    text-align: center;
-    font-size: 1.6rem;
-    cursor: pointer;
-  }
+  // .submit-btn {
+  //   height: 8rem;
+  //   background-color: #454545;
+  //   border-radius: 0.8rem;
+  //   color: #fff;
+  //   line-height: 8rem;
+  //   text-align: center;
+  //   font-size: 1.6rem;
+  //   cursor: pointer;
+  // }
 
   .desc {
     font-family: 'Instrument';

src/views/AwardPage/index.vue

@@ -155,7 +155,7 @@ const handleSubmitApplication = () => {
 }
 
 .banner.mobile {
-  height: 123.4rem;
+  height: auto;
   .submit-btn {
     top: 52%;
     left: 8%;
@@ -163,7 +163,7 @@ const handleSubmitApplication = () => {
     font-size: 2.6rem;
     column-gap: 1rem;
     letter-spacing: 0%;
-    .arrow{
+    .arrow {
       width: 4rem;
       height: 4rem;
     }
@@ -177,7 +177,7 @@ const handleSubmitApplication = () => {
 }
 .banner.tablet {
   height: 136vw;
-  .submit-btn{
+  .submit-btn {
     top: 74vw;
     left: 11vw;
     width: 46.1rem;