feat: 新增全局布局样式并提升组件响应式表现

- 在 global-layout.scss 中引入全局布局样式，统一页面宽度与对齐方式
- 更新多个组件与页面以优化响应式，包括宽度、间距及 flex 布局等调整
- 在 API 请求中增加 loading 状态管理，改善用户体验
- 优化领券中心与商品详情页，提升功能与 UI 一致性

buyer/src/pages/ForgetPassword.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="forget-password" @click='$refs.verify.show = false'>
+  <div class="forget-password" @click="hideVerify">
     <div style="height:50px;"></div>
     <!-- 顶部logo -->
     <div class="logo-box">
@@ -151,6 +151,9 @@ export default {
     };
   },
   methods: {
+    hideVerify() {
+      this.$refs.verify?.close?.();
+    },
     // 提交短信验证码，修改密码
     next () {
       this.$refs.formFirst.validate((valid) => {
@@ -230,12 +233,12 @@ export default {
     },
     verifyChange (con) { // 验证通过
       if (!con.status) return;
-      this.$refs.verify.show = false;
+      this.hideVerify();
       this.verifyStatus = true;
     },
     verifyBtnClick () {
       if (!this.verifyStatus) {
-        this.$refs.verify.init();
+        this.$refs.verify?.init();
       }
     }
   },