feat(ui): finalize shared shells and loading states

web/src/views/SetupView.vue

@@ -30,7 +30,7 @@
             <strong>{{ section.title }}</strong>
             <small>{{ section.desc }}</small>
           </span>
-          <i v-if="section.complete" class="pi pi-check setup-nav-check"></i>
+          <i v-if="section.complete" class="mdi mdi-check setup-nav-check"></i>
         </button>
       </nav>
 
@@ -42,11 +42,11 @@
       <div v-if="canSubmit" class="setup-complete">
         <p>所有必要步骤已通过检测，可以写入配置并进入登录界面。</p>
         <button class="primary-btn setup-complete-btn" type="button" :disabled="submitting" @click="submitForm">
-          <i :class="['pi', submitting ? 'pi-spin pi-spinner' : 'pi-check']"></i>
+          <i :class="['mdi', submitting ? 'mdi-loading mdi-spin' : 'mdi-check']"></i>
           <span>{{ submitting ? '写入配置中...' : '完成初始化并进入登录' }}</span>
         </button>
         <p v-if="progressMessage" class="setup-complete-progress">
-          <i class="pi pi-spin pi-spinner"></i>
+          <i class="mdi mdi-loading mdi-spin"></i>
           <span>{{ progressMessage }}</span>
         </p>
       </div>
@@ -240,7 +240,7 @@
           <span>{{ progressMessage || '正在准备后端服务...' }}</span>
         </div>
         <div class="setup-startup-spinner" aria-hidden="true">
-          <i v-if="!startupCountdownSeconds" class="pi pi-spin pi-spinner"></i>
+          <i v-if="!startupCountdownSeconds" class="mdi mdi-loading mdi-spin"></i>
           <strong v-else>{{ startupCountdownSeconds }}</strong>
         </div>
       </header>
@@ -358,19 +358,19 @@ const {
 
 function startupStepIcon(status) {
   if (status === 'success') {
-    return 'pi pi-check-circle'
+    return 'mdi mdi-check-circle'
   }
 
   if (status === 'error') {
-    return 'pi pi-times-circle'
+    return 'mdi mdi-close-circle'
   }
 
   if (status === 'running') {
-    return 'pi pi-spin pi-spinner'
+    return 'mdi mdi-loading mdi-spin'
   }
 
-  return 'pi pi-circle'
-}
-</script>
-
-<style scoped src="../assets/styles/views/setup-view.css"></style>
+  return 'mdi mdi-circle-outline'
+}
+</script>
+
+<style scoped src="../assets/styles/views/setup-view.css"></style>