vue-layout-gitcode 1.12.15-beta.10 → 1.12.15-beta.11

package/{index-BcmNxd28.js → index-G58a172b.js}

@@ -9614,11 +9614,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: "tools-float-feedback-sub" };
+const _hoisted_11$6 = { class: "text-[var(--theme-placeholder)] text-[10px]" };
 const _hoisted_12$5 = { class: "qrcode-wrapper" };
-const _hoisted_13$2 = { class: "qrcode-wrapper__title" };
+const _hoisted_13$2 = { class: "pl-[8px]" };
 const _hoisted_14$2 = { class: "tools-list-item" };
-const _hoisted_15$2 = { class: "g-card tools-float-nps-card" };
+const _hoisted_15$2 = { class: "g-card px-5 pt-4 pb-5 w-[410px]" };
 const _hoisted_16$2 = {
   key: 0,
   class: "opinion-box"
@@ -9627,31 +9627,31 @@ const _hoisted_17$2 = { class: "tab-step" };
 const _hoisted_18$2 = ["onClick"];
 const _hoisted_19$2 = {
   key: 0,
-  class: "rate tools-float-stage"
+  class: "rate relative overflow-hidden"
 };
 const _hoisted_20$2 = {
   key: 0,
-  class: "tools-float-stage__corner"
+  class: "absolute top-0 right-0 text-[var(--theme-aide-text)]"
 };
-const _hoisted_21$2 = { class: "tools-float-stage__title" };
-const _hoisted_22$2 = { class: "tools-float-stage__rate-row" };
+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_23$1 = ["onMouseover", "onClick"];
 const _hoisted_24$1 = {
   key: 1,
-  class: "Opinion tools-float-stage"
+  class: "Opinion relative overflow-hidden"
 };
 const _hoisted_25$1 = {
   key: 0,
-  class: "tools-float-stage__corner"
+  class: "absolute top-0 right-0 text-[var(--theme-aide-text)]"
 };
-const _hoisted_26$1 = { class: "tools-float-stage__title" };
-const _hoisted_27$1 = { class: "tools-float-stage__textarea" };
+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_28$1 = {
   key: 1,
-  class: "finish tools-float-finish"
+  class: "finish flex items-center"
 };
-const _hoisted_29$1 = { class: "tools-float-finish__icon" };
-const _hoisted_30$1 = { class: "tools-float-finish__text" };
+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_31$1 = { class: "home-nav-item collapse-tool" };
 const _hoisted_32$1 = { class: "home-nav-item" };
 const _hoisted_33$1 = ["src", "alt"];
@@ -9915,7 +9915,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               }, [
                 createElementVNode("div", _hoisted_2$q, [
                   _cache[5] || (_cache[5] = createElementVNode("img", {
-                    class: "common-icon tools-float-icon",
+                    class: "common-icon inline-block h-[20px] w-[20px]",
                     src: "https://cdn-static.gitcode.com/static/images/homeweb/invite.svg",
                     alt: ""
                   }, null, -1)),
@@ -9943,7 +9943,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               }, [..._cache[6] || (_cache[6] = [
                 createElementVNode("div", { class: "home-nav-item" }, [
                   createElementVNode("img", {
-                    class: "common-icon tools-float-icon",
+                    class: "common-icon inline-block h-[20px] w-[20px]",
                     src: "https://cdn-static.gitcode.com/static/images/homeweb/czzx.svg",
                     alt: ""
                   })
@@ -9966,14 +9966,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               default: withCtx(() => [
-                createElementVNode("div", { class: "tools-list-item tools-list-item--gap" }, [
+                createElementVNode("div", { class: "tools-list-item mb-[2px]" }, [
                   createElementVNode("div", {
                     id: "gitcode-desk-btn",
                     class: "home-nav-item kefu",
                     onClick: showDesk
                   }, [..._cache[7] || (_cache[7] = [
                     createElementVNode("img", {
-                      class: "tools-float-icon",
+                      class: "inline-block h-[20px] w-[20px]",
                       src: "https://cdn-static.gitcode.com/static/images/desk/kefu.png",
                       alt: ""
                     }, null, -1),
@@ -10003,12 +10003,12 @@ const _sfc_main$I = /* @__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 tools-float-icon",
+                      class: "common-icon inline-block h-[20px] w-[20px]",
                       src: "https://cdn-static.gitcode.com/static/images/desk/follow-us.svg",
                       alt: ""
                     }),
                     createElementVNode("img", {
-                      class: "active-icon tools-float-icon",
+                      class: "active-icon inline-block h-[20px] w-[20px]",
                       src: "https://cdn-static.gitcode.com/static/images/desk/follow-us-hover.svg",
                       alt: ""
                     })
@@ -10032,10 +10032,10 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                       (openBlock(), createElementBlock(Fragment, null, renderList(opinionStepList, (item) => {
                         return createElementVNode("div", {
                           key: item.index,
-                          class: normalizeClass(["tab-item", opinionStep.value === item.index ? "tab-item--active" : "tab-item--inactive"]),
+                          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)]"]),
                           onClick: ($event) => swTab(item)
                         }, [..._cache[11] || (_cache[11] = [
-                          createElementVNode("span", { class: "tools-float-cursor-pointer" }, null, -1)
+                          createElementVNode("span", { class: "cursor-pointer" }, null, -1)
                         ])], 10, _hoisted_18$2);
                       }), 64))
                     ]),
@@ -10051,7 +10051,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                           (openBlock(), createElementBlock(Fragment, null, renderList(rateIcon, (ico) => {
                             return createElementVNode("div", {
                               key: ico.name,
-                              class: normalizeClass(["opinion-item", { active: rateNow.value === ico.index }]),
+                              class: normalizeClass(["opinion-item cursor-pointer border border-[var(--theme-line-border)] rounded-[3px] px-2 py-1.5", { active: rateNow.value === ico.index }]),
                               onMouseover: ($event) => activeOp(ico.index),
                               onMouseleave: _cache[1] || (_cache[1] = ($event) => activeOp(null)),
                               onClick: ($event) => selectOpinion(ico)
@@ -10121,12 +10121,12 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     default: withCtx(() => [..._cache[10] || (_cache[10] = [
                       createElementVNode("div", { class: "home-nav-item" }, [
                         createElementVNode("img", {
-                          class: "common-icon tools-float-icon",
+                          class: "common-icon inline-block h-[20px] w-[20px]",
                           src: "https://cdn-static.gitcode.com/static/images/desk/plane-smile.png",
                           alt: ""
                         }),
                         createElementVNode("img", {
-                          class: "active-icon tools-float-icon",
+                          class: "active-icon inline-block h-[20px] w-[20px]",
                           src: "https://cdn-static.gitcode.com/static/images/desk/plane-smile-hover.png",
                           alt: ""
                         })
@@ -10165,7 +10165,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               showScrollToTopBtn.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                class: "home-nav-link tools-questionnaire tools-float-scroll-top",
+                class: "ml-[auto] home-nav-link tools-questionnaire",
                 onClick: _cache[4] || (_cache[4] = //@ts-ignore
                 (...args) => unref(scrollToTop) && unref(scrollToTop)(...args))
               }, [
@@ -10181,7 +10181,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           }),
           isModuleVisible(unref(ToolsFloatDisplayItem).AD) && activeAdItem.value && activeAdItem.value.imgUrl ? (openBlock(), createElementBlock("div", {
             key: 3,
-            class: "active-tips",
+            class: "active-tips mt-[16px]",
             onClick: withModifiers(handleActive, ["stop"])
           }, [
             createElementVNode("div", {
@@ -11112,11 +11112,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [
           createElementVNode("span", mergeProps({
-            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 }]
+            class: ["gc-flash-tag cursor-default", { "gc-trusted-tag": __props.trusted, "cursor-pointer": __props.clickEnabled, "cursor-default": !__props.clickEnabled, "gc-icon-tag": __props.icon }]
           }, _ctx.$attrs, { onClick: handleClick }), [
             __props.icon ? (openBlock(), createElementBlock("img", {
               key: 0,
-              class: "gc-flash-tag__icon",
+              class: "w-[16px] h-[16px]",
               src: iconUrl.value
             }, null, 8, _hoisted_1$z)) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1)
           ], 16)
@@ -11930,61 +11930,61 @@ const _hoisted_1$y = {
   key: 0,
   class: "org-layout-toolbar"
 };
-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_2$p = { class: "org-layout-toolbar-title flex-1 ellipsis-two-line" };
+const _hoisted_3$o = { class: "text-xs" };
+const _hoisted_4$i = { class: "flex items-center w-full g-repo-breadcrumb-custom" };
 const _hoisted_5$e = {
   key: 1,
-  class: "header-custom-mirrors-avatar"
+  class: "flex items-center min-w-[30px]"
 };
 const _hoisted_6$c = {
   key: 0,
   src: _imports_0,
   alt: "mirrors-avatar-phone",
-  class: "header-custom-mirrors-img"
+  class: "h-[24px] w-[24px]"
 };
 const _hoisted_7$9 = {
   key: 1,
   src: "https://cdn-static.gitcode.com/static/images/mirrors-avata_20250411.gif",
   alt: "mirrors-avatar",
-  class: "header-custom-mirrors-img-tall"
+  class: "h-[24px]"
 };
 const _hoisted_8$8 = { class: "g-repo-breadcrumb-container" };
 const _hoisted_9$6 = {
   key: 0,
-  class: "header-custom-breadcrumb-row"
+  class: "flex items-center w-full"
 };
 const _hoisted_10$6 = ["title"];
 const _hoisted_11$5 = ["title"];
 const _hoisted_12$4 = {
   key: 0,
-  class: "header-custom-tag-mb"
+  class: "mb-[2px]"
 };
 const _hoisted_13$1 = {
   key: 1,
-  class: "header-custom-tag-mb"
+  class: "mb-[2px]"
 };
 const _hoisted_14$1 = {
   key: 2,
-  class: "header-custom-tag-mb"
+  class: "mb-[2px]"
 };
 const _hoisted_15$1 = {
   key: 3,
-  class: "header-custom-tag-mb"
+  class: "mb-[2px]"
 };
-const _hoisted_16$1 = { class: "header-custom-topic-label" };
+const _hoisted_16$1 = { class: "ml-[4px] max-w-[120px] overflow-ellipsis overflow-hidden whitespace-nowrap" };
 const _hoisted_17$1 = {
   key: 5,
-  class: "topic-tag font-color-t2 gh_mirros_tag"
+  class: "topic-tag flex items-center font-color-t2 gh_mirros_tag"
 };
-const _hoisted_18$1 = { class: "header-custom-topic-label" };
-const _hoisted_19$1 = { class: "header-custom-skeleton" };
+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_20$1 = {
   key: 2,
   class: "user-layout-toolbar"
 };
-const _hoisted_21$1 = { class: "user-layout-toolbar-title ellipsis-two-line" };
-const _hoisted_22$1 = { class: "header-custom-btn-label" };
+const _hoisted_21$1 = { class: "user-layout-toolbar-title flex-1 ellipsis-two-line" };
+const _hoisted_22$1 = { class: "text-xs" };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "HeaderCustom",
   props: {
@@ -12108,7 +12108,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       return __props.scene === unref(SceneValue).org && !__props.errorCode ? (openBlock(), createElementBlock("div", _hoisted_1$y, [
         createVNode(GLink, {
           href: ((_a = __props.orgProps) == null ? void 0 : _a.orgHomepageUrl) || "",
-          class: "header-custom-link"
+          class: "flex flex-1 items-center gap-[8px]"
         }, {
           default: withCtx(() => {
             var _a2, _b2, _c2;
@@ -12161,7 +12161,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             createElementVNode("h2", _hoisted_4$i, [
               createVNode(GLink, {
                 href: (_a2 = unref(breadcrumb)[0]) == null ? void 0 : _a2.path,
-                class: "header-custom-avatar-link"
+                class: "pr-[12px]"
               }, {
                 default: withCtx(() => {
                   var _a3, _b3, _c3, _d2;
@@ -12186,7 +12186,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                   key: 0,
                   ref_key: "breadcrumbRef",
                   ref: breadcrumbRef,
-                  class: "g-repo-layout-breadcrumb"
+                  class: "g-repo-layout-breadcrumb max-w-[40%] max-md:w-full"
                 }, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(breadcrumb), (item, index2) => {
                     return openBlock(), createElementBlock(Fragment, {
@@ -12203,7 +12203,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                               ref_key: "breadcrumbTextRef",
                               ref: breadcrumbTextRef,
                               title: item.label,
-                              class: normalizeClass(["linkTx", index2 === unref(breadcrumb).length - 1 ? "header-custom-bold" : ""])
+                              class: normalizeClass(["linkTx", index2 === unref(breadcrumb).length - 1 ? "font-bold" : ""])
                             }, toDisplayString$1(item.label), 11, _hoisted_10$6)
                           ]),
                           _: 2
@@ -12217,7 +12217,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                   key: 1,
                   ref_key: "breadcrumbNextRef",
                   ref: breadcrumbNextRef,
-                  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"]])
+                  class: normalizeClass(["g-repo-layout-breadcrumb-next max-md:w-full flex items-end gap-[8px]", [((_c2 = __props.repoProps) == null ? void 0 : _c2.isGhMirrors) ? "max-w-full" : "max-w-[60%]"]])
                 }, [
                   createVNode(GLink, {
                     class: "linkTx",
@@ -12228,7 +12228,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                         ref_key: "breadcrumbNextTextRef",
                         ref: breadcrumbNextTextRef,
                         title: unref(breadcrumb)[unref(breadcrumb).length - 1].label,
-                        class: "linkTx header-custom-bold"
+                        class: "linkTx font-bold"
                       }, toDisplayString$1(unref(breadcrumb)[unref(breadcrumb).length - 1].label), 9, _hoisted_11$5)
                     ]),
                     _: 1
@@ -12270,19 +12270,19 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                   ((_d = __props.repoProps) == null ? void 0 : _d.isPrivate) ? (openBlock(), createElementBlock("div", _hoisted_15$1, [
                     createVNode(GIcon, {
                       size: "16px",
-                      class: "header-custom-lock-icon",
+                      class: "ml-[4px]",
                       name: "gt-line-lock"
                     })
                   ])) : createCommentVNode("", true),
                   topicTag.value ? (openBlock(), createElementBlock("div", {
                     key: 4,
-                    class: "topic-tag font-color-t2",
+                    class: "topic-tag flex items-center font-color-t2",
                     onClick: toAiHub
                   }, [
                     createVNode(GIcon, {
                       name: (_e = topicTag.value) == null ? void 0 : _e.icon,
                       color: "var(--devui-shape-icon-fill)",
-                      class: "header-custom-topic-icon"
+                      class: "inline-block min-w-[16px]"
                     }, null, 8, ["name"]),
                     createElementVNode("span", _hoisted_16$1, toDisplayString$1((_f = topicTag.value) == null ? void 0 : _f.suffix), 1)
                   ])) : createCommentVNode("", true),
@@ -12290,7 +12290,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
                     createVNode(GIcon, {
                       name: "gt-line-time",
                       color: "var(--devui-shape-icon-fill)",
-                      class: "header-custom-topic-icon"
+                      class: "inline-block min-w-[16px]"
                     }),
                     createElementVNode("span", _hoisted_18$1, toDisplayString$1(formatTime.value) + toDisplayString$1(unref(t2)("gitCodeLayout.repo.code.syncText")), 1)
                   ])) : createCommentVNode("", true)
@@ -12303,7 +12303,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       }, 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: "header-custom-link"
+          class: "flex flex-1 items-center gap-[8px]"
         }, {
           default: withCtx(() => {
             var _a2, _b2, _c2, _d, _e;
@@ -12374,11 +12374,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return img.value && headerEntryConfig.value.url ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: "operation-entry",
+        class: "operation-entry cursor-pointer",
         onClick: handleClick
       }, [
         createElementVNode("img", {
-          class: "operation-entry__img",
+          class: "w-[71px]",
           src: img.value,
           alt: "operation-entry"
         }, null, 8, _hoisted_1$x)
@@ -15006,14 +15006,14 @@ const _sfc_main$A = /* @__PURE__ */ Object.assign({
         default: withCtx(() => [
           createVNode(unref(Button), {
             id: "guide-step3",
-            class: "btn-add",
+            class: "border-none w-84 h-32 btn-add",
             variant: "solid"
           }, {
             default: withCtx(() => [
               createVNode(GIcon, {
                 name: "gt-add",
                 color: "var(--theme-light-text)",
-                class: "btn-add-icon"
+                class: "mr-1"
               }),
               createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.header.create")), 1)
             ]),
@@ -15140,16 +15140,16 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const GText = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-vue-layout-gitcode"]]);
-const _hoisted_1$t = { class: "message-item" };
+const _hoisted_1$t = { class: "message-item flex" };
 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" };
-const _hoisted_6$b = { class: "message-item-body" };
+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_7$8 = ["title", "innerHTML"];
 const _hoisted_8$7 = ["title"];
-const _hoisted_9$5 = { class: "message-item-info" };
-const _hoisted_10$5 = { class: "message-item-rightTx message-item-date" };
+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$x = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -15165,13 +15165,13 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$t, [
         createElementVNode("div", _hoisted_2$o, [
           createElementVNode("div", {
-            class: "message-item__avatar-wrap",
+            class: "flex items-center",
             title: __props.data.nickname
           }, [
             createElementVNode("a", {
               href: unref(transformUrl)((_a = __props.data) == null ? void 0 : _a.userPath),
               target: "_blank",
-              class: "user-info linktx message-item__user-info"
+              class: "user-info flex w-[48px] items-center linktx"
             }, [
               createVNode(_sfc_main$G, {
                 name: __props.data.nickname,
@@ -15187,7 +15187,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             createVNode(GLink, {
               href: unref(transformUrl)(__props.data.url),
               target: "_blank",
-              class: normalizeClass(["message-item-content", { "text-light": __props.data.read }]),
+              class: normalizeClass(["message-item-content cursor-pointer", { "text-light": __props.data.read }]),
               onClick: _cache[0] || (_cache[0] = ($event) => emits("trigger"))
             }, {
               default: withCtx(() => [
@@ -15197,7 +15197,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
                       key: 0,
                       title: __props.data.title,
                       innerHTML: unref(xssPurify)(__props.data.title) || "",
-                      class: "message-item__title"
+                      class: "overflow-hidden"
                     }, null, 8, _hoisted_7$8)) : (openBlock(), createElementBlock("span", {
                       key: 1,
                       title: __props.data.title
@@ -15242,7 +15242,7 @@ const _hoisted_3$m = {
 };
 const _hoisted_4$g = {
   key: 0,
-  class: "g-number message-box__count"
+  class: "g-number ml-[8px]"
 };
 const _hoisted_5$c = { class: "message-content-cover" };
 const _hoisted_6$a = {
@@ -15595,7 +15595,7 @@ const _sfc_main$w = /* @__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 message-content-header-item--mr", { active: mentionSubTab.value === "project" }]),
+                class: normalizeClass(["message-content-header-item mr-[8px]", { active: mentionSubTab.value === "project" }]),
                 onClick: _cache[2] || (_cache[2] = ($event) => switchMentionSubTab("project"))
               }, [
                 _cache[6] || (_cache[6] = createTextVNode(" 项目相关 ", -1)),
@@ -15820,13 +15820,13 @@ const _hoisted_1$q = {
   key: 0,
   class: "user-level-avatar-badge"
 };
-const _hoisted_2$l = { class: "user-level__row" };
+const _hoisted_2$l = { class: "flex items-center font-medium gap-[4px]" };
 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: "user-level__btn-text" };
+const _hoisted_8$5 = { class: "flex items-center justify-center" };
 const maxLevel = 3;
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   ...{ name: "UserLevel" },
@@ -15876,7 +15876,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["user-level", { [unref(ThemeType).BLACK]: unref(currentTheme) === unref(ThemeType).BLACK }]),
+        class: normalizeClass(["user-level cursor-pointer", { [unref(ThemeType).BLACK]: unref(currentTheme) === unref(ThemeType).BLACK }]),
         onClick: handleUpgrade
       }, [
         __props.accountInfo.need_tips ? (openBlock(), createElementBlock("div", _hoisted_1$q)) : createCommentVNode("", true),
@@ -15904,8 +15904,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 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_1$p = { class: "g-user-drawer-info-list pl-[16px]" };
+const _hoisted_2$k = { class: "max-w-[200px]" };
 const _hoisted_3$j = ["title"];
 const _hoisted_4$e = ["title"];
 const _hoisted_5$a = {
@@ -16123,7 +16123,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         ref: menuContainerRef
       }, [
         createVNode(GLink, {
-          class: "g-user-drawer-info",
+          class: "g-user-drawer-info pl-[32px] pr-[16px] cursor-pointer",
           href: `${unref(layoutConfig2).VITE_HOST}/${__props.accountInfo.username}`,
           key: "myPage",
           target: __props.isChatBot ? "_blank" : ""
@@ -16160,7 +16160,7 @@ const _sfc_main$s = /* @__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", { "g-user-drawer-block--no-pt": index2 === 0 && __props.inAIHub }]),
+            class: normalizeClass(["g-user-drawer-block", { "!pt-[0px]": index2 === 0 && __props.inAIHub }]),
             key: index2
           }, [
             block.component ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -16196,18 +16196,18 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 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_1$o = { class: "g-user-avatar flex-center ml-1" };
 const _hoisted_2$j = {
   key: 0,
   class: "g-user-avatar__badge"
 };
-const _hoisted_3$i = { class: "g-user-avatar flex-center" };
+const _hoisted_3$i = { class: "g-user-avatar flex-center ml-1" };
 const _hoisted_4$d = {
   key: 0,
   class: "g-user-avatar__badge"
 };
 const _hoisted_5$9 = { class: "g-user-drawer" };
-const _hoisted_6$8 = { class: "user-avatar__drawer-header" };
+const _hoisted_6$8 = { class: "p-[16px] pt-[8px] pb-0 flex justify-end items-center h-[48px]" };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     name: "UserAvatar"
@@ -16402,7 +16402,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             createElementVNode("div", null, [
               createElementVNode("div", _hoisted_6$8, [
                 createVNode(unref(Button), {
-                  class: "draw-side-bar-close",
+                  class: "cursor-pointer draw-side-bar-close",
                   icon: "close",
                   onClick: _cache[1] || (_cache[1] = ($event) => drawerVisible.value = false),
                   variant: "text"
@@ -16860,7 +16860,7 @@ 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 aireposearch--flex"
+  class: "aireposearch flex-1"
 };
 const RECOMMEND_RESERVE = 60;
 const HISTORY_DISPLAY_COUNT = 3;
@@ -16874,12 +16874,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const layoutConfig2 = useLayoutConfig();
     const { t: $t } = i18n.global;
-    const ProjectSearch = defineAsyncComponent(() => import("./ProjectSearch-D2AdTPot.js"));
-    const UserSearch = defineAsyncComponent(() => import("./UserSearch-BAH-XaKB.js"));
-    const GloabarSearch = defineAsyncComponent(() => import("./GloabarSearch-DShGgmPu.js"));
-    const SearchHistoryList = defineAsyncComponent(() => import("./SearchHistoryList-D5AKv0bc.js"));
-    const SearchScopeList = defineAsyncComponent(() => import("./SearchScopeList-CkFCXGUJ.js"));
-    const SearchRecommed = defineAsyncComponent(() => import("./SearchRecommed-t7cNwaJk.js"));
+    const ProjectSearch = defineAsyncComponent(() => import("./ProjectSearch-BEwuDaPM.js"));
+    const UserSearch = defineAsyncComponent(() => import("./UserSearch-BzHQXmzE.js"));
+    const GloabarSearch = defineAsyncComponent(() => import("./GloabarSearch-DxJ6MLn8.js"));
+    const SearchHistoryList = defineAsyncComponent(() => import("./SearchHistoryList-DmaxAvK8.js"));
+    const SearchScopeList = defineAsyncComponent(() => import("./SearchScopeList-BYE_KyGE.js"));
+    const SearchRecommed = defineAsyncComponent(() => import("./SearchRecommed-DZluuC-H.js"));
     const props = __props;
     const repoInfo = inject("repoInfo");
     const orgInfo = inject("orgInfo");
@@ -17503,10 +17503,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                         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: "g-header-search-recommend-flame" }, "🔥", -1)),
+                        _cache[8] || (_cache[8] = createElementVNode("div", { class: "absolute top-0 left-0 h-full flex items-center" }, "🔥", -1)),
                         (openBlock(true), createElementBlock(Fragment, null, renderList(searchHotWords.value, (item, index2) => {
                           return openBlock(), createElementBlock("div", {
-                            class: normalizeClass(["g-header-search-recommend-item", { fadeInUp: activeSearchKey.value === index2, fadeOutUp: activeSearchKey.value !== index2 }]),
+                            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 }]),
                             key: item
                           }, toDisplayString$1(item.content), 3);
                         }), 128))
@@ -17578,7 +17578,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: "announce-content-inner" };
+const _hoisted_5$7 = { class: "text-left" };
 const _hoisted_6$6 = ["href"];
 const _hoisted_7$5 = { class: "announce-handle-wrapper" };
 const ANNOUNCE_STATUS_KEY = "site_announcement_status";
@@ -17635,7 +17635,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               createVNode(GIcon, {
                 name: "gt-plane-warningCircular-blue",
                 size: "16",
-                class: "announce-icon-shrink"
+                class: "flex-shrink-0"
               })
             ]),
             createElementVNode("div", null, toDisplayString$1(unref(t2)("gitCodeLayout.home.migrationAnnounce.content")), 1)
@@ -17656,7 +17656,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               createVNode(GIcon, {
                 name: "gt-plane-warningCircular-blue",
                 size: "16",
-                class: "announce-content-icon"
+                class: "mr-2"
               }),
               createElementVNode("span", null, toDisplayString$1(unref(t2)("gitCodeLayout.home.migrationAnnounce.content")), 1),
               createElementVNode("a", {
@@ -17700,7 +17700,7 @@ const autoAvokeLogin = ({ isLogin, loginFunc, openHarmonyGuide, loginSuccess, lo
     loginFunc({ type: "login", triggerType: "", loginTriggerSource: "router_login_auth", ...loginFuncOpts }, loginSuccess, openHarmonyGuide);
   }
 };
-const NoticeModal = defineAsyncComponent(() => import("./notice-BkY2Sv5_.js"));
+const NoticeModal = defineAsyncComponent(() => import("./notice-B43kh3GE.js"));
 function clearNotice() {
   if (localStorage$2.getItem("validator_email")) {
     localStorage$2.removeItem("validator_email");
@@ -17727,19 +17727,19 @@ function useNotification() {
     notice
   };
 }
-const _hoisted_1$k = { class: "g-toolbar-left allow-click-stop" };
+const _hoisted_1$k = { class: "g-toolbar-left items-center allow-click-stop flex-[1] min-w-0" };
 const _hoisted_2$f = { key: 0 };
 const _hoisted_3$e = {
   key: 1,
-  class: "search-avatar"
+  class: "search-avatar flex-1 flex items-center justify-center"
 };
-const _hoisted_4$a = { class: "g-toolbar-right__claim-row" };
+const _hoisted_4$a = { class: "flex items-center gap-[8px]" };
 const _hoisted_5$6 = {
   key: 1,
   class: "g-header-body"
 };
-const _hoisted_6$5 = { class: "g-header-body-left" };
-const _hoisted_7$4 = { class: "g-header-body-right" };
+const _hoisted_6$5 = { class: "g-header-body-left h-full" };
+const _hoisted_7$4 = { class: "g-header-body-right h-full" };
 const _hoisted_8$4 = { key: 2 };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
@@ -18150,18 +18150,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", detailBgInfo.value ? "gitcode-header-wrapper--clickable" : ""]),
+        class: normalizeClass(["gitcode-header-wrapper w-full", detailBgInfo.value ? "cursor-pointer" : ""]),
         style: normalizeStyle({ height: `${unref(height)}px` })
       }, [
         createElementVNode("div", {
-          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" : ""]]),
+          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" : ""]]),
           ref_key: "headerRef",
           ref: headerRef,
           style: normalizeStyle(detailBgStyle.value)
         }, [
           isShowStickyNoticeByClose.value ? withDirectives((openBlock(), createElementBlock("div", {
             key: 0,
-            class: "sticky-notice",
+            class: "sticky-notice w-full cursor-pointer",
             style: normalizeStyle(stickyNoticeStyle.value),
             onClick: withModifiers(handleStickyNoticeClick, ["stop"])
           }, [
@@ -18175,21 +18175,21 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           ]) : createCommentVNode("", true),
           createVNode(SiteAnnouncement),
           withDirectives((openBlock(), createElementBlock("div", {
-            class: "g-toolbar allow-click-stop",
+            class: "g-toolbar w-full overflow-hidden allow-click-stop",
             onClick: withModifiers(handleToolbarClick, ["stop"])
           }, [
             createElementVNode("div", _hoisted_1$k, [
               createElementVNode("div", {
                 onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop"])),
-                class: "g-header-ailog"
+                class: "flex flex-center gap-[12px] g-header-ailog"
               }, [
                 isModuleVisible(unref(HeaderDisplayItem).ASIDE_BUTTON) && !isHomePageHiddenMenuBtn.value ? (openBlock(), createBlock(GIcon, {
                   key: 0,
                   onClick: handleHamburgerClick,
                   name: "gt-hamburger",
                   size: "24px",
-                  class: "g-toolbar-left-asideicon",
+                  class: "cursor-pointer hover:!text-[var(--theme-stress-text)] g-toolbar-left-asideicon",
                   color: "var(--theme-aide-text)"
                 })) : createCommentVNode("", true),
                 showNameAndIcon.value && __props.independence || inAIHub.value ? (openBlock(), createBlock(GLink, {
@@ -18208,7 +18208,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)() ? "g-toolbar-custom--ai" : ""])
+                class: normalizeClass(["g-toolbar-custom", inAIHub.value && !unref(isPhone)() ? "shrink-0" : ""])
               }, [
                 _ctx.$slots.headerCustom ? renderSlot(_ctx.$slots, "headerCustom", {}, void 0, true, 0) : isModuleVisible(unref(HeaderDisplayItem).CUSTOM_CONTENT) && !showNameAndIcon.value ? (openBlock(), createBlock(HeaderCustom, {
                   key: 1,
@@ -18250,7 +18250,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               ], true, 0) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
             createElementVNode("div", {
-              class: normalizeClass(["g-toolbar-right allow-click-stop", inAIHub.value ? "g-toolbar-right--ai" : ""])
+              class: normalizeClass(["g-toolbar-right gap-[16px] flex-[1] justify-end max-md:gap-[12px] allow-click-stop", inAIHub.value ? "flex-none" : ""])
             }, [
               createElementVNode("div", _hoisted_4$a, [
                 createVNode(ClaimPower, { config: claimPowerConfig.value }, null, 8, ["config"]),
@@ -18260,7 +18260,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 login-icon",
+                    class: "app-login-warp border-none login-icon",
                     onClick: _cache[3] || (_cache[3] = ($event) => handleLogin("login"))
                   }, [
                     createVNode(GIcon, {
@@ -18282,7 +18282,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     }),
                     createVNode(unref(Button), {
                       onClick: _cache[5] || (_cache[5] = withModifiers(($event) => handleLogin("register"), ["stop"])),
-                      class: "g-toolbar-right__register-btn"
+                      class: "min-w-[64px]"
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.header.register")), 1)
@@ -18331,19 +18331,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 allow-click-stop" };
-const _hoisted_2$e = { class: "g-toolbar-left allow-click-stop" };
+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_3$d = { class: "g-toolbar-custom" };
-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_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_8$3 = {
   key: 0,
   class: "g-header-body"
 };
-const _hoisted_9$3 = { class: "g-header-body-left" };
-const _hoisted_10$3 = { class: "g-header-body-right" };
+const _hoisted_9$3 = { class: "g-header-body-left h-full" };
+const _hoisted_10$3 = { class: "g-header-body-right h-full" };
 const _hoisted_11$3 = { key: 1 };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
@@ -18557,13 +18557,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a2, _b, _c;
       return openBlock(), createElementBlock("div", {
-        class: "gitcode-header-wrapper",
+        class: "gitcode-header-wrapper w-full",
         style: normalizeStyle({ height: `${unref(height)}px` })
       }, [
         createElementVNode("div", {
           ref_key: "headerRef",
           ref: headerRef,
-          class: normalizeClass(["g-header allow-click-stop", [showHeaderShadow.value ? "head-shadow" : "", __props.headerBorder ? "oldBorder" : "", headerClassName.value]])
+          class: normalizeClass(["g-header allow-click-stop fixed z-[21] bg-[var(--theme-default-bg)]", [showHeaderShadow.value ? "head-shadow" : "", __props.headerBorder ? "oldBorder" : "", headerClassName.value]])
         }, [
           createVNode(SiteAnnouncement),
           withDirectives((openBlock(), createElementBlock("div", _hoisted_1$j, [
@@ -18604,7 +18604,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 login-icon",
+                    class: "app-login-warp border-none login-icon",
                     onClick: _cache[0] || (_cache[0] = ($event) => handleLogin("login"))
                   }, [
                     createVNode(GIcon, {
@@ -18625,7 +18625,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     }),
                     createVNode(unref(Button), {
                       onClick: _cache[2] || (_cache[2] = withModifiers(($event) => handleLogin("register"), ["stop"])),
-                      class: "register-btn"
+                      class: "min-w-[64px]"
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.header.register")), 1)
@@ -18637,7 +18637,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: "btn-add",
+                  class: "border-none btn-add",
                   variant: "solid",
                   onClick: handleNewRepo
                 }, {
@@ -18645,7 +18645,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     createVNode(GIcon, {
                       name: "gt-add",
                       color: "var(--theme-light-text)",
-                      class: "btn-add-icon"
+                      class: "mr-1"
                     }),
                     createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.header.createRepo_01")), 1)
                   ]),
@@ -18656,7 +18656,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   name: unref(isWhiteTheme)() ? "gt-line-light" : "gt-line-dark",
                   size: "16px",
                   onClick: handleThemeChange,
-                  class: "theme-toggle-icon"
+                  class: "cursor-pointer"
                 }, null, 8, ["name"]),
                 isModuleVisible(unref(HeaderDisplayItem).LOGIN_AND_AVATAR) ? (openBlock(), createBlock(UserAvatar, {
                   key: 2,
@@ -18896,7 +18896,7 @@ var SearchType = /* @__PURE__ */ ((SearchType2) => {
   return SearchType2;
 })(SearchType || {});
 const _hoisted_1$i = { class: "area" };
-const _hoisted_2$d = { class: "area__layout-slot" };
+const _hoisted_2$d = { class: "w-[208px] max-h-[240px]" };
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "Area",
   props: {
@@ -18910,9 +18910,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const layoutConfig2 = useLayoutConfig();
     const { t: t2 } = i18n.global;
     const route = useRoute();
-    const MenuItem = defineAsyncComponent(() => import("./MenuItem-C0_Z3kAs.js"));
-    const ProjectMenuListV2 = defineAsyncComponent(() => import("./ProjectMenuListV2-rwBJNNnu.js"));
-    const ProjectMenuList = defineAsyncComponent(() => import("./ProjectMenuList-DijZTN2Y.js"));
+    const MenuItem = defineAsyncComponent(() => import("./MenuItem-D4MiC6IG.js"));
+    const ProjectMenuListV2 = defineAsyncComponent(() => import("./ProjectMenuListV2-EV89LR2x.js"));
+    const ProjectMenuList = defineAsyncComponent(() => import("./ProjectMenuList-DZGYiODT.js"));
     const props = __props;
     const useReport2 = inject("useReport");
     const userInfo = inject("userInfo");
@@ -19224,7 +19224,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "settings__label" };
+const _hoisted_1$g = { class: "leading-[16px]" };
 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({
@@ -19261,12 +19261,12 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             createVNode(GIcon, {
               name: "gt-line-setting",
               size: "16",
-              class: "default-icon settings__icon-min"
+              class: "default-icon min-w-[16px]"
             }),
             createVNode(GIcon, {
               name: "gt-line-setting",
               size: "16",
-              class: "active-icon settings__icon-min"
+              class: "active-icon min-w-[16px]"
             }),
             createElementVNode("span", _hoisted_1$g, toDisplayString$1(unref(t2)("gitCodeLayout.common.footerSetting.preSettingLittle")), 1)
           ], 2)
@@ -19276,7 +19276,6 @@ 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",
@@ -19310,12 +19309,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["sub-menu-list", { en: isEn.value }])
+        class: normalizeClass(["sub-menu-list flex-col", { en: isEn.value }])
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(linkList.value, (item) => {
           return openBlock(), createBlock(GLink, {
             key: item.name,
-            class: "custom-link sub-menu-list__link",
+            class: "custom-link flex gap-[8px] items-center",
             href: item.url,
             target: item.target
           }, {
@@ -19374,16 +19373,16 @@ const createSetting = () => {
   return settings;
 };
 const _hoisted_1$f = { class: "aside-footer" };
-const _hoisted_2$a = { class: "remake-message" };
+const _hoisted_2$a = { class: "remake-message mt-[16px]" };
 const _hoisted_3$a = ["title"];
-const _hoisted_4$8 = { class: "remake-message__line" };
+const _hoisted_4$8 = { class: "whitespace-nowrap" };
 const _hoisted_5$4 = {
   href: "https://beian.miit.gov.cn/#/Integrated/index",
   target: "_blank"
 };
 const _hoisted_6$3 = {
   key: 0,
-  class: "remake-message__line public-security"
+  class: "whitespace-nowrap public-security"
 };
 const _hoisted_7$2 = ["href"];
 const _hoisted_8$2 = {
@@ -19391,9 +19390,9 @@ const _hoisted_8$2 = {
   target: "_blank",
   rel: "noopener noreferrer"
 };
-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_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_12$2 = { class: "" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ContactInfo",
@@ -19408,7 +19407,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createElementVNode("div", _hoisted_2$a, [
           createElementVNode("p", {
-            class: "remake-message__line remake-message__line--break",
+            class: "break-all whitespace-normal",
             title: unref(copyright).digestAbbr
           }, " © " + toDisplayString$1(unref(copyright).digestAbbr), 9, _hoisted_3$a),
           createElementVNode("p", _hoisted_4$8, [
@@ -19423,7 +19422,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true)
         ]),
         createElementVNode("p", {
-          class: normalizeClass(["contact-info__support support", { en: isEn.value }])
+          class: normalizeClass(["whitespace-nowrap mt-[16px] support", { en: isEn.value }])
         }, [
           createElementVNode("span", null, toDisplayString$1(unref(t2)("gitCodeLayout.home.technicalSupport")), 1),
           _cache[1] || (_cache[1] = createElementVNode("a", {
@@ -19456,7 +19455,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           }, 8, ["href"])
         ]),
         createElementVNode("ul", _hoisted_10$2, [
-          _cache[4] || (_cache[4] = createElementVNode("li", { class: "footer-work-info__item" }, [
+          _cache[4] || (_cache[4] = createElementVNode("li", { class: "flex items-center" }, [
             createElementVNode("span", { class: "" }, "400-6868-951")
           ], -1)),
           createElementVNode("li", _hoisted_11$2, [
@@ -19468,7 +19467,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: "config-aside__main" };
+const _hoisted_1$e = { class: "flex-[1] flex flex-col justify-between min-h-0" };
 const _hoisted_2$9 = { key: 0 };
 const _hoisted_3$9 = {
   key: 1,
@@ -19476,7 +19475,7 @@ const _hoisted_3$9 = {
 };
 const _hoisted_4$7 = {
   key: 1,
-  class: "line line--mt"
+  class: "line mt-[16px] mb-[6px]"
 };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "configAideContent",
@@ -19620,7 +19619,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           }, [
             withDirectives((openBlock(), createElementBlock("div", _hoisted_1$e, [
               createElementVNode("div", {
-                class: normalizeClass(["scroll-content config-aside__scroll", { scroll: isScroll.value }]),
+                class: normalizeClass(["scroll-content flex-[1]", { scroll: isScroll.value }]),
                 onScroll: handleScroll,
                 onMouseleave: handleMouseLeave
               }, [
@@ -19667,7 +19666,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 line--my" }, null, -1)),
+                    _cache[3] || (_cache[3] = createElementVNode("hr", { class: "line mt-[16px] mb-[16px]" }, null, -1)),
                     createVNode(SubMenuList)
                   ], 64)) : createCommentVNode("", true)
                 ])),
@@ -19677,7 +19676,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 key: 0,
                 class: normalizeClass(["aside-footer-tools", { "aside-footer-tools-little": __props.asideSetShowLittle }])
               }, [
-                createVNode(Settings, {
+                createVNode(_sfc_main$j, {
                   "show-lang-setting": __props.showLangSetting,
                   "show-theme-setting": __props.showThemeSetting,
                   asideSetShowLittle: __props.asideSetShowLittle
@@ -19694,7 +19693,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: "aside-drawer-header" };
+const _hoisted_1$d = { class: "p-[16px] flex justify-between items-center h-[60px]" };
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -19883,7 +19882,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               onClickCapture: handleDrawerLogoClick
             }, null, 8, ["style", "to", "href"]),
             createVNode(unref(Button), {
-              class: "draw-side-bar-close",
+              class: "cursor-pointer draw-side-bar-close",
               icon: "close",
               onClick: _cache[0] || (_cache[0] = ($event) => handleAsideVisible(false)),
               variant: "text"
@@ -20776,8 +20775,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            _cache[10] || (_cache[10] = createElementVNode("hr", { class: "home-divider" }, null, -1)),
-            _cache[11] || (_cache[11] = createElementVNode("h1", { class: "home-section-title" }, "场景值 SceneValue 传入", -1)),
+            _cache[10] || (_cache[10] = createElementVNode("hr", { class: "my-4" }, null, -1)),
+            _cache[11] || (_cache[11] = createElementVNode("h1", { class: "my-2" }, "场景值 SceneValue 传入", -1)),
             createVNode(unref(RadioGroup), {
               direction: "row",
               modelValue: sceneSelected.value,
@@ -20799,8 +20798,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            _cache[12] || (_cache[12] = createElementVNode("hr", { class: "home-divider" }, null, -1)),
-            _cache[13] || (_cache[13] = createElementVNode("h2", { class: "home-subsection-title" }, "是否独立部署", -1)),
+            _cache[12] || (_cache[12] = createElementVNode("hr", { class: "my-4" }, null, -1)),
+            _cache[13] || (_cache[13] = createElementVNode("h2", { class: "mt-2" }, "是否独立部署", -1)),
             createVNode(unref(RadioGroup), {
               direction: "row",
               modelValue: independence.value,
@@ -21604,7 +21603,7 @@ function useModel(props, emits) {
     vModels
   };
 }
-const _hoisted_1$a = { class: "g-input-button-append__text" };
+const _hoisted_1$a = { class: "text-[14px]" };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "inputButton",
   props: {
@@ -21694,7 +21693,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["g-input-button", [inputBtnClassName.value, __props.error ? "g-input-button-error" : ""]])
+        class: normalizeClass(["flex flex-1 g-input-button", [inputBtnClassName.value, __props.error ? "g-input-button-error" : ""]])
       }, [
         createVNode(unref(Input), {
           modelValue: unref(vModels),
@@ -21722,11 +21721,11 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "g-input-select" };
+const _hoisted_1$9 = { class: "flex flex-1 g-input-select" };
 const _hoisted_2$7 = { class: "login-phone" };
-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 _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 _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "inputSelect",
   props: {
@@ -21846,7 +21845,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", null, toDisplayString$1(slotProps.option.label), 1),
                   createVNode(GIcon, {
                     name: "gt-line-delete",
-                    class: "g-input-select__delete-icon",
+                    class: "w-[16px] h-[16px] cursor-pointer",
                     onClick: withModifiers(($event) => deleteMobile(slotProps.option.value), ["stop"])
                   }, null, 8, ["onClick"])
                 ])
@@ -22224,10 +22223,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" };
+const _hoisted_2$6 = { class: "tips text-[var(--devui-disabled-text)]" };
 const _hoisted_3$6 = { class: "icons" };
 const _hoisted_4$4 = ["src", "alt", "onClick"];
-const _hoisted_5$2 = { class: "recent-login-img" };
+const _hoisted_5$2 = { class: "w-[50px] h-[20px] recent-login-img" };
 const _hoisted_6$2 = ["src"];
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "auth",
@@ -22256,7 +22255,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.logos, (icon) => {
             return openBlock(), createElementBlock("div", {
               key: icon.alt,
-              class: "icon-wrap otherInfo-icon"
+              class: "rounded-[50%] w-[40px] h-[40px] border-[1px] icon-wrap border-solid cursor-pointer otherInfo-icon"
             }, [
               createVNode(unref(Tooltip), {
                 position: "top",
@@ -22265,7 +22264,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   createElementVNode("img", {
-                    class: "otherInfo-icon__img",
+                    class: "w-[32px] h-[32px]",
                     src: icon.src,
                     alt: icon.alt,
                     onClick: withModifiers(($event) => handleClick(icon), ["stop"])
@@ -22277,7 +22276,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                 checkIsRecentLogin(icon.loginMethodList) ? (openBlock(), createElementBlock("img", {
                   key: 0,
                   src: unref(recentLoginImg),
-                  class: "recent-login-img__icon"
+                  class: "w-[50px] h-[20px]"
                 }, null, 8, _hoisted_6$2)) : createCommentVNode("", true)
               ])
             ]);
@@ -22329,10 +22328,10 @@ const useDeclareStatus = () => {
     resetDeclareStatus
   };
 };
-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 _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 _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "agreement",
   props: {
@@ -22366,12 +22365,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(["agreement__link", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", 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(["agreement__link", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", 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)
           ]),
@@ -22386,7 +22385,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             createElementVNode("span", _hoisted_4$3, [
               createTextVNode(toDisplayString$1(dataShareName.value) + " ", 1),
               createElementVNode("span", {
-                class: "agreement__link",
+                class: "text-[var(--theme-link)] cursor-pointer mx-[1px]",
                 onClick: _cache[3] || (_cache[3] = withModifiers(($event) => handleClick("dataShare"), ["stop"]))
               }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.dataShareTip")), 1)
             ])
@@ -22398,9 +22397,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: "agreements__hint" };
-const _hoisted_2$4 = { class: "agreements__hint-plain" };
-const _hoisted_3$4 = { class: "agreements__hint" };
+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 _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "agreements",
   props: {
@@ -22430,17 +22429,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: "agree-module agreements"
+          class: "mt-[6px] agree-module flex items-center"
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_1$6, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.readAgree")), 1),
             createElementVNode("a", {
-              class: normalizeClass(["agreements__link", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["text-[var(--devui-link)] cursor-pointer mx-[1px] text-[12px]", 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(["agreements__link", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
+              class: normalizeClass(["text-[var(--devui-link)] cursor-pointer mx-[1px] text-[12px]", 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")
@@ -22451,12 +22450,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: "agreements__data-share"
+          class: "mb-[12px]"
         }, {
           default: withCtx(() => [
             createElementVNode("span", _hoisted_3$4, toDisplayString$1(dataShareName.value), 1),
             createElementVNode("span", {
-              class: "agreements__data-link",
+              class: "text-[var(--theme-link)] cursor-pointer mx-[1px] text-[12px]",
               onClick: _cache[3] || (_cache[3] = withModifiers(($event) => handleClick("dataShare"), ["stop"]))
             }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.dataShareTip")), 1)
           ]),
@@ -22466,12 +22465,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "g-title" };
-const _hoisted_2$3 = { class: "back-img" };
+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_3$3 = ["src"];
 const _hoisted_4$2 = {
   key: 0,
-  class: "g-title__text"
+  class: "tracking-[.5px]"
 };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "title",
@@ -22493,7 +22492,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           __props.showBack ? (openBlock(), createElementBlock("img", {
             key: 0,
             src: __props.icon,
-            class: "g-title__back-img",
+            class: "w-[24px] cursor-pointer",
             onClick: withModifiers(handleClick, ["stop"])
           }, null, 8, _hoisted_3$3)) : createCommentVNode("", true)
         ]),
@@ -24903,8 +24902,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: "login-check-modal-text" };
-const _hoisted_3$2 = { class: "login-check-modal-footer" };
+const _hoisted_2$2 = { class: "text-[13px]" };
+const _hoisted_3$2 = { class: "flex items-center justify-end px-[24px] pb-[24px]" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "loginCheckModal",
   props: /* @__PURE__ */ mergeModels({
@@ -24949,7 +24948,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         footer: withCtx(() => [
           createElementVNode("div", _hoisted_3$2, [
             createVNode(unref(Button), {
-              class: "login-check-modal-footer__btn-cancel",
+              class: "mr-2",
               onClick: close
             }, {
               default: withCtx(() => [
@@ -24959,7 +24958,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             }),
             createVNode(unref(Button), {
               variant: "solid",
-              class: "login-check-modal-footer__btn-confirm",
+              class: "w-[126px]",
               disabled: !__props.dataShareChecked,
               onClick: handleConfirm
             }, {
@@ -24975,12 +24974,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", null, [
               createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.tips.youNeeToAgr")) + " ", 1),
               createElementVNode("span", {
-                class: normalizeClass(["login-check-modal-link", unref(declareNotClicked)["agreement"] ? "badge-dot-item" : ""]),
+                class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", 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(["login-check-modal-link", unref(declareNotClicked)["privacy"] ? "badge-dot-item" : ""]),
+                class: normalizeClass(["text-[var(--theme-link)] cursor-pointer mx-[1px]", 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)
@@ -24992,12 +24991,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: "login-check-modal-data-share"
+              class: "mt-[12px]"
             }, {
               default: withCtx(() => [
                 createElementVNode("span", _hoisted_2$2, toDisplayString$1(dataShareName.value), 1),
                 createElementVNode("span", {
-                  class: "login-check-modal-link login-check-modal-link--sm",
+                  class: "text-[var(--theme-link)] cursor-pointer mx-[1px] text-[13px]",
                   onClick: _cache[2] || (_cache[2] = withModifiers(($event) => handleClick("dataShare"), ["stop"]))
                 }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.link.dataShareTip")), 1)
               ]),
@@ -25012,8 +25011,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$3 = { class: "mfa" };
 const _hoisted_2$1 = ["src"];
-const _hoisted_3$1 = { class: "mfa__title" };
-const _hoisted_4$1 = { class: "mfa__desc" };
+const _hoisted_3$1 = { class: "text-[20px] font-[600] mb-[8px]" };
+const _hoisted_4$1 = { class: "mb-[32px] text-[var(--devui-placeholder)]" };
 const _hoisted_5$1 = {
   key: 0,
   class: "input-list"
@@ -25024,19 +25023,19 @@ const _hoisted_6$1 = {
 };
 const _hoisted_7$1 = {
   key: 2,
-  class: "mfa__error"
+  class: "text-[var(--color-danger)] mt-[8px]"
 };
 const _hoisted_8$1 = {
   key: 3,
-  class: "mfa__hint"
+  class: "text-[var(--devui-placeholder)] mt-[8px]"
 };
 const _hoisted_9$1 = {
   key: 4,
-  class: "mfa__hint"
+  class: "text-[var(--devui-placeholder)] mt-[8px]"
 };
-const _hoisted_10$1 = { class: "mfa__action" };
-const _hoisted_11$1 = { class: "mfa__footer" };
-const _hoisted_12$1 = { class: "mfa__back" };
+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 _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MFA",
   props: {
@@ -25188,7 +25187,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("img", {
-          class: "mfa__logo",
+          class: "w-[104px] mb-[32px]",
           src: currentLogo.value,
           alt: ""
         }, null, 8, _hoisted_2$1),
@@ -25224,7 +25223,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: "mfa__submit",
+            class: "w-[100%]",
             color: "primary",
             loading: loading.value,
             onClick: handleConfirm,
@@ -25246,19 +25245,19 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               createVNode(GIcon, {
                 color: "var(--devui-aide-text)",
                 name: "gt-line-left",
-                class: "mfa__back-icon"
+                class: "mr-[8px]"
               }),
               createTextVNode(toDisplayString$1(unref(t2)("gitCodeLayout.pipeline.goBack")), 1)
             ])) : createCommentVNode("", true)
           ]),
           mode.value === "recover" ? (openBlock(), createElementBlock("p", {
             key: 0,
-            class: "mfa__switch",
+            class: "cursor-pointer text-[var(--devui-link)] hover:underline",
             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: "mfa__switch",
+            class: "cursor-pointer text-[var(--devui-link)] hover:underline",
             onClick: _cache[3] || (_cache[3] = ($event) => modChange("recover"))
           }, toDisplayString$1(unref(t2)("gitCodeLayout.LoginModal.mfatip6")), 1)) : createCommentVNode("", true)
         ])
@@ -25454,7 +25453,7 @@ const _SlidCaptchaManager = class _SlidCaptchaManager {
 __publicField(_SlidCaptchaManager, "instance");
 let SlidCaptchaManager = _SlidCaptchaManager;
 const slidCaptchaManager = SlidCaptchaManager.getInstance();
-const SlidCaptcha = defineAsyncComponent(() => import("./index-CktR4_3I.js"));
+const SlidCaptcha = defineAsyncComponent(() => import("./index-EOrZj5ss.js"));
 const useSlidCaptcha = () => {
   const { mount, unMount, isMounted } = usePopup("slid-captcha-popup");
   const open = (config) => {
@@ -25484,7 +25483,7 @@ const useSlidCaptcha = () => {
     close
   };
 };
-const YunpianCaptcha = defineAsyncComponent(() => import("./index-DBK1y0r5.js"));
+const YunpianCaptcha = defineAsyncComponent(() => import("./index-BxHk52W8.js"));
 const useYunpianCaptcha = () => {
   const { mount, unMount } = usePopup("yunpian-captcha-popup");
   const open = (config) => {
@@ -25880,9 +25879,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: "content-loading__row" }, [
+      createElementVNode("div", { class: "w-full flex-center" }, [
         createElementVNode("img", {
-          class: "content-loading__img",
+          class: "w-[60px] h-[60px]",
           src: "https://cdn-static.gitcode.com/static/images/common/loading.gif",
           alt: "loading"
         })
@@ -25911,12 +25910,12 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         __props.loading ? renderSlot(_ctx.$slots, "loading", {}, () => [
           __props.skeleton ? (openBlock(), createBlock(unref(Skeleton), {
             key: 0,
-            class: "data-panel__skeleton",
+            class: "p-20",
             rows: __props.skeletonRow
           }, null, 8, ["rows"])) : __props.animation ? (openBlock(), createBlock(ContentLoading, {
             key: 1,
             name: "loading",
-            class: "data-panel__content-loading"
+            class: "w-full h-full flex-center"
           })) : createCommentVNode("", true)
         ], true, 0) : renderSlot(_ctx.$slots, "default", {}, void 0, true, 1)
       ], 2);
@@ -25981,106 +25980,106 @@ function useVisibilityPoll(pollFunction, options = {}, shouldPoll) {
 }
 const _hoisted_1$1 = {
   key: 0,
-  class: "login-modal-header"
+  class: "flex items-center gap-1 h-[48px]"
 };
-const _hoisted_2 = { class: "devui-icon__container devui-icon--operable devui-icon--no-slots login-modal-header__close-wrap" };
+const _hoisted_2 = { class: "devui-icon__container devui-icon--operable devui-icon--no-slots self-start min-w-[34px] mt-[-6px]" };
 const _hoisted_3 = {
   key: 1,
   class: "login-modal-content"
 };
 const _hoisted_4 = {
   key: 0,
-  class: "login-modal-content-left login-modal-content-left-register"
+  class: "w-[470px] 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: "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_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_11 = {
   key: 0,
-  class: "login-modal-tabs-row"
+  class: "flex items-baseline mb-[16px] justify-between"
 };
-const _hoisted_12 = { class: "login-modal-tabs" };
-const _hoisted_13 = { class: "last-login-img" };
+const _hoisted_12 = { class: "flex items-center gap-[24px]" };
+const _hoisted_13 = { class: "w-[50px] h-[20px] last-login-img" };
 const _hoisted_14 = ["src"];
-const _hoisted_15 = { class: "last-login-img" };
+const _hoisted_15 = { class: "w-[50px] h-[20px] last-login-img" };
 const _hoisted_16 = ["src"];
-const _hoisted_17 = { class: "last-login-img" };
+const _hoisted_17 = { class: "w-[50px] h-[20px] last-login-img" };
 const _hoisted_18 = ["src"];
-const _hoisted_19 = { class: "login-modal-section-tip login-modal-section-tip--right" };
+const _hoisted_19 = { class: "text-[12px] leading-[32px] text-right" };
 const _hoisted_20 = {
   key: 1,
-  class: "forget-tips"
+  class: "forget-tips text-[var(--devui-link)] my-[16px] min-h-[32px] leading-[32px] px-[12px] tracking-[.5px]"
 };
 const _hoisted_21 = { key: 2 };
-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_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_25 = { key: 3 };
-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_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_29 = { class: "bind-phone-tip" };
 const _hoisted_30 = { key: 4 };
-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_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_37 = ["href"];
-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_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_48 = ["src"];
 const _hoisted_49 = {
   key: 0,
   class: "mask"
 };
-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_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_53 = {
   key: 1,
-  class: "qrcode-container__status"
+  class: "flex flex-col gap-3 items-center justify-center"
 };
-const _hoisted_54 = { class: "qrcode-container__status-success" };
-const _hoisted_55 = { class: "qrcode-container__status-tip" };
+const _hoisted_54 = { class: "text-[var(--color-success)]" };
+const _hoisted_55 = { class: "text-center" };
 const _hoisted_56 = {
   key: 0,
-  class: "qrcode-container__caption"
+  class: "text-center text-[16px] mt-[40px] text-[var(--devui-text-weak)] font-bold"
 };
 const _hoisted_57 = {
   key: 0,
-  class: "login-modal-info"
+  class: "login-modal-info h-[20px]"
 };
 const _hoisted_58 = { class: "login-modal-info-left" };
 const _hoisted_59 = {
   key: 0,
-  class: "login-modal-submit-block"
+  class: "mt-[18px]"
 };
-const _hoisted_60 = { class: "login-modal-agreement__inner" };
-const _hoisted_61 = { class: "login-modal-harmony-row" };
+const _hoisted_60 = { class: "flex justify-center" };
+const _hoisted_61 = { class: "flex items-center justify-center pr-[16px] mt-[16px]" };
 const _hoisted_62 = { class: "harmony-icon" };
-const _hoisted_63 = { class: "last-login-img" };
+const _hoisted_63 = { class: "w-[50px] h-[20px] last-login-img" };
 const _hoisted_64 = ["src"];
-const _hoisted_65 = { class: "login-modal-harmony-entry__label" };
-const _hoisted_66 = { class: "login-modal-footer" };
+const _hoisted_65 = { class: "ml-[8px] text-[12px]" };
+const _hoisted_66 = { class: "login-modal-footer flex items-center justify-center" };
 const _hoisted_67 = { key: 2 };
-const _hoisted_68 = { class: "login-modal-error__text" };
+const _hoisted_68 = { class: "line-clamp-2" };
 const _hoisted_69 = { class: "absolute-btn" };
 const _hoisted_70 = { key: 3 };
-const _hoisted_71 = { class: "login-modal-error login-modal-error--register" };
-const _hoisted_72 = { class: "login-modal-error__text" };
+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_73 = { class: "absolute-btn" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
@@ -27681,7 +27680,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 "show-title": FormConfig.value.showTitle,
                 onBack: handleTitleBackClick,
                 "show-back": FormConfig.value.showBack,
-                class: "login-modal-title"
+                class: "login-modal-title flex-1"
               }, null, 8, ["icon", "title", "show-title", "show-back"]),
               createElementVNode("div", _hoisted_2, [
                 __props.showClose && !showProtoCheck.value ? (openBlock(), createBlock(GIcon, {
@@ -27709,7 +27708,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     createElementVNode("img", {
                       src: isAIHub.value ? AiLogoType[unref(currentTheme)] : logoType[unref(currentTheme)],
                       alt: "gitcode-logo",
-                      class: "login-modal-logo-img"
+                      class: "h-[30px]"
                     }, null, 8, _hoisted_6),
                     createElementVNode("div", _hoisted_7, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.subtitle.desc")), 1)
                   ]),
@@ -27723,7 +27722,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   ], 2)
                 ])) : createCommentVNode("", true),
                 createElementVNode("div", {
-                  class: normalizeClass(["login-modal-form", formType.value === "forget" ? "login-modal-form--forget" : "login-modal-form--default"])
+                  class: normalizeClass(formType.value === "forget" ? "w-[512px]" : "w-[420px]")
                 }, [
                   formType.value === "login" ? (openBlock(), createElementBlock("div", _hoisted_11, [
                     createElementVNode("div", _hoisted_12, [
@@ -27739,7 +27738,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           recentLoginType.value === unref(LoginMethodEnum).MINI_PROGRAM ? (openBlock(), createElementBlock("img", {
                             key: 0,
                             src: unref(recentLoginImg),
-                            class: "last-login-img__icon"
+                            class: "w-[50px] h-[20px]"
                           }, null, 8, _hoisted_14)) : createCommentVNode("", true)
                         ])
                       ], 2),
@@ -27755,7 +27754,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           recentLoginType.value === unref(LoginMethodEnum).PHONE ? (openBlock(), createElementBlock("img", {
                             key: 0,
                             src: unref(recentLoginImg),
-                            class: "last-login-img__icon"
+                            class: "w-[50px] h-[20px]"
                           }, null, 8, _hoisted_16)) : createCommentVNode("", true)
                         ])
                       ], 2),
@@ -27771,7 +27770,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           recentLoginType.value === unref(LoginMethodEnum).PASSWORD ? (openBlock(), createElementBlock("img", {
                             key: 0,
                             src: unref(recentLoginImg),
-                            class: "last-login-img__icon"
+                            class: "w-[50px] h-[20px]"
                           }, null, 8, _hoisted_18)) : createCommentVNode("", true)
                         ])
                       ], 2)
@@ -27780,7 +27779,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.noAccount")) + " ", 1),
                       createElementVNode("span", {
                         onClick: clickRegister,
-                        class: "login-modal-link"
+                        class: "text-[var(--theme-link)] cursor-pointer hover:underline"
                       }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.registerAgain")), 1)
                     ])
                   ])) : createCommentVNode("", true),
@@ -27793,7 +27792,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: "login-modal-link"
+                          class: "text-[var(--theme-link)] cursor-pointer hover:underline"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.backLogin")), 1)
                       ])
                     ])
@@ -27804,7 +27803,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_28, [
                         createElementVNode("span", {
                           onClick: _cache[4] || (_cache[4] = ($event) => handleTitleBackClick("bindPhone")),
-                          class: "login-modal-link"
+                          class: "text-[var(--theme-link)] cursor-pointer hover:underline"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.backLogin")), 1)
                       ])
                     ]),
@@ -27816,7 +27815,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_33, [
                         createElementVNode("span", {
                           onClick: _cache[5] || (_cache[5] = ($event) => handleTitleBackClick("bindPhoneConflict")),
-                          class: "login-modal-link"
+                          class: "text-[var(--theme-link)] cursor-pointer hover:underline"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.backLogin")), 1)
                       ])
                     ]),
@@ -27830,7 +27829,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         createElementVNode("a", {
                           href: currentUserHomePage.value,
                           target: "_blank",
-                          class: "login-modal-anchor"
+                          class: "text-[var(--theme-link)]"
                         }, 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)
@@ -27852,7 +27851,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createElementVNode("p", _hoisted_44, [
                         createVNode(GIcon, {
                           name: "gt-plane-warningTriangle-orange",
-                          class: "login-modal-conflict-warning__icon"
+                          class: "mr-1"
                         }),
                         createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.bindPhoneConflict.text11")), 1)
                       ]),
@@ -27860,7 +27859,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     ]),
                     createElementVNode("div", _hoisted_45, [
                       createVNode(unref(Button), {
-                        class: "login-modal-conflict-actions__btn",
+                        class: "w-[48%]",
                         loading: bindOperateLoading.value,
                         color: "secondary",
                         size: "lg",
@@ -27872,7 +27871,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         _: 1
                       }, 8, ["loading"]),
                       createVNode(unref(Button), {
-                        class: "login-modal-conflict-actions__btn",
+                        class: "w-[48%]",
                         loading: bindOperateLoading.value,
                         size: "lg",
                         variant: "solid",
@@ -27905,13 +27904,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           createElementVNode("img", {
                             src: miniProgramInfo.value.qrcode,
                             alt: "小程序二维码",
-                            class: "qrcode-container__img"
+                            class: "w-[180px] h-[180px]"
                           }, null, 8, _hoisted_48),
                           miniProgramStatus.value !== "WAITING" ? (openBlock(), createElementBlock("div", _hoisted_49, [
                             miniProgramStatus.value === "TIMEOUT" ? (openBlock(), createElementBlock("div", {
                               key: 0,
                               onClick: getMiniProgramQrCode,
-                              class: "qrcode-container__timeout"
+                              class: "flex flex-col items-center justify-center cursor-pointer gap-[40px]"
                             }, [
                               createVNode(GIcon, {
                                 name: "gt-line-update",
@@ -27932,7 +27931,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: "qrcode-container__retry"
+                          class: "mt-2"
                         }, toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.miniProgram.tip06")), 1))
                       ])
                     ]),
@@ -27996,7 +27995,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               _: 1
                             }, 8, ["loading", "disabled"]),
                             createElementVNode("div", {
-                              class: normalizeClass(["login-modal-footer-args login-modal-agreement", AgreementWarn.value ? "shaking-box" : ""])
+                              class: normalizeClass([["login-modal-footer-args", AgreementWarn.value ? "shaking-box" : ""], "mt-[16px]"])
                             }, [
                               createElementVNode("div", _hoisted_60, [
                                 createVNode(GAgreement, {
@@ -28011,20 +28010,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                             createElementVNode("div", _hoisted_61, [
                               __props.openHarmonyGuide ? (openBlock(), createElementBlock("div", {
                                 key: 0,
-                                class: "login-modal-harmony-entry",
+                                class: "text-[var(--theme-link)] flex items-center mt-[12px] cursor-pointer",
                                 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: "harmony-icon-img"
+                                    class: "w-[32px] h-[32px] inline-block harmony-icon-img"
                                   }, null, -1)),
                                   createElementVNode("div", _hoisted_63, [
                                     recentLoginType.value === unref(LoginMethodEnum).HARMONY ? (openBlock(), createElementBlock("img", {
                                       key: 0,
                                       src: unref(recentLoginImg),
-                                      class: "last-login-img__icon"
+                                      class: "w-[50px] h-[20px]"
                                     }, null, 8, _hoisted_64)) : createCommentVNode("", true)
                                   ])
                                 ]),
@@ -28037,21 +28036,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               logos,
                               onAuth: pcAuthLogin,
                               recentLoginType: recentLoginType.value,
-                              class: "login-modal-footer__auth"
+                              class: "flex-1"
                             }, null, 8, ["logos", "recentLoginType"])
                           ])
                         ], 64)) : createCommentVNode("", true),
                         ["register", "forget"].includes(formType.value) ? (openBlock(), createElementBlock("div", _hoisted_67, [
                           createElementVNode("div", {
                             class: normalizeClass([
-                              "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" : ""
+                              "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" : ""
                             ])
                           }, [
                             createElementVNode("span", _hoisted_68, toDisplayString$1(errorMsg.value), 1)
                           ], 2),
                           createElementVNode("div", {
-                            class: normalizeClass(["register-agree", [AgreementWarn.value ? "shaking-box" : ""]])
+                            class: normalizeClass(["register-agree mt-[16px]", [AgreementWarn.value ? "shaking-box" : ""]])
                           }, [
                             createVNode(_sfc_main$7, {
                               modelValue: status.value,
@@ -28070,7 +28069,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               onClick: handleConfirm,
                               disabled: disabled.value,
                               loading: loading.value,
-                              class: "login-modal-submit-btn"
+                              class: "w-[100%] mb-[14px] mt-[10px]"
                             }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString$1(formType.value === "forget" ? unref($t)("gitCodeLayout.userSetting.account.changePassword") : unref($t)("gitCodeLayout.LoginModal.action.verify")), 1)
@@ -28091,7 +28090,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                               onClick: handleConfirm,
                               disabled: disabled.value,
                               loading: loading.value,
-                              class: "login-modal-submit-btn login-modal-submit-btn--bindphone"
+                              class: "w-[100%] mt-[4px]"
                             }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString$1(unref($t)("gitCodeLayout.LoginModal.action.verify")), 1)