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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -45038,7 +45038,7 @@ const XD = { name: "components-icon-smile", render: jD }, GD = /* @__PURE__ */ X
45038
45038
  ], 4))
45039
45039
  ], 2));
45040
45040
  }
45041
- }), O2 = /* @__PURE__ */ st(zS, [["__scopeId", "data-v-99cd0044"]]), XH = Object.assign(O2, {
45041
+ }), O2 = /* @__PURE__ */ st(zS, [["__scopeId", "data-v-912266ea"]]), XH = Object.assign(O2, {
45042
45042
  install(s) {
45043
45043
  s.component("OFooter", O2);
45044
45044
  }
@@ -57843,7 +57843,7 @@ const Vp = { name: "user-center-icon-check", render: YV }, WV = { class: "form-i
57843
57843
  }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
57844
57844
  ], 64));
57845
57845
  }
57846
- }), Fp = /* @__PURE__ */ st(NF, [["__scopeId", "data-v-5f251928"]]), qF = {
57846
+ }), Fp = /* @__PURE__ */ st(NF, [["__scopeId", "data-v-1198fb63"]]), qF = {
57847
57847
  width: "24px",
57848
57848
  height: "24px",
57849
57849
  viewBox: "0 0 24 24",
@@ -58254,7 +58254,7 @@ const JF = { name: "user-center-icon-eye", render: KF }, ZF = /* @__PURE__ */ Xe
58254
58254
  }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
58255
58255
  ], 64));
58256
58256
  }
58257
- }), Np = /* @__PURE__ */ st(fN, [["__scopeId", "data-v-ef293513"]]), pN = { class: "common-header" }, mN = /* @__PURE__ */ Xe({
58257
+ }), Np = /* @__PURE__ */ st(fN, [["__scopeId", "data-v-4e837d12"]]), pN = { class: "common-header" }, mN = /* @__PURE__ */ Xe({
58258
58258
  __name: "OCommonHeader",
58259
58259
  props: {
58260
58260
  logo: {},
@@ -59300,7 +59300,7 @@ const gq = { name: "user-center-icon-openatom", render: mq }, vq = {
59300
59300
  }, null, 8, ["modelValue", "config", "operate-key", "user-info", "send-code-post", "captcha-apis"])
59301
59301
  ], 64));
59302
59302
  }
59303
- }), Gp = /* @__PURE__ */ st(Eq, [["__scopeId", "data-v-742c27f3"]]), wq = /* @__PURE__ */ new Map([
59303
+ }), Gp = /* @__PURE__ */ st(Eq, [["__scopeId", "data-v-1175189c"]]), wq = /* @__PURE__ */ new Map([
59304
59304
  [
59305
59305
  "maintainer",
59306
59306
  {
@@ -61833,7 +61833,7 @@ const FU = { name: "user-center-icon-loading", render: VU }, NU = { class: "dlg-
61833
61833
  }, null, 8, ["is-edit-nickname-dialog", "nick-name", "modify-user"])
61834
61834
  ], 64));
61835
61835
  }
61836
- }), cm = /* @__PURE__ */ st(qz, [["__scopeId", "data-v-8f2e1e53"]]), cj = Object.assign(Fp, {
61836
+ }), cm = /* @__PURE__ */ st(qz, [["__scopeId", "data-v-3243c6b8"]]), cj = Object.assign(Fp, {
61837
61837
  install(s) {
61838
61838
  s.component("OAccountSecurity", Fp);
61839
61839
  }
@@ -1,52 +1,55 @@
1
- .hover-icon-rotate .o-icon[data-v-99cd0044] {
1
+ .hover-icon-rotate .o-icon[data-v-912266ea] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-99cd0044] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-912266ea] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .app-footer[data-v-99cd0044] {
9
+ .app-footer[data-v-912266ea] {
10
10
  overflow: hidden;
11
11
  background: #121214;
12
+ /* inline 轴尺寸包含:footer 自身渲染不变,但其内容(英文 nowrap 长链接)的
13
+ 固有宽度不再向外传播,避免在窄视口下把整页撑宽(页面出现居中偏移 + 右侧裁切) */
14
+ contain: inline-size;
12
15
  --o-footer-content-max-width: 1488px;
13
16
  --o-footer-content-padding: 0;
14
17
  }
15
18
  @media (max-width: 1680px) {
16
- .app-footer[data-v-99cd0044] {
19
+ .app-footer[data-v-912266ea] {
17
20
  --o-footer-content-max-width: 100%;
18
21
  --o-footer-content-padding: 98px;
19
22
  }
20
23
  }
21
24
  @media (max-width: 1440px) {
22
- .app-footer[data-v-99cd0044] {
25
+ .app-footer[data-v-912266ea] {
23
26
  --o-footer-content-padding: 64px;
24
27
  }
25
28
  }
26
29
  @media (max-width: 1200px) {
27
- .app-footer[data-v-99cd0044] {
30
+ .app-footer[data-v-912266ea] {
28
31
  --o-footer-content-padding: 32px;
29
32
  }
30
33
  }
31
34
  @media (max-width: 600px) {
32
- .app-footer[data-v-99cd0044] {
35
+ .app-footer[data-v-912266ea] {
33
36
  --o-footer-content-padding: 24px;
34
37
  }
35
38
  }
36
- .app-footer-simple[data-v-99cd0044] {
39
+ .app-footer-simple[data-v-912266ea] {
37
40
  background: transparent;
38
41
  }
39
42
  @media (max-width: 1680px) {
40
- .app-footer-simple[data-v-99cd0044] {
43
+ .app-footer-simple[data-v-912266ea] {
41
44
  --o-footer-content-padding: 48px;
42
45
  }
43
46
  }
44
47
  @media (max-width: 1440px) {
45
- .app-footer-simple[data-v-99cd0044] {
48
+ .app-footer-simple[data-v-912266ea] {
46
49
  --o-footer-content-padding: 32px;
47
50
  }
48
51
  }
49
- .app-footer-content[data-v-99cd0044] {
52
+ .app-footer-content[data-v-912266ea] {
50
53
  max-width: var(--o-footer-content-max-width);
51
54
  margin: 0 auto;
52
55
  padding: 0 var(--o-footer-content-padding);
@@ -54,7 +57,7 @@
54
57
  background-repeat: no-repeat;
55
58
  background-size: auto;
56
59
  }
57
- .app-footer-simple-content[data-v-99cd0044] {
60
+ .app-footer-simple-content[data-v-912266ea] {
58
61
  padding-top: 16px;
59
62
  padding-bottom: 24px;
60
63
  }
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OFooter.vue2.mjs";
2
2
  import './OFooter.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-99cd0044"]]);
4
+ const _OFooter = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-912266ea"]]);
5
5
  export {
6
6
  _OFooter as default
7
7
  };
@@ -1,223 +1,217 @@
1
- .hover-icon-rotate .o-icon[data-v-5f251928] {
1
+ .hover-icon-rotate .o-icon[data-v-1198fb63] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-5f251928] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-1198fb63] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .title[data-v-5f251928] {
9
+ .title[data-v-1198fb63] {
10
10
  font-size: var(--font-size3);
11
11
  line-height: var(--line-height3);
12
12
  font-weight: 600;
13
13
  padding-top: var(--layout-gap2);
14
14
  padding-bottom: var(--layout-gap2);
15
15
  }
16
- .tips[data-v-5f251928] {
17
- width: 592px;
16
+ .tips[data-v-1198fb63] {
17
+ /* 流式宽度:窄容器(英文长文案场景)下随内容区收缩,宽容器下维持原定宽视觉 */
18
+ width: 100%;
19
+ max-width: 592px;
18
20
  color: var(--o-color-info1);
19
21
  margin-bottom: 24px;
20
22
  }
21
- .tips[data-v-5f251928]:last-child {
23
+ .tips[data-v-1198fb63]:last-child {
22
24
  margin-bottom: 0;
23
25
  }
24
- .tips-title[data-v-5f251928] {
26
+ .tips-title[data-v-1198fb63] {
25
27
  font-size: 18px;
26
28
  line-height: 26px;
27
29
  }
28
30
  @media (min-width: 1201px) and (max-width: 1680px) {
29
- .tips-title[data-v-5f251928] {
31
+ .tips-title[data-v-1198fb63] {
30
32
  font-size: 16px;
31
33
  line-height: 24px;
32
34
  }
33
35
  }
34
36
  @media (min-width: 841px) and (max-width: 1200px) {
35
- .tips-title[data-v-5f251928] {
37
+ .tips-title[data-v-1198fb63] {
36
38
  font-size: 14px;
37
39
  line-height: 22px;
38
40
  }
39
41
  }
40
42
  @media (min-width: 601px) and (max-width: 840px) {
41
- .tips-title[data-v-5f251928] {
43
+ .tips-title[data-v-1198fb63] {
42
44
  font-size: 14px;
43
45
  line-height: 22px;
44
46
  }
45
47
  }
46
48
  @media (max-width: 600px) {
47
- .tips-title[data-v-5f251928] {
49
+ .tips-title[data-v-1198fb63] {
48
50
  font-size: 14px;
49
51
  line-height: 22px;
50
52
  }
51
53
  }
52
- .tips-title[data-v-5f251928] {
54
+ .tips-title[data-v-1198fb63] {
53
55
  margin-bottom: 4px;
54
56
  }
55
- .tips-content[data-v-5f251928] {
57
+ .tips-content[data-v-1198fb63] {
56
58
  font-size: 14px;
57
59
  line-height: 22px;
58
60
  }
59
61
  @media (min-width: 1201px) and (max-width: 1680px) {
60
- .tips-content[data-v-5f251928] {
62
+ .tips-content[data-v-1198fb63] {
61
63
  font-size: 14px;
62
64
  line-height: 18px;
63
65
  }
64
66
  }
65
67
  @media (min-width: 841px) and (max-width: 1200px) {
66
- .tips-content[data-v-5f251928] {
68
+ .tips-content[data-v-1198fb63] {
67
69
  font-size: 12px;
68
70
  line-height: 18px;
69
71
  }
70
72
  }
71
73
  @media (min-width: 601px) and (max-width: 840px) {
72
- .tips-content[data-v-5f251928] {
74
+ .tips-content[data-v-1198fb63] {
73
75
  font-size: 12px;
74
76
  line-height: 18px;
75
77
  }
76
78
  }
77
79
  @media (max-width: 600px) {
78
- .tips-content[data-v-5f251928] {
80
+ .tips-content[data-v-1198fb63] {
79
81
  font-size: 12px;
80
82
  line-height: 18px;
81
83
  }
82
84
  }
83
- .tips-content[data-v-5f251928] {
85
+ .tips-content[data-v-1198fb63] {
84
86
  font-weight: normal;
85
87
  color: var(--o-color-info2);
86
88
  display: flex;
87
89
  justify-content: space-between;
88
90
  }
89
91
  @media (min-width: 841px) and (max-width: 1200px) {
90
- .tips[data-v-5f251928] {
91
- width: 540px;
92
- }
93
- }
94
- .tips.lang-en[data-v-5f251928] {
95
- width: 592px;
96
- }
97
- @media (min-width: 841px) and (max-width: 1200px) {
98
- .tips.lang-en[data-v-5f251928] {
99
- width: 540px;
92
+ .tips[data-v-1198fb63] {
93
+ max-width: 540px;
100
94
  }
101
95
  }
102
- .red[data-v-5f251928] {
96
+ .red[data-v-1198fb63] {
103
97
  color: var(--o-color-danger1);
104
98
  }
105
- .text-btn[data-v-5f251928] {
99
+ .text-btn[data-v-1198fb63] {
106
100
  font-size: 16px;
107
101
  line-height: 24px;
108
102
  }
109
103
  @media (min-width: 1201px) and (max-width: 1680px) {
110
- .text-btn[data-v-5f251928] {
104
+ .text-btn[data-v-1198fb63] {
111
105
  font-size: 14px;
112
106
  line-height: 22px;
113
107
  }
114
108
  }
115
109
  @media (min-width: 841px) and (max-width: 1200px) {
116
- .text-btn[data-v-5f251928] {
110
+ .text-btn[data-v-1198fb63] {
117
111
  font-size: 14px;
118
112
  line-height: 22px;
119
113
  }
120
114
  }
121
115
  @media (min-width: 601px) and (max-width: 840px) {
122
- .text-btn[data-v-5f251928] {
116
+ .text-btn[data-v-1198fb63] {
123
117
  font-size: 14px;
124
118
  line-height: 22px;
125
119
  }
126
120
  }
127
121
  @media (max-width: 600px) {
128
- .text-btn[data-v-5f251928] {
122
+ .text-btn[data-v-1198fb63] {
129
123
  font-size: 12px;
130
124
  line-height: 18px;
131
125
  }
132
126
  }
133
- .text-btn[data-v-5f251928] {
127
+ .text-btn[data-v-1198fb63] {
134
128
  line-height: 24px;
135
129
  font-weight: Regular;
136
130
  cursor: pointer;
137
131
  white-space: nowrap;
138
132
  margin-left: 16px;
139
133
  }
140
- .text-btn[data-v-5f251928]:hover {
134
+ .text-btn[data-v-1198fb63]:hover {
141
135
  color: var(--o-color-danger2);
142
136
  }
143
- .forget-btn[data-v-5f251928] {
137
+ .forget-btn[data-v-1198fb63] {
144
138
  margin-left: 16px;
145
139
  font-size: 16px;
146
140
  line-height: 24px;
147
141
  }
148
142
  @media (min-width: 1201px) and (max-width: 1680px) {
149
- .forget-btn[data-v-5f251928] {
143
+ .forget-btn[data-v-1198fb63] {
150
144
  font-size: 14px;
151
145
  line-height: 22px;
152
146
  }
153
147
  }
154
148
  @media (min-width: 841px) and (max-width: 1200px) {
155
- .forget-btn[data-v-5f251928] {
149
+ .forget-btn[data-v-1198fb63] {
156
150
  font-size: 14px;
157
151
  line-height: 22px;
158
152
  }
159
153
  }
160
154
  @media (min-width: 601px) and (max-width: 840px) {
161
- .forget-btn[data-v-5f251928] {
155
+ .forget-btn[data-v-1198fb63] {
162
156
  font-size: 14px;
163
157
  line-height: 22px;
164
158
  }
165
159
  }
166
160
  @media (max-width: 600px) {
167
- .forget-btn[data-v-5f251928] {
161
+ .forget-btn[data-v-1198fb63] {
168
162
  font-size: 12px;
169
163
  line-height: 18px;
170
164
  }
171
165
  }
172
- .tips-bg[data-v-5f251928] {
166
+ .tips-bg[data-v-1198fb63] {
173
167
  line-height: 24px;
174
168
  }
175
- .tips-bg a[data-v-5f251928] {
169
+ .tips-bg a[data-v-1198fb63] {
176
170
  color: var(--o-color-link1);
177
171
  }
178
- .tips-bg a[data-v-5f251928]:hover {
172
+ .tips-bg a[data-v-1198fb63]:hover {
179
173
  color: var(--o-color-primary2);
180
174
  }
181
- .security-pad[data-v-5f251928] {
175
+ .security-pad[data-v-1198fb63] {
182
176
  /* 三行合并为一张白色卡片,距顶部 16px */
183
177
  margin-top: 16px;
184
178
  background-color: var(--o-color-fill2);
185
179
  border-radius: 8px;
186
180
  padding: 0 16px;
187
181
  }
188
- .security-pad .tips[data-v-5f251928] {
182
+ .security-pad .tips[data-v-1198fb63] {
189
183
  width: 100%;
190
184
  margin: 0;
191
185
  padding: 12px 0;
192
186
  background-color: transparent;
193
187
  border-bottom: 1px solid var(--o-color-control4);
194
188
  }
195
- .security-pad .tips[data-v-5f251928]:last-child {
189
+ .security-pad .tips[data-v-1198fb63]:last-child {
196
190
  border-bottom: none;
197
191
  }
198
- .security-pad .tips-title[data-v-5f251928] {
192
+ .security-pad .tips-title[data-v-1198fb63] {
199
193
  margin-bottom: 8px;
200
194
  }
201
- .security-pad .tips-content[data-v-5f251928] {
195
+ .security-pad .tips-content[data-v-1198fb63] {
202
196
  color: var(--o-color-info2);
203
197
  }
204
- .security-pad .tips .forget-btn[data-v-5f251928] {
198
+ .security-pad .tips .forget-btn[data-v-1198fb63] {
205
199
  margin-left: 0;
206
200
  }
207
- .security-pad[data-v-5f251928] {
201
+ .security-pad[data-v-1198fb63] {
208
202
  /* 登录密码 / 注销账号:标题上、描述+箭头下 */
209
203
  }
210
- .security-pad .tips-inline .tips-content[data-v-5f251928] {
204
+ .security-pad .tips-inline .tips-content[data-v-1198fb63] {
211
205
  display: flex;
212
206
  align-items: center;
213
207
  justify-content: space-between;
214
208
  }
215
- .security-pad .tips-inline .tips-content .tips-desc[data-v-5f251928] {
209
+ .security-pad .tips-inline .tips-content .tips-desc[data-v-1198fb63] {
216
210
  display: block;
217
211
  flex: 1;
218
212
  margin-right: 16px;
219
213
  }
220
- .security-pad .tips-inline .arrow[data-v-5f251928] {
214
+ .security-pad .tips-inline .arrow[data-v-1198fb63] {
221
215
  width: 24px;
222
216
  height: 24px;
223
217
  cursor: pointer;
@@ -1,7 +1,7 @@
1
1
  import _sfc_main from "./OAccountSecurity.vue2.mjs";
2
2
  import './OAccountSecurity.css';
3
3
  import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
4
- const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f251928"]]);
4
+ const _OAccountSecurity = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1198fb63"]]);
5
5
  export {
6
6
  _OAccountSecurity as default
7
7
  };
@@ -1,27 +1,27 @@
1
- .hover-icon-rotate .o-icon[data-v-ef293513] {
1
+ .hover-icon-rotate .o-icon[data-v-4e837d12] {
2
2
  transition: all var(--o-duration-m1) var(--o-easing-standard-in);
3
3
  }
4
4
  @media (hover: hover) {
5
- .hover-icon-rotate:hover .o-icon[data-v-ef293513] {
5
+ .hover-icon-rotate:hover .o-icon[data-v-4e837d12] {
6
6
  transform: rotate(-180deg);
7
7
  }
8
8
  }
9
- .user-info-setting[data-v-ef293513] {
9
+ .user-info-setting[data-v-4e837d12] {
10
10
  border-bottom: 1px solid var(--o-color-control4);
11
11
  }
12
12
  @media (max-width: 840px) {
13
- .user-info-setting[data-v-ef293513] {
13
+ .user-info-setting[data-v-4e837d12] {
14
14
  border-bottom: none;
15
15
  }
16
16
  }
17
- .title[data-v-ef293513] {
17
+ .title[data-v-4e837d12] {
18
18
  font-size: var(--font-size1);
19
19
  line-height: var(--line-height1);
20
20
  font-weight: 600;
21
21
  color: var(--o-color-info1);
22
22
  margin-bottom: 12px;
23
23
  }
24
- .login-setting[data-v-ef293513] {
24
+ .login-setting[data-v-4e837d12] {
25
25
  font-size: 14px;
26
26
  line-height: 22px;
27
27
  font-weight: normal;
@@ -31,11 +31,11 @@
31
31
  margin-bottom: var(--layout-gap2);
32
32
  }
33
33
  @media (max-width: 840px) {
34
- .login-setting[data-v-ef293513] {
34
+ .login-setting[data-v-4e837d12] {
35
35
  border-bottom: none;
36
36
  }
37
37
  }
38
- .section-label[data-v-ef293513] {
38
+ .section-label[data-v-4e837d12] {
39
39
  font-size: var(--font-size3);
40
40
  line-height: var(--line-height3);
41
41
  font-weight: 600;
@@ -44,185 +44,179 @@
44
44
  }
45
45
 
46
46
  /* 移动端:白色卡片行(与三方账号绑定一致) */
47
- .setting-content-pad[data-v-ef293513] {
47
+ .setting-content-pad[data-v-4e837d12] {
48
48
  background-color: var(--o-color-fill2);
49
49
  padding-bottom: 0;
50
50
  border-radius: 8px;
51
51
  margin-top: 4px;
52
52
  padding: 0 16px;
53
53
  }
54
- .setting-content-pad .opt-item[data-v-ef293513] {
54
+ .setting-content-pad .opt-item[data-v-4e837d12] {
55
55
  width: 100%;
56
56
  height: 52px;
57
57
  line-height: normal;
58
58
  margin: 0;
59
59
  border-bottom: 1px solid var(--o-color-control4);
60
60
  }
61
- .setting-content-pad .opt-item[data-v-ef293513]:last-child {
61
+ .setting-content-pad .opt-item[data-v-4e837d12]:last-child {
62
62
  border-bottom: none;
63
63
  }
64
- .setting-content-pad .opt-item .left-content[data-v-ef293513] {
64
+ .setting-content-pad .opt-item .left-content[data-v-4e837d12] {
65
65
  flex: 1;
66
66
  align-items: center;
67
67
  margin-left: 0;
68
68
  }
69
- .setting-content-pad .opt-item .left-content .content-info[data-v-ef293513] {
69
+ .setting-content-pad .opt-item .left-content .content-info[data-v-4e837d12] {
70
70
  margin-left: auto;
71
71
  margin-right: 16px;
72
72
  justify-content: flex-end;
73
73
  }
74
- .setting-content-pad .opt-item .left-content .content-label[data-v-ef293513] {
74
+ .setting-content-pad .opt-item .left-content .content-label[data-v-4e837d12] {
75
75
  color: var(--o-color-info1);
76
76
  }
77
- .opt-item[data-v-ef293513] {
77
+ .opt-item[data-v-4e837d12] {
78
78
  margin: var(--layout-gap2) 0;
79
79
  line-height: 40px;
80
80
  display: flex;
81
- width: 592px;
81
+ /* 流式宽度:窄容器(英文长文案场景)下随内容区收缩,宽容器下维持原定宽视觉 */
82
+ width: 100%;
83
+ max-width: 592px;
82
84
  justify-content: space-between;
83
85
  color: var(--o-color-info1);
84
86
  }
85
87
  @media (min-width: 841px) and (max-width: 1200px) {
86
- .opt-item[data-v-ef293513] {
87
- width: 540px;
88
+ .opt-item[data-v-4e837d12] {
89
+ max-width: 540px;
88
90
  }
89
91
  }
90
- .opt-item .opt-label[data-v-ef293513] {
92
+ .opt-item .opt-label[data-v-4e837d12] {
91
93
  color: var(--o-color-info1);
92
94
  }
93
- .opt-item .o-link + .o-link[data-v-ef293513] {
95
+ .opt-item .o-link + .o-link[data-v-4e837d12] {
94
96
  margin-left: var(--o-spacing-h4);
95
97
  }
96
- .opt-item .left-content .content-label[data-v-ef293513],
97
- .opt-item .left-content .content-info[data-v-ef293513] {
98
+ .opt-item .left-content .content-label[data-v-4e837d12],
99
+ .opt-item .left-content .content-info[data-v-4e837d12] {
98
100
  font-size: 16px;
99
101
  line-height: 24px;
100
102
  }
101
103
  @media (min-width: 1201px) and (max-width: 1680px) {
102
- .opt-item .left-content .content-label[data-v-ef293513],
103
- .opt-item .left-content .content-info[data-v-ef293513] {
104
+ .opt-item .left-content .content-label[data-v-4e837d12],
105
+ .opt-item .left-content .content-info[data-v-4e837d12] {
104
106
  font-size: 14px;
105
107
  line-height: 22px;
106
108
  }
107
109
  }
108
110
  @media (min-width: 841px) and (max-width: 1200px) {
109
- .opt-item .left-content .content-label[data-v-ef293513],
110
- .opt-item .left-content .content-info[data-v-ef293513] {
111
+ .opt-item .left-content .content-label[data-v-4e837d12],
112
+ .opt-item .left-content .content-info[data-v-4e837d12] {
111
113
  font-size: 14px;
112
114
  line-height: 22px;
113
115
  }
114
116
  }
115
117
  @media (min-width: 601px) and (max-width: 840px) {
116
- .opt-item .left-content .content-label[data-v-ef293513],
117
- .opt-item .left-content .content-info[data-v-ef293513] {
118
+ .opt-item .left-content .content-label[data-v-4e837d12],
119
+ .opt-item .left-content .content-info[data-v-4e837d12] {
118
120
  font-size: 14px;
119
121
  line-height: 22px;
120
122
  }
121
123
  }
122
124
  @media (max-width: 600px) {
123
- .opt-item .left-content .content-label[data-v-ef293513],
124
- .opt-item .left-content .content-info[data-v-ef293513] {
125
+ .opt-item .left-content .content-label[data-v-4e837d12],
126
+ .opt-item .left-content .content-info[data-v-4e837d12] {
125
127
  font-size: 12px;
126
128
  line-height: 18px;
127
129
  }
128
130
  }
129
- .opt-item .left-content .content-label[data-v-ef293513] {
131
+ .opt-item .left-content .content-label[data-v-4e837d12] {
130
132
  min-width: 120px;
131
133
  color: var(--o-color-info2);
132
134
  padding-left: 8px;
133
135
  }
134
- .opt-item .left-content[data-v-ef293513] {
136
+ .opt-item .left-content[data-v-4e837d12] {
135
137
  /* 用户信息值 */
136
138
  }
137
- .opt-item .left-content .content-info[data-v-ef293513],
138
- .opt-item .left-content .opt-label[data-v-ef293513] {
139
+ .opt-item .left-content .content-info[data-v-4e837d12],
140
+ .opt-item .left-content .opt-label[data-v-4e837d12] {
139
141
  color: var(--o-color-info2);
140
142
  }
141
- .opt-item .left-content .content-info[data-v-ef293513] {
143
+ .opt-item .left-content .content-info[data-v-4e837d12] {
142
144
  flex-grow: 1;
143
145
  margin-right: 16px;
144
146
  }
145
- .opt-item .left-content .content-label-en[data-v-ef293513] {
147
+ .opt-item .left-content .content-label-en[data-v-4e837d12] {
146
148
  min-width: 160px;
147
149
  padding-left: 8px;
148
150
  }
149
- .opt-item .left-content .mask-icon[data-v-ef293513]:hover {
151
+ .opt-item .left-content .mask-icon[data-v-4e837d12]:hover {
150
152
  color: var(--o-color-link2);
151
153
  }
152
- .opt-item.lang-en[data-v-ef293513] {
153
- width: 592px;
154
- }
155
- @media (min-width: 841px) and (max-width: 1200px) {
156
- .opt-item.lang-en[data-v-ef293513] {
157
- width: 540px;
158
- }
159
- }
160
- .fs16[data-v-ef293513] {
154
+ .fs16[data-v-4e837d12] {
161
155
  font-size: 16px;
162
156
  }
163
- .icon[data-v-ef293513] {
157
+ .icon[data-v-4e837d12] {
164
158
  font-size: 24px;
165
159
  line-height: 1;
166
160
  }
167
- .center[data-v-ef293513] {
161
+ .center[data-v-4e837d12] {
168
162
  display: flex;
169
163
  align-items: center;
170
164
  }
171
- .center .unbind[data-v-ef293513] {
165
+ .center .unbind[data-v-4e837d12] {
172
166
  margin-right: 16px;
173
167
  font-size: 16px;
174
168
  line-height: 24px;
175
169
  }
176
170
  @media (min-width: 1201px) and (max-width: 1680px) {
177
- .center .unbind[data-v-ef293513] {
171
+ .center .unbind[data-v-4e837d12] {
178
172
  font-size: 14px;
179
173
  line-height: 22px;
180
174
  }
181
175
  }
182
176
  @media (min-width: 841px) and (max-width: 1200px) {
183
- .center .unbind[data-v-ef293513] {
177
+ .center .unbind[data-v-4e837d12] {
184
178
  font-size: 14px;
185
179
  line-height: 22px;
186
180
  }
187
181
  }
188
182
  @media (min-width: 601px) and (max-width: 840px) {
189
- .center .unbind[data-v-ef293513] {
183
+ .center .unbind[data-v-4e837d12] {
190
184
  font-size: 14px;
191
185
  line-height: 22px;
192
186
  }
193
187
  }
194
188
  @media (max-width: 600px) {
195
- .center .unbind[data-v-ef293513] {
189
+ .center .unbind[data-v-4e837d12] {
196
190
  font-size: 12px;
197
191
  line-height: 18px;
198
192
  }
199
193
  }
200
- .center .unbind[data-v-ef293513] .o-link-label {
194
+ .center .unbind[data-v-4e837d12] .o-link-label {
201
195
  color: var(--o-color-info3);
202
196
  transition: none;
203
197
  background: none;
204
198
  background-size: 0;
205
199
  }
206
- .skeleton-text[data-v-ef293513] {
200
+ .skeleton-text[data-v-4e837d12] {
207
201
  --skeleton-item-gap: 0px;
208
202
  --skeleton-height: 32px;
209
203
  width: 440px;
210
204
  }
211
- [data-v-ef293513] .o-link-normal {
205
+ [data-v-4e837d12] .o-link-normal {
212
206
  --link-color-hover: var(--o-color-link2);
213
207
  }
214
208
  @media screen and (max-width: 1440px) {
215
- .skeleton-text[data-v-ef293513] {
209
+ .skeleton-text[data-v-4e837d12] {
216
210
  --skeleton-height: 28px;
217
211
  }
218
212
  }
219
213
  @media screen and (max-width: 1200px) {
220
- .skeleton-text[data-v-ef293513] {
214
+ .skeleton-text[data-v-4e837d12] {
221
215
  --skeleton-height: 24px;
222
216
  }
223
217
  }
224
218
  @media screen and (max-width: 840px) {
225
- .skeleton-text[data-v-ef293513] {
219
+ .skeleton-text[data-v-4e837d12] {
226
220
  --skeleton-height: 24px;
227
221
  }
228
222
  }