vue-layout-gitcode 1.12.14 → 1.12.15-beta.2

package/{index-BlCnbgAU.js → index-CtgqGX_c.js}

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, computed, openBlock, createBlock, unref, normalizeProps, mergeProps, createElementBlock, normalizeClass, renderSlot, normalizeStyle, createElementVNode, reactive, readonly, inject, effectScope, watch, isRef, getCurrentInstance, ref, shallowRef, h, Fragment, onBeforeMount, onMounted, onUnmounted, createVNode, Text, provide, createCommentVNode, withCtx, toDisplayString as toDisplayString$1, renderList, createTextVNode, Transition, withModifiers, resolveComponent, watchEffect, guardReactiveProps, resolveDirective, withDirectives, onBeforeUnmount, markRaw, resolveDynamicComponent, nextTick, defineAsyncComponent, vShow, withKeys, useCssVars, createSlots, render, toRaw, useModel as useModel$1, mergeModels, watchPostEffect, useSlots } from "vue";
+import { defineComponent, computed, openBlock, createBlock, unref, normalizeProps, mergeProps, createElementBlock, normalizeClass, renderSlot, normalizeStyle, createElementVNode, reactive, readonly, inject, effectScope, watch, isRef, getCurrentInstance, ref, shallowRef, h, Fragment, onBeforeMount, onMounted, onUnmounted, createVNode, Text, provide, createCommentVNode, withCtx, toDisplayString as toDisplayString$1, renderList, createTextVNode, Transition, withModifiers, resolveComponent, watchEffect, guardReactiveProps, resolveDirective, withDirectives, onBeforeUnmount, markRaw, resolveDynamicComponent, nextTick, useAttrs, defineAsyncComponent, vShow, withKeys, useCssVars, createSlots, render, toRaw, useModel as useModel$1, mergeModels, watchPostEffect, useSlots } from "vue";
 import { Button } from "vue-devui-lal/button";
 import { Popover } from "vue-devui-lal/popover";
 import { Tooltip } from "vue-devui-lal/tooltip";
@@ -57,9 +57,9 @@ import { Checkbox } from "vue-devui-lal/checkbox";
 import "vue-devui-lal/checkbox/style.css";
 import { Modal } from "vue-devui-lal/modal";
 import "vue-devui-lal/modal/style.css";
-const _hoisted_1$B = ["xlink:href"];
-const _hoisted_2$q = ["xlink:href"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _hoisted_1$C = ["xlink:href"];
+const _hoisted_2$r = ["xlink:href"];
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     name: { default: "gt-run" },
@@ -88,7 +88,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         }, [
           createElementVNode("use", {
             "xlink:href": `#${__props.name}`
-          }, null, 8, _hoisted_1$B)
+          }, null, 8, _hoisted_1$C)
         ], 6)),
         renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
       ], 2)) : (openBlock(), createElementBlock("svg", {
@@ -99,7 +99,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       }, [
         createElementVNode("use", {
           "xlink:href": `#${__props.name}`
-        }, null, 8, _hoisted_2$q)
+        }, null, 8, _hoisted_2$r)
       ], 6));
     };
   }
@@ -111,7 +111,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const GIcon = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const GIcon = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 const defaultConfig = {
   VITE_ENV: "production",
   VITE_HOST: "https://gitcode.com",
@@ -9118,9 +9118,9 @@ const currentHelpDocsAiCommunityUrl = () => {
   const baseUrl = isGitCodeHost() ? HELP_DOCS_URL_GITCODE + "/docs/help/home/ai-community/" : HELP_DOCS_URL_ATOMGIT + "/docs/help/home/ai-community/";
   return appendLangPathToHelpDocsUrl(baseUrl);
 };
-const _hoisted_1$A = { class: "home-nav-right" };
-const _hoisted_2$p = { class: "home-nav-item" };
-const _hoisted_3$o = { class: "tooltip-sign" };
+const _hoisted_1$B = { class: "home-nav-right" };
+const _hoisted_2$q = { class: "home-nav-item" };
+const _hoisted_3$p = { class: "tooltip-sign" };
 const _hoisted_4$j = { class: "home-nav-tooltip-wrapper" };
 const _hoisted_5$f = { class: "home-nav-text" };
 const _hoisted_6$d = { class: "home-nav-tooltip-wrapper" };
@@ -9131,11 +9131,11 @@ const _hoisted_8$9 = {
 };
 const _hoisted_9$7 = { class: "home-nav-tooltip-wrapper" };
 const _hoisted_10$7 = { class: "home-nav-text" };
-const _hoisted_11$6 = { class: "text-[var(--theme-placeholder)] text-[10px]" };
+const _hoisted_11$6 = { class: "tools-float-feedback-sub" };
 const _hoisted_12$5 = { class: "qrcode-wrapper" };
-const _hoisted_13$2 = { class: "pl-[8px]" };
+const _hoisted_13$2 = { class: "qrcode-wrapper__title" };
 const _hoisted_14$2 = { class: "tools-list-item" };
-const _hoisted_15$2 = { class: "g-card px-5 pt-4 pb-5 w-[410px]" };
+const _hoisted_15$2 = { class: "g-card tools-float-nps-card" };
 const _hoisted_16$2 = {
   key: 0,
   class: "opinion-box"
@@ -9144,35 +9144,35 @@ const _hoisted_17$2 = { class: "tab-step" };
 const _hoisted_18$2 = ["onClick"];
 const _hoisted_19$2 = {
   key: 0,
-  class: "rate relative overflow-hidden"
+  class: "rate tools-float-stage"
 };
 const _hoisted_20$2 = {
   key: 0,
-  class: "absolute top-0 right-0 text-[var(--theme-aide-text)]"
+  class: "tools-float-stage__corner"
 };
-const _hoisted_21$2 = { class: "font-[600] text-[var(--theme-aide-text)] mt-3 text-sm leading-[20px]" };
-const _hoisted_22$2 = { class: "flex gap-1 items-center mt-3" };
+const _hoisted_21$2 = { class: "tools-float-stage__title" };
+const _hoisted_22$2 = { class: "tools-float-stage__rate-row" };
 const _hoisted_23$1 = ["onMouseover", "onClick"];
 const _hoisted_24$1 = {
   key: 1,
-  class: "Opinion relative overflow-hidden"
+  class: "Opinion tools-float-stage"
 };
 const _hoisted_25$1 = {
   key: 0,
-  class: "absolute top-0 right-0 text-[var(--theme-aide-text)]"
+  class: "tools-float-stage__corner"
 };
-const _hoisted_26$1 = { class: "font-[600] text-[var(--theme-aide-text)] mt-3 text-sm leading-[20px]" };
-const _hoisted_27$1 = { class: "mt-3" };
+const _hoisted_26$1 = { class: "tools-float-stage__title" };
+const _hoisted_27$1 = { class: "tools-float-stage__textarea" };
 const _hoisted_28$1 = {
   key: 1,
-  class: "finish flex items-center"
+  class: "finish tools-float-finish"
 };
-const _hoisted_29$1 = { class: "flex justify-center items-center w-[30px] h-[30px] rounded-[50%] bg-[#0EB07B]" };
-const _hoisted_30$1 = { class: "ml-2 font-[600] text-[var(--theme-aide-text)] text-sm leading-[20px]" };
+const _hoisted_29$1 = { class: "tools-float-finish__icon" };
+const _hoisted_30$1 = { class: "tools-float-finish__text" };
 const _hoisted_31$1 = { class: "home-nav-item collapse-tool" };
 const _hoisted_32$1 = { class: "home-nav-item" };
 const _hoisted_33$1 = ["src", "alt"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     sceneValue: { default: SceneValue.home },
@@ -9414,7 +9414,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             size: "18px"
           })
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_1$A, [
+        createElementVNode("div", _hoisted_1$B, [
           inviteVisible.value && isModuleVisible(unref(ToolsFloatDisplayItem).INVITE) ? (openBlock(), createBlock(unref(Tooltip), {
             key: 0,
             position: "left",
@@ -9430,13 +9430,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 class: "home-nav-link computing",
                 onClick: handleInvite
               }, [
-                createElementVNode("div", _hoisted_2$p, [
+                createElementVNode("div", _hoisted_2$q, [
                   _cache[5] || (_cache[5] = createElementVNode("img", {
-                    class: "common-icon inline-block h-[20px] w-[20px]",
+                    class: "common-icon tools-float-icon",
                     src: "https://cdn-static.gitcode.com/static/images/homeweb/invite.svg",
                     alt: ""
                   }, null, -1)),
-                  createElementVNode("div", _hoisted_3$o, toDisplayString$1(unref(t2)("gitCodeLayout.growthCenter.invite")), 1)
+                  createElementVNode("div", _hoisted_3$p, toDisplayString$1(unref(t2)("gitCodeLayout.growthCenter.invite")), 1)
                 ])
               ])
             ]),
@@ -9460,7 +9460,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               }, [..._cache[6] || (_cache[6] = [
                 createElementVNode("div", { class: "home-nav-item" }, [
                   createElementVNode("img", {
-                    class: "common-icon inline-block h-[20px] w-[20px]",
+                    class: "common-icon tools-float-icon",
                     src: "https://cdn-static.gitcode.com/static/images/homeweb/czzx.svg",
                     alt: ""
                   })
@@ -9483,14 +9483,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                createElementVNode("div", { class: "tools-list-item mb-[2px]" }, [
+                createElementVNode("div", { class: "tools-list-item tools-list-item--gap" }, [
                   createElementVNode("div", {
                     id: "gitcode-desk-btn",
                     class: "home-nav-item kefu",
                     onClick: showDesk
                   }, [..._cache[7] || (_cache[7] = [
                     createElementVNode("img", {
-                      class: "inline-block h-[20px] w-[20px]",
+                      class: "tools-float-icon",
                       src: "https://cdn-static.gitcode.com/static/images/desk/kefu.png",
                       alt: ""
                     }, null, -1),
@@ -9520,12 +9520,12 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 _cache[9] || (_cache[9] = createElementVNode("a", { class: "home-nav-link tools-list-item" }, [
                   createElementVNode("div", { class: "home-nav-item" }, [
                     createElementVNode("img", {
-                      class: "common-icon inline-block h-[20px] w-[20px]",
+                      class: "common-icon tools-float-icon",
                       src: "https://cdn-static.gitcode.com/static/images/desk/follow-us.svg",
                       alt: ""
                     }),
                     createElementVNode("img", {
-                      class: "active-icon inline-block h-[20px] w-[20px]",
+                      class: "active-icon tools-float-icon",
                       src: "https://cdn-static.gitcode.com/static/images/desk/follow-us-hover.svg",
                       alt: ""
                     })
@@ -9549,10 +9549,10 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                       (openBlock(), createElementBlock(Fragment, null, renderList(opinionStepList, (item) => {
                         return createElementVNode("div", {
                           key: item.index,
-                          class: normalizeClass(["tab-item w-8 h-1 mr-1 cursor-pointer", opinionStep.value === item.index ? "bg-[var(--theme-home-step-active-bg)]" : "bg-[var(--theme-home-step-bg)]"]),
+                          class: normalizeClass(["tab-item", opinionStep.value === item.index ? "tab-item--active" : "tab-item--inactive"]),
                           onClick: ($event) => swTab(item)
                         }, [..._cache[11] || (_cache[11] = [
-                          createElementVNode("span", { class: "cursor-pointer" }, null, -1)
+                          createElementVNode("span", { class: "tools-float-cursor-pointer" }, null, -1)
                         ])], 10, _hoisted_18$2);
                       }), 64))
                     ]),
@@ -9568,7 +9568,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                           (openBlock(), createElementBlock(Fragment, null, renderList(rateIcon, (ico) => {
                             return createElementVNode("div", {
                               key: ico.name,
-                              class: normalizeClass(["opinion-item cursor-pointer border border-[var(--theme-line-border)] rounded-[3px] px-2 py-1.5", { active: rateNow.value === ico.index }]),
+                              class: normalizeClass(["opinion-item", { active: rateNow.value === ico.index }]),
                               onMouseover: ($event) => activeOp(ico.index),
                               onMouseleave: _cache[1] || (_cache[1] = ($event) => activeOp(null)),
                               onClick: ($event) => selectOpinion(ico)
@@ -9638,12 +9638,12 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [..._cache[10] || (_cache[10] = [
                       createElementVNode("div", { class: "home-nav-item" }, [
                         createElementVNode("img", {
-                          class: "common-icon inline-block h-[20px] w-[20px]",
+                          class: "common-icon tools-float-icon",
                           src: "https://cdn-static.gitcode.com/static/images/desk/plane-smile.png",
                           alt: ""
                         }),
                         createElementVNode("img", {
-                          class: "active-icon inline-block h-[20px] w-[20px]",
+                          class: "active-icon tools-float-icon",
                           src: "https://cdn-static.gitcode.com/static/images/desk/plane-smile-hover.png",
                           alt: ""
                         })
@@ -9682,7 +9682,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               showScrollToTopBtn.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: "ml-[auto] home-nav-link tools-questionnaire",
+                class: "home-nav-link tools-questionnaire tools-float-scroll-top",
                 onClick: _cache[4] || (_cache[4] = //@ts-ignore
                 (...args) => unref(scrollToTop) && unref(scrollToTop)(...args))
               }, [
@@ -9698,7 +9698,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           }),
           isModuleVisible(unref(ToolsFloatDisplayItem).AD) && activeAdItem.value && activeAdItem.value.imgUrl ? (openBlock(), createElementBlock("div", {
             key: 3,
-            class: "active-tips mt-[16px]",
+            class: "active-tips",
             onClick: withModifiers(handleActive, ["stop"])
           }, [
             createElementVNode("div", {
@@ -9716,7 +9716,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ToolsFloat = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const ToolsFloat = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 var repoTypeEnum = /* @__PURE__ */ ((repoTypeEnum2) => {
   repoTypeEnum2["NORMAL"] = "0";
   repoTypeEnum2["MODEL"] = "1";
@@ -9858,8 +9858,8 @@ const collectRegisterLoginEvent = ({ isRegister, registerLoginMethod, success, e
   delete reportData["utm_source"];
   window.collectEvent("beconEvent", isRegister ? "register" : "login", reportData);
 };
-const _hoisted_1$z = ["href", "target", "disabled"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _hoisted_1$A = ["href", "target", "disabled"];
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{
     name: "GLink"
   },
@@ -9903,11 +9903,11 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         disabled: __props.disabled || __props.noPointer
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1$z));
+      ], 10, _hoisted_1$A));
     };
   }
 });
-const GLink = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const GLink = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 const headerHeight = ref(56);
 const useHeaderHeight = () => {
   const setHeaderHeight = (height) => {
@@ -10468,7 +10468,7 @@ if (isBrowser) {
 }
 const sessionStorage$1 = sessionStorage;
 const _imports_0 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmsSURBVHgB7VpdbxxnFT7nfccmRam6/gXZXIBy1y3qRe8YR6kUoUpdbhACJNtShFJUSCyBBFd2I1ClAoklVAE32BYXRAJqIwEyUOrNL4h70dtm+wvqNG7deGbe03PO+7Gzlr27/kpzsSeazO5kZvZ95jnnOR8TgLGNbWxjG9vYDjWEp8zyNjUg22lBiS1TuOeNo5YFbBgyTUMAFgz4PXYnDEzf3XimO+h+GTwFls9S43G5O2NLaLtqp2VKaJiSCB0yGEQEJAHFIMkwKXxMjl8AopwvXxl07y8V4EvXdnMo3cye+6xtK3jOVISmYCAlb/KZgTBT4Pd8TD+TfGegiApyiH0pAF+6vpvzOhegoNxUvNiSwZS88II32VcAniVhTIAya6AgeS9/AK0AFXKH2BMFmN+kxqfF4wVXwA0snQdUgQcXtwoFgLJk/T6xqG7Kx2w4xi5Mw37ziQF88fXd/NHe58scZxfYBdGzBQkYFkxVpSBQAXkXZJC8CYMUXTQCxZEU0sATsG/c+PwOL3/TVnhBY0vYqyABk7jjGJSnvc0L72qMeQaxB8gIWGGPgtjw+fRw2G+fKYMv/nQ3dwUuG2VNGfPMCagYd+yiWFGXH8Dcfzae7cRr2y/vzHJKuM3gGh4cX+tUXKAHHLvD1nDqAFuLnMc+ezyLlXnVFS5XN4ziUQpbAgySqGAF3Qmqpjc2prr1+6z/7/zK917e2XJg70eXtMFtmT3vtkDbw9ZzKon+0pvUnHhc5FTiDC+a8xg1AqAeuCIATIqpqUCUcva/G+dXD7v39y/v3WGtvGlDHhT2VGD4+zkwU0sdHAjyWAxeukPN0rk2L/J5jp0c98omRcGoakCKnoik3BZFpRQmDHz1XPGPQb9ljemgo5uqrME1hRWpZIaBOzLA5u+paQtYLsX1Ks8ABpZEJDAy0wcuuWUQFU0FZFBiCmh9fWrgIvmah2iikqJPH8j3Q3h/lDWPrKLNt9n1CrrP+csn5+hyhVN2cE/VkIL7UQIXXJKBkX8QoTLhLeNE/cqVR/nABRpq8oNgl/R50fKDsfp0cG2UdY8EsLnMMVXBGi/4OSvMFE4XbXnxtopMyTEXlNFFEQmqGR6IVigQVVBSAWQ2mxn023zWgj4MERjJg6wslv3OTMC9UdY+EsDsISx4qYeecIgCMns+j0VBCUAkaSc2fcxZ513MahaLUs/XOJz5zpXdhf2/eZO7imt5cYfBNbkk89UN/2Wt7jtLG8NThD6gYSc0WVAy5x54twzMiEDsOS8a+/KaFXctqFah+PhM8aN1pCFflYSqhUQMcIvBrPDnh/xvF9glZxUcqKCw2PBemBOA6OZ+/e9sBUawoQC/dts9QGEvyb1DDyLGmcP+dKAu7MWHY9CD6wGJUh9rTHG/UHv6mtMBxHNDyabgBJjN+GEZ7L71L3MRRrSBKvr13xJX/K5py6CWQe49uAgUA9CacqrCgiRxBReSMwYwmBbv/PFQY1I6FyXeQu3JMafgdOPjhlbhCHYoQMl1VLhFLFMq6CXp0ss+ps91Nw0PoFIgqXAOe5V7jF2BB5diUhllcCgs8lkh5lBc0wOELv/CCpwGQCroDvbnsH4gyhz0qpJ6T1ehFxBfYlESlBqbsWnt6xS0BZIYkwTvgSX2BCSz98t3TBeOYAfG4KU3ixwcbpr9zNVbnCIJSmSOcE/Usq8TT66Zvke2yAMSN62XXypE/CVL4CiIC3Z/9ffRYw8GMUgOb2S9uDuIuRCLdRfl4YmLAKJi1kQDtFHt7+sAUroQcJzEGQhhxh8YEMeegGOWeZ9N4DQcww4EyMm8lUQlxlMCF5SzSK7pK5Z6zGm+gygUDLWW96AmJnXBAc+c5jmvmOgFRkYT8Mbi3dHy3n47MNEjuG/bgrZToSzlWFBOTfBclmEsrKtQRGs745N4HDlEoKl/A8+irXUF0uvptfyFFRJqiklh3731N7sIx7QDGfxgcXKr9fPdF0xpZpjJpq14CZXTeQlUjmeU1LAFflNd1Lugd0+o5bveyCG5pSWsl2qQ4s5qKsAAKqgmPzQ+MTPuDTiBHbsfnH7lExlB5LXRQm3EkJJ5YJFrVj8Ng16CD6ADY3W19PUmCeDuwl+OLix1O/ZMxpbY6WND48r/8SoJyT2TgjrwM5U4ejBQT+ReVEL8yT7LTsae2LFHFnzhPaxJvwmioi2NqqKh9AB6M03vxj7PxdoSA3PskqKerJiqoPJvpgMntJEYlPcFl9uP1vJv8TuDYBs8IGK366TOoDfew1ploqzG2EsTamFuXxKXOLS6MThR0Azu/WLleMpZt6EM6ssQ+HQTKmhxLPFnSPkoq9w8w7kfhAXrc0uLWC/HQicuSokQSi8VFE0DNpRk1gNX0BO4DqdgZhRwnAZakhZ4LfnVq70OnCdfW8aZeY0pCnNLrSf9GyDjAjBhTjvx0BHYmkpmQWgyVKDqnpnQX440kjg2wDo4yYVZSuDY14G/8+65JSbjlk/aRgXEhpFEHL2r+5rohqjllzKVEZhYivETUbCBwZ/9YaIDZwkQYIcHtk7BCQvowhgdcLZ9ld8K1ezuu88sctjMsQt/JC6JFAe0Rl2Vi2Sf2zxbJHspx2RLzPnc5/OhwQ6ckh0K0Mo7uirlLazFklQvy9+9utusn//n9yZXVt+bvIhEcxnRvfSiJDSrPgWI/OsGsQyzNbeMdSczuwVnDfD//3x2+vxXqqmswhdSJ06hM+BRAlRm8wdXuOvYZ3/qTK78sZNNy1CWF7uqOU3Z8e6X1DMd90OkkOxD/JmRBkonAigmM0t+yg27r8XxsQVNbjs2Zy/vLV87AKgMZTNrHphepRJryyQq3j1DUpcyLdNOovvjpdNR0KEAxfg3W2mkUJuraCog7Q1moMLNH+buw+t5P1BTYybLVDUpxCKpm6ZeT87V7kEGSieuXo4EkJ/zq71SLPV2aHsvJH1sAl3k5JD33TxUK6FhpSyopWctdQuh7lT3nH/t9mjTslFtaKKX/+Vgomv29pReK8euHczK2x1c7Lv5pNOXzCE1qFJpM5tRck3f97FqUjn/o99Mnpq4jASwnX/cCFVJlxN6B8m9n7lJjo9ShrGbCSgquLn91xumS1XReLc0me/5bOr54GNm+dbrS2YJzsgGAlzvTG2323Txr+v9b3Gu57vgaBJC4bx6EDi9eVZ9pNWo1pYI/eCwU1mc+8nSyevNQXbsfvC13K2xi24fBk5scZYaWUUfcgxOxZqT43Cbg3d+/nenG2uH2Zn/T6e3ZvdarCJrIjA8w181k9nS/NLw93pjG9vYxja2p8G+ADz7MtW/3lU1AAAAAElFTkSuQmCC";
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...{
     name: "GAvatar"
   },
@@ -10514,8 +10514,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["src"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _hoisted_1$z = ["src"];
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   ...{ name: "FlashTag" },
   __name: "FlashTag",
   props: {
@@ -10554,13 +10554,13 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("span", mergeProps({
-            class: ["gc-flash-tag cursor-default", { "gc-trusted-tag": __props.trusted, "cursor-pointer": __props.clickEnabled, "cursor-default": !__props.clickEnabled, "gc-icon-tag": __props.icon }]
+            class: ["gc-flash-tag", { "gc-trusted-tag": __props.trusted, "gc-flash-tag--clickable": __props.clickEnabled, "gc-flash-tag--default": !__props.clickEnabled, "gc-icon-tag": __props.icon }]
           }, _ctx.$attrs, { onClick: handleClick }), [
             __props.icon ? (openBlock(), createElementBlock("img", {
               key: 0,
-              class: "w-[16px] h-[16px]",
+              class: "gc-flash-tag__icon",
               src: iconUrl.value
-            }, null, 8, _hoisted_1$y)) : renderSlot(_ctx.$slots, "default", { key: 1 })
+            }, null, 8, _hoisted_1$z)) : renderSlot(_ctx.$slots, "default", { key: 1 })
           ], 16)
         ]),
         _: 3
@@ -11368,66 +11368,66 @@ const useTimeFormat = () => {
     formatTime
   };
 };
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   key: 0,
   class: "org-layout-toolbar"
 };
-const _hoisted_2$o = { class: "org-layout-toolbar-title flex-1 ellipsis-two-line" };
-const _hoisted_3$n = { class: "text-xs" };
-const _hoisted_4$i = { class: "flex items-center w-full g-repo-breadcrumb-custom" };
+const _hoisted_2$p = { class: "org-layout-toolbar-title ellipsis-two-line" };
+const _hoisted_3$o = { class: "header-custom-btn-label" };
+const _hoisted_4$i = { class: "g-repo-breadcrumb-custom" };
 const _hoisted_5$e = {
   key: 1,
-  class: "flex items-center min-w-[30px]"
+  class: "header-custom-mirrors-avatar"
 };
 const _hoisted_6$c = {
   key: 0,
   src: _imports_0,
   alt: "mirrors-avatar-phone",
-  class: "h-[24px] w-[24px]"
+  class: "header-custom-mirrors-img"
 };
 const _hoisted_7$9 = {
   key: 1,
   src: "https://cdn-static.gitcode.com/static/images/mirrors-avata_20250411.gif",
   alt: "mirrors-avatar",
-  class: "h-[24px]"
+  class: "header-custom-mirrors-img-tall"
 };
 const _hoisted_8$8 = { class: "g-repo-breadcrumb-container" };
 const _hoisted_9$6 = {
   key: 0,
-  class: "flex items-center w-full"
+  class: "header-custom-breadcrumb-row"
 };
 const _hoisted_10$6 = ["title"];
 const _hoisted_11$5 = ["title"];
 const _hoisted_12$4 = {
   key: 0,
-  class: "mb-[2px]"
+  class: "header-custom-tag-mb"
 };
 const _hoisted_13$1 = {
   key: 1,
-  class: "mb-[2px]"
+  class: "header-custom-tag-mb"
 };
 const _hoisted_14$1 = {
   key: 2,
-  class: "mb-[2px]"
+  class: "header-custom-tag-mb"
 };
 const _hoisted_15$1 = {
   key: 3,
-  class: "mb-[2px]"
+  class: "header-custom-tag-mb"
 };
-const _hoisted_16$1 = { class: "ml-[4px] max-w-[120px] overflow-ellipsis overflow-hidden whitespace-nowrap" };
+const _hoisted_16$1 = { class: "header-custom-topic-label" };
 const _hoisted_17$1 = {
   key: 5,
-  class: "topic-tag flex items-center font-color-t2 gh_mirros_tag"
+  class: "topic-tag font-color-t2 gh_mirros_tag"
 };
-const _hoisted_18$1 = { class: "ml-[4px] max-w-[120px] overflow-ellipsis overflow-hidden whitespace-nowrap" };
-const _hoisted_19$1 = { class: "flex items-center" };
+const _hoisted_18$1 = { class: "header-custom-topic-label" };
+const _hoisted_19$1 = { class: "header-custom-skeleton" };
 const _hoisted_20$1 = {
   key: 2,
   class: "user-layout-toolbar"
 };
-const _hoisted_21$1 = { class: "user-layout-toolbar-title flex-1 ellipsis-two-line" };
-const _hoisted_22$1 = { class: "text-xs" };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _hoisted_21$1 = { class: "user-layout-toolbar-title ellipsis-two-line" };
+const _hoisted_22$1 = { class: "header-custom-btn-label" };
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "HeaderCustom",
   props: {
     scene: { default: SceneValue.home },
@@ -11504,12 +11504,6 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         window.location.href = aiUrl;
       }
     };
-    const toHref = () => {
-      const router2 = useRouter();
-      const orgPath = router2.resolve({ name: "homepage" });
-      console.log("orgPath", orgPath);
-      return orgPath.href;
-    };
     const showTimeTopic = computed(() => {
       var _a, _b;
       if (props.scene !== SceneValue.repo) return false;
@@ -11552,19 +11546,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       document.removeEventListener("copy", handleBreadcrumbCopy);
     });
     return (_ctx, _cache) => {
-      var _a, _b;
-      return __props.scene === unref(SceneValue).org && !__props.errorCode ? (openBlock(), createElementBlock("div", _hoisted_1$x, [
+      var _a, _b, _c;
+      return __props.scene === unref(SceneValue).org && !__props.errorCode ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
         createVNode(GLink, {
-          onClick: _cache[0] || (_cache[0] = (event) => {
-            event == null ? void 0 : event.preventDefault();
-          }),
-          href: toHref(),
-          class: "flex flex-1 items-center gap-[8px]"
+          href: ((_a = __props.orgProps) == null ? void 0 : _a.orgHomepageUrl) || "",
+          class: "header-custom-link"
         }, {
           default: withCtx(() => {
-            var _a2, _b2, _c;
+            var _a2, _b2, _c2;
             return [
-              createVNode(_sfc_main$F, {
+              createVNode(_sfc_main$G, {
                 class: "g-border",
                 src: (_a2 = unref(orgInfo)) == null ? void 0 : _a2.avatar,
                 name: (_b2 = unref(orgInfo)) == null ? void 0 : _b2.name,
@@ -11572,13 +11563,13 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 height: 28,
                 is_round: false
               }, null, 8, ["src", "name"]),
-              createElementVNode("div", _hoisted_2$o, toDisplayString$1((_c = unref(orgInfo)) == null ? void 0 : _c.name), 1)
+              createElementVNode("div", _hoisted_2$p, toDisplayString$1((_c2 = unref(orgInfo)) == null ? void 0 : _c2.name), 1)
             ];
           }),
           _: 1
         }, 8, ["href"]),
         createVNode(unref(Button), {
-          onClick: _cache[1] || (_cache[1] = ($event) => {
+          onClick: _cache[0] || (_cache[0] = ($event) => {
             var _a2;
             return handleOrgFollow((_a2 = __props.orgProps) == null ? void 0 : _a2.isOrgFollow);
           }),
@@ -11587,14 +11578,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              createElementVNode("span", _hoisted_3$n, toDisplayString$1(((_a2 = __props.orgProps) == null ? void 0 : _a2.isOrgFollow) ? unref(t2)("gitCodeLayout.home.alreadyFollowed") : unref(t2)("gitCodeLayout.home.focusOn")), 1)
+              createElementVNode("span", _hoisted_3$o, toDisplayString$1(((_a2 = __props.orgProps) == null ? void 0 : _a2.isOrgFollow) ? unref(t2)("gitCodeLayout.home.alreadyFollowed") : unref(t2)("gitCodeLayout.home.focusOn")), 1)
             ];
           }),
           _: 1
         })
       ])) : __props.scene === unref(SceneValue).repo && !__props.errorCode ? (openBlock(), createBlock(unref(Skeleton), {
         key: 1,
-        loading: (_a = __props.repoProps) == null ? void 0 : _a.repoNameLoading,
+        loading: (_b = __props.repoProps) == null ? void 0 : _b.repoNameLoading,
         rows: 1
       }, {
         placeholder: withCtx(() => [
@@ -11607,20 +11598,20 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => {
-          var _a2, _b2, _c, _d, _e, _f, _g;
+          var _a2, _b2, _c2, _d, _e, _f, _g;
           return [
             createElementVNode("h2", _hoisted_4$i, [
               createVNode(GLink, {
                 href: (_a2 = unref(breadcrumb)[0]) == null ? void 0 : _a2.path,
-                class: "pr-[12px]"
+                class: "header-custom-avatar-link"
               }, {
                 default: withCtx(() => {
-                  var _a3, _b3, _c2, _d2;
+                  var _a3, _b3, _c3, _d2;
                   return [
-                    !((_a3 = __props.repoProps) == null ? void 0 : _a3.isGhMirrors) ? (openBlock(), createBlock(_sfc_main$F, {
+                    !((_a3 = __props.repoProps) == null ? void 0 : _a3.isGhMirrors) ? (openBlock(), createBlock(_sfc_main$G, {
                       key: 0,
                       class: normalizeClass({ "g-border": isOrg.value }),
-                      src: (_c2 = (_b3 = unref(repoInfo)) == null ? void 0 : _b3.namespace) == null ? void 0 : _c2.avatar_url,
+                      src: (_c3 = (_b3 = unref(repoInfo)) == null ? void 0 : _b3.namespace) == null ? void 0 : _c3.avatar_url,
                       name: (_d2 = unref(repoInfo)) == null ? void 0 : _d2.name,
                       width: 28,
                       height: 28,
@@ -11637,7 +11628,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   key: 0,
                   ref_key: "breadcrumbRef",
                   ref: breadcrumbRef,
-                  class: "g-repo-layout-breadcrumb max-w-[40%] max-md:w-full"
+                  class: "g-repo-layout-breadcrumb"
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(breadcrumb), (item, index2) => {
                     return openBlock(), createElementBlock(Fragment, {
@@ -11654,12 +11645,12 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                               ref_key: "breadcrumbTextRef",
                               ref: breadcrumbTextRef,
                               title: item.label,
-                              class: normalizeClass(["linkTx", index2 === unref(breadcrumb).length - 1 ? "font-bold" : ""])
+                              class: normalizeClass(["linkTx", index2 === unref(breadcrumb).length - 1 ? "header-custom-bold" : ""])
                             }, toDisplayString$1(item.label), 11, _hoisted_10$6)
                           ]),
                           _: 2
                         }, 1032, ["href"]),
-                        _cache[2] || (_cache[2] = createElementVNode("span", { class: "breadcrumb-splitter font-color-t1" }, " / ", -1))
+                        _cache[1] || (_cache[1] = createElementVNode("span", { class: "breadcrumb-splitter font-color-t1" }, " / ", -1))
                       ])) : createCommentVNode("", true)
                     ], 64);
                   }), 128))
@@ -11668,7 +11659,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   key: 1,
                   ref_key: "breadcrumbNextRef",
                   ref: breadcrumbNextRef,
-                  class: normalizeClass(["g-repo-layout-breadcrumb-next max-md:w-full flex items-end gap-[8px]", [((_c = __props.repoProps) == null ? void 0 : _c.isGhMirrors) ? "max-w-full" : "max-w-[60%]"]])
+                  class: normalizeClass(["g-repo-layout-breadcrumb-next", [((_c2 = __props.repoProps) == null ? void 0 : _c2.isGhMirrors) ? "g-repo-layout-breadcrumb-next--full" : "g-repo-layout-breadcrumb-next--limit"]])
                 }, [
                   createVNode(GLink, {
                     class: "linkTx",
@@ -11679,38 +11670,38 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                         ref_key: "breadcrumbNextTextRef",
                         ref: breadcrumbNextTextRef,
                         title: unref(breadcrumb)[unref(breadcrumb).length - 1].label,
-                        class: "linkTx font-bold"
+                        class: "linkTx header-custom-bold"
                       }, toDisplayString$1(unref(breadcrumb)[unref(breadcrumb).length - 1].label), 9, _hoisted_11$5)
                     ]),
                     _: 1
                   }, 8, ["to"]),
                   unref(isGstarRepo)(unref(repoInfo).topic_names) ? (openBlock(), createElementBlock("div", _hoisted_12$4, [
-                    createVNode(_sfc_main$E, {
+                    createVNode(_sfc_main$F, {
                       origin: "repo",
                       icon: "",
                       type: "gstar",
                       message: `G-Star ${unref(t2)("gitCodeLayout.GStar.project.graduation")}`
                     }, {
-                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                      default: withCtx(() => [..._cache[2] || (_cache[2] = [
                         createTextVNode("G-Star ", -1)
                       ])]),
                       _: 1
                     }, 8, ["message"])
                   ])) : unref(isIncubationRepo)(unref(repoInfo).topic_names) ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
-                    createVNode(_sfc_main$E, {
+                    createVNode(_sfc_main$F, {
                       origin: "repo",
                       icon: "",
                       type: "incubation",
                       message: `G-Star ${unref(t2)("gitCodeLayout.GStar.project.incubation")}`
                     }, {
-                      default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                      default: withCtx(() => [..._cache[3] || (_cache[3] = [
                         createTextVNode(" G-Star ", -1)
                       ])]),
                       _: 1
                     }, 8, ["message"])
                   ])) : createCommentVNode("", true),
                   unref(isTrustedRepo)(unref(repoInfo).topic_names) ? (openBlock(), createElementBlock("div", _hoisted_14$1, [
-                    createVNode(_sfc_main$E, {
+                    createVNode(_sfc_main$F, {
                       trusted: "",
                       message: unref(t2)("gitCodeLayout.trusted.title"),
                       icon: "",
@@ -11721,19 +11712,19 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                   ((_d = __props.repoProps) == null ? void 0 : _d.isPrivate) ? (openBlock(), createElementBlock("div", _hoisted_15$1, [
                     createVNode(GIcon, {
                       size: "16px",
-                      class: "ml-[4px]",
+                      class: "header-custom-lock-icon",
                       name: "gt-line-lock"
                     })
                   ])) : createCommentVNode("", true),
                   topicTag.value ? (openBlock(), createElementBlock("div", {
                     key: 4,
-                    class: "topic-tag flex items-center font-color-t2",
+                    class: "topic-tag font-color-t2",
                     onClick: toAiHub
                   }, [
                     createVNode(GIcon, {
                       name: (_e = topicTag.value) == null ? void 0 : _e.icon,
                       color: "var(--devui-shape-icon-fill)",
-                      class: "inline-block min-w-[16px]"
+                      class: "header-custom-topic-icon"
                     }, null, 8, ["name"]),
                     createElementVNode("span", _hoisted_16$1, toDisplayString$1((_f = topicTag.value) == null ? void 0 : _f.suffix), 1)
                   ])) : createCommentVNode("", true),
@@ -11741,7 +11732,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                     createVNode(GIcon, {
                       name: "gt-line-time",
                       color: "var(--devui-shape-icon-fill)",
-                      class: "inline-block min-w-[16px]"
+                      class: "header-custom-topic-icon"
                     }),
                     createElementVNode("span", _hoisted_18$1, toDisplayString$1(formatTime.value) + toDisplayString$1(unref(t2)("gitCodeLayout.repo.code.syncText")), 1)
                   ])) : createCommentVNode("", true)
@@ -11751,17 +11742,17 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
           ];
         }),
         _: 1
-      }, 8, ["loading"])) : __props.scene === unref(SceneValue).user && ((_b = __props.userProps) == null ? void 0 : _b.isOtherUser) ? (openBlock(), createElementBlock("div", _hoisted_20$1, [
+      }, 8, ["loading"])) : __props.scene === unref(SceneValue).user && ((_c = __props.userProps) == null ? void 0 : _c.isOtherUser) ? (openBlock(), createElementBlock("div", _hoisted_20$1, [
         createVNode(GLink, {
           to: { name: "homepage" },
-          class: "flex flex-1 items-center gap-[8px]"
+          class: "header-custom-link"
         }, {
           default: withCtx(() => {
-            var _a2, _b2, _c, _d, _e;
+            var _a2, _b2, _c2, _d, _e;
             return [
-              createVNode(_sfc_main$F, {
+              createVNode(_sfc_main$G, {
                 src: (_a2 = unref(otherUserInfo)) == null ? void 0 : _a2.avatarUrl,
-                name: ((_b2 = unref(otherUserInfo)) == null ? void 0 : _b2.name) || ((_c = unref(otherUserInfo)) == null ? void 0 : _c.nickname),
+                name: ((_b2 = unref(otherUserInfo)) == null ? void 0 : _b2.name) || ((_c2 = unref(otherUserInfo)) == null ? void 0 : _c2.nickname),
                 width: 28,
                 height: 28
               }, null, 8, ["src", "name"]),
@@ -11786,9 +11777,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const HeaderCustom = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$w = ["src"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const HeaderCustom = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$x = ["src"];
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   ...{ name: "OperationEntry" },
   __name: "OperationEntry",
   setup(__props) {
@@ -11825,21 +11816,21 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return img.value && headerEntryConfig.value.url ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: "operation-entry cursor-pointer",
+        class: "operation-entry",
         onClick: handleClick
       }, [
         createElementVNode("img", {
-          class: "w-[71px]",
+          class: "operation-entry__img",
           src: img.value,
           alt: "operation-entry"
-        }, null, 8, _hoisted_1$w)
+        }, null, 8, _hoisted_1$x)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const OperationEntry = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$v = ["src"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const OperationEntry = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$w = ["src"];
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "ClaimPower",
   props: {
     config: {}
@@ -11862,14 +11853,14 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         createElementVNode("img", {
           src: __props.config.logo_url,
           alt: "claim power"
-        }, null, 8, _hoisted_1$v)
+        }, null, 8, _hoisted_1$w)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const ClaimPower = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$u = { class: "devui-select__item g-option-link" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const ClaimPower = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$v = { class: "devui-select__item g-option-link" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   ...{
     name: "OptionLink"
   },
@@ -11887,7 +11878,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", _hoisted_1$u, [
+      return openBlock(), createElementBlock("li", _hoisted_1$v, [
         createVNode(GLink, normalizeProps(guardReactiveProps(_ctx.$props)), {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
@@ -11898,7 +11889,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const OptionLink = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const OptionLink = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 var aes = { exports: {} };
 function commonjsRequire(path) {
   throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -14362,7 +14353,7 @@ function headRequest(request) {
     }
   };
 }
-const _sfc_main$z = /* @__PURE__ */ Object.assign({
+const _sfc_main$A = /* @__PURE__ */ Object.assign({
   name: "Create"
 }, {
   __name: "index",
@@ -14457,14 +14448,14 @@ const _sfc_main$z = /* @__PURE__ */ Object.assign({
         default: withCtx(() => [
           createVNode(unref(Button), {
             id: "guide-step3",
-            class: "border-none w-84 h-32 btn-add",
+            class: "btn-add",
             variant: "solid"
           }, {
             default: withCtx(() => [
               createVNode(GIcon, {
                 name: "gt-add",
                 color: "var(--theme-light-text)",
-                class: "mr-1"
+                class: "btn-add-icon"
               }),
               createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.header.create")), 1)
             ]),
@@ -14476,8 +14467,8 @@ const _sfc_main$z = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const Create = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const Create = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     name: "DocumentCenter"
   },
@@ -14502,12 +14493,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DocumentCenter = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$t = {
+const DocumentCenter = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$u = {
   key: 1,
   class: "g-text-all"
 };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   ...{ name: "GText" },
   __name: "index",
   props: {
@@ -14584,24 +14575,24 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           class: "watch-all",
           onClick: onShowAll
         }, toDisplayString$1(_ctx.$t("gitCodeLayout.notice.msg.viewAll")), 1)) : createCommentVNode("", true)
-      ], 6)) : showAllContent.value && finalConfig.value.showAll ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
+      ], 6)) : showAllContent.value && finalConfig.value.showAll ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ])) : createCommentVNode("", true);
     };
   }
 });
-const GText = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$s = { class: "message-item flex" };
-const _hoisted_2$n = { class: "message-item-footer" };
-const _hoisted_3$m = ["title"];
+const GText = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$t = { class: "message-item" };
+const _hoisted_2$o = { class: "message-item-footer" };
+const _hoisted_3$n = ["title"];
 const _hoisted_4$h = ["href"];
-const _hoisted_5$d = { class: "message-item-info-content flex-auto flex items-center justify-between" };
-const _hoisted_6$b = { class: "flex message-item-body flex-1" };
+const _hoisted_5$d = { class: "message-item-info-content" };
+const _hoisted_6$b = { class: "message-item-body" };
 const _hoisted_7$8 = ["title", "innerHTML"];
 const _hoisted_8$7 = ["title"];
-const _hoisted_9$5 = { class: "message-item-info flex" };
-const _hoisted_10$5 = { class: "flex justify-end message-item-rightTx message-item-date" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_9$5 = { class: "message-item-info" };
+const _hoisted_10$5 = { class: "message-item-rightTx message-item-date" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     data: { default: () => ({}) },
@@ -14613,32 +14604,32 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const { formatTimeFromNow } = useTimeFormat();
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", _hoisted_1$s, [
-        createElementVNode("div", _hoisted_2$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$t, [
+        createElementVNode("div", _hoisted_2$o, [
           createElementVNode("div", {
-            class: "flex items-center",
+            class: "message-item__avatar-wrap",
             title: __props.data.nickname
           }, [
             createElementVNode("a", {
               href: unref(transformUrl)((_a = __props.data) == null ? void 0 : _a.userPath),
               target: "_blank",
-              class: "user-info flex w-[48px] items-center linktx"
+              class: "user-info linktx message-item__user-info"
             }, [
-              createVNode(_sfc_main$F, {
+              createVNode(_sfc_main$G, {
                 name: __props.data.nickname,
                 src: __props.data.avatar,
                 width: 32,
                 height: 32
               }, null, 8, ["name", "src"])
             ], 8, _hoisted_4$h)
-          ], 8, _hoisted_3$m)
+          ], 8, _hoisted_3$n)
         ]),
         createElementVNode("div", _hoisted_5$d, [
           createElementVNode("div", _hoisted_6$b, [
             createVNode(GLink, {
               href: unref(transformUrl)(__props.data.url),
               target: "_blank",
-              class: normalizeClass(["message-item-content cursor-pointer", { "text-light": __props.data.read }]),
+              class: normalizeClass(["message-item-content", { "text-light": __props.data.read }]),
               onClick: _cache[0] || (_cache[0] = ($event) => emits("trigger"))
             }, {
               default: withCtx(() => [
@@ -14648,7 +14639,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                       key: 0,
                       title: __props.data.title,
                       innerHTML: unref(xssPurify)(__props.data.title) || "",
-                      class: "overflow-hidden"
+                      class: "message-item__title"
                     }, null, 8, _hoisted_7$8)) : (openBlock(), createElementBlock("span", {
                       key: 1,
                       title: __props.data.title
@@ -14681,19 +14672,19 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageItem = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$r = { class: "message-header-nav" };
-const _hoisted_2$m = {
+const MessageItem = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$s = { class: "message-header-nav" };
+const _hoisted_2$n = {
   key: 0,
   class: "item-count-icon"
 };
-const _hoisted_3$l = {
+const _hoisted_3$m = {
   key: 1,
   class: "g-number"
 };
 const _hoisted_4$g = {
   key: 0,
-  class: "g-number ml-[8px]"
+  class: "g-number message-box__count"
 };
 const _hoisted_5$c = { class: "message-content-cover" };
 const _hoisted_6$a = {
@@ -14721,7 +14712,7 @@ const _hoisted_11$4 = {
   class: "no-more"
 };
 const _hoisted_12$3 = { class: "message-footer-nav" };
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "MessageBox",
   setup(__props, { expose: __expose }) {
     var _a;
@@ -14992,7 +14983,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         class: "message-box",
         onClick: _cache[5] || (_cache[5] = withModifiers(($event) => console.log("stop"), ["stop"]))
       }, [
-        createElementVNode("div", _hoisted_1$r, [
+        createElementVNode("div", _hoisted_1$s, [
           createVNode(unref(Tabs), {
             modelValue: checkedId.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => checkedId.value = $event),
@@ -15008,7 +14999,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                     createElementVNode("div", {
                       class: normalizeClass(["message-header-nav-item", { "message-header-nav-item-active": item.messageType === checkedId.value }])
                     }, [
-                      item.icon ? (openBlock(), createElementBlock("div", _hoisted_2$m, [
+                      item.icon ? (openBlock(), createElementBlock("div", _hoisted_2$n, [
                         createVNode(GIcon, {
                           name: item.icon,
                           size: "16px",
@@ -15021,7 +15012,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                         }, null, 8, ["name"])
                       ])) : createCommentVNode("", true),
                       createElementVNode("span", null, toDisplayString$1(item.text), 1),
-                      item.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_3$l, toDisplayString$1(item.count), 1)) : createCommentVNode("", true)
+                      item.count > 0 ? (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString$1(item.count), 1)) : createCommentVNode("", true)
                     ], 2)
                   ]),
                   _: 2
@@ -15046,7 +15037,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           withDirectives((openBlock(), createElementBlock("div", _hoisted_5$c, [
             currentType.value === "mention" ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
               createElementVNode("div", {
-                class: normalizeClass(["message-content-header-item mr-[8px]", { active: mentionSubTab.value === "project" }]),
+                class: normalizeClass(["message-content-header-item message-content-header-item--mr", { active: mentionSubTab.value === "project" }]),
                 onClick: _cache[2] || (_cache[2] = ($event) => switchMentionSubTab("project"))
               }, [
                 _cache[6] || (_cache[6] = createTextVNode(" 项目相关 ", -1)),
@@ -15086,8 +15077,8 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const MessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   ...{
     name: "Notice"
   },
@@ -15199,7 +15190,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Notice = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const Notice = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 function useCookie(key, defaultValue, options = COOKIE_OPTIONS) {
   const allCookies = api.get() || {};
   const storedValue = allCookies[key] || localStorage$2.getItem(key);
@@ -15223,10 +15214,10 @@ function useCookie(key, defaultValue, options = COOKIE_OPTIONS) {
   );
   return value;
 }
-const _hoisted_1$q = { class: "tools-item-wrapper" };
-const _hoisted_2$l = { class: "tools-item-wrapper-checkbox" };
-const _hoisted_3$k = ["onClick", "title"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = { class: "tools-item-wrapper" };
+const _hoisted_2$m = { class: "tools-item-wrapper-checkbox" };
+const _hoisted_3$l = ["onClick", "title"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "Lang",
   setup(__props) {
     const lang = useCookie(LANG_KEY, LANG_ZH);
@@ -15243,9 +15234,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       window.location.reload();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createElementVNode("div", null, toDisplayString$1(unref(t2)("gitCodeLayout.common.footerSetting.lang")), 1),
-        createElementVNode("div", _hoisted_2$l, [
+        createElementVNode("div", _hoisted_2$m, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(linkList.value, (item) => {
             return openBlock(), createElementBlock("div", mergeProps({
               key: item.label
@@ -15260,26 +15251,26 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 color: "var(--theme-icon-fill-weak)",
                 class: "checkbox-item-icon"
               }, null, 8, ["name"])
-            ], 16, _hoisted_3$k);
+            ], 16, _hoisted_3$l);
           }), 128))
         ])
       ]);
     };
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$q = {
   key: 0,
   class: "user-level-avatar-badge"
 };
-const _hoisted_2$k = { class: "flex items-center font-medium gap-[4px]" };
-const _hoisted_3$j = ["src"];
+const _hoisted_2$l = { class: "user-level__row" };
+const _hoisted_3$k = ["src"];
 const _hoisted_4$f = { class: "level-name" };
 const _hoisted_5$b = { class: "level-icon" };
 const _hoisted_6$9 = ["src"];
 const _hoisted_7$6 = { class: "custom-btn" };
-const _hoisted_8$5 = { class: "flex items-center justify-center" };
+const _hoisted_8$5 = { class: "user-level__btn-text" };
 const maxLevel = 3;
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "UserLevel" },
   __name: "UserLevel",
   props: ["accountInfo"],
@@ -15327,16 +15318,16 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["user-level cursor-pointer", { [unref(ThemeType).BLACK]: unref(currentTheme) === unref(ThemeType).BLACK }]),
+        class: normalizeClass(["user-level", { [unref(ThemeType).BLACK]: unref(currentTheme) === unref(ThemeType).BLACK }]),
         onClick: handleUpgrade
       }, [
-        __props.accountInfo.need_tips ? (openBlock(), createElementBlock("div", _hoisted_1$p)) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2$k, [
+        __props.accountInfo.need_tips ? (openBlock(), createElementBlock("div", _hoisted_1$q)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$l, [
           createElementVNode("img", {
             class: "level-avatar",
             src: levelInfo.value.avatar,
             alt: ""
-          }, null, 8, _hoisted_3$j),
+          }, null, 8, _hoisted_3$k),
           createElementVNode("div", _hoisted_4$f, [
             createElementVNode("div", null, toDisplayString$1(levelInfo.value.name), 1),
             createElementVNode("div", _hoisted_5$b, [
@@ -15354,16 +15345,16 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserLevel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$o = { class: "g-user-drawer-info-list pl-[16px]" };
-const _hoisted_2$j = { class: "max-w-[200px]" };
-const _hoisted_3$i = ["title"];
+const UserLevel = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$p = { class: "g-user-drawer-info-list" };
+const _hoisted_2$k = { class: "g-user-drawer-info-list__name-wrap" };
+const _hoisted_3$j = ["title"];
 const _hoisted_4$e = ["title"];
 const _hoisted_5$a = {
   key: 0,
   class: "g-user-drawer-lang-row"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "UserAvatarMenu",
   props: {
     isChatBot: { type: Boolean },
@@ -15505,7 +15496,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     });
     const avatarLangBlock = {
       id: "avatar-lang",
-      component: markRaw(_sfc_main$t),
+      component: markRaw(_sfc_main$u),
       avatarLangRow: true
     };
     const shouldShowEnterpriseLang = computed(
@@ -15574,24 +15565,24 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         ref: menuContainerRef
       }, [
         createVNode(GLink, {
-          class: "g-user-drawer-info pl-[32px] pr-[16px] cursor-pointer",
+          class: "g-user-drawer-info",
           href: `${unref(layoutConfig2).VITE_HOST}/${__props.accountInfo.username}`,
           key: "myPage",
           target: __props.isChatBot ? "_blank" : ""
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$F, {
+            createVNode(_sfc_main$G, {
               name: __props.accountInfo.nickname,
               src: __props.accountInfo.avatar,
               width: 52,
               height: 52
             }, null, 8, ["name", "src"]),
-            createElementVNode("div", _hoisted_1$o, [
-              createElementVNode("div", _hoisted_2$j, [
+            createElementVNode("div", _hoisted_1$p, [
+              createElementVNode("div", _hoisted_2$k, [
                 createElementVNode("p", {
                   class: "g-user-drawer-info-list-name ellipsis",
                   title: __props.accountInfo.nickname
-                }, toDisplayString$1(__props.accountInfo.nickname), 9, _hoisted_3$i),
+                }, toDisplayString$1(__props.accountInfo.nickname), 9, _hoisted_3$j),
                 createElementVNode("p", {
                   class: "g-user-drawer-info-list-id ellipsis",
                   title: __props.accountInfo.username
@@ -15611,7 +15602,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         }, null, 8, ["accountInfo"])) : createCommentVNode("", true),
         (openBlock(true), createElementBlock(Fragment, null, renderList(userMenuList.value, (block, index2) => {
           return openBlock(), createElementBlock("div", {
-            class: normalizeClass(["g-user-drawer-block", { "!pt-[0px]": index2 === 0 && __props.inAIHub }]),
+            class: normalizeClass(["g-user-drawer-block", { "g-user-drawer-block--no-pt": index2 === 0 && __props.inAIHub }]),
             key: index2
           }, [
             block.component ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -15646,20 +15637,20 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserAvatarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$n = { class: "g-user-avatar flex-center ml-1" };
-const _hoisted_2$i = {
+const UserAvatarMenu = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const _hoisted_1$o = { class: "g-user-avatar flex-center" };
+const _hoisted_2$j = {
   key: 0,
   class: "g-user-avatar__badge"
 };
-const _hoisted_3$h = { class: "g-user-avatar flex-center ml-1" };
+const _hoisted_3$i = { class: "g-user-avatar flex-center" };
 const _hoisted_4$d = {
   key: 0,
   class: "g-user-avatar__badge"
 };
 const _hoisted_5$9 = { class: "g-user-drawer" };
-const _hoisted_6$8 = { class: "p-[16px] pt-[8px] pb-0 flex justify-end items-center h-[48px]" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_6$8 = { class: "user-avatar__drawer-header" };
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "UserAvatar"
   },
@@ -15798,12 +15789,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           key: 0,
           onClick: _cache[0] || (_cache[0] = ($event) => drawerVisible.value = true)
         }, [
-          createElementVNode("div", _hoisted_1$n, [
-            createVNode(_sfc_main$F, {
+          createElementVNode("div", _hoisted_1$o, [
+            createVNode(_sfc_main$G, {
               name: accountInfo.value.nickname,
               src: unref(transformUrl)(accountInfo.value.avatar)
             }, null, 8, ["name", "src"]),
-            accountInfo.value.need_tips && !haveVisited.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, [..._cache[4] || (_cache[4] = [
+            accountInfo.value.need_tips && !haveVisited.value ? (openBlock(), createElementBlock("div", _hoisted_2$j, [..._cache[4] || (_cache[4] = [
               createElementVNode("div", null, null, -1)
             ])])) : createCommentVNode("", true)
           ])
@@ -15830,8 +15821,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             ])
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_3$h, [
-              createVNode(_sfc_main$F, {
+            createElementVNode("div", _hoisted_3$i, [
+              createVNode(_sfc_main$G, {
                 name: accountInfo.value.nickname,
                 src: unref(transformUrl)(accountInfo.value.avatar)
               }, null, 8, ["name", "src"]),
@@ -15853,7 +15844,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             createElementVNode("div", null, [
               createElementVNode("div", _hoisted_6$8, [
                 createVNode(unref(Button), {
-                  class: "cursor-pointer draw-side-bar-close",
+                  class: "draw-side-bar-close",
                   icon: "close",
                   onClick: _cache[1] || (_cache[1] = ($event) => drawerVisible.value = false),
                   variant: "text"
@@ -15878,7 +15869,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UserAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-vue-layout-gitcode"]]);
+const UserAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 var EVENT_NAME = /* @__PURE__ */ ((EVENT_NAME2) => {
   EVENT_NAME2["START_SEARCH"] = "开始搜索";
   EVENT_NAME2["SEARCH"] = "搜索";
@@ -15944,16 +15935,19 @@ const setlocalVistHistory = (data, localType) => {
     try {
       cur = JSON.parse(localData);
       if (localType) {
-        const target = cur.find(
-          (ele) => (ele === data.q || ele.q === data.q) && ele.repo === data.repo && ele.namespace === data.namespace
-        );
-        if (!target) {
-          cur.unshift({ ...data, count: 1 });
-        } else {
-          target.count = (target.count || 1) + 1;
-          data.type && (target.type = data.type);
-          cur.splice(cur.indexOf(target), 1);
-          cur.unshift(target);
+        cur = cur.filter((ele) => typeof ele === "string" ? !!ele : !!(ele == null ? void 0 : ele.q));
+        if (data.q) {
+          const target = cur.find(
+            (ele) => (ele === data.q || ele.q === data.q) && ele.repo === data.repo && ele.org === data.org && ele.user === data.user && ele.namespace === data.namespace
+          );
+          if (!target) {
+            cur.unshift({ ...data, count: 1 });
+          } else {
+            target.count = (target.count || 1) + 1;
+            data.type && (target.type = data.type);
+            cur.splice(cur.indexOf(target), 1);
+            cur.unshift(target);
+          }
         }
       }
     } catch (e) {
@@ -15967,6 +15961,340 @@ const setlocalVistHistory = (data, localType) => {
   localStorage$2.setItem(storeName, JSON.stringify(cur));
   return cur;
 };
+const KEY_ALIAS = {
+  repo: "repo",
+  user: "user",
+  org: "group",
+  language: "language",
+  lang: "language",
+  symbol: "symbol",
+  path: "path"
+};
+const SUPPORTED_KEYS = ["repo", "language", "lang", "symbol", "path", "user", "org"];
+const QUALIFIER_RE = new RegExp(`^(${SUPPORTED_KEYS.join("|")}):(\\S*)$`, "i");
+const slotOfKey = (key) => {
+  if (key === "repo" || key === "user" || key === "group") {
+    return "scope";
+  }
+  return key ?? "";
+};
+const markOverriddenQualifiers = (tokens) => {
+  const seenSlots = /* @__PURE__ */ new Set();
+  for (let i = tokens.length - 1; i >= 0; i--) {
+    const token = tokens[i];
+    if (token.type !== "qualifier" || !token.value) {
+      continue;
+    }
+    const slot = slotOfKey(token.key);
+    if (seenSlots.has(slot)) {
+      token.overridden = true;
+    } else {
+      seenSlots.add(slot);
+    }
+  }
+};
+const tokenizeSearchInput = (input) => {
+  const tokens = [];
+  if (!input) {
+    return tokens;
+  }
+  const segments = input.split(/(\s+)/);
+  for (const seg of segments) {
+    if (seg === "") {
+      continue;
+    }
+    if (/^\s+$/.test(seg)) {
+      tokens.push({ type: "space", raw: seg });
+      continue;
+    }
+    const matched = seg.match(QUALIFIER_RE);
+    if (matched) {
+      const rawKey = matched[1];
+      tokens.push({
+        type: "qualifier",
+        raw: seg,
+        rawKey,
+        key: KEY_ALIAS[rawKey.toLowerCase()],
+        value: matched[2]
+      });
+      continue;
+    }
+    tokens.push({ type: "text", raw: seg });
+  }
+  markOverriddenQualifiers(tokens);
+  return tokens;
+};
+const parseSearchInput = (input) => {
+  const tokens = tokenizeSearchInput(input);
+  const keywords = [];
+  const params = { q: "" };
+  for (const token of tokens) {
+    if (token.type !== "qualifier" || token.value === void 0 || token.value === "") {
+      if (token.type !== "space") {
+        keywords.push(token.raw);
+      }
+      continue;
+    }
+    if (token.overridden) {
+      continue;
+    }
+    switch (token.key) {
+      case "repo":
+        params.scope = "repo";
+        params.repo = encodeURIComponent(token.value);
+        break;
+      case "user":
+        params.scope = "user";
+        params.namespace = encodeURIComponent(token.value);
+        break;
+      case "group":
+        params.scope = "group";
+        params.namespace = encodeURIComponent(token.value);
+        break;
+      case "language":
+        params.l = token.value;
+        break;
+      case "symbol":
+        params.type = "code";
+        params.symbol = encodeURIComponent(token.value);
+        break;
+      case "path":
+        params.type = "code";
+        params.path = encodeURIComponent(token.value);
+        break;
+    }
+  }
+  params.q = keywords.join(" ");
+  return { tokens, params };
+};
+const buildQualifierPrefix = (info) => {
+  if (!(info == null ? void 0 : info.searchScope) || !(info == null ? void 0 : info.searchScopeName)) {
+    return "";
+  }
+  const keyMap = {
+    repo: "repo",
+    user: "user",
+    group: "org"
+  };
+  const key = keyMap[info.searchScope];
+  if (!key) {
+    return "";
+  }
+  return `${key}:${info.searchScopeName} `;
+};
+const _hoisted_1$n = {
+  key: 0,
+  class: "devui-input-slot__prefix"
+};
+const _hoisted_2$i = ["value"];
+const _hoisted_3$h = {
+  key: 1,
+  class: "devui-input-slot__suffix"
+};
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "HighlightInput",
+    inheritAttrs: false
+  },
+  __name: "HighlightInput",
+  props: {
+    modelValue: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const rootClass = computed(() => attrs.class);
+    const rootStyle = computed(() => attrs.style);
+    const inputAttrs = computed(() => {
+      const { class: _cls, style: _style, ...rest } = attrs;
+      return rest;
+    });
+    const segments = computed(() => {
+      const list = [];
+      for (const token of tokenizeSearchInput(props.modelValue)) {
+        if (token.type === "qualifier") {
+          if (token.overridden) {
+            list.push({ text: token.raw, cls: "hl-token-text" });
+            continue;
+          }
+          list.push({ text: `${token.rawKey}:`, cls: "hl-token-key" });
+          list.push({ text: token.value ?? "", cls: "hl-token-value" });
+          continue;
+        }
+        list.push({ text: token.raw, cls: token.type === "text" ? "hl-token-text" : "hl-token-space" });
+      }
+      return list;
+    });
+    const nativeRef = ref(null);
+    const backdropRef = ref(null);
+    const controlRef = ref(null);
+    const isFocused = ref(false);
+    const onInput = (e) => {
+      emit("update:modelValue", e.target.value);
+    };
+    const PROPS_TO_COPY = [
+      "fontFamily",
+      "fontSize",
+      "fontWeight",
+      "fontStyle",
+      "fontVariant",
+      "letterSpacing",
+      "lineHeight",
+      "textIndent",
+      "textTransform",
+      "wordSpacing",
+      "paddingTop",
+      "paddingRight",
+      "paddingBottom",
+      "paddingLeft",
+      "borderTopWidth",
+      "borderRightWidth",
+      "borderBottomWidth",
+      "borderLeftWidth",
+      "boxSizing"
+    ];
+    const syncStyles = () => {
+      if (typeof window === "undefined" || !nativeRef.value || !backdropRef.value) {
+        return;
+      }
+      const computedStyle = window.getComputedStyle(nativeRef.value);
+      const backdropStyle = backdropRef.value.style;
+      for (const prop of PROPS_TO_COPY) {
+        backdropStyle.setProperty(
+          prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`),
+          computedStyle.getPropertyValue(prop.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`))
+        );
+      }
+    };
+    const syncScroll = () => {
+      if (!nativeRef.value || !backdropRef.value) {
+        return;
+      }
+      backdropRef.value.scrollLeft = nativeRef.value.scrollLeft;
+    };
+    const syncAll = () => {
+      syncStyles();
+      syncScroll();
+    };
+    let rafId = null;
+    const syncDuringTransition = (frames = 40) => {
+      if (typeof window === "undefined") {
+        return;
+      }
+      if (rafId !== null) {
+        cancelAnimationFrame(rafId);
+      }
+      let remaining = frames;
+      const tick = () => {
+        syncAll();
+        remaining -= 1;
+        rafId = remaining > 0 ? requestAnimationFrame(tick) : null;
+      };
+      rafId = requestAnimationFrame(tick);
+    };
+    watch(
+      () => props.modelValue,
+      () => {
+        nextTick(syncScroll);
+      }
+    );
+    const moveCaretToEnd = () => {
+      const el = nativeRef.value;
+      if (!el) {
+        return;
+      }
+      const len = el.value.length;
+      el.setSelectionRange(len, len);
+      el.scrollLeft = el.scrollWidth;
+      syncScroll();
+    };
+    const onFocus = () => {
+      isFocused.value = true;
+      nextTick(syncAll);
+      syncDuringTransition();
+      setTimeout(moveCaretToEnd, 0);
+    };
+    const onBlur = () => {
+      isFocused.value = false;
+      nextTick(syncAll);
+      syncDuringTransition();
+    };
+    onMounted(() => {
+      if (!nativeRef.value) {
+        return;
+      }
+      syncStyles();
+      nativeRef.value.addEventListener("focus", onFocus);
+      nativeRef.value.addEventListener("blur", onBlur);
+      nativeRef.value.addEventListener("scroll", syncScroll);
+      window.addEventListener("resize", syncStyles);
+    });
+    onUnmounted(() => {
+      if (nativeRef.value) {
+        nativeRef.value.removeEventListener("focus", onFocus);
+        nativeRef.value.removeEventListener("blur", onBlur);
+        nativeRef.value.removeEventListener("scroll", syncScroll);
+      }
+      if (typeof window !== "undefined") {
+        window.removeEventListener("resize", syncStyles);
+        if (rafId !== null) {
+          cancelAnimationFrame(rafId);
+        }
+      }
+    });
+    __expose({
+      focus: () => {
+        var _a;
+        return (_a = nativeRef.value) == null ? void 0 : _a.focus();
+      },
+      blur: () => {
+        var _a;
+        return (_a = nativeRef.value) == null ? void 0 : _a.blur();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["devui-input__wrapper devui-input--glow-style hl-search-input", [rootClass.value, { "devui-input--focus": isFocused.value }]]),
+        style: normalizeStyle(rootStyle.value)
+      }, [
+        _ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
+          renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "hl-search-input__control",
+          ref_key: "controlRef",
+          ref: controlRef
+        }, [
+          createElementVNode("div", {
+            class: "hl-search-input__backdrop",
+            ref_key: "backdropRef",
+            ref: backdropRef,
+            "aria-hidden": "true"
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(segments.value, (seg, index2) => {
+              return openBlock(), createElementBlock("span", {
+                key: index2,
+                class: normalizeClass(seg.cls)
+              }, toDisplayString$1(seg.text), 3);
+            }), 128))
+          ], 512),
+          createElementVNode("input", mergeProps({
+            ref_key: "nativeRef",
+            ref: nativeRef,
+            class: "devui-input__inner hl-search-input__native",
+            value: __props.modelValue
+          }, inputAttrs.value, { onInput }), null, 16, _hoisted_2$i)
+        ], 512),
+        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_3$h, [
+          renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
+        ])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+const HighlightInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 const _hoisted_1$m = { class: "g-header-search-prefix" };
 const _hoisted_2$h = ["innerHTML"];
 const _hoisted_3$g = { class: "g-header-search-suffix-splitline" };
@@ -15974,8 +16302,10 @@ const _hoisted_4$c = { class: "g-header-search-suffix-suffixIcon" };
 const _hoisted_5$8 = { class: "history-list" };
 const _hoisted_6$7 = {
   key: 1,
-  class: "aireposearch flex-1"
+  class: "aireposearch aireposearch--flex"
 };
+const RECOMMEND_RESERVE = 60;
+const HISTORY_DISPLAY_COUNT = 3;
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -15984,23 +16314,21 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     isShowStickyNotice: { type: Boolean }
   },
   setup(__props) {
-    var _a;
     const layoutConfig2 = useLayoutConfig();
     const { t: $t } = i18n.global;
-    const ProjectSearch = defineAsyncComponent(() => import("./ProjectSearch-DCAtcvSv.js"));
-    const UserSearch = defineAsyncComponent(() => import("./UserSearch-WceE6qE_.js"));
-    const GloabarSearch = defineAsyncComponent(() => import("./GloabarSearch-WUU-6ytG.js"));
-    const SearchHistoryList = defineAsyncComponent(() => import("./SearchHistoryList-SfXAAJII.js"));
-    const SearchScopeList = defineAsyncComponent(() => import("./SearchScopeList-B0XWemWi.js"));
-    const SearchPrefixTag = defineAsyncComponent(() => import("./SearchPrefixTag-B6JvWVGf.js"));
-    const SearchRecommed = defineAsyncComponent(() => import("./SearchRecommed-i9tN03O7.js"));
+    const ProjectSearch = defineAsyncComponent(() => import("./ProjectSearch-DqTXNeuA.js"));
+    const UserSearch = defineAsyncComponent(() => import("./UserSearch-p1c5YRt2.js"));
+    const GloabarSearch = defineAsyncComponent(() => import("./GloabarSearch-CehDLm5e.js"));
+    const SearchHistoryList = defineAsyncComponent(() => import("./SearchHistoryList-08Q75qyT.js"));
+    const SearchScopeList = defineAsyncComponent(() => import("./SearchScopeList-jaI05Znk.js"));
+    const SearchRecommed = defineAsyncComponent(() => import("./SearchRecommed-BP1gksCD.js"));
     const props = __props;
     const repoInfo = inject("repoInfo");
     const orgInfo = inject("orgInfo");
     const otherUserInfo = inject("otherUserInfo");
     const useReport2 = inject("useReport");
     const searchInfo = computed(() => {
-      var _a2, _b;
+      var _a, _b;
       if (props.sceneValue === SceneValue.org && orgInfo.value) {
         return {
           searchScope: "group",
@@ -16010,7 +16338,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       if (props.sceneValue === SceneValue.repo && repoInfo.value) {
         return {
           searchScope: "repo",
-          projectType: (_a2 = repoInfo.value.namespace) == null ? void 0 : _a2.kind,
+          projectType: (_a = repoInfo.value.namespace) == null ? void 0 : _a.kind,
           nameOrOrg: (_b = repoInfo.value.namespace) == null ? void 0 : _b.name,
           searchScopeName: repoInfo.value.path_with_namespace,
           branch: repoInfo.value.default_branch,
@@ -16018,7 +16346,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         };
       }
       if (props.sceneValue === SceneValue.user && otherUserInfo.value) {
-        console.log(otherUserInfo.value);
         return {
           searchScope: "user",
           searchScopeName: otherUserInfo.value.nickname
@@ -16036,35 +16363,142 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     });
     const route = useRoute();
     const router2 = useRouter();
-    const searchStr = ref(((_a = route == null ? void 0 : route.query) == null ? void 0 : _a.q) || "");
     const inputRef = ref(null);
     const inputIng = ref(false);
-    let searchParams = { type: "repo" };
+    const pendingType = ref("");
     const API = headRequest(inject("request"));
     const searchHotWords = ref([]);
     const activeSearchKey = ref(0);
     const interval = ref(null);
+    const isSearchPage = ref(false);
+    const buildStrFromParams = (params = {}) => {
+      const parts = [];
+      if (params.scope === "repo" && params.repo) {
+        parts.push(`repo:${decodeURIComponent(params.repo)}`);
+      } else {
+        const userVal = params.user || (params.scope === "user" ? params.namespace : "");
+        const orgVal = params.org || (params.scope === "user" ? "" : params.namespace);
+        if (userVal) {
+          parts.push(`user:${decodeURIComponent(userVal)}`);
+        } else if (orgVal) {
+          parts.push(`org:${decodeURIComponent(orgVal)}`);
+        }
+      }
+      if (params.l) {
+        parts.push(`lang:${params.l}`);
+      }
+      if (params.path) {
+        parts.push(`path:${decodeURIComponent(params.path)}`);
+      }
+      if (params.symbol) {
+        parts.push(`symbol:${decodeURIComponent(params.symbol)}`);
+      }
+      if (params.q) {
+        parts.push(String(params.q));
+      }
+      return parts.join(" ");
+    };
+    const SEARCH_QUERY_KEYS = ["q", "repo", "org", "user", "namespace", "scope", "l", "path", "symbol"];
+    const initSearchStrFromQuery = () => {
+      const query = route == null ? void 0 : route.query;
+      if (!query) {
+        return "";
+      }
+      const hasSearchQuery = SEARCH_QUERY_KEYS.some((key) => query[key] !== void 0 && query[key] !== "");
+      return hasSearchQuery ? buildStrFromParams(query) : "";
+    };
+    const searchStr = ref(initSearchStrFromQuery());
+    const parsedResult = computed(() => parseSearchInput(searchStr.value));
+    const keyword = computed(() => parsedResult.value.params.q);
+    const isScopeOnly = computed(() => {
+      const p = parsedResult.value.params;
+      return (p.scope === "group" || p.scope === "repo") && !p.q && !p.l && !p.path && !p.symbol;
+    });
+    const SCOPE_KEYS = ["repo", "user", "group"];
+    const keywordRest = computed(() => {
+      const parts = [];
+      for (const token of parsedResult.value.tokens) {
+        if (token.type === "space") {
+          continue;
+        }
+        if (token.type === "qualifier" && SCOPE_KEYS.includes(token.key)) {
+          continue;
+        }
+        parts.push(token.raw);
+      }
+      return parts.join(" ");
+    });
+    const derivedSearchInfo = computed(() => {
+      const p = parsedResult.value.params;
+      if (!p.scope) {
+        return {};
+      }
+      const name = decodeURIComponent(p.repo || p.namespace || "");
+      const info = { searchScope: p.scope, searchScopeName: name };
+      const ctx = searchInfo.value;
+      if (p.scope === "repo" && ctx.searchScope === "repo" && ctx.searchScopeName === name) {
+        info.projectId = ctx.projectId;
+        info.branch = ctx.branch;
+        info.projectType = ctx.projectType;
+        info.nameOrOrg = ctx.nameOrOrg;
+      }
+      return info;
+    });
     const showRecommendSearch = computed(() => {
-      return !searchStr.value && !projectTagVisible.value && !languageTagVisible.value && !inputIng.value;
+      return (!searchStr.value || isScopeOnly.value) && !inputIng.value;
     });
+    const recommendOffset = ref(0);
+    const recommendHasRoom = ref(true);
+    const recommendMaxWidth = ref(0);
+    let measureCanvas = null;
+    const measureRecommendOffset = () => {
+      if (typeof document === "undefined" || typeof window === "undefined") {
+        return;
+      }
+      if (!isScopeOnly.value || !searchStr.value) {
+        recommendOffset.value = 0;
+        recommendHasRoom.value = true;
+        return;
+      }
+      const input = document.querySelector("#golbalSearch");
+      if (!input) {
+        recommendOffset.value = 0;
+        recommendHasRoom.value = true;
+        return;
+      }
+      const cs = window.getComputedStyle(input);
+      measureCanvas = measureCanvas || document.createElement("canvas");
+      const ctx = measureCanvas.getContext("2d");
+      if (!ctx) {
+        recommendOffset.value = 0;
+        recommendHasRoom.value = true;
+        return;
+      }
+      ctx.font = `${cs.fontStyle} ${cs.fontWeight} ${cs.fontSize} ${cs.fontFamily}`;
+      const width2 = Math.ceil(ctx.measureText(`${searchStr.value} `).width);
+      recommendOffset.value = width2;
+      const room = input.clientWidth - width2;
+      recommendMaxWidth.value = Math.max(room, 0);
+      recommendHasRoom.value = room >= RECOMMEND_RESERVE;
+    };
+    watch(
+      [() => searchStr.value, isScopeOnly, () => isFocus.value],
+      () => {
+        nextTick(measureRecommendOffset);
+      },
+      { immediate: true }
+    );
     const scrollRecommend = () => {
+      interval.value && clearInterval(interval.value);
       interval.value = setInterval(() => {
+        if (!searchHotWords.value.length) {
+          return;
+        }
         activeSearchKey.value = (activeSearchKey.value + 1) % searchHotWords.value.length;
       }, 3e3);
     };
-    const isSearchPage = ref(false);
-    const language = ref("");
-    const localSearchInfo = ref({});
-    const setSearchInfo = () => {
-      if (searchInfo.value && Object.keys(searchInfo.value).length && searchInfo.value.searchScopeName) {
-        localSearchInfo.value = { ...searchInfo.value };
-      }
-    };
     const placeholderVisible = computed(() => {
-      if (!isSearchPage.value) {
-        return !isFocus.value && !searchStr.value;
-      }
-      return !isFocus.value && !searchStr.value && !localSearchInfo.value.searchScopeName && !language.value;
+      return !isFocus.value && !searchStr.value;
     });
     let quickTips = "";
     try {
@@ -16072,65 +16506,47 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     } catch (error) {
       quickTips = "";
     }
-    const setQueryTag = () => {
-      const queryArg = route.query;
-      if (queryArg.scope) {
-        const oldState = { searchScope: queryArg.scope, ...queryArg };
-        if (queryArg.repo) {
-          oldState.searchScopeName = decodeURIComponent(queryArg.repo);
-        } else {
-          oldState.searchScopeName = decodeURIComponent(queryArg.namespace);
-        }
-        localSearchInfo.value = oldState;
-      }
-      if (queryArg.l) {
-        language.value = queryArg.l;
+    const applyContextPrefill = () => {
+      const prefix = buildQualifierPrefix(searchInfo.value);
+      if (prefix) {
+        searchStr.value = prefix;
       }
     };
     if ((route == null ? void 0 : route.name) === "search") {
       isSearchPage.value = true;
-      setQueryTag();
     }
-    const projectTagVisible = computed(() => {
-      return (isSearchPage.value || isFocus.value) && localSearchInfo.value.searchScopeName;
-    });
     const cnScopeMap = {
       repo: $t("gitCodeLayout.header.repo"),
       group: $t("gitCodeLayout.header.org"),
       user: $t("gitCodeLayout.header.user")
     };
-    const languageTagVisible = computed(() => {
-      return (isSearchPage.value || isFocus.value) && searchStr && language.value;
-    });
     const searchScopeList = computed(() => {
-      if (localSearchInfo.value.searchScope) {
-        switch (localSearchInfo.value.searchScope) {
-          case "repo":
-            return [
+      const info = derivedSearchInfo.value;
+      if (info.searchScope) {
+        switch (info.searchScope) {
+          case "repo": {
+            const repoScopeList = [
               {
-                ...localSearchInfo.value,
+                ...info,
                 label: cnScopeMap.repo,
                 enLabel: "repo",
                 type: "code",
-                value: localSearchInfo.value.searchScopeName
-              },
-              {
-                label: localSearchInfo.value.projectType === "user" ? $t("gitCodeLayout.header.user") : $t("gitCodeLayout.header.org"),
-                enLabel: localSearchInfo.value.projectType === "user" ? "user" : "group",
-                value: localSearchInfo.value.nameOrOrg
+                value: info.searchScopeName
               }
-              // { title: $t('gitCodeLayout.header.platformSearch') }
             ];
+            if (info.nameOrOrg) {
+              repoScopeList.push({
+                label: info.projectType === "user" ? $t("gitCodeLayout.header.user") : $t("gitCodeLayout.header.org"),
+                enLabel: info.projectType === "user" ? "user" : "group",
+                value: info.nameOrOrg
+              });
+            }
+            return repoScopeList;
+          }
           case "group":
-            return [
-              { label: cnScopeMap.group, enLabel: "group", value: localSearchInfo.value.searchScopeName }
-              // { title: $t('gitCodeLayout.header.platformSearch') }
-            ];
+            return [{ label: cnScopeMap.group, enLabel: "group", value: info.searchScopeName }];
           case "user":
-            return [
-              { label: cnScopeMap.user, enLabel: "user", value: localSearchInfo.value.searchScopeName }
-              // { title: $t('gitCodeLayout.header.platformSearch') }
-            ];
+            return [{ label: cnScopeMap.user, enLabel: "user", value: info.searchScopeName }];
         }
       }
       return [];
@@ -16138,7 +16554,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     let localSearchText = localStorage$2.getItem("localSearchText");
     if (localSearchText) {
       try {
-        localSearchText = JSON.parse(localSearchText).splice(0, 3);
+        localSearchText = JSON.parse(localSearchText).filter(
+          (ele) => typeof ele === "string" ? !!ele : !!(ele == null ? void 0 : ele.q)
+        );
       } catch (e) {
         console.error(e);
       }
@@ -16153,27 +16571,18 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
     const searchHistoryList = ref(localSearchText || []);
     const visitHistoryList = ref(localVistList || []);
+    const displayHistoryList = computed(() => searchHistoryList.value.slice(0, HISTORY_DISPLAY_COUNT));
     const activeIndex = ref(-1);
     const onCaptureClose = () => {
       isFocus.value = false;
       searchDropDownVisible.value = false;
     };
     const onScopeSearch = (data = {}) => {
-      searchParams = { scope: data.enLabel ? data.enLabel : void 0 };
-      if (isSearchPage.value && route.query.type && route.query.type !== "commit") {
-        searchParams.type = route.query.type;
-      } else {
-        searchParams.type = data.type ? data.type : "repo";
-      }
-      if (data.value) {
-        if (data.enLabel === "repo") {
-          searchParams.repo = encodeURIComponent(data.value);
-          searchParams.nameOrOrg = data.nameOrOrg;
-          searchParams.projectId = data.projectId;
-          searchParams.branch = data.branch;
-          searchParams.projectType = data.projectType;
-        } else {
-          searchParams.namespace = encodeURIComponent(data.value);
+      if ((data == null ? void 0 : data.enLabel) && (data == null ? void 0 : data.value)) {
+        const keyMap = { repo: "repo", user: "user", group: "org" };
+        const prefixKey = keyMap[data.enLabel];
+        if (prefixKey) {
+          searchStr.value = `${prefixKey}:${data.value} ${keywordRest.value}`.trim();
         }
       }
       onSearch();
@@ -16181,11 +16590,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const onSearchBefore = (e) => {
       e.stopPropagation();
       if (e.keyCode === 13) {
-        if (activeIndex.value !== -1 && !searchStr.value) {
-          searchStr.value = searchHistoryList.value[activeIndex.value].q;
-          searchHistory(searchHistoryList.value[activeIndex.value]);
+        if (activeIndex.value !== -1 && !keyword.value) {
+          searchHistory(displayHistoryList.value[activeIndex.value]);
         } else {
-          onScopeSearch(searchScopeList.value[0]);
+          onSearch();
         }
       }
     };
@@ -16194,39 +16602,47 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       onSearch();
     };
     const handleSearchMore = (type) => {
-      console.log(type);
-      searchParams.type = type;
+      pendingType.value = type;
       onSearch();
     };
     const isSearchHistory = ref(false);
     const searchHistory = (data) => {
       isSearchHistory.value = true;
-      searchStr.value = typeof data === "string" ? data : data.q;
-      toSearch(data);
-    };
-    const toSearch = (data) => {
       if (typeof data === "string") {
         searchStr.value = data;
       } else {
-        const { count, ...rest } = data;
-        searchParams = rest;
+        searchStr.value = buildStrFromParams(data);
       }
       onSearch();
     };
+    const resolveSearchType = (params) => {
+      var _a;
+      if (pendingType.value) {
+        return pendingType.value;
+      }
+      if (isSearchPage.value && ((_a = route == null ? void 0 : route.query) == null ? void 0 : _a.type) && route.query.type !== "commit") {
+        return String(route.query.type);
+      }
+      if (params.type) {
+        return params.type;
+      }
+      if (params.scope === "repo") {
+        return "code";
+      }
+      return "repo";
+    };
     const onSearch = () => {
-      var _a2;
+      var _a, _b;
       _frEventTrack(EVENT_NAME.HEADER_START_SEARCH);
       useReport2("search-project", {}, () => {
       });
       isFocus.value = false;
-      inputRef.value.blur();
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
       searchDropDownVisible.value = false;
-      if (!searchStr.value && searchParams.scope && typeof document !== "undefined" && document.querySelector) {
-        (_a2 = document.querySelector("#golbalSearch")) == null ? void 0 : _a2.blur();
-        return;
-      }
+      const { params } = parseSearchInput(searchStr.value);
+      const scopeOnly = (params.scope === "group" || params.scope === "repo") && !params.q && !params.l && !params.path && !params.symbol;
       const targetHotWord = searchHotWords.value[activeSearchKey.value];
-      if (!searchStr.value && (targetHotWord == null ? void 0 : targetHotWord.url) && !isSearchHistory.value) {
+      if ((!searchStr.value || scopeOnly) && (targetHotWord == null ? void 0 : targetHotWord.url) && !isSearchHistory.value) {
         let hotUrl = targetHotWord.url;
         const urlObj = new URL(targetHotWord.url);
         if (urlObj.search.length > 1) {
@@ -16235,26 +16651,44 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           hotUrl = `${hotUrl}?source_module=search_box_hot_word`;
         }
         window.open(transformUrl(hotUrl), "_blank");
+        pendingType.value = "";
         return;
       }
       isSearchHistory.value = false;
-      searchStr.value = searchStr.value || (targetHotWord == null ? void 0 : targetHotWord.content);
-      const queryKey = searchStr.value;
-      const query = { q: queryKey, l: language.value ? language.value : void 0, ...searchParams };
+      const queryKey = params.q || (searchStr.value ? "" : targetHotWord == null ? void 0 : targetHotWord.content) || "";
+      const hasSearchable = Boolean(queryKey || params.l || params.path || params.symbol);
+      if (!hasSearchable && typeof document !== "undefined" && document.querySelector) {
+        (_b = document.querySelector("#golbalSearch")) == null ? void 0 : _b.blur();
+        pendingType.value = "";
+        return;
+      }
+      const type = resolveSearchType(params);
+      pendingType.value = "";
+      const query = {
+        q: queryKey,
+        scope: params.scope,
+        repo: params.repo,
+        // 范围值按 scope 写入对应参数：组织 -> org，用户 -> user（不再输出 namespace）
+        org: params.scope === "group" ? params.namespace : void 0,
+        user: params.scope === "user" ? params.namespace : void 0,
+        l: params.l,
+        path: params.path,
+        symbol: params.symbol,
+        type
+      };
       searchHistoryList.value = setlocalVistHistory(query, "localSearchText");
+      Object.keys(query).forEach((key) => {
+        if (query[key] === void 0 || query[key] === "undefined") {
+          delete query[key];
+        }
+      });
       if (!(router2 == null ? void 0 : router2.hasRoute("search"))) {
-        Object.keys(query).forEach((key) => {
-          if (query[key] === void 0 || query[key] === "undefined") {
-            delete query[key];
-          }
-        });
         const urlParams = new URLSearchParams(query);
         const url = `${layoutConfig2.VITE_HOST}/search?${urlParams.toString()}`;
         window.open(url, "_blank");
         return;
-      } else {
-        router2.push({ name: "search", query });
       }
+      router2.push({ name: "search", query });
     };
     const changeHoverIndex = (type) => {
       if (type === "add") {
@@ -16262,38 +16696,20 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       } else {
         activeIndex.value = activeIndex.value - 1;
       }
-      if (activeIndex.value === searchHistoryList.value.length) {
+      if (activeIndex.value === displayHistoryList.value.length) {
         activeIndex.value = 0;
       }
       if (activeIndex.value < 0) {
-        activeIndex.value = searchHistoryList.value.length - 1;
-      }
-    };
-    const onBackspaceHandle = (event) => {
-      if (event.target.selectionStart === 0 && event.target.selectionEnd === 0 || !searchStr.value && !inputIng.value) {
-        onCloseTag();
+        activeIndex.value = displayHistoryList.value.length - 1;
       }
     };
-    const onCloseTag = () => {
-      localSearchInfo.value = {};
-    };
-    let memorySearchKey = "";
     watch(
-      () => isFocus.value,
+      [() => searchStr.value, () => isFocus.value, isScopeOnly],
       () => {
-        if (!isFocus.value && !isSearchPage.value) {
-          memorySearchKey = searchStr.value;
-          searchStr.value = "";
-        }
-      }
-    );
-    watch(
-      [() => searchStr.value, () => isFocus.value],
-      () => {
-        if (isFocus.value || searchStr.value) {
-          interval.value && clearInterval(interval.value);
-        } else {
+        if (!isFocus.value && (!searchStr.value || isScopeOnly.value)) {
           scrollRecommend();
+        } else {
+          interval.value && clearInterval(interval.value);
         }
       },
       {
@@ -16312,23 +16728,16 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       if (isFocus.value) {
         return;
       }
-      if (memorySearchKey && !isSearchPage.value) {
-        searchStr.value = memorySearchKey;
+      if (!isSearchPage.value && !searchStr.value) {
+        applyContextPrefill();
       }
       isFocus.value = true;
-      if (!Object.keys(localSearchInfo.value).length) {
-        if (isSearchPage.value) {
-          setQueryTag();
-        } else {
-          setSearchInfo();
-        }
-      }
       setTimeout(() => {
-        var _a2;
+        var _a;
         if (isFocus.value) {
           searchDropDownVisible.value = true;
           if (typeof document !== "undefined" && document.querySelector) {
-            (_a2 = document.querySelector(".custom-h-searchinput input")) == null ? void 0 : _a2.focus();
+            (_a = document.querySelector(".custom-h-searchinput input")) == null ? void 0 : _a.focus();
           }
         }
       }, 300);
@@ -16342,17 +16751,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       isFocus.value = true;
       searchDropDownVisible.value = true;
     };
-    const excludeQuery = {
-      l: "",
-      // 当前搜索语言
-      p: 1,
-      pp: 10,
-      total: 0
-    };
-    const onCloseLanguageTag = () => {
-      const filteredQuery = Object.fromEntries(Object.entries(route.query).filter(([key]) => !(key in excludeQuery)));
-      return router2.push({ name: "search", query: { ...filteredQuery } });
-    };
     const clearHistoryData = () => {
       searchHistoryList.value = [];
       localStorage$2.setItem("localSearchText", JSON.stringify([]));
@@ -16389,13 +16787,6 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         e.preventDefault();
       }
     });
-    watch(
-      () => searchInfo.value,
-      () => {
-        setSearchInfo();
-      },
-      { immediate: true }
-    );
     const getSearchHot = async () => {
       try {
         const res = await API.getSearchHot();
@@ -16406,7 +16797,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
     getSearchHot();
     onMounted(() => {
-      var _a2, _b;
+      var _a;
       useReport2 && useReport2(
         REPO_EVENT.SHOW,
         {
@@ -16415,8 +16806,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         () => {
         }
       );
-      searchStr.value = ((_a2 = route == null ? void 0 : route.query) == null ? void 0 : _a2.q) || "";
-      const index2 = (_b = searchHotWords.value) == null ? void 0 : _b.findIndex((item) => item === searchStr.value);
+      searchStr.value = initSearchStrFromQuery();
+      const index2 = (_a = searchHotWords.value) == null ? void 0 : _a.findIndex((item) => item === searchStr.value);
       activeSearchKey.value = index2 === -1 ? 0 : index2;
       document.addEventListener("keydown", function(event) {
         if (event.key === "Escape") {
@@ -16478,24 +16869,23 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                 withDirectives(createElementVNode("div", _hoisted_5$8, [
                   createVNode(unref(SearchScopeList), {
                     searchScopeList: searchScopeList.value,
-                    searchStr: searchStr.value,
                     onScopeSearch
-                  }, null, 8, ["searchScopeList", "searchStr"]),
-                  localSearchInfo.value.searchScope === "repo" ? (openBlock(), createBlock(unref(ProjectSearch), {
+                  }, null, 8, ["searchScopeList"]),
+                  derivedSearchInfo.value.searchScope === "repo" ? (openBlock(), createBlock(unref(ProjectSearch), {
                     key: 0,
-                    searchStr: searchStr.value,
-                    searchInfo: localSearchInfo.value,
+                    searchStr: keyword.value,
+                    searchInfo: derivedSearchInfo.value,
                     isSearchPage: isSearchPage.value
                   }, null, 8, ["searchStr", "searchInfo", "isSearchPage"])) : createCommentVNode("", true),
-                  localSearchInfo.value.searchScope === "user" || localSearchInfo.value.searchScope === "group" ? (openBlock(), createBlock(unref(UserSearch), {
+                  derivedSearchInfo.value.searchScope === "user" || derivedSearchInfo.value.searchScope === "group" ? (openBlock(), createBlock(unref(UserSearch), {
                     key: 1,
-                    searchStr: searchStr.value,
-                    searchInfo: localSearchInfo.value
+                    searchStr: keyword.value,
+                    searchInfo: derivedSearchInfo.value
                   }, null, 8, ["searchStr", "searchInfo"])) : createCommentVNode("", true),
-                  !localSearchInfo.value.searchScope ? renderSlot(_ctx.$slots, "globalSearch", normalizeProps(mergeProps({ key: 2 }, { searchStr: searchStr.value, searchMore: (type) => handleSearchMore(type) })), () => [
-                    !localSearchInfo.value.searchScope ? (openBlock(), createBlock(unref(GloabarSearch), {
+                  !derivedSearchInfo.value.searchScope ? renderSlot(_ctx.$slots, "globalSearch", normalizeProps(mergeProps({ key: 2 }, { searchStr: keyword.value, searchMore: (type) => handleSearchMore(type) })), () => [
+                    !derivedSearchInfo.value.searchScope ? (openBlock(), createBlock(unref(GloabarSearch), {
                       key: 0,
-                      searchStr: searchStr.value,
+                      searchStr: keyword.value,
                       onSearchMore: _cache[5] || (_cache[5] = (type) => handleSearchMore(type))
                     }, null, 8, ["searchStr"])) : createCommentVNode("", true)
                   ], true) : createCommentVNode("", true)
@@ -16503,7 +16893,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   [vShow, searchStr.value]
                 ]),
                 withDirectives(createVNode(unref(SearchHistoryList), {
-                  searchHistoryList: searchHistoryList.value,
+                  searchHistoryList: displayHistoryList.value,
                   visitHistoryList: visitHistoryList.value,
                   activeIndex: activeIndex.value,
                   onClearHistoryData: clearHistoryData,
@@ -16524,18 +16914,16 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(unref(Form), null, {
                 default: withCtx(() => [
-                  (openBlock(), createBlock(unref(Input), {
+                  (openBlock(), createBlock(HighlightInput, {
                     key: _ctx.$route.fullPath,
                     id: "golbalSearch",
                     class: "g-header-search custom-h-searchinput",
                     modelValue: searchStr.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchStr.value = $event),
-                    modelModifiers: { trim: true },
                     onKeydown: [
                       withKeys(onSearchBefore, ["enter"]),
                       _cache[1] || (_cache[1] = withKeys(($event) => changeHoverIndex("del"), ["up"])),
-                      _cache[2] || (_cache[2] = withKeys(($event) => changeHoverIndex("add"), ["down"])),
-                      withKeys(onBackspaceHandle, ["backspace"])
+                      _cache[2] || (_cache[2] = withKeys(($event) => changeHoverIndex("add"), ["down"]))
                     ],
                     onFocus,
                     onCompositionstart: _cache[3] || (_cache[3] = ($event) => inputIng.value = true),
@@ -16554,38 +16942,23 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                       ]),
                       showRecommendSearch.value && searchHotWords.value.length ? (openBlock(), createElementBlock("div", {
                         key: 0,
-                        class: normalizeClass(["g-header-search-recommend-placeholder z-[-1] absolute top-0 left-[44px] w-full h-full leading-[100%] text-[var(--theme-placeholder)]", { default: !isFocus.value, focus: isFocus.value }])
+                        class: normalizeClass(["g-header-search-recommend-placeholder", { default: !isFocus.value, focus: isFocus.value, "recommend-hidden": !recommendHasRoom.value }]),
+                        style: normalizeStyle(recommendOffset.value ? { left: `calc(44px + ${recommendOffset.value}px)`, width: `${recommendMaxWidth.value}px`, overflow: "hidden" } : void 0)
                       }, [
-                        _cache[8] || (_cache[8] = createElementVNode("div", { class: "absolute top-0 left-0 h-full flex items-center" }, "🔥", -1)),
+                        _cache[8] || (_cache[8] = createElementVNode("div", { class: "g-header-search-recommend-flame" }, "🔥", -1)),
                         (openBlock(true), createElementBlock(Fragment, null, renderList(searchHotWords.value, (item, index2) => {
                           return openBlock(), createElementBlock("div", {
-                            class: normalizeClass(["g-header-search-recommend-item absolute top-0 left-[24px] h-full flex items-center", { fadeInUp: activeSearchKey.value === index2, fadeOutUp: activeSearchKey.value !== index2 }]),
+                            class: normalizeClass(["g-header-search-recommend-item", { fadeInUp: activeSearchKey.value === index2, fadeOutUp: activeSearchKey.value !== index2 }]),
                             key: item
                           }, toDisplayString$1(item.content), 3);
                         }), 128))
-                      ], 2)) : withDirectives((openBlock(), createElementBlock("span", {
+                      ], 6)) : withDirectives((openBlock(), createElementBlock("span", {
                         key: 1,
                         class: "quick-tips",
                         innerHTML: unref(quickTips),
                         onClick: onInputClick
                       }, null, 8, _hoisted_2$h)), [
                         [vShow, placeholderVisible.value]
-                      ]),
-                      withDirectives(createVNode(unref(SearchPrefixTag), {
-                        tag: cnScopeMap[localSearchInfo.value.searchScope] + "：" + localSearchInfo.value.searchScopeName,
-                        closeVisible: isFocus.value,
-                        onInputClick,
-                        onCloseTag
-                      }, null, 8, ["tag", "closeVisible"]), [
-                        [vShow, projectTagVisible.value]
-                      ]),
-                      withDirectives(createVNode(unref(SearchPrefixTag), {
-                        tag: unref($t)("gitCodeLayout.header.language") + "：" + language.value,
-                        closeVisible: isFocus.value,
-                        onInputClick,
-                        onCloseTag: onCloseLanguageTag
-                      }, null, 8, ["tag", "closeVisible"]), [
-                        [vShow, languageTagVisible.value]
                       ])
                     ]),
                     suffix: withCtx(() => [
@@ -16647,7 +17020,7 @@ const _hoisted_1$l = { class: "announce-mobile-top" };
 const _hoisted_2$g = { class: "announce-mobile-bottom" };
 const _hoisted_3$f = ["href"];
 const _hoisted_4$b = { class: "announce-content" };
-const _hoisted_5$7 = { class: "text-left" };
+const _hoisted_5$7 = { class: "announce-content-inner" };
 const _hoisted_6$6 = ["href"];
 const _hoisted_7$5 = { class: "announce-handle-wrapper" };
 const ANNOUNCE_STATUS_KEY = "site_announcement_status";
@@ -16704,7 +17077,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               createVNode(GIcon, {
                 name: "gt-plane-warningCircular-blue",
                 size: "16",
-                class: "flex-shrink-0"
+                class: "announce-icon-shrink"
               })
             ]),
             createElementVNode("div", null, toDisplayString$1(unref(t2)("gitCodeLayout.home.migrationAnnounce.content")), 1)
@@ -16725,7 +17098,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               createVNode(GIcon, {
                 name: "gt-plane-warningCircular-blue",
                 size: "16",
-                class: "mr-2"
+                class: "announce-content-icon"
               }),
               createElementVNode("span", null, toDisplayString$1(unref(t2)("gitCodeLayout.home.migrationAnnounce.content")), 1),
               createElementVNode("a", {
@@ -16769,7 +17142,7 @@ const autoAvokeLogin = ({ isLogin, loginFunc, openHarmonyGuide, loginSuccess, lo
     loginFunc({ type: "login", triggerType: "", loginTriggerSource: "router_login_auth", ...loginFuncOpts }, loginSuccess, openHarmonyGuide);
   }
 };
-const NoticeModal = defineAsyncComponent(() => import("./notice-DxJbtsv_.js"));
+const NoticeModal = defineAsyncComponent(() => import("./notice-9BqsHOHE.js"));
 function clearNotice() {
   if (localStorage$2.getItem("validator_email")) {
     localStorage$2.removeItem("validator_email");
@@ -16796,19 +17169,19 @@ function useNotification() {
     notice
   };
 }
-const _hoisted_1$k = { class: "g-toolbar-left items-center allow-click-stop flex-[1] min-w-0" };
+const _hoisted_1$k = { class: "g-toolbar-left allow-click-stop" };
 const _hoisted_2$f = { key: 0 };
 const _hoisted_3$e = {
   key: 1,
-  class: "search-avatar flex-1 flex items-center justify-center"
+  class: "search-avatar"
 };
-const _hoisted_4$a = { class: "flex items-center gap-[8px]" };
+const _hoisted_4$a = { class: "g-toolbar-right__claim-row" };
 const _hoisted_5$6 = {
   key: 1,
   class: "g-header-body"
 };
-const _hoisted_6$5 = { class: "g-header-body-left h-full" };
-const _hoisted_7$4 = { class: "g-header-body-right h-full" };
+const _hoisted_6$5 = { class: "g-header-body-left" };
+const _hoisted_7$4 = { class: "g-header-body-right" };
 const _hoisted_8$4 = { key: 2 };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
@@ -16897,7 +17270,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
     const isHomePageHiddenMenuBtn = computed(() => {
       if (!route) return false;
-      return props.sceneValue === SceneValue.home && ["home", "issues", "kanban", "discussionCreated", "merge"].includes(route == null ? void 0 : route.name) && !["sm", "lg"].includes(widthType.value);
+      return props.sceneValue === SceneValue.home && ["home", "issues", "kanban", "discussionCreated", "merge", "marketplace", "marketplaceDetail"].includes(route == null ? void 0 : route.name) && !["sm", "lg"].includes(widthType.value);
     });
     const { isMobile } = usePageResize();
     const { widthType } = usePageResize();
@@ -17198,18 +17571,18 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       var _a2, _b, _c, _d;
       return openBlock(), createElementBlock("div", {
         onClick: withModifiers(handleHeaderClick, ["stop"]),
-        class: normalizeClass(["gitcode-header-wrapper w-full", detailBgInfo.value ? "cursor-pointer" : ""]),
+        class: normalizeClass(["gitcode-header-wrapper", detailBgInfo.value ? "gitcode-header-wrapper--clickable" : ""]),
         style: normalizeStyle({ height: `${unref(height)}px` })
       }, [
         createElementVNode("div", {
-          class: normalizeClass(["g-header allow-click-stop fixed z-[21] bg-[var(--theme-default-bg)]", [inAIHub.value ? "ai-hub border-b border-gray-100 " : "", isHome.value && showHeaderShadow.value ? "head-shadow" : "", __props.headerBorder ? "oldBorder" : "", headerClassName.value, isIndexHead.value && !showHeaderShadow.value ? "bg-transparent" : ""]]),
+          class: normalizeClass(["g-header allow-click-stop", [inAIHub.value ? "ai-hub g-header--ai-border " : "", isHome.value && showHeaderShadow.value ? "head-shadow" : "", __props.headerBorder ? "oldBorder" : "", headerClassName.value, isIndexHead.value && !showHeaderShadow.value ? "g-header--transparent" : ""]]),
           ref_key: "headerRef",
           ref: headerRef,
           style: normalizeStyle(detailBgStyle.value)
         }, [
           isShowStickyNoticeByClose.value ? withDirectives((openBlock(), createElementBlock("div", {
             key: 0,
-            class: "sticky-notice w-full cursor-pointer",
+            class: "sticky-notice",
             style: normalizeStyle(stickyNoticeStyle.value),
             onClick: withModifiers(handleStickyNoticeClick, ["stop"])
           }, [
@@ -17223,21 +17596,21 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           ]) : createCommentVNode("", true),
           createVNode(SiteAnnouncement),
           withDirectives((openBlock(), createElementBlock("div", {
-            class: "g-toolbar w-full overflow-hidden allow-click-stop",
+            class: "g-toolbar allow-click-stop",
             onClick: withModifiers(handleToolbarClick, ["stop"])
           }, [
             createElementVNode("div", _hoisted_1$k, [
               createElementVNode("div", {
                 onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop"])),
-                class: "flex flex-center gap-[12px] g-header-ailog"
+                class: "g-header-ailog"
               }, [
                 isModuleVisible(unref(HeaderDisplayItem).ASIDE_BUTTON) && !isHomePageHiddenMenuBtn.value ? (openBlock(), createBlock(GIcon, {
                   key: 0,
                   onClick: handleHamburgerClick,
                   name: "gt-hamburger",
                   size: "24px",
-                  class: "cursor-pointer hover:!text-[var(--theme-stress-text)] g-toolbar-left-asideicon",
+                  class: "g-toolbar-left-asideicon",
                   color: "var(--theme-aide-text)"
                 })) : createCommentVNode("", true),
                 showNameAndIcon.value && __props.independence || inAIHub.value ? (openBlock(), createBlock(GLink, {
@@ -17255,7 +17628,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               ]),
               isModuleVisible(unref(HeaderDisplayItem).CUSTOM_CONTENT) ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: normalizeClass(["g-toolbar-custom", inAIHub.value && !unref(isPhone)() ? "shrink-0" : ""])
+                class: normalizeClass(["g-toolbar-custom", inAIHub.value && !unref(isPhone)() ? "g-toolbar-custom--ai" : ""])
               }, [
                 _ctx.$slots.headerCustom ? renderSlot(_ctx.$slots, "headerCustom", { key: 0 }, void 0, true) : isModuleVisible(unref(HeaderDisplayItem).CUSTOM_CONTENT) && !showNameAndIcon.value ? (openBlock(), createBlock(HeaderCustom, {
                   key: 1,
@@ -17297,7 +17670,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               ], true) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
             createElementVNode("div", {
-              class: normalizeClass(["g-toolbar-right gap-[16px] flex-[1] justify-end max-md:gap-[12px] allow-click-stop", inAIHub.value ? "flex-none" : ""])
+              class: normalizeClass(["g-toolbar-right allow-click-stop", inAIHub.value ? "g-toolbar-right--ai" : ""])
             }, [
               createElementVNode("div", _hoisted_4$a, [
                 createVNode(ClaimPower, { config: claimPowerConfig.value }, null, 8, ["config"]),
@@ -17307,7 +17680,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                 isModuleVisible(unref(HeaderDisplayItem).LOGIN_AND_AVATAR) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   unref(isMobile) ? (openBlock(), createElementBlock("section", {
                     key: 0,
-                    class: "app-login-warp border-none login-icon",
+                    class: "app-login-warp login-icon",
                     onClick: _cache[3] || (_cache[3] = ($event) => handleLogin("login"))
                   }, [
                     createVNode(GIcon, {
@@ -17329,7 +17702,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     }),
                     createVNode(unref(Button), {
                       onClick: _cache[5] || (_cache[5] = withModifiers(($event) => handleLogin("register"), ["stop"])),
-                      class: "min-w-[64px]"
+                      class: "g-toolbar-right__register-btn"
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.header.register")), 1)
@@ -17378,19 +17751,19 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   }
 });
 const GitCodeHeader = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$j = { class: "g-toolbar w-full overflow-hidden allow-click-stop" };
-const _hoisted_2$e = { class: "g-toolbar-left items-center allow-click-stop flex-[1] min-w-0" };
+const _hoisted_1$j = { class: "g-toolbar allow-click-stop" };
+const _hoisted_2$e = { class: "g-toolbar-left allow-click-stop" };
 const _hoisted_3$d = { class: "g-toolbar-custom" };
-const _hoisted_4$9 = { class: "text-sm font-bold" };
-const _hoisted_5$5 = { class: "text-[var(--theme-placeholder)] text-[12px]" };
-const _hoisted_6$4 = { class: "search-avatar flex-1 flex items-center justify-center" };
-const _hoisted_7$3 = { class: "g-toolbar-right gap-[16px] flex-[1] justify-end max-md:gap-[12px] allow-click-stop" };
+const _hoisted_4$9 = { class: "enterprise-name" };
+const _hoisted_5$5 = { class: "enterprise-flag" };
+const _hoisted_6$4 = { class: "search-avatar" };
+const _hoisted_7$3 = { class: "g-toolbar-right allow-click-stop" };
 const _hoisted_8$3 = {
   key: 0,
   class: "g-header-body"
 };
-const _hoisted_9$3 = { class: "g-header-body-left h-full" };
-const _hoisted_10$3 = { class: "g-header-body-right h-full" };
+const _hoisted_9$3 = { class: "g-header-body-left" };
+const _hoisted_10$3 = { class: "g-header-body-right" };
 const _hoisted_11$3 = { key: 1 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
@@ -17604,19 +17977,19 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a2, _b, _c;
       return openBlock(), createElementBlock("div", {
-        class: "gitcode-header-wrapper w-full",
+        class: "gitcode-header-wrapper",
         style: normalizeStyle({ height: `${unref(height)}px` })
       }, [
         createElementVNode("div", {
           ref_key: "headerRef",
           ref: headerRef,
-          class: normalizeClass(["g-header allow-click-stop fixed z-[21] bg-[var(--theme-default-bg)]", [showHeaderShadow.value ? "head-shadow" : "", __props.headerBorder ? "oldBorder" : "", headerClassName.value]])
+          class: normalizeClass(["g-header allow-click-stop", [showHeaderShadow.value ? "head-shadow" : "", __props.headerBorder ? "oldBorder" : "", headerClassName.value]])
         }, [
           createVNode(SiteAnnouncement),
           withDirectives((openBlock(), createElementBlock("div", _hoisted_1$j, [
             createElementVNode("div", _hoisted_2$e, [
               createElementVNode("div", _hoisted_3$d, [
-                createVNode(_sfc_main$F, {
+                createVNode(_sfc_main$G, {
                   src: (_a2 = __props.enterpriseInfo) == null ? void 0 : _a2.avatar,
                   name: (_b = __props.enterpriseInfo) == null ? void 0 : _b.name,
                   isRound: false,
@@ -17651,7 +18024,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 isModuleVisible(unref(HeaderDisplayItem).LOGIN_AND_AVATAR) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   unref(isMobile) ? (openBlock(), createElementBlock("section", {
                     key: 0,
-                    class: "app-login-warp border-none login-icon",
+                    class: "app-login-warp login-icon",
                     onClick: _cache[0] || (_cache[0] = ($event) => handleLogin("login"))
                   }, [
                     createVNode(GIcon, {
@@ -17672,7 +18045,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     }),
                     createVNode(unref(Button), {
                       onClick: _cache[2] || (_cache[2] = withModifiers(($event) => handleLogin("register"), ["stop"])),
-                      class: "min-w-[64px]"
+                      class: "register-btn"
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.header.register")), 1)
@@ -17684,7 +18057,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 !["sm"].includes(unref(widthType)) && isModuleVisible(unref(HeaderDisplayItem).NEW_BUTTON) ? (openBlock(), createBlock(unref(Button), {
                   key: 0,
-                  class: "border-none btn-add",
+                  class: "btn-add",
                   variant: "solid",
                   onClick: handleNewRepo
                 }, {
@@ -17692,7 +18065,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     createVNode(GIcon, {
                       name: "gt-add",
                       color: "var(--theme-light-text)",
-                      class: "mr-1"
+                      class: "btn-add-icon"
                     }),
                     createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.header.createRepo_01")), 1)
                   ]),
@@ -17703,7 +18076,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   name: unref(isWhiteTheme)() ? "gt-line-light" : "gt-line-dark",
                   size: "16px",
                   onClick: handleThemeChange,
-                  class: "cursor-pointer"
+                  class: "theme-toggle-icon"
                 }, null, 8, ["name"]),
                 isModuleVisible(unref(HeaderDisplayItem).LOGIN_AND_AVATAR) ? (openBlock(), createBlock(UserAvatar, {
                   key: 2,
@@ -17943,7 +18316,7 @@ var SearchType = /* @__PURE__ */ ((SearchType2) => {
   return SearchType2;
 })(SearchType || {});
 const _hoisted_1$i = { class: "area" };
-const _hoisted_2$d = { class: "w-[208px] max-h-[240px]" };
+const _hoisted_2$d = { class: "area__layout-slot" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "Area",
   props: {
@@ -17957,9 +18330,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const layoutConfig2 = useLayoutConfig();
     const { t: t2 } = i18n.global;
     const route = useRoute();
-    const MenuItem = defineAsyncComponent(() => import("./MenuItem-_Zwq5jpi.js"));
-    const ProjectMenuListV2 = defineAsyncComponent(() => import("./ProjectMenuListV2-CtxnK6rz.js"));
-    const ProjectMenuList = defineAsyncComponent(() => import("./ProjectMenuList-BwGX02gW.js"));
+    const MenuItem = defineAsyncComponent(() => import("./MenuItem-C3jP0hIF.js"));
+    const ProjectMenuListV2 = defineAsyncComponent(() => import("./ProjectMenuListV2-BNO8Oa9f.js"));
+    const ProjectMenuList = defineAsyncComponent(() => import("./ProjectMenuList-CYBu-6UI.js"));
     const props = __props;
     const useReport2 = inject("useReport");
     const userInfo = inject("userInfo");
@@ -18271,7 +18644,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "leading-[16px]" };
+const _hoisted_1$g = { class: "settings__label" };
 const _hoisted_2$b = { class: "aside-footer-tools-item-dropdown-item" };
 const _hoisted_3$b = { class: "aside-footer-tools-item-dropdown-item" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
@@ -18296,7 +18669,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             [vShow, __props.showThemeSetting]
           ]),
           withDirectives(createElementVNode("div", _hoisted_3$b, [
-            createVNode(_sfc_main$t)
+            createVNode(_sfc_main$u)
           ], 512), [
             [vShow, __props.showLangSetting]
           ])
@@ -18308,12 +18681,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             createVNode(GIcon, {
               name: "gt-line-setting",
               size: "16",
-              class: "default-icon min-w-[16px]"
+              class: "default-icon settings__icon-min"
             }),
             createVNode(GIcon, {
               name: "gt-line-setting",
               size: "16",
-              class: "active-icon min-w-[16px]"
+              class: "active-icon settings__icon-min"
             }),
             createElementVNode("span", _hoisted_1$g, toDisplayString$1(unref(t2)("gitCodeLayout.common.footerSetting.preSettingLittle")), 1)
           ], 2)
@@ -18323,6 +18696,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const Settings = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-vue-layout-gitcode"]]);
 const FEEDBACK_CENTER_URL = "https://gitcode.com/Gitcode-offical-team/GitCode-Docs/issues";
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SubMenuList",
@@ -18356,12 +18730,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["sub-menu-list flex-col", { en: isEn.value }])
+        class: normalizeClass(["sub-menu-list", { en: isEn.value }])
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(linkList.value, (item) => {
           return openBlock(), createBlock(GLink, {
             key: item.name,
-            class: "custom-link flex gap-[8px] items-center",
+            class: "custom-link sub-menu-list__link",
             href: item.url,
             target: item.target
           }, {
@@ -18420,16 +18794,16 @@ const createSetting = () => {
   return settings;
 };
 const _hoisted_1$f = { class: "aside-footer" };
-const _hoisted_2$a = { class: "remake-message mt-[16px]" };
+const _hoisted_2$a = { class: "remake-message" };
 const _hoisted_3$a = ["title"];
-const _hoisted_4$8 = { class: "whitespace-nowrap" };
+const _hoisted_4$8 = { class: "remake-message__line" };
 const _hoisted_5$4 = {
   href: "https://beian.miit.gov.cn/#/Integrated/index",
   target: "_blank"
 };
 const _hoisted_6$3 = {
   key: 0,
-  class: "whitespace-nowrap public-security"
+  class: "remake-message__line public-security"
 };
 const _hoisted_7$2 = ["href"];
 const _hoisted_8$2 = {
@@ -18437,9 +18811,9 @@ const _hoisted_8$2 = {
   target: "_blank",
   rel: "noopener noreferrer"
 };
-const _hoisted_9$2 = { class: "whitespace-nowrap mt-[8px]" };
-const _hoisted_10$2 = { class: "footer-work-info mt-[8px] text-[12px]" };
-const _hoisted_11$2 = { class: "flex items-center mt-[8px]" };
+const _hoisted_9$2 = { class: "contact-info__about-row" };
+const _hoisted_10$2 = { class: "footer-work-info" };
+const _hoisted_11$2 = { class: "footer-work-info__item footer-work-info__item--mt" };
 const _hoisted_12$2 = { class: "" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ContactInfo",
@@ -18454,7 +18828,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createElementVNode("div", _hoisted_2$a, [
           createElementVNode("p", {
-            class: "break-all whitespace-normal",
+            class: "remake-message__line remake-message__line--break",
             title: unref(copyright).digestAbbr
           }, " © " + toDisplayString$1(unref(copyright).digestAbbr), 9, _hoisted_3$a),
           createElementVNode("p", _hoisted_4$8, [
@@ -18469,7 +18843,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true)
         ]),
         createElementVNode("p", {
-          class: normalizeClass(["whitespace-nowrap mt-[16px] support", { en: isEn.value }])
+          class: normalizeClass(["contact-info__support support", { en: isEn.value }])
         }, [
           createElementVNode("span", null, toDisplayString$1(unref(t2)("gitCodeLayout.home.technicalSupport")), 1),
           _cache[1] || (_cache[1] = createElementVNode("a", {
@@ -18502,7 +18876,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           }, 8, ["href"])
         ]),
         createElementVNode("ul", _hoisted_10$2, [
-          _cache[4] || (_cache[4] = createElementVNode("li", { class: "flex items-center" }, [
+          _cache[4] || (_cache[4] = createElementVNode("li", { class: "footer-work-info__item" }, [
             createElementVNode("span", { class: "" }, "400-6868-951")
           ], -1)),
           createElementVNode("li", _hoisted_11$2, [
@@ -18514,7 +18888,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const ContactInfo = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$e = { class: "flex-[1] flex flex-col justify-between min-h-0" };
+const _hoisted_1$e = { class: "config-aside__main" };
 const _hoisted_2$9 = { key: 0 };
 const _hoisted_3$9 = {
   key: 1,
@@ -18522,7 +18896,7 @@ const _hoisted_3$9 = {
 };
 const _hoisted_4$7 = {
   key: 1,
-  class: "line mt-[16px] mb-[6px]"
+  class: "line line--mt"
 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "configAideContent",
@@ -18661,7 +19035,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           }, [
             withDirectives((openBlock(), createElementBlock("div", _hoisted_1$e, [
               createElementVNode("div", {
-                class: normalizeClass(["scroll-content flex-[1]", { scroll: isScroll.value }]),
+                class: normalizeClass(["scroll-content config-aside__scroll", { scroll: isScroll.value }]),
                 onScroll: handleScroll,
                 onMouseleave: handleMouseLeave
               }, [
@@ -18708,7 +19082,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                     ], 64);
                   }), 128)),
                   !__props.asideSetShowLittle && isModuleVisible(unref(AsideDisplayItem).LINK) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                    _cache[3] || (_cache[3] = createElementVNode("hr", { class: "line mt-[16px] mb-[16px]" }, null, -1)),
+                    _cache[3] || (_cache[3] = createElementVNode("hr", { class: "line line--my" }, null, -1)),
                     createVNode(SubMenuList)
                   ], 64)) : createCommentVNode("", true)
                 ])),
@@ -18718,7 +19092,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: normalizeClass(["aside-footer-tools", { "aside-footer-tools-little": __props.asideSetShowLittle }])
               }, [
-                createVNode(_sfc_main$j, {
+                createVNode(Settings, {
                   "show-lang-setting": __props.showLangSetting,
                   "show-theme-setting": __props.showThemeSetting,
                   asideSetShowLittle: __props.asideSetShowLittle
@@ -18735,7 +19109,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const ConfigAideContent = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$d = { class: "p-[16px] flex justify-between items-center h-[60px]" };
+const _hoisted_1$d = { class: "aside-drawer-header" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -18792,7 +19166,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     provide("asideSetShow", asideSetShow);
     console.log("indexasideSetShow", asideSetShow.value);
     const isHome = computed(() => {
-      return props.sceneValue === SceneValue.home && ["home", "issues", "kanban", "discussionCreated", "merge", "dashboard"].includes(route == null ? void 0 : route.name);
+      return props.sceneValue === SceneValue.home && ["home", "issues", "kanban", "discussionCreated", "merge", "dashboard", "marketplace", "marketplaceDetail"].includes(route == null ? void 0 : route.name);
     });
     const asideSize = computed(() => {
       if (props.collapseMode) {
@@ -18901,7 +19275,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               href: __props.independence ? unref(transformUrl)(unref(layoutConfig2).VITE_HOST) : ""
             }, null, 8, ["style", "to", "href"]),
             createVNode(unref(Button), {
-              class: "cursor-pointer draw-side-bar-close",
+              class: "draw-side-bar-close",
               icon: "close",
               onClick: _cache[0] || (_cache[0] = ($event) => handleAsideVisible(false)),
               variant: "text"
@@ -19794,8 +20168,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            _cache[10] || (_cache[10] = createElementVNode("hr", { class: "my-4" }, null, -1)),
-            _cache[11] || (_cache[11] = createElementVNode("h1", { class: "my-2" }, "场景值 SceneValue 传入", -1)),
+            _cache[10] || (_cache[10] = createElementVNode("hr", { class: "home-divider" }, null, -1)),
+            _cache[11] || (_cache[11] = createElementVNode("h1", { class: "home-section-title" }, "场景值 SceneValue 传入", -1)),
             createVNode(unref(RadioGroup), {
               direction: "row",
               modelValue: sceneSelected.value,
@@ -19817,8 +20191,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            _cache[12] || (_cache[12] = createElementVNode("hr", { class: "my-4" }, null, -1)),
-            _cache[13] || (_cache[13] = createElementVNode("h2", { class: "mt-2" }, "是否独立部署", -1)),
+            _cache[12] || (_cache[12] = createElementVNode("hr", { class: "home-divider" }, null, -1)),
+            _cache[13] || (_cache[13] = createElementVNode("h2", { class: "home-subsection-title" }, "是否独立部署", -1)),
             createVNode(unref(RadioGroup), {
               direction: "row",
               modelValue: independence.value,
@@ -20622,7 +20996,7 @@ function useModel(props, emits) {
     vModels
   };
 }
-const _hoisted_1$a = { class: "text-[14px]" };
+const _hoisted_1$a = { class: "g-input-button-append__text" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "inputButton",
   props: {
@@ -20712,7 +21086,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["flex flex-1 g-input-button", [inputBtnClassName.value, __props.error ? "g-input-button-error" : ""]])
+        class: normalizeClass(["g-input-button", [inputBtnClassName.value, __props.error ? "g-input-button-error" : ""]])
       }, [
         createVNode(unref(Input), {
           modelValue: unref(vModels),
@@ -20740,11 +21114,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "flex flex-1 g-input-select" };
+const _hoisted_1$9 = { class: "g-input-select" };
 const _hoisted_2$7 = { class: "login-phone" };
-const _hoisted_3$7 = { class: "flex justify-between gap-[8px] flex-wrap" };
-const _hoisted_4$5 = { class: "flex items-center justify-between" };
-const _hoisted_5$3 = { class: "flex justify-between gap-[8px] flex-wrap" };
+const _hoisted_3$7 = { class: "g-input-select__option-row" };
+const _hoisted_4$5 = { class: "g-input-select__item-row" };
+const _hoisted_5$3 = { class: "g-input-select__option-row" };
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "inputSelect",
   props: {
@@ -20864,7 +21238,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", null, toDisplayString$1(slotProps.option.label), 1),
                   createVNode(GIcon, {
                     name: "gt-line-delete",
-                    class: "w-[16px] h-[16px] cursor-pointer",
+                    class: "g-input-select__delete-icon",
                     onClick: withModifiers(($event) => deleteMobile(slotProps.option.value), ["stop"])
                   }, null, 8, ["onClick"])
                 ])
@@ -21242,10 +21616,10 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 });
 const recentLoginImg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfgSURBVHgB7ZtLbFRlFMfPnU4LhbaMgAJCdJpYImwoK7vgMSwkGDckQgwrARduJNREE4nykhhJMKGNblxIuzOEElcGAptiWeCKuoFIMYykCEoLpQ9eZWY8v9v52tvbOzP33mlLDPefTDtzn993/uf8z/nO3LGkDNxIphJPRVIxyW7MipXUTY0xySVyIgl5gWCJDOTESuu80yK532MS62xId3ZKCFgSAj3JVConuYOW5BpfNOMHQFrN21kp1uH6dGfa70mBCPkjmdqqJBxXL0hKhACw2v0S44sQlabkqOTalIiURAiLtNrv8Mp0V3uxg2JSAn8mN+x9JtnLERllI6n+33YtueF4sYOKRkhPcsNBzRGHJMI0w+pWCdukEjbg3lMwQiIyZhK5Rk0BP3vt8SQkImM2kEt5ydcUySJnZERaJMKsICu5T95Md43bexIhVFMk8GhtMasYqJRYvcknkyQLXYvImHUkRiV70HwYJ+RaMrWTZCP/E8TqaiQsyjl3htBMG4o38YltuYN+z56z+g1J7NouQTB4+ow8utQ9aVvliqWy7Ievpb+1TUbOXZy0D6NV5A0X1+M4Nr6c/8tkXlOjvS29/n0Z7b0z5V5Lju3zHMOj3y7LnFUN9vh7d+y1t720e7vEamvsMRTC/LfXSc3m9eIX/3z2jQTFU8k2679DNiHXk+u3ZgO0QzBW3bYtcv/EKckODpc8flHzLnl46fKU7RjzyZXr8qqSwiQGO86O70vs2mafZ8B9Mvri+KFzXWrcbvuzFyDLDUjMDA7J8PkuSezeJvM3r5MqJXfx/o+lv6UwGaBiQY3nNd2owmn0FYYQTeZ4yBghOYl9wN+gwCh+CCkGBj966/a4VztJeagR9a/ux/B+70MkDbSdmhRxRAGEPGjrsJ0AR8IJAGTca22339e9t0UJuzjlXozJOa5CWLh35yQnCogETds42qVJZauEwMK9u8omBNxraZfK5ctsSXLDS5KKoVYjd5GOi2siQxBEFECCuRYE1KoE4YIDShLAkBg089EXU+QTIHOlcg9yWg4ykmmM659UyC683NHB+zFYw40LJY8JE+ZegAic5OX9e2z5IDIYY9+R78ePYT85ZMVPrfaL3IaM3T3ynScZgIjyI1vlwUrF9YullIQEk5lJzFWvLHUPigW3nAyc6FAXs+zIABBQ33VyyrnG4yHDncPcuKEFRCmUKVmUvGs0h1hrguYPPCrtY4BOeCVgEmuFQwa4rok4jMU5zghEfqrV44fPTei8+7ocQ3Rw7RFN/v0qT8hNsblAOjkM2XRWW85Kzw9idbXjY3DOO4CsJ5SQnO+FIEmv3LBlcEa3a7ScrG5aa79nEnc+1QTfO+alGAIynFLG/SGkT6WlULlL9ce+vx25gMqsGPD+hc1j3k0OuqVyxjXclZ5fJB3RONhxRudw1O+pibhmj6Tf+Ihp+UfiqlHvY5JOo+CFGHW4gAYbOD3aOVC3pHCfx1d6JAhYZzy52mNLD8R4yZQXhjWS7mqOGdLzFqh8mXkNnT5rV5KFsFQdYLT3th2FThBZJiqeBSxK4kFaJWgzmNd0Uh4o8wzYAP2s2/bOtCVnCMZQQeDMASz2MAyJuhiQN5NL7OT/1UTyN8SweB3S+d7PR7YTHONe8L72y49KxG2N0i8lIAbiEhKvHNgjix3hbDSfKEkW8EzWFbfyK+RiMCXmk6vXpRwwnlLrB0rkYsDgLCYXH9hj54ipOaZ20mcIrgy5ONR8ng5NCBEycn5Cnsb0fa09AbySid5898Px/eg7XuMHtGW8PC8oKvIdhWLw09eilEaibYnSRSyybCKL4oG5Uu0RSWyjpC6Vt7yg3ZK/QhOSGxxxbZlYy+CVDJIEzHtTHfXvaCt53cr82sGr1RIUGKdQXysoKBBuXhlzsNdVkog+8gM5BNIpCkbyuSjoYtZALdgdmhAGMbdpojlMH8cUByQ0QhsvwsvxHL8eX5WXq3uuRBkUnG8kr9Bij6YhfSo/bRFAg5FciTpwfYgZqwSP2qVz1eoGKQc8YFfyqZNC6NMeEPnAvBgkMDU4BQChTYJjW7HcgRdTTtNzgrTefNlZLshFyIzXOgTSyYPVb5X+xoHoxuCQgaOx6neuLRgrY2Yb+bNUXiqANE87BiIEvWRVy2ToBWFIXhgdY2J43gOzqDIaXd3kPXGiiDKadQPg/EILqUGt6nrqN/omy2g/93CD8RLRxSLREMGLY8mJptJ0gzGxH8KQL4gplb8mw+rkbyDJmqfeNFcT92OdZMZuhw/ZxqP+Z5FHyDIoPATiOIbPEAlxNCOd/SIKAdO2YBvRseTY5/ZkMKSTGNN+B06iAWSyn3Mpvb1QqJ/mrgid3d/q/PcuzkWmqQDNy90pwAlYzxBNXh3sQsiIdZj/1rXkhuB9dw+YdQgELFePGtFSEW8yRiV6OAZdN14GUUiGs/EHMAQTp/vrLCs9J6LX78uvNTivssxOAo5gKiRDutMxcKIl3+4b316somIs/qLZal+ZvmDr3LQREiE00hmJbVqVf+43dFKPMF3IHV7leAg7IuT5otX98HVEyHOD1b0y/Wuze2tEyHOB/UOeTV57Qq/UI4SGytSF5kI7owiZJfA7RJ7j9ZIpJ6IImR20xiV2qMHj9yBuRITMEMYiQlqrJNZS74MIg4iQacCY8a0B1X9tZ2e1R1PRHfZn0f8BoszztTsf3m0AAAAASUVORK5CYII=";
 const _hoisted_1$8 = { class: "auth-container" };
-const _hoisted_2$6 = { class: "tips text-[var(--devui-disabled-text)]" };
+const _hoisted_2$6 = { class: "tips" };
 const _hoisted_3$6 = { class: "icons" };
 const _hoisted_4$4 = ["src", "alt", "onClick"];
-const _hoisted_5$2 = { class: "w-[50px] h-[20px] recent-login-img" };
+const _hoisted_5$2 = { class: "recent-login-img" };
 const _hoisted_6$2 = ["src"];
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "auth",
@@ -21274,7 +21648,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.logos, (icon) => {
             return openBlock(), createElementBlock("div", {
               key: icon.alt,
-              class: "rounded-[50%] w-[40px] h-[40px] border-[1px] icon-wrap border-solid cursor-pointer otherInfo-icon"
+              class: "icon-wrap otherInfo-icon"
             }, [
               createVNode(unref(Tooltip), {
                 position: "top",
@@ -21283,7 +21657,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("img", {
-                    class: "w-[32px] h-[32px]",
+                    class: "otherInfo-icon__img",
                     src: icon.src,
                     alt: icon.alt,
                     onClick: withModifiers(($event) => handleClick(icon), ["stop"])
@@ -21295,7 +21669,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 checkIsRecentLogin(icon.loginMethodList) ? (openBlock(), createElementBlock("img", {
                   key: 0,
                   src: unref(recentLoginImg),
-                  class: "w-[50px] h-[20px]"
+                  class: "recent-login-img__icon"
                 }, null, 8, _hoisted_6$2)) : createCommentVNode("", true)
               ])
             ]);
@@ -21347,10 +21721,10 @@ const useDeclareStatus = () => {
     resetDeclareStatus
   };
 };
-const _hoisted_1$7 = { class: "flex-col items-center agreement" };
-const _hoisted_2$5 = { class: "text-[var(--theme-placeholder)]" };
-const _hoisted_3$5 = { class: "text-[var(--theme-placeholder)]" };
-const _hoisted_4$3 = { class: "text-[var(--theme-placeholder)]" };
+const _hoisted_1$7 = { class: "agreement" };
+const _hoisted_2$5 = { class: "agreement__placeholder" };
+const _hoisted_3$5 = { class: "agreement__placeholder" };
+const _hoisted_4$3 = { class: "agreement__placeholder" };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "agreement",
   props: {
@@ -21384,12 +21758,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createElementVNode("span", _hoisted_2$5, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.tips.agree")), 1),
             createElementVNode("span", {
-              class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["agreement__link", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
               onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handleClick("agreement"), ["stop"]))
             }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.agreement")), 3),
             createElementVNode("span", _hoisted_3$5, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.tips.and")), 1),
             createElementVNode("span", {
-              class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["agreement__link", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
               onClick: _cache[1] || (_cache[1] = withModifiers(($event) => handleClick("privacy"), ["stop"]))
             }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.privacyPolicy")), 3)
           ]),
@@ -21404,7 +21778,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             createElementVNode("span", _hoisted_4$3, [
               createTextVNode(toDisplayString$1(dataShareName.value) + " ", 1),
               createElementVNode("span", {
-                class: "text-[var(--theme-link)] cursor-pointer mx-[1px]",
+                class: "agreement__link",
                 onClick: _cache[3] || (_cache[3] = withModifiers(($event) => handleClick("dataShare"), ["stop"]))
               }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.dataShareTip")), 1)
             ])
@@ -21416,9 +21790,9 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const GAgreement = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$6 = { class: "text-[var(--devui-aide-text)] text-[12px]" };
-const _hoisted_2$4 = { class: "text-[var(--devui-aide-text)]" };
-const _hoisted_3$4 = { class: "text-[var(--devui-aide-text)] text-[12px]" };
+const _hoisted_1$6 = { class: "agreements__hint" };
+const _hoisted_2$4 = { class: "agreements__hint-plain" };
+const _hoisted_3$4 = { class: "agreements__hint" };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "agreements",
   props: {
@@ -21448,17 +21822,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           "model-value": __props.modelValue,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = (val) => emits("update:modelValue", val)),
           size: "sm",
-          class: "mt-[6px] agree-module flex items-center"
+          class: "agree-module agreements"
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_1$6, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.readAgree")), 1),
             createElementVNode("a", {
-              class: normalizeClass(["text-[var(--devui-link)] cursor-pointer mx-[1px] text-[12px]", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["agreements__link", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
               onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handleClick("agreement"), ["stop"]))
             }, toDisplayString$1("《" + unref($t)("gitCodeLayout.LoginModal.link.agreement") + "》"), 3),
             createElementVNode("span", _hoisted_2$4, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.tips.and")), 1),
             createElementVNode("a", {
-              class: normalizeClass(["text-[var(--devui-link)] cursor-pointer mx-[1px] text-[12px]", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["agreements__link", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
               onClick: _cache[1] || (_cache[1] = withModifiers(($event) => handleClick("privacy"), ["stop"]))
             }, toDisplayString$1("《" + unref($t)("gitCodeLayout.LoginModal.link.privacyPolicy") + "》"), 3),
             renderSlot(_ctx.$slots, "default")
@@ -21469,12 +21843,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           "model-value": __props.dataShareChecked,
           "onUpdate:modelValue": _cache[4] || (_cache[4] = (val) => emits("update:dataShareChecked", val)),
           size: "sm",
-          class: "mb-[12px]"
+          class: "agreements__data-share"
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_3$4, toDisplayString$1(dataShareName.value), 1),
             createElementVNode("span", {
-              class: "text-[var(--theme-link)] cursor-pointer mx-[1px] text-[12px]",
+              class: "agreements__data-link",
               onClick: _cache[3] || (_cache[3] = withModifiers(($event) => handleClick("dataShare"), ["stop"]))
             }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.dataShareTip")), 1)
           ]),
@@ -21484,12 +21858,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "text-center text-[18px] leading-[26px] font-bold mb-[24px] flex items-center justify-center relative" };
-const _hoisted_2$3 = { class: "back-img absolute mr-[24px] left-0" };
+const _hoisted_1$5 = { class: "g-title" };
+const _hoisted_2$3 = { class: "back-img" };
 const _hoisted_3$3 = ["src"];
 const _hoisted_4$2 = {
   key: 0,
-  class: "tracking-[.5px]"
+  class: "g-title__text"
 };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "title",
@@ -21511,7 +21885,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           __props.showBack ? (openBlock(), createElementBlock("img", {
             key: 0,
             src: __props.icon,
-            class: "w-[24px] cursor-pointer",
+            class: "g-title__back-img",
             onClick: withModifiers(handleClick, ["stop"])
           }, null, 8, _hoisted_3$3)) : createCommentVNode("", true)
         ]),
@@ -23862,8 +24236,8 @@ const isMobileEmail = (val) => {
   return t$1("gitCodeLayout.common.phone") + "/" + t$1("gitCodeLayout.common.email");
 };
 const _hoisted_1$4 = { class: "modal-body" };
-const _hoisted_2$2 = { class: "text-[13px]" };
-const _hoisted_3$2 = { class: "flex items-center justify-end px-[24px] pb-[24px]" };
+const _hoisted_2$2 = { class: "login-check-modal-text" };
+const _hoisted_3$2 = { class: "login-check-modal-footer" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "loginCheckModal",
   props: /* @__PURE__ */ mergeModels({
@@ -23908,7 +24282,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         footer: withCtx(() => [
           createElementVNode("div", _hoisted_3$2, [
             createVNode(unref(Button), {
-              class: "mr-2",
+              class: "login-check-modal-footer__btn-cancel",
               onClick: close
             }, {
               default: withCtx(() => [
@@ -23918,7 +24292,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             }),
             createVNode(unref(Button), {
               variant: "solid",
-              class: "w-[126px]",
+              class: "login-check-modal-footer__btn-confirm",
               disabled: !__props.dataShareChecked,
               onClick: handleConfirm
             }, {
@@ -23934,12 +24308,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", null, [
               createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.tips.youNeeToAgr")) + " ", 1),
               createElementVNode("span", {
-                class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
+                class: normalizeClass(["login-check-modal-link", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
                 onClick: _cache[0] || (_cache[0] = withModifiers(($event) => handleClick("agreement"), ["stop"]))
               }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.agreement")), 3),
               createTextVNode(" " + toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.tips.and")) + " ", 1),
               createElementVNode("span", {
-                class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
+                class: normalizeClass(["login-check-modal-link", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
                 onClick: _cache[1] || (_cache[1] = withModifiers(($event) => handleClick("privacy"), ["stop"]))
               }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.privacyPolicy")), 3),
               createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.tips.toUseGit")), 1)
@@ -23951,12 +24325,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               "model-value": __props.dataShareChecked,
               "onUpdate:modelValue": _cache[3] || (_cache[3] = (val) => emits("update:dataShareChecked", val)),
               size: "sm",
-              class: "mt-[12px]"
+              class: "login-check-modal-data-share"
             }, {
               default: withCtx(() => [
                 createElementVNode("span", _hoisted_2$2, toDisplayString$1(dataShareName.value), 1),
                 createElementVNode("span", {
-                  class: "text-[var(--theme-link)] cursor-pointer mx-[1px] text-[13px]",
+                  class: "login-check-modal-link login-check-modal-link--sm",
                   onClick: _cache[2] || (_cache[2] = withModifiers(($event) => handleClick("dataShare"), ["stop"]))
                 }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.dataShareTip")), 1)
               ]),
@@ -23971,8 +24345,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$3 = { class: "mfa" };
 const _hoisted_2$1 = ["src"];
-const _hoisted_3$1 = { class: "text-[20px] font-[600] mb-[8px]" };
-const _hoisted_4$1 = { class: "mb-[32px] text-[var(--devui-placeholder)]" };
+const _hoisted_3$1 = { class: "mfa__title" };
+const _hoisted_4$1 = { class: "mfa__desc" };
 const _hoisted_5$1 = {
   key: 0,
   class: "input-list"
@@ -23983,19 +24357,19 @@ const _hoisted_6$1 = {
 };
 const _hoisted_7$1 = {
   key: 2,
-  class: "text-[var(--color-danger)] mt-[8px]"
+  class: "mfa__error"
 };
 const _hoisted_8$1 = {
   key: 3,
-  class: "text-[var(--devui-placeholder)] mt-[8px]"
+  class: "mfa__hint"
 };
 const _hoisted_9$1 = {
   key: 4,
-  class: "text-[var(--devui-placeholder)] mt-[8px]"
+  class: "mfa__hint"
 };
-const _hoisted_10$1 = { class: "my-[32px]" };
-const _hoisted_11$1 = { class: "flex items-center justify-between" };
-const _hoisted_12$1 = { class: "cursor-pointer" };
+const _hoisted_10$1 = { class: "mfa__action" };
+const _hoisted_11$1 = { class: "mfa__footer" };
+const _hoisted_12$1 = { class: "mfa__back" };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MFA",
   props: {
@@ -24147,7 +24521,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("img", {
-          class: "w-[104px] mb-[32px]",
+          class: "mfa__logo",
           src: currentLogo.value,
           alt: ""
         }, null, 8, _hoisted_2$1),
@@ -24183,7 +24557,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         mode.value === "recover" ? (openBlock(), createElementBlock("p", _hoisted_9$1, toDisplayString$1(unref(t2)("gitCodeLayout.LoginModal.mfatip2")), 1)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_10$1, [
           createVNode(unref(Button), {
-            class: "w-[100%]",
+            class: "mfa__submit",
             color: "primary",
             loading: loading.value,
             onClick: handleConfirm,
@@ -24205,19 +24579,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(GIcon, {
                 color: "var(--devui-aide-text)",
                 name: "gt-line-left",
-                class: "mr-[8px]"
+                class: "mfa__back-icon"
               }),
               createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.pipeline.goBack")), 1)
             ])) : createCommentVNode("", true)
           ]),
           mode.value === "recover" ? (openBlock(), createElementBlock("p", {
             key: 0,
-            class: "cursor-pointer text-[var(--devui-link)] hover:underline",
+            class: "mfa__switch",
             onClick: _cache[2] || (_cache[2] = ($event) => modChange("code"))
           }, toDisplayString$1(unref(t2)("gitCodeLayout.LoginModal.mfatip7")), 1)) : createCommentVNode("", true),
           mode.value === "code" ? (openBlock(), createElementBlock("p", {
             key: 1,
-            class: "cursor-pointer text-[var(--devui-link)] hover:underline",
+            class: "mfa__switch",
             onClick: _cache[3] || (_cache[3] = ($event) => modChange("recover"))
           }, toDisplayString$1(unref(t2)("gitCodeLayout.LoginModal.mfatip6")), 1)) : createCommentVNode("", true)
         ])
@@ -24413,7 +24787,7 @@ const _SlidCaptchaManager = class _SlidCaptchaManager {
 __publicField(_SlidCaptchaManager, "instance");
 let SlidCaptchaManager = _SlidCaptchaManager;
 const slidCaptchaManager = SlidCaptchaManager.getInstance();
-const SlidCaptcha = defineAsyncComponent(() => import("./index-CWOH-qdm.js"));
+const SlidCaptcha = defineAsyncComponent(() => import("./index-Vmx0G7Nd.js"));
 const useSlidCaptcha = () => {
   const { mount, unMount, isMounted } = usePopup("slid-captcha-popup");
   const open = (config) => {
@@ -24443,7 +24817,7 @@ const useSlidCaptcha = () => {
     close
   };
 };
-const YunpianCaptcha = defineAsyncComponent(() => import("./index-C8jg8ELo.js"));
+const YunpianCaptcha = defineAsyncComponent(() => import("./index-BniudX3d.js"));
 const useYunpianCaptcha = () => {
   const { mount, unMount } = usePopup("yunpian-captcha-popup");
   const open = (config) => {
@@ -24839,9 +25213,9 @@ const _hoisted_1$2 = { class: "content-loading" };
 function _sfc_render(_ctx, _cache) {
   return openBlock(), createElementBlock("div", _hoisted_1$2, [..._cache[0] || (_cache[0] = [
     createElementVNode("div", { class: "content-loading-title" }, [
-      createElementVNode("div", { class: "w-full flex-center" }, [
+      createElementVNode("div", { class: "content-loading__row" }, [
         createElementVNode("img", {
-          class: "w-[60px] h-[60px]",
+          class: "content-loading__img",
           src: "https://cdn-static.gitcode.com/static/images/common/loading.gif",
           alt: "loading"
         })
@@ -24870,12 +25244,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         __props.loading ? renderSlot(_ctx.$slots, "loading", { key: 0 }, () => [
           __props.skeleton ? (openBlock(), createBlock(unref(Skeleton), {
             key: 0,
-            class: "p-20",
+            class: "data-panel__skeleton",
             rows: __props.skeletonRow
           }, null, 8, ["rows"])) : __props.animation ? (openBlock(), createBlock(ContentLoading, {
             key: 1,
             name: "loading",
-            class: "w-full h-full flex-center"
+            class: "data-panel__content-loading"
           })) : createCommentVNode("", true)
         ], true) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
       ], 2);
@@ -24940,106 +25314,106 @@ function useVisibilityPoll(pollFunction, options = {}, shouldPoll) {
 }
 const _hoisted_1$1 = {
   key: 0,
-  class: "flex items-center gap-1 h-[48px]"
+  class: "login-modal-header"
 };
-const _hoisted_2 = { class: "devui-icon__container devui-icon--operable devui-icon--no-slots self-start min-w-[34px] mt-[-6px]" };
+const _hoisted_2 = { class: "devui-icon__container devui-icon--operable devui-icon--no-slots login-modal-header__close-wrap" };
 const _hoisted_3 = {
   key: 1,
   class: "login-modal-content"
 };
 const _hoisted_4 = {
   key: 0,
-  class: "w-[470px] login-modal-content-left login-modal-content-left-register"
+  class: "login-modal-content-left login-modal-content-left-register"
 };
 const _hoisted_5 = { class: "login-modal-content-left-register-logo" };
 const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "text-[var(--theme-text)] mt-[6px]" };
-const _hoisted_8 = { class: "ml-[44px] mt-[32px] mr-[44px] text-[var(--theme-text)] leading-[22px]" };
-const _hoisted_9 = { class: "font-medium text-[20px]" };
-const _hoisted_10 = { class: "mt-[16px]" };
+const _hoisted_7 = { class: "login-modal-logo-desc" };
+const _hoisted_8 = { class: "login-modal-history" };
+const _hoisted_9 = { class: "login-modal-history__title" };
+const _hoisted_10 = { class: "login-modal-history__content" };
 const _hoisted_11 = {
   key: 0,
-  class: "flex items-baseline mb-[16px] justify-between"
+  class: "login-modal-tabs-row"
 };
-const _hoisted_12 = { class: "flex items-center gap-[24px]" };
-const _hoisted_13 = { class: "w-[50px] h-[20px] last-login-img" };
+const _hoisted_12 = { class: "login-modal-tabs" };
+const _hoisted_13 = { class: "last-login-img" };
 const _hoisted_14 = ["src"];
-const _hoisted_15 = { class: "w-[50px] h-[20px] last-login-img" };
+const _hoisted_15 = { class: "last-login-img" };
 const _hoisted_16 = ["src"];
-const _hoisted_17 = { class: "w-[50px] h-[20px] last-login-img" };
+const _hoisted_17 = { class: "last-login-img" };
 const _hoisted_18 = ["src"];
-const _hoisted_19 = { class: "text-[12px] leading-[32px] text-right" };
+const _hoisted_19 = { class: "login-modal-section-tip login-modal-section-tip--right" };
 const _hoisted_20 = {
   key: 1,
-  class: "forget-tips text-[var(--devui-link)] my-[16px] min-h-[32px] leading-[32px] px-[12px] tracking-[.5px]"
+  class: "forget-tips"
 };
 const _hoisted_21 = { key: 2 };
-const _hoisted_22 = { class: "flex items-center justify-between" };
-const _hoisted_23 = { class: "text-[var(--devui-text-weak)] font-bold text-[16px]" };
-const _hoisted_24 = { class: "text-[12px] leading-[32px]" };
+const _hoisted_22 = { class: "login-modal-row-between" };
+const _hoisted_23 = { class: "login-modal-section-title" };
+const _hoisted_24 = { class: "login-modal-section-tip" };
 const _hoisted_25 = { key: 3 };
-const _hoisted_26 = { class: "flex items-center justify-between" };
-const _hoisted_27 = { class: "text-[var(--devui-text-weak)] font-bold text-[16px]" };
-const _hoisted_28 = { class: "text-[12px] leading-[32px]" };
+const _hoisted_26 = { class: "login-modal-row-between" };
+const _hoisted_27 = { class: "login-modal-section-title" };
+const _hoisted_28 = { class: "login-modal-section-tip" };
 const _hoisted_29 = { class: "bind-phone-tip" };
 const _hoisted_30 = { key: 4 };
-const _hoisted_31 = { class: "flex items-center justify-between mb-3" };
-const _hoisted_32 = { class: "text-[var(--devui-text-weak)] font-bold text-[16px]" };
-const _hoisted_33 = { class: "text-[12px] leading-[32px]" };
-const _hoisted_34 = { class: "bg-[var(--theme-table-header-bg)] p-[16px] border-[var(--theme-line-border)] border rounded" };
-const _hoisted_35 = { class: "font-bold" };
-const _hoisted_36 = { class: "my-1" };
+const _hoisted_31 = { class: "login-modal-row-between login-modal-row-between--mb" };
+const _hoisted_32 = { class: "login-modal-section-title" };
+const _hoisted_33 = { class: "login-modal-section-tip" };
+const _hoisted_34 = { class: "login-modal-conflict-card" };
+const _hoisted_35 = { class: "login-modal-bold" };
+const _hoisted_36 = { class: "login-modal-conflict-card__sub" };
 const _hoisted_37 = ["href"];
-const _hoisted_38 = { class: "py-4 px-1" };
-const _hoisted_39 = { class: "font-bold mb-2" };
-const _hoisted_40 = { class: "list-disc list-outside pl-5" };
-const _hoisted_41 = { class: "mt-1 mb-2 text-[var(--theme-placeholder)]" };
-const _hoisted_42 = { class: "mt-1 mb-2 text-[var(--theme-placeholder)]" };
-const _hoisted_43 = { class: "text-[var(--theme-warning)]" };
-const _hoisted_44 = { class: "font-bold mb-2" };
-const _hoisted_45 = { class: "my-[24px] flex justify-between" };
-const _hoisted_46 = { class: "qrcode-container flex flex-col items-center justify-center" };
-const _hoisted_47 = { class: "flex flex-col items-center justify-center w-[180px] h-[180px] relative" };
+const _hoisted_38 = { class: "login-modal-conflict-list" };
+const _hoisted_39 = { class: "login-modal-bold login-modal-bold--mb" };
+const _hoisted_40 = { class: "login-modal-conflict-list__items" };
+const _hoisted_41 = { class: "login-modal-conflict-list__hint" };
+const _hoisted_42 = { class: "login-modal-conflict-list__hint" };
+const _hoisted_43 = { class: "login-modal-conflict-warning" };
+const _hoisted_44 = { class: "login-modal-bold login-modal-bold--mb" };
+const _hoisted_45 = { class: "login-modal-conflict-actions" };
+const _hoisted_46 = { class: "qrcode-container" };
+const _hoisted_47 = { class: "qrcode-container__panel" };
 const _hoisted_48 = ["src"];
 const _hoisted_49 = {
   key: 0,
   class: "mask"
 };
-const _hoisted_50 = { class: "flex gap-1 items-center justify-center text-[16px] flex-wrap font-medium" };
-const _hoisted_51 = { class: "text-[#252B3A]" };
-const _hoisted_52 = { class: "text-[var(--theme-link)]" };
+const _hoisted_50 = { class: "qrcode-container__timeout-text" };
+const _hoisted_51 = { class: "qrcode-container__timeout-prompt" };
+const _hoisted_52 = { class: "qrcode-container__timeout-btn" };
 const _hoisted_53 = {
   key: 1,
-  class: "flex flex-col gap-3 items-center justify-center"
+  class: "qrcode-container__status"
 };
-const _hoisted_54 = { class: "text-[var(--color-success)]" };
-const _hoisted_55 = { class: "text-center" };
+const _hoisted_54 = { class: "qrcode-container__status-success" };
+const _hoisted_55 = { class: "qrcode-container__status-tip" };
 const _hoisted_56 = {
   key: 0,
-  class: "text-center text-[16px] mt-[40px] text-[var(--devui-text-weak)] font-bold"
+  class: "qrcode-container__caption"
 };
 const _hoisted_57 = {
   key: 0,
-  class: "login-modal-info h-[20px]"
+  class: "login-modal-info"
 };
 const _hoisted_58 = { class: "login-modal-info-left" };
 const _hoisted_59 = {
   key: 0,
-  class: "mt-[18px]"
+  class: "login-modal-submit-block"
 };
-const _hoisted_60 = { class: "flex justify-center" };
-const _hoisted_61 = { class: "flex items-center justify-center pr-[16px] mt-[16px]" };
+const _hoisted_60 = { class: "login-modal-agreement__inner" };
+const _hoisted_61 = { class: "login-modal-harmony-row" };
 const _hoisted_62 = { class: "harmony-icon" };
-const _hoisted_63 = { class: "w-[50px] h-[20px] last-login-img" };
+const _hoisted_63 = { class: "last-login-img" };
 const _hoisted_64 = ["src"];
-const _hoisted_65 = { class: "ml-[8px] text-[12px]" };
-const _hoisted_66 = { class: "login-modal-footer flex items-center justify-center" };
+const _hoisted_65 = { class: "login-modal-harmony-entry__label" };
+const _hoisted_66 = { class: "login-modal-footer" };
 const _hoisted_67 = { key: 2 };
-const _hoisted_68 = { class: "line-clamp-2" };
+const _hoisted_68 = { class: "login-modal-error__text" };
 const _hoisted_69 = { class: "absolute-btn" };
 const _hoisted_70 = { key: 3 };
-const _hoisted_71 = { class: "text-[var(--devui-danger)] text-[14px] break-all box-border leading-[20px] h-[40px] mt-[-8px]" };
-const _hoisted_72 = { class: "line-clamp-2" };
+const _hoisted_71 = { class: "login-modal-error login-modal-error--register" };
+const _hoisted_72 = { class: "login-modal-error__text" };
 const _hoisted_73 = { class: "absolute-btn" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
@@ -26640,7 +27014,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "show-title": FormConfig.value.showTitle,
                 onBack: handleTitleBackClick,
                 "show-back": FormConfig.value.showBack,
-                class: "login-modal-title flex-1"
+                class: "login-modal-title"
               }, null, 8, ["icon", "title", "show-title", "show-back"]),
               createElementVNode("div", _hoisted_2, [
                 __props.showClose && !showProtoCheck.value ? (openBlock(), createBlock(GIcon, {
@@ -26668,7 +27042,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     createElementVNode("img", {
                       src: isAIHub.value ? AiLogoType[unref(currentTheme)] : logoType[unref(currentTheme)],
                       alt: "gitcode-logo",
-                      class: "h-[30px]"
+                      class: "login-modal-logo-img"
                     }, null, 8, _hoisted_6),
                     createElementVNode("div", _hoisted_7, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.subtitle.desc")), 1)
                   ]),
@@ -26682,7 +27056,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ], 2)
                 ])) : createCommentVNode("", true),
                 createElementVNode("div", {
-                  class: normalizeClass(formType.value === "forget" ? "w-[512px]" : "w-[420px]")
+                  class: normalizeClass(["login-modal-form", formType.value === "forget" ? "login-modal-form--forget" : "login-modal-form--default"])
                 }, [
                   formType.value === "login" ? (openBlock(), createElementBlock("div", _hoisted_11, [
                     createElementVNode("div", _hoisted_12, [
@@ -26698,7 +27072,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           recentLoginType.value === unref(LoginMethodEnum).MINI_PROGRAM ? (openBlock(), createElementBlock("img", {
                             key: 0,
                             src: unref(recentLoginImg),
-                            class: "w-[50px] h-[20px]"
+                            class: "last-login-img__icon"
                           }, null, 8, _hoisted_14)) : createCommentVNode("", true)
                         ])
                       ], 2),
@@ -26714,7 +27088,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           recentLoginType.value === unref(LoginMethodEnum).PHONE ? (openBlock(), createElementBlock("img", {
                             key: 0,
                             src: unref(recentLoginImg),
-                            class: "w-[50px] h-[20px]"
+                            class: "last-login-img__icon"
                           }, null, 8, _hoisted_16)) : createCommentVNode("", true)
                         ])
                       ], 2),
@@ -26730,7 +27104,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           recentLoginType.value === unref(LoginMethodEnum).PASSWORD ? (openBlock(), createElementBlock("img", {
                             key: 0,
                             src: unref(recentLoginImg),
-                            class: "w-[50px] h-[20px]"
+                            class: "last-login-img__icon"
                           }, null, 8, _hoisted_18)) : createCommentVNode("", true)
                         ])
                       ], 2)
@@ -26739,7 +27113,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.noAccount")) + " ", 1),
                       createElementVNode("span", {
                         onClick: clickRegister,
-                        class: "text-[var(--theme-link)] cursor-pointer hover:underline"
+                        class: "login-modal-link"
                       }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.registerAgain")), 1)
                     ])
                   ])) : createCommentVNode("", true),
@@ -26752,7 +27126,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.haveAccount")) + " ", 1),
                         createElementVNode("span", {
                           onClick: _cache[3] || (_cache[3] = ($event) => handleTitleBackClick("register")),
-                          class: "text-[var(--theme-link)] cursor-pointer hover:underline"
+                          class: "login-modal-link"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.backLogin")), 1)
                       ])
                     ])
@@ -26763,7 +27137,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_28, [
                         createElementVNode("span", {
                           onClick: _cache[4] || (_cache[4] = ($event) => handleTitleBackClick("bindPhone")),
-                          class: "text-[var(--theme-link)] cursor-pointer hover:underline"
+                          class: "login-modal-link"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.backLogin")), 1)
                       ])
                     ]),
@@ -26775,7 +27149,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_33, [
                         createElementVNode("span", {
                           onClick: _cache[5] || (_cache[5] = ($event) => handleTitleBackClick("bindPhoneConflict")),
-                          class: "text-[var(--theme-link)] cursor-pointer hover:underline"
+                          class: "login-modal-link"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.backLogin")), 1)
                       ])
                     ]),
@@ -26789,7 +27163,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         createElementVNode("a", {
                           href: currentUserHomePage.value,
                           target: "_blank",
-                          class: "text-[var(--theme-link)]"
+                          class: "login-modal-anchor"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.bindPhoneConflict.text04")), 9, _hoisted_37)
                       ]),
                       createElementVNode("p", null, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.bindPhoneConflict.text05")) + " 「" + toDisplayString$1(newUsername.value) + "」", 1)
@@ -26811,7 +27185,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createElementVNode("p", _hoisted_44, [
                         createVNode(GIcon, {
                           name: "gt-plane-warningTriangle-orange",
-                          class: "mr-1"
+                          class: "login-modal-conflict-warning__icon"
                         }),
                         createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.bindPhoneConflict.text11")), 1)
                       ]),
@@ -26819,7 +27193,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     ]),
                     createElementVNode("div", _hoisted_45, [
                       createVNode(unref(Button), {
-                        class: "w-[48%]",
+                        class: "login-modal-conflict-actions__btn",
                         loading: bindOperateLoading.value,
                         color: "secondary",
                         size: "lg",
@@ -26831,7 +27205,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         _: 1
                       }, 8, ["loading"]),
                       createVNode(unref(Button), {
-                        class: "w-[48%]",
+                        class: "login-modal-conflict-actions__btn",
                         loading: bindOperateLoading.value,
                         size: "lg",
                         variant: "solid",
@@ -26864,13 +27238,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           createElementVNode("img", {
                             src: miniProgramInfo.value.qrcode,
                             alt: "小程序二维码",
-                            class: "w-[180px] h-[180px]"
+                            class: "qrcode-container__img"
                           }, null, 8, _hoisted_48),
                           miniProgramStatus.value !== "WAITING" ? (openBlock(), createElementBlock("div", _hoisted_49, [
                             miniProgramStatus.value === "TIMEOUT" ? (openBlock(), createElementBlock("div", {
                               key: 0,
                               onClick: getMiniProgramQrCode,
-                              class: "flex flex-col items-center justify-center cursor-pointer gap-[40px]"
+                              class: "qrcode-container__timeout"
                             }, [
                               createVNode(GIcon, {
                                 name: "gt-line-update",
@@ -26891,7 +27265,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         !["SCAN", "CANCEL", "LOGIN"].includes(miniProgramStatus.value) ? (openBlock(), createElementBlock("p", _hoisted_56, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.miniProgram.tip05")), 1)) : (openBlock(), createElementBlock("button", {
                           key: 1,
                           onClick: getMiniProgramQrCode,
-                          class: "mt-2"
+                          class: "qrcode-container__retry"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.miniProgram.tip06")), 1))
                       ])
                     ]),
@@ -26955,7 +27329,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               _: 1
                             }, 8, ["loading", "disabled"]),
                             createElementVNode("div", {
-                              class: normalizeClass([["login-modal-footer-args", AgreementWarn.value ? "shaking-box" : ""], "mt-[16px]"])
+                              class: normalizeClass(["login-modal-footer-args login-modal-agreement", AgreementWarn.value ? "shaking-box" : ""])
                             }, [
                               createElementVNode("div", _hoisted_60, [
                                 createVNode(GAgreement, {
@@ -26970,20 +27344,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                             createElementVNode("div", _hoisted_61, [
                               __props.openHarmonyGuide ? (openBlock(), createElementBlock("div", {
                                 key: 0,
-                                class: "text-[var(--theme-link)] flex items-center mt-[12px] cursor-pointer",
+                                class: "login-modal-harmony-entry",
                                 onClick: withModifiers(handleRegisterHarmony, ["stop"])
                               }, [
                                 createElementVNode("div", _hoisted_62, [
                                   _cache[20] || (_cache[20] = createElementVNode("img", {
                                     src: "https://cdn-static.gitcode.com/static/images/guide/openharmony.svg",
                                     alt: "",
-                                    class: "w-[32px] h-[32px] inline-block harmony-icon-img"
+                                    class: "harmony-icon-img"
                                   }, null, -1)),
                                   createElementVNode("div", _hoisted_63, [
                                     recentLoginType.value === unref(LoginMethodEnum).HARMONY ? (openBlock(), createElementBlock("img", {
                                       key: 0,
                                       src: unref(recentLoginImg),
-                                      class: "w-[50px] h-[20px]"
+                                      class: "last-login-img__icon"
                                     }, null, 8, _hoisted_64)) : createCommentVNode("", true)
                                   ])
                                 ]),
@@ -26996,21 +27370,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               logos,
                               onAuth: pcAuthLogin,
                               recentLoginType: recentLoginType.value,
-                              class: "flex-1"
+                              class: "login-modal-footer__auth"
                             }, null, 8, ["logos", "recentLoginType"])
                           ])
                         ], 64)) : createCommentVNode("", true),
                         ["register", "forget"].includes(formType.value) ? (openBlock(), createElementBlock("div", _hoisted_67, [
                           createElementVNode("div", {
                             class: normalizeClass([
-                              "text-[var(--devui-danger)] text-[14px] break-all box-border leading-[20px] h-[40px]",
-                              formType.value === "register" ? "mt-[-8px]" : ((_a2 = formErrors == null ? void 0 : formErrors.username) == null ? void 0 : _a2.length) > 42 ? "cursor-pointer" : ""
+                              "login-modal-error",
+                              formType.value === "register" ? "login-modal-error--register" : ((_a2 = formErrors == null ? void 0 : formErrors.username) == null ? void 0 : _a2.length) > 42 ? "login-modal-error--clickable" : ""
                             ])
                           }, [
                             createElementVNode("span", _hoisted_68, toDisplayString$1(errorMsg.value), 1)
                           ], 2),
                           createElementVNode("div", {
-                            class: normalizeClass(["register-agree mt-[16px]", [AgreementWarn.value ? "shaking-box" : ""]])
+                            class: normalizeClass(["register-agree", [AgreementWarn.value ? "shaking-box" : ""]])
                           }, [
                             createVNode(_sfc_main$7, {
                               modelValue: status.value,
@@ -27029,7 +27403,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               onClick: handleConfirm,
                               disabled: disabled.value,
                               loading: loading.value,
-                              class: "w-[100%] mb-[14px] mt-[10px]"
+                              class: "login-modal-submit-btn"
                             }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString$1(formType.value === "forget" ? unref($t)("gitCodeLayout.userSetting.account.changePassword") : unref($t)("gitCodeLayout.LoginModal.action.verify")), 1)
@@ -27050,7 +27424,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               onClick: handleConfirm,
                               disabled: disabled.value,
                               loading: loading.value,
-                              class: "w-[100%] mt-[4px]"
+                              class: "login-modal-submit-btn login-modal-submit-btn--bindphone"
                             }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.verify")), 1)
@@ -27333,7 +27707,7 @@ export {
   GIcon as G,
   isHttps as H,
   asideRequest as I,
-  _sfc_main$F as J,
+  _sfc_main$G as J,
   loadAsideData as K,
   LANG_ZH as L,
   EnterpriseHeader as M,
@@ -27364,7 +27738,7 @@ export {
   usePageResize as k,
   localStorage$2 as l,
   isGstarRepo as m,
-  _sfc_main$E as n,
+  _sfc_main$F as n,
   isIncubationRepo as o,
   highlightWords as p,
   _frEventTrack as q,