update: motto style

src/router/index.js

@@ -71,7 +71,7 @@ const routes = [
     meta: {
       keepAlive: true,
       showInNav: true,
-      navName: '每日名言佳句'
+      navName: '每日金句'
     }
   }
 ];

src/views/DailyMottoView.vue

@@ -38,9 +38,10 @@ const generateMotto = async () => {
 
 <template>
   <div class="ts-app-center">
+    <div>
       <div class="ts-box ts-content is-center-aligned">
         <div class="ts-header is-large is-center-aligned">每日金句生成器</div>
-      <p class="ts-text">Powered By Cloudflare Workers AI</p>
+        <div class="ts-header is-secondary is-center-aligned">Powered By Cloudflare Workers AI</div>
         <VueHcaptcha
           ref="hcaptchaRef"
           :sitekey="$hcaptchaSitekey"
@@ -49,9 +50,14 @@ const generateMotto = async () => {
           @reset="handleHcaptchaExpired"
         />
         <button class="ts-button" @click="generateMotto" :disabled="!hcaptchaResponse">生成</button>
+      </div>
+      <div class="ts-content is-center-aligned">
         <p class="ts-text">每日金句:</p>
         <div class="ts-loading" v-if="mottoLoading"></div>
+        <div class="ts-quote" v-if="motto">
           <p class="ts-text">{{ motto }}</p>
         </div>
       </div>
+    </div>
+  </div>
 </template>