@opendesign-plus-test/components 0.0.1-rc.187 → 0.0.1-rc.189

package/dist/components.es.js

@@ -45038,7 +45038,7 @@ const XD = { name: "components-icon-smile", render: jD }, GD = /* @__PURE__ */ X
       ], 4))
     ], 2));
   }
-}), O2 = /* @__PURE__ */ st(zS, [["__scopeId", "data-v-99cd0044"]]), XH = Object.assign(O2, {
+}), O2 = /* @__PURE__ */ st(zS, [["__scopeId", "data-v-912266ea"]]), XH = Object.assign(O2, {
   install(s) {
     s.component("OFooter", O2);
   }
@@ -57843,7 +57843,7 @@ const Vp = { name: "user-center-icon-check", render: YV }, WV = { class: "form-i
       }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
     ], 64));
   }
-}), Fp = /* @__PURE__ */ st(NF, [["__scopeId", "data-v-e6936db3"]]), qF = {
+}), Fp = /* @__PURE__ */ st(NF, [["__scopeId", "data-v-1198fb63"]]), qF = {
   width: "24px",
   height: "24px",
   viewBox: "0 0 24 24",
@@ -58254,7 +58254,7 @@ const JF = { name: "user-center-icon-eye", render: KF }, ZF = /* @__PURE__ */ Xe
       }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
     ], 64));
   }
-}), Np = /* @__PURE__ */ st(fN, [["__scopeId", "data-v-9b7906bf"]]), pN = { class: "common-header" }, mN = /* @__PURE__ */ Xe({
+}), Np = /* @__PURE__ */ st(fN, [["__scopeId", "data-v-4e837d12"]]), pN = { class: "common-header" }, mN = /* @__PURE__ */ Xe({
   __name: "OCommonHeader",
   props: {
     logo: {},
@@ -59300,7 +59300,7 @@ const gq = { name: "user-center-icon-openatom", render: mq }, vq = {
       }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
     ], 64));
   }
-}), Gp = /* @__PURE__ */ st(Eq, [["__scopeId", "data-v-e4d5b329"]]), wq = /* @__PURE__ */ new Map([
+}), Gp = /* @__PURE__ */ st(Eq, [["__scopeId", "data-v-1175189c"]]), wq = /* @__PURE__ */ new Map([
   [
     "maintainer",
     {
@@ -61833,7 +61833,7 @@ const FU = { name: "user-center-icon-loading", render: VU }, NU = { class: "dlg-
       }, null, 8, ["is-edit-nickname-dialog", "nick-name", "modify-user"])
     ], 64));
   }
-}), cm = /* @__PURE__ */ st(qz, [["__scopeId", "data-v-8f2e1e53"]]), cj = Object.assign(Fp, {
+}), cm = /* @__PURE__ */ st(qz, [["__scopeId", "data-v-3243c6b8"]]), cj = Object.assign(Fp, {
   install(s) {
     s.component("OAccountSecurity", Fp);
   }

package/dist/treeshaking/components/footer/OFooter.css

@@ -1,52 +1,55 @@
-.hover-icon-rotate .o-icon[data-v-99cd0044] {
+.hover-icon-rotate .o-icon[data-v-912266ea] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-99cd0044] {
+.hover-icon-rotate:hover .o-icon[data-v-912266ea] {
     transform: rotate(-180deg);
 }
 }
-.app-footer[data-v-99cd0044] {
+.app-footer[data-v-912266ea] {
   overflow: hidden;
   background: #121214;
+  /* inline 轴尺寸包含：footer 自身渲染不变，但其内容（英文 nowrap 长链接）的
+     固有宽度不再向外传播，避免在窄视口下把整页撑宽（页面出现居中偏移 + 右侧裁切） */
+  contain: inline-size;
   --o-footer-content-max-width: 1488px;
   --o-footer-content-padding: 0;
 }
 @media (max-width: 1680px) {
-.app-footer[data-v-99cd0044] {
+.app-footer[data-v-912266ea] {
     --o-footer-content-max-width: 100%;
     --o-footer-content-padding: 98px;
 }
 }
 @media (max-width: 1440px) {
-.app-footer[data-v-99cd0044] {
+.app-footer[data-v-912266ea] {
     --o-footer-content-padding: 64px;
 }
 }
 @media (max-width: 1200px) {
-.app-footer[data-v-99cd0044] {
+.app-footer[data-v-912266ea] {
     --o-footer-content-padding: 32px;
 }
 }
 @media (max-width: 600px) {
-.app-footer[data-v-99cd0044] {
+.app-footer[data-v-912266ea] {
     --o-footer-content-padding: 24px;
 }
 }
-.app-footer-simple[data-v-99cd0044] {
+.app-footer-simple[data-v-912266ea] {
   background: transparent;
 }
 @media (max-width: 1680px) {
-.app-footer-simple[data-v-99cd0044] {
+.app-footer-simple[data-v-912266ea] {
     --o-footer-content-padding: 48px;
 }
 }
 @media (max-width: 1440px) {
-.app-footer-simple[data-v-99cd0044] {
+.app-footer-simple[data-v-912266ea] {
     --o-footer-content-padding: 32px;
 }
 }
-.app-footer-content[data-v-99cd0044] {
+.app-footer-content[data-v-912266ea] {
   max-width: var(--o-footer-content-max-width);
   margin: 0 auto;
   padding: 0 var(--o-footer-content-padding);
@@ -54,7 +57,7 @@
   background-repeat: no-repeat;
   background-size: auto;
 }
-.app-footer-simple-content[data-v-99cd0044] {
+.app-footer-simple-content[data-v-912266ea] {
   padding-top: 16px;
   padding-bottom: 24px;
 }

package/dist/treeshaking/components/footer/OFooter.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OFooter.vue2.mjs";
 import './OFooter.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99cd0044"]]);
+const _OFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-912266ea"]]);
 export {
   _OFooter as default
 };

package/dist/treeshaking/components/user-center/OAccountSecurity.css

@@ -1,218 +1,217 @@
-.hover-icon-rotate .o-icon[data-v-e6936db3] {
+.hover-icon-rotate .o-icon[data-v-1198fb63] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-e6936db3] {
+.hover-icon-rotate:hover .o-icon[data-v-1198fb63] {
     transform: rotate(-180deg);
 }
 }
-.title[data-v-e6936db3] {
+.title[data-v-1198fb63] {
   font-size: var(--font-size3);
   line-height: var(--line-height3);
   font-weight: 600;
   padding-top: var(--layout-gap2);
   padding-bottom: var(--layout-gap2);
 }
-.tips[data-v-e6936db3] {
-  width: 592px;
+.tips[data-v-1198fb63] {
+  /* 流式宽度：窄容器（英文长文案场景）下随内容区收缩，宽容器下维持原定宽视觉 */
+  width: 100%;
+  max-width: 592px;
   color: var(--o-color-info1);
   margin-bottom: 24px;
 }
-.tips[data-v-e6936db3]:last-child {
+.tips[data-v-1198fb63]:last-child {
   margin-bottom: 0;
 }
-.tips-title[data-v-e6936db3] {
+.tips-title[data-v-1198fb63] {
   font-size: 18px;
   line-height: 26px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.tips-title[data-v-e6936db3] {
+.tips-title[data-v-1198fb63] {
     font-size: 16px;
     line-height: 24px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.tips-title[data-v-e6936db3] {
+.tips-title[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.tips-title[data-v-e6936db3] {
+.tips-title[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.tips-title[data-v-e6936db3] {
+.tips-title[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
-.tips-title[data-v-e6936db3] {
+.tips-title[data-v-1198fb63] {
   margin-bottom: 4px;
 }
-.tips-content[data-v-e6936db3] {
+.tips-content[data-v-1198fb63] {
   font-size: 14px;
   line-height: 22px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.tips-content[data-v-e6936db3] {
+.tips-content[data-v-1198fb63] {
     font-size: 14px;
     line-height: 18px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.tips-content[data-v-e6936db3] {
+.tips-content[data-v-1198fb63] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.tips-content[data-v-e6936db3] {
+.tips-content[data-v-1198fb63] {
     font-size: 12px;
     line-height: 18px;
 }
 }
 @media (max-width: 600px) {
-.tips-content[data-v-e6936db3] {
+.tips-content[data-v-1198fb63] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.tips-content[data-v-e6936db3] {
+.tips-content[data-v-1198fb63] {
   font-weight: normal;
   color: var(--o-color-info2);
   display: flex;
   justify-content: space-between;
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.tips[data-v-e6936db3] {
-    width: 480px;
-}
+.tips[data-v-1198fb63] {
+    max-width: 540px;
 }
-.tips.lang-en[data-v-e6936db3] {
-  width: 622px;
 }
-.red[data-v-e6936db3] {
+.red[data-v-1198fb63] {
   color: var(--o-color-danger1);
 }
-.text-btn[data-v-e6936db3] {
+.text-btn[data-v-1198fb63] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.text-btn[data-v-e6936db3] {
+.text-btn[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.text-btn[data-v-e6936db3] {
+.text-btn[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.text-btn[data-v-e6936db3] {
+.text-btn[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.text-btn[data-v-e6936db3] {
+.text-btn[data-v-1198fb63] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.text-btn[data-v-e6936db3] {
+.text-btn[data-v-1198fb63] {
   line-height: 24px;
   font-weight: Regular;
   cursor: pointer;
   white-space: nowrap;
   margin-left: 16px;
 }
-.text-btn[data-v-e6936db3]:hover {
+.text-btn[data-v-1198fb63]:hover {
   color: var(--o-color-danger2);
 }
-.forget-btn[data-v-e6936db3] {
+.forget-btn[data-v-1198fb63] {
   margin-left: 16px;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.forget-btn[data-v-e6936db3] {
+.forget-btn[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.forget-btn[data-v-e6936db3] {
+.forget-btn[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.forget-btn[data-v-e6936db3] {
+.forget-btn[data-v-1198fb63] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.forget-btn[data-v-e6936db3] {
+.forget-btn[data-v-1198fb63] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.tips-bg[data-v-e6936db3] {
+.tips-bg[data-v-1198fb63] {
   line-height: 24px;
 }
-.tips-bg a[data-v-e6936db3] {
+.tips-bg a[data-v-1198fb63] {
   color: var(--o-color-link1);
 }
-.tips-bg a[data-v-e6936db3]:hover {
+.tips-bg a[data-v-1198fb63]:hover {
   color: var(--o-color-primary2);
 }
-.security-pad[data-v-e6936db3] {
+.security-pad[data-v-1198fb63] {
   /* 三行合并为一张白色卡片，距顶部 16px */
   margin-top: 16px;
   background-color: var(--o-color-fill2);
   border-radius: 8px;
   padding: 0 16px;
 }
-.security-pad .tips[data-v-e6936db3] {
+.security-pad .tips[data-v-1198fb63] {
   width: 100%;
   margin: 0;
   padding: 12px 0;
   background-color: transparent;
   border-bottom: 1px solid var(--o-color-control4);
 }
-.security-pad .tips[data-v-e6936db3]:last-child {
+.security-pad .tips[data-v-1198fb63]:last-child {
   border-bottom: none;
 }
-.security-pad .tips-title[data-v-e6936db3] {
+.security-pad .tips-title[data-v-1198fb63] {
   margin-bottom: 8px;
 }
-.security-pad .tips-content[data-v-e6936db3] {
+.security-pad .tips-content[data-v-1198fb63] {
   color: var(--o-color-info2);
 }
-.security-pad .tips .forget-btn[data-v-e6936db3] {
+.security-pad .tips .forget-btn[data-v-1198fb63] {
   margin-left: 0;
 }
-.security-pad[data-v-e6936db3] {
+.security-pad[data-v-1198fb63] {
   /* 登录密码 / 注销账号：标题上、描述+箭头下 */
 }
-.security-pad .tips-inline .tips-content[data-v-e6936db3] {
+.security-pad .tips-inline .tips-content[data-v-1198fb63] {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-.security-pad .tips-inline .tips-content .tips-desc[data-v-e6936db3] {
+.security-pad .tips-inline .tips-content .tips-desc[data-v-1198fb63] {
   display: block;
   flex: 1;
   margin-right: 16px;
 }
-.security-pad .tips-inline .arrow[data-v-e6936db3] {
+.security-pad .tips-inline .arrow[data-v-1198fb63] {
   width: 24px;
   height: 24px;
   cursor: pointer;

package/dist/treeshaking/components/user-center/OAccountSecurity.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./OAccountSecurity.vue2.mjs";
 import './OAccountSecurity.css';
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6936db3"]]);
+const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1198fb63"]]);
 export {
   _OAccountSecurity as default
 };

package/dist/treeshaking/components/user-center/OAccountSetting.css

@@ -1,27 +1,27 @@
-.hover-icon-rotate .o-icon[data-v-9b7906bf] {
+.hover-icon-rotate .o-icon[data-v-4e837d12] {
   transition: all var(--o-duration-m1) var(--o-easing-standard-in);
 }
 @media (hover: hover) {
-.hover-icon-rotate:hover .o-icon[data-v-9b7906bf] {
+.hover-icon-rotate:hover .o-icon[data-v-4e837d12] {
     transform: rotate(-180deg);
 }
 }
-.user-info-setting[data-v-9b7906bf] {
+.user-info-setting[data-v-4e837d12] {
   border-bottom: 1px solid var(--o-color-control4);
 }
 @media (max-width: 840px) {
-.user-info-setting[data-v-9b7906bf] {
+.user-info-setting[data-v-4e837d12] {
     border-bottom: none;
 }
 }
-.title[data-v-9b7906bf] {
+.title[data-v-4e837d12] {
   font-size: var(--font-size1);
   line-height: var(--line-height1);
   font-weight: 600;
   color: var(--o-color-info1);
   margin-bottom: 12px;
 }
-.login-setting[data-v-9b7906bf] {
+.login-setting[data-v-4e837d12] {
   font-size: 14px;
   line-height: 22px;
   font-weight: normal;
@@ -31,11 +31,11 @@
   margin-bottom: var(--layout-gap2);
 }
 @media (max-width: 840px) {
-.login-setting[data-v-9b7906bf] {
+.login-setting[data-v-4e837d12] {
     border-bottom: none;
 }
 }
-.section-label[data-v-9b7906bf] {
+.section-label[data-v-4e837d12] {
   font-size: var(--font-size3);
   line-height: var(--line-height3);
   font-weight: 600;
@@ -44,180 +44,179 @@
 }
 
 /* 移动端：白色卡片行（与三方账号绑定一致） */
-.setting-content-pad[data-v-9b7906bf] {
+.setting-content-pad[data-v-4e837d12] {
   background-color: var(--o-color-fill2);
   padding-bottom: 0;
   border-radius: 8px;
   margin-top: 4px;
   padding: 0 16px;
 }
-.setting-content-pad .opt-item[data-v-9b7906bf] {
+.setting-content-pad .opt-item[data-v-4e837d12] {
   width: 100%;
   height: 52px;
   line-height: normal;
   margin: 0;
   border-bottom: 1px solid var(--o-color-control4);
 }
-.setting-content-pad .opt-item[data-v-9b7906bf]:last-child {
+.setting-content-pad .opt-item[data-v-4e837d12]:last-child {
   border-bottom: none;
 }
-.setting-content-pad .opt-item .left-content[data-v-9b7906bf] {
+.setting-content-pad .opt-item .left-content[data-v-4e837d12] {
   flex: 1;
   align-items: center;
   margin-left: 0;
 }
-.setting-content-pad .opt-item .left-content .content-info[data-v-9b7906bf] {
+.setting-content-pad .opt-item .left-content .content-info[data-v-4e837d12] {
   margin-left: auto;
   margin-right: 16px;
   justify-content: flex-end;
 }
-.setting-content-pad .opt-item .left-content .content-label[data-v-9b7906bf] {
+.setting-content-pad .opt-item .left-content .content-label[data-v-4e837d12] {
   color: var(--o-color-info1);
 }
-.opt-item[data-v-9b7906bf] {
+.opt-item[data-v-4e837d12] {
   margin: var(--layout-gap2) 0;
   line-height: 40px;
   display: flex;
-  width: 592px;
+  /* 流式宽度：窄容器（英文长文案场景）下随内容区收缩，宽容器下维持原定宽视觉 */
+  width: 100%;
+  max-width: 592px;
   justify-content: space-between;
   color: var(--o-color-info1);
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.opt-item[data-v-9b7906bf] {
-    width: 480px;
+.opt-item[data-v-4e837d12] {
+    max-width: 540px;
 }
 }
-.opt-item .opt-label[data-v-9b7906bf] {
+.opt-item .opt-label[data-v-4e837d12] {
   color: var(--o-color-info1);
 }
-.opt-item .o-link + .o-link[data-v-9b7906bf] {
+.opt-item .o-link + .o-link[data-v-4e837d12] {
   margin-left: var(--o-spacing-h4);
 }
-.opt-item .left-content .content-label[data-v-9b7906bf],
-.opt-item .left-content .content-info[data-v-9b7906bf] {
+.opt-item .left-content .content-label[data-v-4e837d12],
+.opt-item .left-content .content-info[data-v-4e837d12] {
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.opt-item .left-content .content-label[data-v-9b7906bf],
-  .opt-item .left-content .content-info[data-v-9b7906bf] {
+.opt-item .left-content .content-label[data-v-4e837d12],
+  .opt-item .left-content .content-info[data-v-4e837d12] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.opt-item .left-content .content-label[data-v-9b7906bf],
-  .opt-item .left-content .content-info[data-v-9b7906bf] {
+.opt-item .left-content .content-label[data-v-4e837d12],
+  .opt-item .left-content .content-info[data-v-4e837d12] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.opt-item .left-content .content-label[data-v-9b7906bf],
-  .opt-item .left-content .content-info[data-v-9b7906bf] {
+.opt-item .left-content .content-label[data-v-4e837d12],
+  .opt-item .left-content .content-info[data-v-4e837d12] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.opt-item .left-content .content-label[data-v-9b7906bf],
-  .opt-item .left-content .content-info[data-v-9b7906bf] {
+.opt-item .left-content .content-label[data-v-4e837d12],
+  .opt-item .left-content .content-info[data-v-4e837d12] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.opt-item .left-content .content-label[data-v-9b7906bf] {
-  min-width: 80px;
+.opt-item .left-content .content-label[data-v-4e837d12] {
+  min-width: 120px;
   color: var(--o-color-info2);
+  padding-left: 8px;
 }
-.opt-item .left-content[data-v-9b7906bf] {
+.opt-item .left-content[data-v-4e837d12] {
   /* 用户信息值 */
 }
-.opt-item .left-content .content-info[data-v-9b7906bf],
-.opt-item .left-content .opt-label[data-v-9b7906bf] {
+.opt-item .left-content .content-info[data-v-4e837d12],
+.opt-item .left-content .opt-label[data-v-4e837d12] {
   color: var(--o-color-info2);
 }
-.opt-item .left-content .content-info[data-v-9b7906bf] {
+.opt-item .left-content .content-info[data-v-4e837d12] {
   flex-grow: 1;
-  margin-left: 32px;
   margin-right: 16px;
 }
-.opt-item .left-content .content-label-en[data-v-9b7906bf] {
-  min-width: 105px;
+.opt-item .left-content .content-label-en[data-v-4e837d12] {
+  min-width: 160px;
+  padding-left: 8px;
 }
-.opt-item .left-content .mask-icon[data-v-9b7906bf]:hover {
+.opt-item .left-content .mask-icon[data-v-4e837d12]:hover {
   color: var(--o-color-link2);
 }
-.opt-item.lang-en[data-v-9b7906bf] {
-  width: 622px;
-}
-.fs16[data-v-9b7906bf] {
+.fs16[data-v-4e837d12] {
   font-size: 16px;
 }
-.icon[data-v-9b7906bf] {
+.icon[data-v-4e837d12] {
   font-size: 24px;
-  margin-right: var(--o-spacing-h6);
   line-height: 1;
 }
-.center[data-v-9b7906bf] {
+.center[data-v-4e837d12] {
   display: flex;
   align-items: center;
 }
-.center .unbind[data-v-9b7906bf] {
+.center .unbind[data-v-4e837d12] {
   margin-right: 16px;
   font-size: 16px;
   line-height: 24px;
 }
 @media (min-width: 1201px) and (max-width: 1680px) {
-.center .unbind[data-v-9b7906bf] {
+.center .unbind[data-v-4e837d12] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 841px) and (max-width: 1200px) {
-.center .unbind[data-v-9b7906bf] {
+.center .unbind[data-v-4e837d12] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (min-width: 601px) and (max-width: 840px) {
-.center .unbind[data-v-9b7906bf] {
+.center .unbind[data-v-4e837d12] {
     font-size: 14px;
     line-height: 22px;
 }
 }
 @media (max-width: 600px) {
-.center .unbind[data-v-9b7906bf] {
+.center .unbind[data-v-4e837d12] {
     font-size: 12px;
     line-height: 18px;
 }
 }
-.center .unbind[data-v-9b7906bf] .o-link-label {
+.center .unbind[data-v-4e837d12] .o-link-label {
   color: var(--o-color-info3);
   transition: none;
   background: none;
   background-size: 0;
 }
-.skeleton-text[data-v-9b7906bf] {
+.skeleton-text[data-v-4e837d12] {
   --skeleton-item-gap: 0px;
   --skeleton-height: 32px;
   width: 440px;
 }
-[data-v-9b7906bf] .o-link-normal {
+[data-v-4e837d12] .o-link-normal {
   --link-color-hover: var(--o-color-link2);
 }
 @media screen and (max-width: 1440px) {
-.skeleton-text[data-v-9b7906bf] {
+.skeleton-text[data-v-4e837d12] {
     --skeleton-height: 28px;
 }
 }
 @media screen and (max-width: 1200px) {
-.skeleton-text[data-v-9b7906bf] {
+.skeleton-text[data-v-4e837d12] {
     --skeleton-height: 24px;
 }
 }
 @media screen and (max-width: 840px) {
-.skeleton-text[data-v-9b7906bf] {
+.skeleton-text[data-v-4e837d12] {
     --skeleton-height: 24px;
 }
 }