antd-mobile 5.18.0 → 5.21.0

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.
Files changed (239) hide show
  1. package/2x/bundle/antd-mobile.cjs.js +47 -18976
  2. package/2x/bundle/antd-mobile.compatible.umd.js +25911 -0
  3. package/2x/bundle/antd-mobile.es.js +16358 -16685
  4. package/2x/bundle/antd-mobile.umd.js +64 -0
  5. package/2x/bundle/style.css +359 -273
  6. package/2x/cjs/components/action-sheet/action-sheet.d.ts +1 -1
  7. package/2x/cjs/components/button/button.js +1 -1
  8. package/2x/cjs/components/calendar/calendar.d.ts +1 -1
  9. package/2x/cjs/components/cascader/cascader.d.ts +2 -0
  10. package/2x/cjs/components/cascader/index.d.ts +1 -0
  11. package/2x/cjs/components/cascader-view/cascader-view.d.ts +2 -1
  12. package/2x/cjs/components/cascader-view/cascader-view.js +2 -1
  13. package/2x/cjs/components/dialog/show.d.ts +1 -1
  14. package/2x/cjs/components/form/context.d.ts +1 -1
  15. package/2x/cjs/components/form/form-item.d.ts +1 -1
  16. package/2x/cjs/components/form/form-item.js +3 -0
  17. package/2x/cjs/components/image/test/image.test.js +57 -8
  18. package/2x/cjs/components/image-viewer/slide.js +75 -56
  19. package/2x/cjs/components/input/input.js +9 -2
  20. package/2x/cjs/components/modal/show.d.ts +1 -1
  21. package/2x/cjs/components/number-keyboard/number-keyboard.css +11 -15
  22. package/2x/cjs/components/number-keyboard/number-keyboard.d.ts +1 -1
  23. package/2x/cjs/components/number-keyboard/number-keyboard.js +19 -17
  24. package/2x/cjs/components/passcode-input/index.d.ts +1 -1
  25. package/2x/cjs/components/passcode-input/passcode-input.css +12 -12
  26. package/2x/cjs/components/passcode-input/passcode-input.js +16 -8
  27. package/2x/cjs/components/picker-view/wheel.js +2 -0
  28. package/2x/cjs/components/rate/rate.css +4 -0
  29. package/2x/cjs/components/rate/rate.js +42 -13
  30. package/2x/cjs/components/result/result.d.ts +1 -1
  31. package/2x/cjs/components/result/result.js +7 -1
  32. package/2x/cjs/components/result-page/index.d.ts +7 -0
  33. package/2x/cjs/components/result-page/index.js +20 -0
  34. package/2x/cjs/components/result-page/result-page-card.d.ts +6 -0
  35. package/2x/cjs/components/result-page/result-page-card.js +24 -0
  36. package/2x/cjs/components/result-page/result-page.css +130 -0
  37. package/2x/cjs/components/result-page/result-page.d.ts +23 -0
  38. package/2x/cjs/components/result-page/result-page.js +108 -0
  39. package/2x/cjs/components/search-bar/search-bar.js +12 -2
  40. package/2x/cjs/components/swipe-action/swipe-action.d.ts +2 -0
  41. package/2x/cjs/components/swipe-action/swipe-action.js +34 -6
  42. package/2x/cjs/components/swiper/swiper.js +15 -1
  43. package/2x/cjs/index.d.ts +1 -0
  44. package/2x/cjs/index.js +8 -0
  45. package/2x/cjs/locales/base.d.ts +9 -0
  46. package/2x/cjs/locales/base.js +9 -0
  47. package/2x/cjs/locales/en-US.d.ts +9 -0
  48. package/2x/cjs/locales/es-ES.d.ts +9 -0
  49. package/2x/cjs/locales/fa-IR.d.ts +9 -0
  50. package/2x/cjs/locales/fr-FR.d.ts +9 -0
  51. package/2x/cjs/locales/id-ID.d.ts +9 -0
  52. package/2x/cjs/locales/id-ID.js +13 -0
  53. package/2x/cjs/locales/kk-KZ.d.ts +9 -0
  54. package/2x/cjs/locales/ko-KR.d.ts +9 -0
  55. package/2x/cjs/locales/zh-CN.d.ts +9 -0
  56. package/2x/cjs/locales/zh-CN.js +9 -0
  57. package/2x/cjs/locales/zh-HK.d.ts +9 -0
  58. package/2x/cjs/locales/zh-TW.d.ts +9 -0
  59. package/2x/cjs/utils/matrix.d.ts +10 -0
  60. package/2x/cjs/utils/matrix.js +60 -0
  61. package/2x/cjs/utils/use-resize-effect.js +3 -1
  62. package/2x/es/components/action-sheet/action-sheet.d.ts +1 -1
  63. package/2x/es/components/button/button.js +1 -1
  64. package/2x/es/components/calendar/calendar.d.ts +1 -1
  65. package/2x/es/components/cascader/cascader.d.ts +2 -0
  66. package/2x/es/components/cascader/index.d.ts +1 -0
  67. package/2x/es/components/cascader-view/cascader-view.d.ts +2 -1
  68. package/2x/es/components/cascader-view/cascader-view.js +2 -1
  69. package/2x/es/components/dialog/show.d.ts +1 -1
  70. package/2x/es/components/form/context.d.ts +1 -1
  71. package/2x/es/components/form/form-item.d.ts +1 -1
  72. package/2x/es/components/form/form-item.js +3 -0
  73. package/2x/es/components/image/test/image.test.js +54 -8
  74. package/2x/es/components/image-viewer/slide.js +73 -56
  75. package/2x/es/components/input/input.js +8 -2
  76. package/2x/es/components/modal/show.d.ts +1 -1
  77. package/2x/es/components/number-keyboard/number-keyboard.css +11 -15
  78. package/2x/es/components/number-keyboard/number-keyboard.d.ts +1 -1
  79. package/2x/es/components/number-keyboard/number-keyboard.js +19 -17
  80. package/2x/es/components/passcode-input/index.d.ts +1 -1
  81. package/2x/es/components/passcode-input/passcode-input.css +12 -12
  82. package/2x/es/components/passcode-input/passcode-input.js +15 -8
  83. package/2x/es/components/picker-view/wheel.js +2 -0
  84. package/2x/es/components/rate/rate.css +4 -0
  85. package/2x/es/components/rate/rate.js +36 -13
  86. package/2x/es/components/result/result.d.ts +1 -1
  87. package/2x/es/components/result/result.js +6 -1
  88. package/2x/es/components/result-page/index.d.ts +7 -0
  89. package/2x/es/components/result-page/index.js +7 -0
  90. package/2x/es/components/result-page/result-page-card.d.ts +6 -0
  91. package/2x/es/components/result-page/result-page-card.js +9 -0
  92. package/2x/es/components/result-page/result-page.css +130 -0
  93. package/2x/es/components/result-page/result-page.d.ts +23 -0
  94. package/2x/es/components/result-page/result-page.js +83 -0
  95. package/2x/es/components/search-bar/search-bar.js +12 -2
  96. package/2x/es/components/swipe-action/swipe-action.d.ts +2 -0
  97. package/2x/es/components/swipe-action/swipe-action.js +34 -6
  98. package/2x/es/components/swiper/swiper.js +15 -1
  99. package/2x/es/index.d.ts +1 -0
  100. package/2x/es/index.js +1 -0
  101. package/2x/es/locales/base.d.ts +9 -0
  102. package/2x/es/locales/base.js +9 -0
  103. package/2x/es/locales/en-US.d.ts +9 -0
  104. package/2x/es/locales/es-ES.d.ts +9 -0
  105. package/2x/es/locales/fa-IR.d.ts +9 -0
  106. package/2x/es/locales/fr-FR.d.ts +9 -0
  107. package/2x/es/locales/id-ID.d.ts +9 -0
  108. package/2x/es/locales/id-ID.js +13 -0
  109. package/2x/es/locales/kk-KZ.d.ts +9 -0
  110. package/2x/es/locales/ko-KR.d.ts +9 -0
  111. package/2x/es/locales/zh-CN.d.ts +9 -0
  112. package/2x/es/locales/zh-CN.js +9 -0
  113. package/2x/es/locales/zh-HK.d.ts +9 -0
  114. package/2x/es/locales/zh-TW.d.ts +9 -0
  115. package/2x/es/utils/matrix.d.ts +10 -0
  116. package/2x/es/utils/matrix.js +27 -0
  117. package/2x/es/utils/use-resize-effect.js +3 -1
  118. package/2x/package.json +6 -6
  119. package/2x/umd/antd-mobile.js +25911 -2
  120. package/bundle/antd-mobile.cjs.js +47 -18976
  121. package/bundle/antd-mobile.compatible.umd.js +25911 -0
  122. package/bundle/antd-mobile.es.js +16358 -16685
  123. package/bundle/antd-mobile.umd.js +64 -0
  124. package/bundle/style.css +1 -4088
  125. package/cjs/components/action-sheet/action-sheet.d.ts +1 -1
  126. package/cjs/components/button/button.js +1 -1
  127. package/cjs/components/calendar/calendar.d.ts +1 -1
  128. package/cjs/components/cascader/cascader.d.ts +2 -0
  129. package/cjs/components/cascader/index.d.ts +1 -0
  130. package/cjs/components/cascader-view/cascader-view.d.ts +2 -1
  131. package/cjs/components/cascader-view/cascader-view.js +2 -1
  132. package/cjs/components/dialog/show.d.ts +1 -1
  133. package/cjs/components/form/context.d.ts +1 -1
  134. package/cjs/components/form/form-item.d.ts +1 -1
  135. package/cjs/components/form/form-item.js +3 -0
  136. package/cjs/components/image/test/image.test.js +57 -8
  137. package/cjs/components/image-viewer/slide.js +75 -56
  138. package/cjs/components/input/input.js +9 -2
  139. package/cjs/components/modal/show.d.ts +1 -1
  140. package/cjs/components/number-keyboard/number-keyboard.css +11 -14
  141. package/cjs/components/number-keyboard/number-keyboard.d.ts +1 -1
  142. package/cjs/components/number-keyboard/number-keyboard.js +19 -17
  143. package/cjs/components/passcode-input/index.d.ts +1 -1
  144. package/cjs/components/passcode-input/passcode-input.css +12 -12
  145. package/cjs/components/passcode-input/passcode-input.js +16 -8
  146. package/cjs/components/picker-view/wheel.js +2 -0
  147. package/cjs/components/rate/rate.css +4 -0
  148. package/cjs/components/rate/rate.js +42 -13
  149. package/cjs/components/result/result.d.ts +1 -1
  150. package/cjs/components/result/result.js +7 -1
  151. package/cjs/components/result-page/index.d.ts +7 -0
  152. package/cjs/components/result-page/index.js +20 -0
  153. package/cjs/components/result-page/result-page-card.d.ts +6 -0
  154. package/cjs/components/result-page/result-page-card.js +24 -0
  155. package/cjs/components/result-page/result-page.css +113 -0
  156. package/cjs/components/result-page/result-page.d.ts +23 -0
  157. package/cjs/components/result-page/result-page.js +108 -0
  158. package/cjs/components/search-bar/search-bar.js +12 -2
  159. package/cjs/components/swipe-action/swipe-action.d.ts +2 -0
  160. package/cjs/components/swipe-action/swipe-action.js +34 -6
  161. package/cjs/components/swiper/swiper.js +15 -1
  162. package/cjs/index.d.ts +1 -0
  163. package/cjs/index.js +8 -0
  164. package/cjs/locales/base.d.ts +9 -0
  165. package/cjs/locales/base.js +9 -0
  166. package/cjs/locales/en-US.d.ts +9 -0
  167. package/cjs/locales/es-ES.d.ts +9 -0
  168. package/cjs/locales/fa-IR.d.ts +9 -0
  169. package/cjs/locales/fr-FR.d.ts +9 -0
  170. package/cjs/locales/id-ID.d.ts +9 -0
  171. package/cjs/locales/id-ID.js +13 -0
  172. package/cjs/locales/kk-KZ.d.ts +9 -0
  173. package/cjs/locales/ko-KR.d.ts +9 -0
  174. package/cjs/locales/zh-CN.d.ts +9 -0
  175. package/cjs/locales/zh-CN.js +9 -0
  176. package/cjs/locales/zh-HK.d.ts +9 -0
  177. package/cjs/locales/zh-TW.d.ts +9 -0
  178. package/cjs/utils/matrix.d.ts +10 -0
  179. package/cjs/utils/matrix.js +60 -0
  180. package/cjs/utils/use-resize-effect.js +3 -1
  181. package/es/components/action-sheet/action-sheet.d.ts +1 -1
  182. package/es/components/button/button.js +1 -1
  183. package/es/components/calendar/calendar.d.ts +1 -1
  184. package/es/components/cascader/cascader.d.ts +2 -0
  185. package/es/components/cascader/index.d.ts +1 -0
  186. package/es/components/cascader-view/cascader-view.d.ts +2 -1
  187. package/es/components/cascader-view/cascader-view.js +2 -1
  188. package/es/components/dialog/show.d.ts +1 -1
  189. package/es/components/form/context.d.ts +1 -1
  190. package/es/components/form/form-item.d.ts +1 -1
  191. package/es/components/form/form-item.js +3 -0
  192. package/es/components/image/test/image.test.js +54 -8
  193. package/es/components/image-viewer/slide.js +73 -56
  194. package/es/components/input/input.js +8 -2
  195. package/es/components/modal/show.d.ts +1 -1
  196. package/es/components/number-keyboard/number-keyboard.css +11 -14
  197. package/es/components/number-keyboard/number-keyboard.d.ts +1 -1
  198. package/es/components/number-keyboard/number-keyboard.js +19 -17
  199. package/es/components/passcode-input/index.d.ts +1 -1
  200. package/es/components/passcode-input/passcode-input.css +12 -12
  201. package/es/components/passcode-input/passcode-input.js +15 -8
  202. package/es/components/picker-view/wheel.js +2 -0
  203. package/es/components/rate/rate.css +4 -0
  204. package/es/components/rate/rate.js +36 -13
  205. package/es/components/result/result.d.ts +1 -1
  206. package/es/components/result/result.js +6 -1
  207. package/es/components/result-page/index.d.ts +7 -0
  208. package/es/components/result-page/index.js +7 -0
  209. package/es/components/result-page/result-page-card.d.ts +6 -0
  210. package/es/components/result-page/result-page-card.js +9 -0
  211. package/es/components/result-page/result-page.css +113 -0
  212. package/es/components/result-page/result-page.d.ts +23 -0
  213. package/es/components/result-page/result-page.js +83 -0
  214. package/es/components/search-bar/search-bar.js +12 -2
  215. package/es/components/swipe-action/swipe-action.d.ts +2 -0
  216. package/es/components/swipe-action/swipe-action.js +34 -6
  217. package/es/components/swiper/swiper.js +15 -1
  218. package/es/index.d.ts +1 -0
  219. package/es/index.js +1 -0
  220. package/es/locales/base.d.ts +9 -0
  221. package/es/locales/base.js +9 -0
  222. package/es/locales/en-US.d.ts +9 -0
  223. package/es/locales/es-ES.d.ts +9 -0
  224. package/es/locales/fa-IR.d.ts +9 -0
  225. package/es/locales/fr-FR.d.ts +9 -0
  226. package/es/locales/id-ID.d.ts +9 -0
  227. package/es/locales/id-ID.js +13 -0
  228. package/es/locales/kk-KZ.d.ts +9 -0
  229. package/es/locales/ko-KR.d.ts +9 -0
  230. package/es/locales/zh-CN.d.ts +9 -0
  231. package/es/locales/zh-CN.js +9 -0
  232. package/es/locales/zh-HK.d.ts +9 -0
  233. package/es/locales/zh-TW.d.ts +9 -0
  234. package/es/utils/matrix.d.ts +10 -0
  235. package/es/utils/matrix.js +27 -0
  236. package/es/utils/use-resize-effect.js +3 -1
  237. package/package.json +6 -6
  238. package/umd/antd-mobile.js +1 -1
  239. package/2x/umd/antd-mobile.js.LICENSE.txt +0 -35
package/bundle/style.css CHANGED
@@ -1,4088 +1 @@
1
- :root {
2
- --adm-radius-s: 4px;
3
- --adm-radius-m: 8px;
4
- --adm-radius-l: 12px;
5
- --adm-font-size-1: 9px;
6
- --adm-font-size-2: 10px;
7
- --adm-font-size-3: 11px;
8
- --adm-font-size-4: 12px;
9
- --adm-font-size-5: 13px;
10
- --adm-font-size-6: 14px;
11
- --adm-font-size-7: 15px;
12
- --adm-font-size-8: 16px;
13
- --adm-font-size-9: 17px;
14
- --adm-font-size-10: 18px;
15
- --adm-color-primary: #1677ff;
16
- --adm-color-success: #00b578;
17
- --adm-color-warning: #ff8f1f;
18
- --adm-color-danger: #ff3141;
19
- --adm-color-white: #ffffff;
20
- --adm-color-text: #333333;
21
- --adm-color-text-secondary: #666666;
22
- --adm-color-weak: #999999;
23
- --adm-color-light: #cccccc;
24
- --adm-color-border: #eeeeee;
25
- --adm-color-box: #f5f5f5;
26
- --adm-color-background: #ffffff;
27
- --adm-font-size-main: var(--adm-font-size-5);
28
- --adm-font-family: -apple-system, blinkmacsystemfont, 'Helvetica Neue',
29
- helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
30
- 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
31
- --adm-border-color: var(--adm-color-border);
32
- }
33
- html[data-prefers-color-scheme='dark'] {
34
- --adm-color-primary: #3086ff;
35
- --adm-color-success: #34b368;
36
- --adm-color-warning: #ffa930;
37
- --adm-color-danger: #ff4a58;
38
- --adm-color-text: #e6e6e6;
39
- --adm-color-text-secondary: #b3b3b3;
40
- --adm-color-weak: #808080;
41
- --adm-color-light: #4d4d4d;
42
- --adm-color-border: #2b2b2b;
43
- --adm-color-box: #0a0a0a;
44
- --adm-color-background: #1a1a1a;
45
- --adm-border-color: var(--adm-color-border);
46
- }
47
- :root {
48
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
49
- }
50
- body {
51
- color: var(--adm-color-text);
52
- font-size: var(--adm-font-size-main);
53
- font-family: var(--adm-font-family);
54
- }
55
- a,
56
- button {
57
- cursor: pointer;
58
- }
59
- a {
60
- color: var(--adm-color-primary);
61
- transition: opacity ease-in-out 0.2s;
62
- }
63
- a:active {
64
- opacity: 0.8;
65
- }
66
- .adm-plain-anchor {
67
- color: unset;
68
- transition: none;
69
- }
70
- .adm-plain-anchor:active {
71
- opacity: unset;
72
- }
73
- body.adm-overflow-hidden {
74
- overflow: hidden !important;
75
- }
76
- div.adm-px-tester {
77
- --size: 1;
78
- height: calc(var(--size) / 2 * 2px);
79
- width: 0;
80
- position: fixed;
81
- right: -100vw;
82
- bottom: -100vh;
83
- -webkit-user-select: none;
84
- user-select: none;
85
- pointer-events: none;
86
- }
87
- .adm-action-sheet-popup > .adm-popup-body {
88
- border-top-left-radius: 8px;
89
- border-top-right-radius: 8px;
90
- overflow: hidden;
91
- }
92
- .adm-action-sheet-extra {
93
- display: flex;
94
- justify-content: center;
95
- color: var(--adm-color-weak);
96
- font-size: var(--adm-font-size-7);
97
- padding: 18px 12px;
98
- border-bottom: 1px solid var(--adm-color-border);
99
- }
100
- .adm-action-sheet-button-list {
101
- border-bottom: 1px solid var(--adm-color-border);
102
- }
103
- .adm-action-sheet-button-item-wrapper {
104
- border-bottom: 1px solid var(--adm-color-border);
105
- }
106
- .adm-action-sheet-button-item-wrapper:last-child {
107
- border-bottom: none;
108
- }
109
- .adm-action-sheet-button-item {
110
- text-align: center;
111
- display: block;
112
- background-color: var(--adm-color-background);
113
- padding: 16px;
114
- }
115
- .adm-action-sheet-button-item:active {
116
- background-color: #eeeeee;
117
- }
118
- .adm-action-sheet-button-item-disabled {
119
- cursor: not-allowed;
120
- pointer-events: none;
121
- opacity: 0.4;
122
- }
123
- .adm-action-sheet-button-item-name {
124
- color: var(--adm-color-text);
125
- font-size: var(--adm-font-size-10);
126
- }
127
- .adm-action-sheet-button-item-description {
128
- font-size: var(--adm-font-size-4);
129
- color: var(--adm-color-weak);
130
- padding-top: 2px;
131
- }
132
- .adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name {
133
- color: var(--adm-color-danger);
134
- }
135
- .adm-action-sheet-cancel {
136
- background-color: var(--adm-color-box);
137
- padding-top: 8px;
138
- }
139
- .adm-popup {
140
- --z-index: var(--adm-popup-z-index, 1000);
141
- position: fixed;
142
- z-index: var(--z-index);
143
- }
144
- .adm-popup-body {
145
- position: fixed;
146
- background-color: var(--adm-color-background);
147
- z-index: calc(var(--z-index) + 10);
148
- }
149
- .adm-popup-body .adm-popup-close-icon {
150
- position: absolute;
151
- z-index: 100;
152
- }
153
- .adm-popup-body-position-bottom {
154
- width: 100%;
155
- bottom: 0;
156
- left: 0;
157
- }
158
- .adm-popup-body-position-bottom .adm-popup-close-icon {
159
- right: 8px;
160
- top: 8px;
161
- }
162
- .adm-popup-body-position-top {
163
- width: 100%;
164
- top: 0;
165
- left: 0;
166
- }
167
- .adm-popup-body-position-top .adm-popup-close-icon {
168
- right: 8px;
169
- bottom: 8px;
170
- }
171
- .adm-popup-body-position-left {
172
- height: 100%;
173
- top: 0;
174
- left: 0;
175
- }
176
- .adm-popup-body-position-left .adm-popup-close-icon {
177
- right: 8px;
178
- top: 8px;
179
- }
180
- .adm-popup-body-position-right {
181
- height: 100%;
182
- top: 0;
183
- right: 0;
184
- }
185
- .adm-popup-body-position-right .adm-popup-close-icon {
186
- left: 8px;
187
- top: 8px;
188
- }
189
- .adm-popup-close-icon {
190
- cursor: pointer;
191
- padding: 4px;
192
- font-size: 18px;
193
- color: var(--adm-color-weak);
194
- }
195
- .adm-mask {
196
- --z-index: var(--adm-mask-z-index, 1000);
197
- position: fixed;
198
- top: 0;
199
- left: 0;
200
- z-index: var(--z-index);
201
- display: block;
202
- width: 100%;
203
- height: 100%;
204
- }
205
- .adm-mask-aria-button {
206
- position: absolute;
207
- top: 0;
208
- left: 0;
209
- z-index: 0;
210
- width: 100%;
211
- height: 100%;
212
- pointer-events: none;
213
- }
214
- .adm-mask-content {
215
- z-index: 1;
216
- }
217
- .adm-safe-area {
218
- --multiple: var(--adm-safe-area-multiple, 1);
219
- display: block;
220
- width: 100%;
221
- }
222
- .adm-safe-area-position-top {
223
- padding-top: calc(env(safe-area-inset-top) * var(--multiple));
224
- }
225
- .adm-safe-area-position-bottom {
226
- padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
227
- }
228
- .adm-auto-center {
229
- display: flex;
230
- justify-content: center;
231
- }
232
- .adm-auto-center-content {
233
- flex: 0 1 auto;
234
- }
235
- .adm-avatar {
236
- --size: var(--adm-avatar-size, 44px);
237
- --border-radius: var(--adm-avatar-border-radius, 4px);
238
- border-radius: var(--border-radius);
239
- }
240
- .adm-avatar.adm-image {
241
- --width: var(--size);
242
- --height: var(--size);
243
- }
244
- .adm-avatar-fallback {
245
- height: 100%;
246
- width: 100%;
247
- display: block;
248
- }
249
- .adm-badge-wrapper {
250
- display: inline-block;
251
- position: relative;
252
- }
253
- .adm-badge {
254
- display: inline-flex;
255
- vertical-align: middle;
256
- box-sizing: content-box;
257
- border-radius: 100px;
258
- background-color: var(--color);
259
- --right: 0;
260
- --top: 0;
261
- --color: var(--adm-badge-color, #ff411c);
262
- }
263
- .adm-badge-content {
264
- color: var(--adm-color-white);
265
- box-sizing: border-box;
266
- min-width: 8px;
267
- padding: 1px 4px;
268
- font-size: var(--adm-font-size-1);
269
- line-height: 12px;
270
- white-space: nowrap;
271
- font-weight: normal;
272
- text-align: center;
273
- }
274
- .adm-badge-fixed {
275
- position: absolute;
276
- right: var(--right);
277
- top: var(--top);
278
- transform: translate(50%, -50%);
279
- }
280
- .adm-badge-dot {
281
- min-width: 10px;
282
- width: 10px;
283
- height: 10px;
284
- border-radius: 5px;
285
- }
286
- .adm-badge-bordered {
287
- border: solid 1px var(--adm-color-white);
288
- }
289
- .adm-button {
290
- --color: var(--adm-color-white);
291
- --text-color: var(--adm-button-text-color, var(--adm-color-text));
292
- --background-color: var(--adm-button-background-color, var(--adm-color-background));
293
- --border-radius: var(--adm-button-border-radius, 4px);
294
- --border-width: var(--adm-button-border-width, 1px);
295
- --border-style: var(--adm-button-border-style, solid);
296
- --border-color: var(--adm-button-border-color, var(--adm-color-border));
297
- color: var(--text-color);
298
- background-color: var(--background-color);
299
- position: relative;
300
- display: inline-block;
301
- box-sizing: border-box;
302
- height: auto;
303
- padding: 7px 12px;
304
- margin: 0;
305
- font-size: var(--adm-font-size-9);
306
- line-height: 1.4;
307
- text-align: center;
308
- border: var(--border-width) var(--border-style) var(--border-color);
309
- border-radius: var(--border-radius);
310
- cursor: pointer;
311
- transition: opacity ease 0.15s;
312
- -webkit-user-select: none;
313
- user-select: none;
314
- }
315
- .adm-button:focus {
316
- outline: none;
317
- }
318
- .adm-button::before {
319
- position: absolute;
320
- top: 0;
321
- left: 0;
322
- transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
323
- width: 100%;
324
- height: 100%;
325
- background-color: #000;
326
- border: var(--border-width) var(--border-style) #000;
327
- border-radius: var(--border-radius);
328
- opacity: 0;
329
- content: ' ';
330
- box-sizing: content-box;
331
- }
332
- .adm-button:active::before {
333
- opacity: 0.08;
334
- }
335
- .adm-button-default.adm-button-fill-outline {
336
- --background-color: transparent;
337
- --border-color: var(--adm-color-text);
338
- }
339
- .adm-button-default.adm-button-fill-none {
340
- --background-color: transparent;
341
- --border-width: 0px;
342
- }
343
- .adm-button:not(.adm-button-default) {
344
- --text-color: var(--adm-color-white);
345
- --background-color: var(--color);
346
- --border-color: var(--color);
347
- }
348
- .adm-button:not(.adm-button-default).adm-button-fill-outline {
349
- --text-color: var(--color);
350
- --background-color: transparent;
351
- }
352
- .adm-button:not(.adm-button-default).adm-button-fill-none {
353
- --text-color: var(--color);
354
- --background-color: transparent;
355
- --border-width: 0px;
356
- }
357
- .adm-button-primary {
358
- --color: var(--adm-color-primary);
359
- }
360
- .adm-button-success {
361
- --color: var(--adm-color-success);
362
- }
363
- .adm-button-danger {
364
- --color: var(--adm-color-danger);
365
- }
366
- .adm-button-warning {
367
- --color: var(--adm-color-warning);
368
- }
369
- .adm-button-block {
370
- display: block;
371
- width: 100%;
372
- }
373
- .adm-button-disabled {
374
- cursor: not-allowed;
375
- opacity: 0.4;
376
- }
377
- .adm-button-disabled:active::before {
378
- display: none;
379
- }
380
- .adm-button.adm-button-mini {
381
- padding-top: 3px;
382
- padding-bottom: 3px;
383
- font-size: var(--adm-font-size-main);
384
- }
385
- .adm-button.adm-button-mini.adm-button-shape-rounded {
386
- padding-left: 9px;
387
- padding-right: 9px;
388
- }
389
- .adm-button.adm-button-small {
390
- padding-top: 3px;
391
- padding-bottom: 3px;
392
- font-size: var(--adm-font-size-7);
393
- }
394
- .adm-button.adm-button-large {
395
- padding-top: 11px;
396
- padding-bottom: 11px;
397
- font-size: var(--adm-font-size-10);
398
- }
399
- .adm-button.adm-button-shape-rounded {
400
- --border-radius: 1000px;
401
- }
402
- .adm-button.adm-button-shape-rectangular {
403
- --border-radius: 0;
404
- }
405
- .adm-button-loading {
406
- vertical-align: bottom;
407
- }
408
- .adm-button-loading-wrapper {
409
- display: flex;
410
- height: 1.4em;
411
- align-items: center;
412
- justify-content: center;
413
- }
414
- .adm-button-loading-wrapper > .adm-loading {
415
- opacity: 0.6;
416
- }
417
- .adm-dot-loading {
418
- display: inline-block;
419
- }
420
- .adm-calendar .adm-calendar-header {
421
- display: flex;
422
- flex-direction: row;
423
- align-items: center;
424
- justify-content: space-between;
425
- padding-top: 4px;
426
- }
427
- .adm-calendar .adm-calendar-header a.adm-calendar-arrow-button {
428
- padding: 4px 8px;
429
- display: block;
430
- flex: none;
431
- }
432
- .adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg {
433
- height: 22px;
434
- }
435
- .adm-calendar .adm-calendar-header a.adm-calendar-arrow-button.adm-calendar-arrow-button-right svg {
436
- transform: rotate(180deg);
437
- }
438
- .adm-calendar .adm-calendar-header .adm-calendar-title {
439
- font-size: var(--adm-font-size-10);
440
- flex: auto;
441
- text-align: center;
442
- }
443
- .adm-calendar .adm-calendar-body {
444
- display: flex;
445
- flex-wrap: wrap;
446
- }
447
- .adm-calendar-cells {
448
- display: flex;
449
- flex-direction: row;
450
- flex-wrap: wrap;
451
- justify-content: flex-start;
452
- align-items: stretch;
453
- padding: 8px 8px 4px;
454
- }
455
- .adm-calendar-cell {
456
- flex: none;
457
- box-sizing: border-box;
458
- width: calc(100% / 7);
459
- height: 48px;
460
- margin-bottom: 4px;
461
- padding: 2px;
462
- color: var(--adm-color-text);
463
- cursor: pointer;
464
- display: flex;
465
- flex-direction: column;
466
- align-items: center;
467
- justify-content: flex-end;
468
- }
469
- .adm-calendar-cell.adm-calendar-cell-today {
470
- color: var(--adm-color-primary);
471
- }
472
- .adm-calendar-cell.adm-calendar-cell-disabled {
473
- color: var(--adm-color-light);
474
- }
475
- .adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom {
476
- color: var(--adm-color-light);
477
- }
478
- .adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected {
479
- background: var(--adm-color-primary);
480
- color: var(--adm-color-white);
481
- }
482
- .adm-calendar-cell.adm-calendar-cell-selected .adm-calendar-cell-bottom {
483
- color: var(--adm-color-white);
484
- }
485
- .adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin {
486
- border-top-left-radius: 4px;
487
- border-bottom-left-radius: 4px;
488
- }
489
- .adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end {
490
- border-top-right-radius: 4px;
491
- border-bottom-right-radius: 4px;
492
- }
493
- .adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected {
494
- color: var(--adm-color-light);
495
- }
496
- .adm-calendar-cell .adm-calendar-cell-top {
497
- flex: none;
498
- font-size: var(--adm-font-size-10);
499
- }
500
- .adm-calendar-cell .adm-calendar-cell-bottom {
501
- flex: none;
502
- font-size: var(--adm-font-size-4);
503
- height: 12px;
504
- line-height: 12px;
505
- color: var(--adm-color-weak);
506
- }
507
- .adm-calendar-mark {
508
- display: flex;
509
- flex-direction: row;
510
- justify-content: flex-start;
511
- align-items: center;
512
- border-bottom: solid 1px var(--adm-color-border);
513
- height: 45px;
514
- box-sizing: border-box;
515
- font-size: var(--adm-font-size-7);
516
- padding: 0 8px;
517
- }
518
- .adm-calendar-mark .adm-calendar-mark-cell {
519
- flex: 1;
520
- text-align: center;
521
- }
522
- .adm-capsule-tabs {
523
- position: relative;
524
- min-width: 0;
525
- }
526
- .adm-capsule-tabs-header {
527
- position: relative;
528
- padding: 12px 6px;
529
- border-bottom: solid 1px var(--adm-color-border);
530
- }
531
- .adm-capsule-tabs-tab-list {
532
- display: flex;
533
- flex-wrap: nowrap;
534
- justify-content: flex-start;
535
- align-items: center;
536
- position: relative;
537
- overflow-x: scroll;
538
- scrollbar-width: none;
539
- }
540
- .adm-capsule-tabs-tab-list::-webkit-scrollbar {
541
- display: none;
542
- }
543
- .adm-capsule-tabs-tab-wrapper {
544
- flex: auto;
545
- padding: 0 6px;
546
- }
547
- .adm-capsule-tabs-tab {
548
- position: relative;
549
- padding: 8px 20px;
550
- margin: 0 auto;
551
- border-radius: 20px;
552
- cursor: pointer;
553
- font-size: var(--adm-font-size-7);
554
- text-align: center;
555
- white-space: nowrap;
556
- background-color: var(--adm-color-box);
557
- }
558
- .adm-capsule-tabs-tab-active {
559
- color: var(--adm-color-white);
560
- background-color: var(--adm-color-primary);
561
- }
562
- .adm-capsule-tabs-tab-disabled {
563
- opacity: 0.5;
564
- cursor: not-allowed;
565
- }
566
- .adm-capsule-tabs-content {
567
- padding: 12px;
568
- }
569
- .adm-scroll-mask {
570
- position: absolute;
571
- top: 0;
572
- bottom: 0;
573
- z-index: 1;
574
- width: 30px;
575
- height: 100%;
576
- pointer-events: none;
577
- }
578
- .adm-scroll-mask-left {
579
- left: 0;
580
- background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
581
- }
582
- .adm-scroll-mask-right {
583
- right: 0;
584
- background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
585
- }
586
- .adm-card {
587
- background: var(--adm-color-background);
588
- border-radius: 8px;
589
- padding: 0 12px;
590
- }
591
- .adm-card-header {
592
- position: relative;
593
- display: flex;
594
- justify-content: space-between;
595
- align-items: center;
596
- box-sizing: border-box;
597
- padding: 12px 0;
598
- }
599
- .adm-card-header:not(:last-child) {
600
- border-bottom: solid 0.5px var(--adm-color-border);
601
- }
602
- .adm-card-header-title {
603
- font-size: var(--adm-font-size-7);
604
- line-height: 1.4;
605
- font-weight: bold;
606
- }
607
- .adm-card-body {
608
- padding: 12px 0;
609
- }
610
- .adm-picker {
611
- --header-button-font-size: var(--adm-font-size-7);
612
- --title-font-size: var(--adm-font-size-7);
613
- --item-font-size: var(--adm-font-size-8);
614
- --item-height: 34px;
615
- width: 100%;
616
- height: 300px;
617
- overflow: hidden;
618
- position: relative;
619
- display: flex;
620
- flex-direction: column;
621
- ---item-font-size: var(--item-font-size);
622
- ---item-height: var(--item-height);
623
- }
624
- .adm-picker .adm-picker-view.adm-picker-view {
625
- --item-font-size: var(---item-font-size);
626
- --item-height: var(---item-height);
627
- }
628
- .adm-picker-header {
629
- flex-shrink: 0;
630
- border-bottom: solid 1px var(--adm-color-border);
631
- display: flex;
632
- justify-content: space-between;
633
- align-items: center;
634
- padding: 4px 4px;
635
- }
636
- .adm-picker-header-button {
637
- font-size: var(--header-button-font-size);
638
- display: inline-block;
639
- padding: 8px 8px;
640
- }
641
- .adm-picker-header-button-disabled,
642
- .adm-picker-header-button-disabled:active {
643
- opacity: 0.4;
644
- cursor: not-allowed;
645
- }
646
- .adm-picker-header-title {
647
- padding: 4px 4px;
648
- font-size: var(--title-font-size);
649
- color: var(--adm-color-text);
650
- text-align: center;
651
- flex: 1;
652
- }
653
- .adm-picker-body {
654
- flex: 1;
655
- width: 100%;
656
- }
657
- .adm-picker-body > .adm-picker-view {
658
- --height: 100%;
659
- }
660
- .adm-picker-popup .adm-popup-body {
661
- border-top-left-radius: 8px;
662
- border-top-right-radius: 8px;
663
- }
664
- .adm-spin-loading {
665
- --color: var(--adm-color-weak);
666
- --size: 32px;
667
- width: var(--size);
668
- height: var(--size);
669
- }
670
- .adm-spin-loading-svg {
671
- width: 100%;
672
- height: 100%;
673
- animation: adm-spin-loading-rotate 0.8s infinite linear;
674
- }
675
- .adm-spin-loading-svg > .adm-spin-loading-fill {
676
- stroke: var(--color);
677
- }
678
- @keyframes adm-spin-loading-rotate {
679
- from {
680
- transform: rotate(0deg);
681
- }
682
- to {
683
- transform: rotate(360deg);
684
- }
685
- }
686
- .adm-picker-view {
687
- --height: 240px;
688
- --item-height: 34px;
689
- --item-font-size: var(--adm-font-size-8);
690
- height: var(--height);
691
- width: 100%;
692
- display: flex;
693
- position: relative;
694
- overflow: hidden;
695
- background: var(--adm-color-background);
696
- }
697
- .adm-picker-view-column {
698
- height: 100%;
699
- flex: 1;
700
- -webkit-user-select: none;
701
- user-select: none;
702
- touch-action: none;
703
- position: relative;
704
- z-index: 0;
705
- }
706
- .adm-picker-view-column-wheel {
707
- width: 100%;
708
- cursor: -webkit-grab;
709
- cursor: grab;
710
- position: absolute;
711
- top: calc(50% - var(--item-height) / 2);
712
- left: 0;
713
- }
714
- .adm-picker-view-column-wheel::before {
715
- content: ' ';
716
- display: block;
717
- position: absolute;
718
- width: 100%;
719
- height: 100vh;
720
- top: -100vh;
721
- }
722
- .adm-picker-view-column-wheel::after {
723
- content: ' ';
724
- display: block;
725
- position: absolute;
726
- width: 100%;
727
- height: 100vh;
728
- bottom: -100vh;
729
- }
730
- .adm-picker-view-column-item {
731
- font-size: var(--item-font-size);
732
- padding: 0 6px;
733
- height: var(--item-height);
734
- display: flex;
735
- justify-content: center;
736
- align-items: center;
737
- }
738
- .adm-picker-view-column-item-label {
739
- overflow: hidden;
740
- text-overflow: ellipsis;
741
- white-space: nowrap;
742
- }
743
- .adm-picker-view-column-accessible {
744
- width: 100%;
745
- height: 100%;
746
- pointer-events: none;
747
- opacity: 0;
748
- display: flex;
749
- flex-direction: column;
750
- position: relative;
751
- z-index: 0;
752
- padding-bottom: 1px;
753
- }
754
- .adm-picker-view-column-accessible > * {
755
- flex: 1;
756
- text-overflow: ellipsis;
757
- }
758
- .adm-picker-view-column-accessible-current {
759
- position: absolute;
760
- width: 100%;
761
- height: 100%;
762
- }
763
- .adm-picker-view-column-accessible-button {
764
- width: 100%;
765
- height: 100%;
766
- }
767
- .adm-picker-view-mask {
768
- position: absolute;
769
- z-index: 10000;
770
- left: 0;
771
- top: 0;
772
- width: 100%;
773
- height: 100%;
774
- display: flex;
775
- flex-direction: column;
776
- pointer-events: none;
777
- }
778
- .adm-picker-view-mask-top,
779
- .adm-picker-view-mask-bottom {
780
- flex: auto;
781
- }
782
- .adm-picker-view-mask-middle {
783
- height: var(--item-height);
784
- box-sizing: border-box;
785
- flex: none;
786
- border-top: solid 1px var(--adm-color-border);
787
- border-bottom: solid 1px var(--adm-color-border);
788
- }
789
- .adm-picker-view-mask-top {
790
- background: var(--adm-color-background);
791
- -webkit-mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
792
- mask: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
793
- }
794
- .adm-picker-view-mask-bottom {
795
- background: var(--adm-color-background);
796
- -webkit-mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
797
- mask: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.8) 50%, #000000 100%);
798
- }
799
- .adm-picker-view-loading-content {
800
- width: 100%;
801
- height: 100%;
802
- display: flex;
803
- justify-content: center;
804
- align-items: center;
805
- }
806
- .adm-cascader-view {
807
- --height: auto;
808
- }
809
- .adm-cascader-view-tabs.adm-tabs {
810
- --title-font-size: var(--adm-font-size-6);
811
- --content-padding: none;
812
- }
813
- .adm-cascader-view-header-title {
814
- max-width: 84px;
815
- overflow: hidden;
816
- white-space: nowrap;
817
- text-overflow: ellipsis;
818
- }
819
- .adm-cascader-view-content {
820
- height: var(--height);
821
- overflow-y: auto;
822
- }
823
- .adm-cascader-view-content > .adm-check-list {
824
- --border-inner: none;
825
- --border-bottom: none;
826
- --border-top: none;
827
- }
828
- .adm-cascader-view-item {
829
- font-size: var(--adm-font-size-6);
830
- }
831
- .adm-cascader-view-item-active {
832
- color: var(--adm-color-primary);
833
- }
834
- .adm-cascader-view .adm-list-inner {
835
- margin-bottom: 0;
836
- }
837
- .adm-cascader-view-skeleton {
838
- padding: 16px 12px;
839
- }
840
- .adm-cascader-view-skeleton .adm-skeleton {
841
- margin-bottom: 16px;
842
- --height: 18px;
843
- --width: 80%;
844
- --border-radius: 2px;
845
- }
846
- .adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3 {
847
- --width: 90%;
848
- }
849
- .adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4 {
850
- --width: 60%;
851
- }
852
- .adm-tabs {
853
- --title-font-size: var(--adm-font-size-9);
854
- --content-padding: 12px;
855
- --active-line-height: 2px;
856
- --active-line-border-radius: var(--active-line-height);
857
- --active-line-color: var(--adm-color-primary);
858
- --active-title-color: var(--adm-color-primary);
859
- position: relative;
860
- min-width: 0;
861
- }
862
- .adm-tabs-header {
863
- position: relative;
864
- border-bottom: solid 1px var(--adm-color-border);
865
- }
866
- .adm-tabs-tab-list {
867
- display: flex;
868
- flex-wrap: nowrap;
869
- justify-content: flex-start;
870
- align-items: center;
871
- position: relative;
872
- overflow-x: scroll;
873
- scrollbar-width: none;
874
- }
875
- .adm-tabs-tab-list::-webkit-scrollbar {
876
- display: none;
877
- }
878
- .adm-tabs-tab-wrapper {
879
- padding: 0 12px;
880
- }
881
- .adm-tabs-tab-wrapper-stretch {
882
- flex: auto;
883
- }
884
- .adm-tabs-tab {
885
- white-space: nowrap;
886
- padding: 8px 0 10px;
887
- width: -webkit-min-content;
888
- width: min-content;
889
- margin: 0 auto;
890
- font-size: var(--title-font-size);
891
- position: relative;
892
- cursor: pointer;
893
- }
894
- .adm-tabs-tab-active {
895
- color: var(--active-title-color);
896
- }
897
- .adm-tabs-tab-disabled {
898
- opacity: 0.5;
899
- cursor: not-allowed;
900
- }
901
- .adm-tabs-tab-line {
902
- position: absolute;
903
- bottom: 0;
904
- height: var(--active-line-height);
905
- background: var(--active-line-color);
906
- border-radius: var(--active-line-border-radius);
907
- }
908
- .adm-tabs-content {
909
- padding: var(--content-padding);
910
- }
911
- .adm-tabs-header-mask {
912
- position: absolute;
913
- top: 0;
914
- bottom: 0;
915
- z-index: 1;
916
- width: 30px;
917
- height: 100%;
918
- pointer-events: none;
919
- }
920
- .adm-tabs-header-mask-left {
921
- left: 0;
922
- background: linear-gradient(to right, var(--adm-color-background), rgba(255, 255, 255, 0));
923
- }
924
- .adm-tabs-header-mask-right {
925
- right: 0;
926
- background: linear-gradient(to left, var(--adm-color-background), rgba(255, 255, 255, 0));
927
- }
928
- .adm-check-list-item-extra {
929
- font-size: var(--adm-font-size-8);
930
- line-height: 1;
931
- color: var(--adm-color-primary);
932
- }
933
- .adm-check-list-item-readonly {
934
- cursor: unset;
935
- }
936
- .adm-list {
937
- --header-font-size: var(--adm-font-size-7);
938
- --prefix-width: 'auto';
939
- --prefix-padding-right: 12px;
940
- --align-items: center;
941
- --active-background-color: var(--adm-color-border);
942
- --border-inner: solid 1px var(--adm-color-border);
943
- --border-top: solid 1px var(--adm-color-border);
944
- --border-bottom: solid 1px var(--adm-color-border);
945
- --padding-left: 12px;
946
- --padding-right: 12px;
947
- --font-size: var(--adm-font-size-9);
948
- --extra-max-width: 70%;
949
- }
950
- .adm-list-header {
951
- color: var(--adm-color-weak);
952
- font-size: var(--header-font-size);
953
- padding: 8px var(--padding-right) 8px var(--padding-left);
954
- }
955
- .adm-list-body {
956
- background-color: var(--adm-color-background);
957
- overflow: hidden;
958
- font-size: var(--font-size);
959
- }
960
- .adm-list-body-inner {
961
- margin-top: -1px;
962
- }
963
- .adm-list-default .adm-list-body {
964
- border-top: var(--border-top);
965
- border-bottom: var(--border-bottom);
966
- }
967
- .adm-list-card {
968
- margin: 12px;
969
- }
970
- .adm-list-card .adm-list-body {
971
- border-radius: 8px;
972
- }
973
- .adm-list-card .adm-list-header {
974
- padding-left: 0;
975
- }
976
- .adm-list-item {
977
- display: block;
978
- padding-left: var(--padding-left);
979
- position: relative;
980
- background-color: var(--adm-color-background);
981
- line-height: 1.5;
982
- }
983
- .adm-list-item-title,
984
- .adm-list-item-description {
985
- color: var(--adm-color-weak);
986
- font-size: var(--adm-font-size-main);
987
- }
988
- .adm-list-item-content {
989
- display: flex;
990
- align-items: var(--align-items);
991
- justify-content: flex-start;
992
- border-top: var(--border-inner);
993
- padding-right: var(--padding-right);
994
- }
995
- .adm-list-item-content-prefix {
996
- width: var(--prefix-width);
997
- flex: none;
998
- padding-right: var(--prefix-padding-right);
999
- }
1000
- .adm-list-item-content-main {
1001
- flex: auto;
1002
- padding: 12px 0;
1003
- }
1004
- .adm-list-item-content-extra {
1005
- flex: none;
1006
- padding-left: 12px;
1007
- font-size: var(--adm-font-size-7);
1008
- color: var(--adm-color-weak);
1009
- max-width: var(--extra-max-width);
1010
- }
1011
- .adm-list-item-content-arrow {
1012
- flex: none;
1013
- display: flex;
1014
- align-items: center;
1015
- margin-left: 4px;
1016
- color: var(--adm-color-light);
1017
- font-size: 19px;
1018
- }
1019
- .adm-list-item-disabled {
1020
- cursor: not-allowed;
1021
- }
1022
- .adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
1023
- opacity: 0.4;
1024
- pointer-events: none;
1025
- }
1026
- a.adm-list-item:active:not(.adm-list-item-disabled) {
1027
- background-color: var(--active-background-color);
1028
- }
1029
- a.adm-list-item:active:not(.adm-list-item-disabled)::after {
1030
- content: ' ';
1031
- display: block;
1032
- position: absolute;
1033
- width: 100%;
1034
- bottom: -1px;
1035
- left: 0;
1036
- border-bottom: var(--border-inner);
1037
- }
1038
- .adm-skeleton {
1039
- --width: 100%;
1040
- --height: 0;
1041
- --border-radius: 0;
1042
- background-color: rgba(190, 190, 190, 0.2);
1043
- border-radius: var(--border-radius);
1044
- width: var(--width);
1045
- height: var(--height);
1046
- display: block;
1047
- }
1048
- .adm-skeleton.adm-skeleton-animated {
1049
- background: linear-gradient(90deg, rgba(190, 190, 190, 0.2) 25%, rgba(129, 129, 129, 0.24) 37%, rgba(190, 190, 190, 0.2) 63%);
1050
- background-size: 400% 100%;
1051
- animation: adm-skeleton-loading 1.4s ease infinite;
1052
- }
1053
- .adm-skeleton.adm-skeleton-title {
1054
- --width: 45%;
1055
- --height: 32px;
1056
- --border-radius: 2px;
1057
- margin-bottom: 16px;
1058
- margin-top: 16px;
1059
- }
1060
- .adm-skeleton.adm-skeleton-paragraph-line {
1061
- --height: 18px;
1062
- --border-radius: 2px;
1063
- margin-top: 12px;
1064
- margin-bottom: 12px;
1065
- }
1066
- .adm-skeleton.adm-skeleton-paragraph-line:last-child {
1067
- --width: 65%;
1068
- }
1069
- @keyframes adm-skeleton-loading {
1070
- 0% {
1071
- background-position: 100% 50%;
1072
- }
1073
- 100% {
1074
- background-position: 0 50%;
1075
- }
1076
- }
1077
- .adm-cascader {
1078
- width: 100%;
1079
- overflow: hidden;
1080
- position: relative;
1081
- display: flex;
1082
- flex-direction: column;
1083
- }
1084
- .adm-cascader-header {
1085
- flex: none;
1086
- display: flex;
1087
- justify-content: space-between;
1088
- align-items: center;
1089
- padding: 6px 8px;
1090
- }
1091
- .adm-cascader-header-button {
1092
- font-size: var(--adm-font-size-7);
1093
- display: inline-block;
1094
- padding: 4px 4px;
1095
- }
1096
- .adm-cascader-header-title {
1097
- padding: 4px 4px;
1098
- font-size: var(--adm-font-size-7);
1099
- color: var(--adm-color-text);
1100
- text-align: center;
1101
- flex: 1;
1102
- }
1103
- .adm-cascader-body {
1104
- flex: auto;
1105
- height: 100%;
1106
- width: 100%;
1107
- }
1108
- .adm-cascader-body > .adm-cascader-view {
1109
- --height: 310px;
1110
- }
1111
- .adm-center-popup {
1112
- --background-color: var(--adm-center-popup-background-color, var(--adm-color-background));
1113
- --border-radius: var(--adm-center-popup-border-radius, 8px);
1114
- --max-width: var(--adm-center-popup-max-width, 75vw);
1115
- --min-width: var(--adm-center-popup-min-width, 280px);
1116
- --z-index: var(--adm-center-popup-z-index, 1000);
1117
- position: fixed;
1118
- z-index: var(--z-index);
1119
- }
1120
- .adm-center-popup .adm-center-popup-mask {
1121
- z-index: 0;
1122
- }
1123
- .adm-center-popup-wrap {
1124
- position: fixed;
1125
- z-index: 1;
1126
- top: 50%;
1127
- left: 50%;
1128
- width: auto;
1129
- min-width: var(--min-width);
1130
- max-width: var(--max-width);
1131
- transform: translate(-50%, -50%);
1132
- }
1133
- .adm-center-popup-body {
1134
- background-color: var(--background-color);
1135
- border-radius: var(--border-radius);
1136
- }
1137
- .adm-center-popup-close {
1138
- position: absolute;
1139
- z-index: 100;
1140
- right: 8px;
1141
- top: 8px;
1142
- cursor: pointer;
1143
- padding: 4px;
1144
- font-size: 18px;
1145
- color: var(--adm-color-weak);
1146
- }
1147
- .adm-checkbox {
1148
- --icon-size: 22px;
1149
- --font-size: var(--adm-font-size-9);
1150
- --gap: 8px;
1151
- display: inline-flex;
1152
- vertical-align: text-bottom;
1153
- justify-content: flex-start;
1154
- align-items: center;
1155
- cursor: pointer;
1156
- }
1157
- .adm-checkbox input {
1158
- display: none;
1159
- }
1160
- .adm-checkbox .adm-checkbox-icon {
1161
- flex: none;
1162
- border: 1px solid var(--adm-color-light);
1163
- border-radius: var(--icon-size);
1164
- box-sizing: border-box;
1165
- width: var(--icon-size);
1166
- height: var(--icon-size);
1167
- color: var(--adm-color-white);
1168
- }
1169
- .adm-checkbox .adm-checkbox-icon > svg {
1170
- display: block;
1171
- width: 100%;
1172
- height: 100%;
1173
- }
1174
- .adm-checkbox.adm-checkbox-block {
1175
- display: flex;
1176
- }
1177
- .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
1178
- border-color: var(--adm-color-primary);
1179
- background-color: var(--adm-color-primary);
1180
- }
1181
- .adm-checkbox.adm-checkbox-disabled {
1182
- cursor: not-allowed;
1183
- }
1184
- .adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
1185
- opacity: 0.4;
1186
- }
1187
- .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
1188
- color: #b7b7b7;
1189
- border-color: var(--adm-color-light);
1190
- background-color: var(--adm-color-box);
1191
- }
1192
- .adm-checkbox .adm-checkbox-custom-icon {
1193
- font-size: var(--icon-size);
1194
- }
1195
- .adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
1196
- background-color: var(--adm-color-background);
1197
- color: var(--adm-color-primary);
1198
- }
1199
- .adm-checkbox-content {
1200
- flex: 0 1 auto;
1201
- font-size: var(--font-size);
1202
- padding-left: var(--gap);
1203
- }
1204
- .adm-collapse-panel-header .adm-list-item-content-main {
1205
- padding: 12px 0;
1206
- }
1207
- .adm-collapse-arrow {
1208
- transform: rotate(0deg);
1209
- transition: all ease 0.3s;
1210
- }
1211
- .adm-collapse-arrow-active {
1212
- transform: rotate(-180deg);
1213
- }
1214
- .adm-collapse-panel-content {
1215
- font-size: var(--adm-font-size-main);
1216
- color: var(--adm-color-weak);
1217
- overflow: hidden;
1218
- }
1219
- .adm-dialog {
1220
- --z-index: var(--adm-dialog-z-index, 1000);
1221
- ---z-index: var(--z-index);
1222
- }
1223
- .adm-dialog .adm-center-popup {
1224
- --z-index: var(---z-index);
1225
- }
1226
- .adm-dialog-body {
1227
- width: 100%;
1228
- max-height: 70vh;
1229
- font-size: var(--adm-font-size-6);
1230
- overflow: hidden;
1231
- display: flex;
1232
- flex-direction: column;
1233
- }
1234
- .adm-dialog-body > * {
1235
- flex: none;
1236
- }
1237
- .adm-dialog-body > .adm-dialog-content {
1238
- flex: auto;
1239
- }
1240
- .adm-dialog-body:not(.adm-dialog-with-image) {
1241
- padding-top: 20px;
1242
- }
1243
- .adm-dialog-image-container {
1244
- margin-bottom: 12px;
1245
- max-height: 40vh;
1246
- }
1247
- .adm-dialog-header {
1248
- margin-bottom: 8px;
1249
- padding: 0 12px;
1250
- }
1251
- .adm-dialog-title {
1252
- margin-bottom: 8px;
1253
- padding: 0 12px;
1254
- font-weight: bold;
1255
- font-size: var(--adm-font-size-10);
1256
- line-height: 25px;
1257
- text-align: center;
1258
- }
1259
- .adm-dialog-content {
1260
- padding: 0 12px 20px;
1261
- max-height: 70vh;
1262
- overflow-x: hidden;
1263
- overflow-y: auto;
1264
- font-size: var(--adm-font-size-7);
1265
- line-height: 1.4;
1266
- color: var(--adm-color-text);
1267
- }
1268
- .adm-dialog-content-empty {
1269
- padding: 0;
1270
- height: 12px;
1271
- }
1272
- .adm-dialog-footer {
1273
- -webkit-user-select: none;
1274
- user-select: none;
1275
- }
1276
- .adm-dialog-footer .adm-dialog-action-row {
1277
- display: flex;
1278
- align-items: stretch;
1279
- border-top: 0.5px solid var(--adm-color-border);
1280
- }
1281
- .adm-dialog-footer .adm-dialog-action-row > * {
1282
- flex: 1;
1283
- }
1284
- .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button {
1285
- padding: 10px;
1286
- font-size: var(--adm-font-size-10);
1287
- line-height: 25px;
1288
- border-radius: 0;
1289
- border-right: solid 0.5px var(--adm-color-border);
1290
- }
1291
- .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button-bold {
1292
- font-weight: bold;
1293
- }
1294
- .adm-dialog-footer .adm-dialog-action-row > .adm-dialog-button:last-child {
1295
- border-right: none;
1296
- }
1297
- .adm-dialog-image-container {
1298
- overflow-y: auto;
1299
- }
1300
- .adm-image {
1301
- --width: var(--adm-image-width, auto);
1302
- --height: var(--adm-image-height, auto);
1303
- width: var(--width);
1304
- height: var(--height);
1305
- display: block;
1306
- overflow: hidden;
1307
- }
1308
- .adm-image-img {
1309
- width: 100%;
1310
- height: 100%;
1311
- }
1312
- .adm-image-tip {
1313
- position: relative;
1314
- background-color: var(--adm-color-box);
1315
- height: 100%;
1316
- min-height: 24px;
1317
- min-width: 24px;
1318
- }
1319
- .adm-image-tip > svg {
1320
- width: 24px;
1321
- height: 24px;
1322
- position: absolute;
1323
- left: 50%;
1324
- top: 50%;
1325
- transform: translate(-50%, -50%);
1326
- color: var(--adm-color-weak);
1327
- }
1328
- .adm-divider-horizontal {
1329
- display: flex;
1330
- align-items: center;
1331
- margin: 16px 0;
1332
- border-width: 0;
1333
- border-color: var(--adm-color-border);
1334
- border-style: solid;
1335
- color: var(--adm-color-weak);
1336
- font-size: 14px;
1337
- }
1338
- .adm-divider-left.adm-divider-horizontal::before {
1339
- max-width: 10%;
1340
- }
1341
- .adm-divider-right.adm-divider-horizontal::after {
1342
- max-width: 10%;
1343
- }
1344
- .adm-divider-horizontal::after,
1345
- .adm-divider-horizontal::before {
1346
- flex: auto;
1347
- display: block;
1348
- content: '';
1349
- border-style: inherit;
1350
- border-color: inherit;
1351
- border-width: 1px 0 0;
1352
- }
1353
- .adm-divider-horizontal .adm-divider-content {
1354
- flex: none;
1355
- padding: 0 16px;
1356
- }
1357
- .adm-divider-vertical {
1358
- position: relative;
1359
- top: -0.06em;
1360
- display: inline-block;
1361
- height: 0.9em;
1362
- margin: 0 16px;
1363
- vertical-align: middle;
1364
- border-top: 0;
1365
- border-left: 1px solid var(--adm-color-border);
1366
- }
1367
- .adm-dropdown {
1368
- background-color: var(--adm-color-background);
1369
- }
1370
- .adm-dropdown .adm-dropdown-nav {
1371
- display: flex;
1372
- border-bottom: 1px solid transparent;
1373
- }
1374
- .adm-dropdown-open .adm-dropdown-nav {
1375
- border-bottom-color: var(--adm-color-border);
1376
- }
1377
- .adm-dropdown-item {
1378
- display: flex;
1379
- flex: 1;
1380
- justify-content: center;
1381
- min-width: 0;
1382
- cursor: pointer;
1383
- }
1384
- .adm-dropdown-item .adm-dropdown-item-title {
1385
- display: flex;
1386
- align-items: center;
1387
- position: relative;
1388
- max-width: 100%;
1389
- font-size: var(--adm-font-size-main);
1390
- padding: 12px;
1391
- }
1392
- .adm-dropdown-item .adm-dropdown-item-title-text {
1393
- margin-right: 5px;
1394
- overflow: hidden;
1395
- white-space: nowrap;
1396
- text-overflow: ellipsis;
1397
- }
1398
- .adm-dropdown-item .adm-dropdown-item-title-arrow {
1399
- color: var(--adm-color-light);
1400
- font-size: 9px;
1401
- transform: rotate(0deg) translateY(1px);
1402
- transition: all ease 0.2s;
1403
- }
1404
- .adm-dropdown-item .adm-dropdown-item-title-arrow-active {
1405
- transform: rotate(-180deg) translateY(-1px);
1406
- }
1407
- .adm-dropdown-item .adm-dropdown-item-title:active {
1408
- opacity: 0.7;
1409
- }
1410
- .adm-dropdown-item-highlight {
1411
- color: var(--adm-color-primary);
1412
- }
1413
- .adm-dropdown-item-active .adm-dropdown-item-title:after {
1414
- margin-top: -1px;
1415
- transform: rotate(135deg);
1416
- }
1417
- .adm-dropdown-item-content {
1418
- width: 100%;
1419
- background: var(--adm-color-background);
1420
- }
1421
- .adm-dropdown-item-content-hidden {
1422
- display: none;
1423
- }
1424
- .adm-dropdown-popup {
1425
- position: fixed;
1426
- overflow: hidden;
1427
- width: 100%;
1428
- right: 0;
1429
- bottom: 0;
1430
- left: 0;
1431
- }
1432
- .adm-dropdown-popup .adm-dropdown-popup-mask {
1433
- position: absolute;
1434
- }
1435
- .adm-dropdown-popup .adm-dropdown-popup-body {
1436
- position: absolute;
1437
- }
1438
- .adm-ellipsis {
1439
- overflow: hidden;
1440
- line-height: 1.5;
1441
- }
1442
- .adm-empty {
1443
- display: flex;
1444
- flex-direction: column;
1445
- align-items: center;
1446
- justify-content: center;
1447
- padding: 24px 0;
1448
- }
1449
- .adm-empty-image-container {
1450
- display: flex;
1451
- justify-content: center;
1452
- }
1453
- .adm-empty-image-container .adm-empty-image {
1454
- width: 64px;
1455
- height: intrinsic;
1456
- }
1457
- .adm-empty-description {
1458
- margin-top: 8px;
1459
- font-size: var(--adm-font-size-6);
1460
- color: var(--adm-color-light);
1461
- }
1462
- .adm-error-block {
1463
- --color: var(--adm-color-text);
1464
- --image-height: var(--adm-error-block-image-height, 100px);
1465
- --image-height-full-page: var(--adm-error-block-image-height-full-page, 200px);
1466
- --image-width: var(--adm-error-block-image-width, auto);
1467
- --image-width-full-page: var(--adm-error-block-image-width-full-page, auto);
1468
- box-sizing: border-box;
1469
- text-align: center;
1470
- }
1471
- .adm-error-block-image {
1472
- height: var(--image-height);
1473
- width: var(--image-width);
1474
- max-width: 100%;
1475
- }
1476
- .adm-error-block-image svg,
1477
- .adm-error-block-image img {
1478
- height: 100%;
1479
- }
1480
- .adm-error-block-description {
1481
- font-size: var(--adm-font-size-4);
1482
- color: #999;
1483
- line-height: 1.4;
1484
- margin-top: 12px;
1485
- }
1486
- .adm-error-block-description-title {
1487
- font-size: var(--adm-font-size-7);
1488
- }
1489
- .adm-error-block-description-subtitle {
1490
- margin-top: 8px;
1491
- }
1492
- .adm-error-block-content {
1493
- margin-top: 12px;
1494
- }
1495
- .adm-error-block-full-page {
1496
- padding-top: calc(50vh - var(--image-height-full-page));
1497
- }
1498
- .adm-error-block-full-page .adm-error-block-image {
1499
- height: var(--image-height-full-page);
1500
- width: var(--image-width-full-page);
1501
- }
1502
- .adm-error-block-full-page .adm-error-block-description {
1503
- margin-top: 20px;
1504
- font-size: var(--adm-font-size-main);
1505
- }
1506
- .adm-error-block-full-page .adm-error-block-description-title {
1507
- font-size: 20px;
1508
- color: var(--adm-color-text);
1509
- }
1510
- .adm-floating-bubble {
1511
- --initial-position-left: var(--initial-position-left);
1512
- --initial-position-right: var(--initial-position-right);
1513
- --initial-position-top: var(--initial-position-top);
1514
- --initial-position-bottom: var(--initial-position-bottom);
1515
- --z-index: 1;
1516
- --edge-distance: 0;
1517
- --size: 48px;
1518
- --border-radius: 50%;
1519
- --background: var(--adm-color-primary);
1520
- }
1521
- .adm-floating-bubble-boundary-outer {
1522
- position: fixed;
1523
- left: 0;
1524
- top: 0;
1525
- width: 100vw;
1526
- height: 100vh;
1527
- padding: var(--edge-distance);
1528
- box-sizing: border-box;
1529
- pointer-events: none;
1530
- }
1531
- .adm-floating-bubble-boundary {
1532
- position: relative;
1533
- width: 100%;
1534
- height: 100%;
1535
- }
1536
- .adm-floating-bubble-button {
1537
- position: fixed;
1538
- top: var(--initial-position-top);
1539
- bottom: var(--initial-position-bottom);
1540
- left: var(--initial-position-left);
1541
- right: var(--initial-position-right);
1542
- box-sizing: border-box;
1543
- width: var(--size);
1544
- height: var(--size);
1545
- display: flex;
1546
- justify-content: center;
1547
- align-items: center;
1548
- overflow: hidden;
1549
- cursor: pointer;
1550
- transition: opacity ease 0.15s;
1551
- -webkit-user-select: none;
1552
- user-select: none;
1553
- touch-action: none;
1554
- background: var(--background);
1555
- color: var(--adm-color-white);
1556
- border-radius: var(--border-radius);
1557
- z-index: var(--z-index);
1558
- }
1559
- .adm-floating-panel {
1560
- --border-radius: 8px;
1561
- --header-height: 28px;
1562
- --z-index: var(--adm-floating-panel-z-index, 900);
1563
- position: fixed;
1564
- z-index: var(--z-index);
1565
- bottom: 0;
1566
- left: 0;
1567
- width: 100vw;
1568
- display: flex;
1569
- flex-direction: column;
1570
- touch-action: none;
1571
- }
1572
- .adm-floating-panel-mask {
1573
- display: block;
1574
- width: 100%;
1575
- height: 100vh;
1576
- position: absolute;
1577
- left: 0;
1578
- top: -100vh;
1579
- background: transparent;
1580
- }
1581
- .adm-floating-panel::after {
1582
- content: '';
1583
- display: block;
1584
- position: absolute;
1585
- bottom: -100vh;
1586
- height: 100vh;
1587
- width: 100vw;
1588
- background: var(--adm-color-background);
1589
- }
1590
- .adm-floating-panel .adm-floating-panel-header {
1591
- flex: none;
1592
- height: var(--header-height);
1593
- display: flex;
1594
- justify-content: center;
1595
- align-items: center;
1596
- cursor: -webkit-grab;
1597
- cursor: grab;
1598
- -webkit-user-select: none;
1599
- user-select: none;
1600
- background-color: var(--adm-color-background);
1601
- border-top-left-radius: var(--border-radius);
1602
- border-top-right-radius: var(--border-radius);
1603
- }
1604
- .adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar {
1605
- height: 3px;
1606
- width: 20px;
1607
- border-radius: 10px;
1608
- background: var(--adm-color-light);
1609
- }
1610
- .adm-floating-panel .adm-floating-panel-content {
1611
- flex: 1;
1612
- overflow-y: scroll;
1613
- background: var(--adm-color-background);
1614
- }
1615
- .adm-form {
1616
- --border-inner: solid 1px var(--adm-color-border);
1617
- --border-top: solid 1px var(--adm-color-border);
1618
- --border-bottom: solid 1px var(--adm-color-border);
1619
- ---border-inner: var(--border-inner);
1620
- ---border-top: var(--border-top);
1621
- ---border-bottom: var(--border-bottom);
1622
- }
1623
- .adm-form .adm-list.adm-list {
1624
- --padding-left: 16px;
1625
- --padding-right: 12px;
1626
- --border-inner: var(---border-inner);
1627
- --border-top: var(---border-top);
1628
- --border-bottom: var(---border-bottom);
1629
- }
1630
- .adm-form .adm-form-footer {
1631
- padding: 20px 12px;
1632
- }
1633
- .adm-form-list-operation {
1634
- text-align: center;
1635
- color: #1677ff;
1636
- }
1637
- .adm-form-item + .adm-form-item {
1638
- border-top: none;
1639
- }
1640
- .adm-form-item-label {
1641
- display: block;
1642
- height: 100%;
1643
- line-height: 1.5;
1644
- box-sizing: border-box;
1645
- position: relative;
1646
- color: var(--adm-color-text-secondary);
1647
- }
1648
- .adm-form-item-label .adm-form-item-required-asterisk {
1649
- position: absolute;
1650
- left: -0.6em;
1651
- top: 0;
1652
- font-family: SimSun, sans-serif;
1653
- color: var(--adm-color-danger);
1654
- -webkit-user-select: none;
1655
- user-select: none;
1656
- }
1657
- .adm-form-item-label .adm-form-item-required-text {
1658
- margin-left: 4px;
1659
- color: var(--adm-color-weak);
1660
- }
1661
- .adm-form-item-label-help {
1662
- margin-left: 4px;
1663
- cursor: pointer;
1664
- }
1665
- .adm-form-item-child {
1666
- display: flex;
1667
- }
1668
- .adm-form-item-child-position-normal {
1669
- justify-content: normal;
1670
- }
1671
- .adm-form-item-child-position-normal > * {
1672
- flex: auto;
1673
- }
1674
- .adm-form-item-child-position-right {
1675
- justify-content: flex-end;
1676
- }
1677
- .adm-form-item-child-position-right > * {
1678
- flex: none;
1679
- }
1680
- .adm-form-item-feedback-error {
1681
- color: var(--adm-color-danger);
1682
- margin-top: 4px;
1683
- }
1684
- .adm-form-item-feedback-warning {
1685
- color: var(--adm-color-warning);
1686
- margin-top: 4px;
1687
- }
1688
- .adm-form-item.adm-form-item-hidden {
1689
- display: none;
1690
- }
1691
- .adm-form-item.adm-form-item-horizontal.adm-list-item {
1692
- --align-items: stretch;
1693
- --prefix-width: 6.8em;
1694
- }
1695
- .adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
1696
- padding-top: 12px;
1697
- padding-bottom: 12px;
1698
- }
1699
- .adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
1700
- align-self: center;
1701
- }
1702
- .adm-form-item.adm-form-item-vertical .adm-form-item-label {
1703
- font-size: var(--adm-font-size-7);
1704
- margin-bottom: 4px;
1705
- }
1706
- .adm-popover {
1707
- --z-index: var(--adm-popover-z-index, 1030);
1708
- --background: #ffffff;
1709
- --arrow-size: 8px;
1710
- --content-padding: 8px 12px;
1711
- color: #333333;
1712
- position: absolute;
1713
- top: 0;
1714
- left: 0;
1715
- z-index: var(--z-index);
1716
- white-space: normal;
1717
- text-align: left;
1718
- cursor: auto;
1719
- -webkit-user-select: text;
1720
- user-select: text;
1721
- animation: none;
1722
- }
1723
- .adm-popover.adm-popover-dark {
1724
- --background: rgba(0, 0, 0, 0.75);
1725
- --adm-color-text: #ffffff;
1726
- color: #ffffff;
1727
- }
1728
- .adm-popover.adm-popover-dark .adm-popover-inner {
1729
- box-shadow: none;
1730
- }
1731
- .adm-popover::after {
1732
- position: absolute;
1733
- background: rgba(255, 255, 255, 0.01);
1734
- content: '';
1735
- }
1736
- .adm-popover-hidden {
1737
- display: none;
1738
- }
1739
- .adm-popover-inner {
1740
- background-color: var(--background);
1741
- background-clip: padding-box;
1742
- border-radius: 8px;
1743
- box-shadow: 0 0 30px 0 rgba(51, 51, 51, 0.2);
1744
- font-size: var(--adm-font-size-7);
1745
- width: -webkit-max-content;
1746
- width: max-content;
1747
- min-width: 32px;
1748
- max-width: calc(100vw - 24px);
1749
- overflow-y: hidden;
1750
- }
1751
- .adm-popover-inner-content {
1752
- padding: var(--content-padding);
1753
- }
1754
- .adm-popover-arrow {
1755
- position: absolute;
1756
- display: block;
1757
- height: var(--arrow-size);
1758
- width: var(--arrow-size);
1759
- overflow: visible;
1760
- background: transparent;
1761
- }
1762
- .adm-popover-arrow-icon {
1763
- display: block;
1764
- height: var(--arrow-size);
1765
- width: 15px;
1766
- position: absolute;
1767
- top: 50%;
1768
- left: 50%;
1769
- transform: translate(-50%, -50%) rotate(var(--arrow-icon-rotate));
1770
- }
1771
- .adm-popover .adm-popover-arrow {
1772
- color: var(--background);
1773
- }
1774
- .adm-popover-menu {
1775
- --border-color: #eeeeee;
1776
- }
1777
- .adm-popover-menu.adm-popover {
1778
- --content-padding: 0;
1779
- }
1780
- .adm-popover-menu-list {
1781
- overflow: hidden;
1782
- min-width: 120px;
1783
- }
1784
- .adm-popover-menu-list-inner {
1785
- margin-top: -1px;
1786
- }
1787
- .adm-popover-menu-item {
1788
- display: flex;
1789
- padding-left: 20px;
1790
- justify-content: flex-start;
1791
- align-items: center;
1792
- position: relative;
1793
- }
1794
- .adm-popover-menu-item-icon {
1795
- flex: none;
1796
- padding-right: 8px;
1797
- font-size: 20px;
1798
- }
1799
- .adm-popover-menu-item-text {
1800
- flex: auto;
1801
- padding: 14px 20px 14px 0;
1802
- border-top: solid 1px var(--border-color);
1803
- }
1804
- .adm-popover-menu-item-disabled {
1805
- cursor: not-allowed;
1806
- }
1807
- .adm-popover-menu-item-disabled > * {
1808
- opacity: 0.4;
1809
- }
1810
- .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
1811
- background-color: var(--border-color);
1812
- }
1813
- .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
1814
- content: ' ';
1815
- display: block;
1816
- position: absolute;
1817
- width: 100%;
1818
- bottom: -1px;
1819
- left: 0;
1820
- border-bottom: solid 1px var(--border-color);
1821
- }
1822
- .adm-popover.adm-popover-dark.adm-popover-menu {
1823
- --border-color: #333333;
1824
- --background: rgba(0, 0, 0, 0.9);
1825
- }
1826
- .adm-grid {
1827
- --gap: 0;
1828
- --gap-horizontal: var(--gap);
1829
- --gap-vertical: var(--gap);
1830
- display: grid;
1831
- grid-gap: 10px;
1832
- -webkit-column-gap: var(--gap-horizontal);
1833
- column-gap: var(--gap-horizontal);
1834
- row-gap: var(--gap-vertical);
1835
- grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
1836
- align-items: stretch;
1837
- }
1838
- .adm-grid-item {
1839
- grid-column-end: span var(--item-span);
1840
- }
1841
- .adm-image-viewer-content {
1842
- width: 100vw;
1843
- height: 100vh;
1844
- touch-action: none;
1845
- -webkit-user-select: none;
1846
- user-select: none;
1847
- }
1848
- .adm-image-viewer-footer {
1849
- position: absolute;
1850
- width: 100%;
1851
- bottom: 0;
1852
- z-index: 1;
1853
- }
1854
- .adm-image-viewer-slides {
1855
- height: 100%;
1856
- position: relative;
1857
- z-index: 1;
1858
- cursor: -webkit-grab;
1859
- cursor: grab;
1860
- touch-action: none;
1861
- }
1862
- .adm-image-viewer-slides-inner {
1863
- height: 100%;
1864
- white-space: nowrap;
1865
- }
1866
- .adm-image-viewer-slides-inner > * {
1867
- margin-right: 16px;
1868
- }
1869
- .adm-image-viewer-slide {
1870
- position: relative;
1871
- width: 100%;
1872
- height: 100%;
1873
- display: inline-block;
1874
- }
1875
- .adm-image-viewer-control {
1876
- position: absolute;
1877
- z-index: 1;
1878
- left: 0;
1879
- top: 0;
1880
- width: 100%;
1881
- height: 100%;
1882
- cursor: -webkit-grab;
1883
- cursor: grab;
1884
- touch-action: none;
1885
- }
1886
- .adm-image-viewer-image-wrapper {
1887
- width: 100%;
1888
- height: 100%;
1889
- display: flex;
1890
- justify-content: center;
1891
- align-items: center;
1892
- }
1893
- .adm-image-viewer-image-wrapper img {
1894
- display: block;
1895
- max-width: 100%;
1896
- max-height: 100%;
1897
- }
1898
- .adm-image-viewer-indicator {
1899
- position: absolute;
1900
- z-index: 2;
1901
- left: 50%;
1902
- top: 12px;
1903
- transform: translateX(-50%);
1904
- color: #e6e6e6;
1905
- font-size: var(--adm-font-size-6);
1906
- }
1907
- .adm-space-item {
1908
- flex: none;
1909
- }
1910
- .adm-space {
1911
- display: inline-flex;
1912
- --gap: 8px;
1913
- --gap-vertical: var(--gap);
1914
- --gap-horizontal: var(--gap);
1915
- }
1916
- .adm-space-vertical {
1917
- flex-direction: column;
1918
- }
1919
- .adm-space-vertical > .adm-space-item {
1920
- margin-bottom: var(--gap-vertical);
1921
- }
1922
- .adm-space-vertical > .adm-space-item:last-child {
1923
- margin-bottom: 0;
1924
- }
1925
- .adm-space-horizontal {
1926
- flex-direction: row;
1927
- }
1928
- .adm-space-horizontal > .adm-space-item {
1929
- margin-right: var(--gap-horizontal);
1930
- }
1931
- .adm-space-horizontal > .adm-space-item:last-child {
1932
- margin-right: 0;
1933
- }
1934
- .adm-space-horizontal.adm-space-wrap {
1935
- flex-wrap: wrap;
1936
- margin-bottom: calc(var(--gap-vertical) * -1);
1937
- }
1938
- .adm-space-horizontal.adm-space-wrap > .adm-space-item {
1939
- padding-bottom: var(--gap-vertical);
1940
- }
1941
- .adm-space.adm-space-block {
1942
- display: flex;
1943
- }
1944
- .adm-space-align-center {
1945
- align-items: center;
1946
- }
1947
- .adm-space-align-start {
1948
- align-items: flex-start;
1949
- }
1950
- .adm-space-align-end {
1951
- align-items: flex-end;
1952
- }
1953
- .adm-space-align-baseline {
1954
- align-items: baseline;
1955
- }
1956
- .adm-space-justify-center {
1957
- justify-content: center;
1958
- }
1959
- .adm-space-justify-start {
1960
- justify-content: flex-start;
1961
- }
1962
- .adm-space-justify-end {
1963
- justify-content: flex-end;
1964
- }
1965
- .adm-space-justify-between {
1966
- justify-content: space-between;
1967
- }
1968
- .adm-space-justify-around {
1969
- justify-content: space-around;
1970
- }
1971
- .adm-space-justify-evenly {
1972
- justify-content: space-evenly;
1973
- }
1974
- .adm-space-justify-stretch {
1975
- justify-content: stretch;
1976
- }
1977
- .adm-image-uploader {
1978
- --cell-size: 80px;
1979
- }
1980
- .adm-image-uploader-space {
1981
- --gap: 12px;
1982
- }
1983
- .adm-image-uploader-cell {
1984
- position: relative;
1985
- width: var(--cell-size);
1986
- height: var(--cell-size);
1987
- border-radius: 4px;
1988
- overflow: hidden;
1989
- }
1990
- .adm-image-uploader-cell-fail {
1991
- border: red solid 1px;
1992
- box-sizing: border-box;
1993
- }
1994
- .adm-image-uploader-cell-delete {
1995
- position: absolute;
1996
- top: 0;
1997
- right: 0;
1998
- width: 14px;
1999
- height: 14px;
2000
- background-color: rgba(0, 0, 0, 0.7);
2001
- border-radius: 0 0 0 12px;
2002
- font-size: 8px;
2003
- color: var(--adm-color-white);
2004
- cursor: pointer;
2005
- }
2006
- .adm-image-uploader-cell-delete-icon {
2007
- position: absolute;
2008
- left: 4px;
2009
- top: 3px;
2010
- }
2011
- .adm-image-uploader-cell-mask {
2012
- position: absolute;
2013
- top: 0;
2014
- right: 0;
2015
- bottom: 0;
2016
- left: 0;
2017
- color: var(--adm-color-white);
2018
- background-color: rgba(50, 50, 51, 0.88);
2019
- }
2020
- .adm-image-uploader-cell-loading {
2021
- display: flex;
2022
- flex-direction: column;
2023
- align-items: center;
2024
- justify-content: center;
2025
- height: 100%;
2026
- box-sizing: border-box;
2027
- padding-top: 8px;
2028
- }
2029
- .adm-image-uploader-cell-mask-message {
2030
- display: inline-block;
2031
- padding: 6px 4px;
2032
- font-size: var(--adm-font-size-4);
2033
- }
2034
- .adm-image-uploader-cell-image {
2035
- width: var(--cell-size);
2036
- height: var(--cell-size);
2037
- }
2038
- .adm-image-uploader-upload-button-wrap {
2039
- position: relative;
2040
- }
2041
- .adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button {
2042
- background-color: var(--adm-color-box);
2043
- text-align: center;
2044
- line-height: var(--cell-size);
2045
- display: block;
2046
- }
2047
- .adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon {
2048
- color: #999999;
2049
- font-size: 32px;
2050
- }
2051
- .adm-image-uploader-upload-button-wrap .adm-image-uploader-input {
2052
- cursor: pointer;
2053
- position: absolute;
2054
- opacity: 0;
2055
- left: 0;
2056
- top: 0;
2057
- width: 100%;
2058
- height: 100%;
2059
- border-radius: 4px;
2060
- }
2061
- .adm-index-bar {
2062
- --color: var(--adm-color-text);
2063
- overflow: hidden;
2064
- height: 100%;
2065
- position: relative;
2066
- background-color: var(--adm-color-white);
2067
- --sticky-offset-top: 0;
2068
- }
2069
- .adm-index-bar-body {
2070
- overflow: scroll;
2071
- height: 100%;
2072
- width: 100%;
2073
- }
2074
- .adm-index-bar-body::-webkit-scrollbar {
2075
- display: none;
2076
- }
2077
- .adm-index-bar-anchor-title {
2078
- display: flex;
2079
- flex-direction: column;
2080
- justify-content: center;
2081
- height: 35px;
2082
- padding: 0 12px;
2083
- color: var(--adm-color-weak);
2084
- font-size: var(--adm-font-size-main);
2085
- background-color: var(--adm-color-box);
2086
- }
2087
- .adm-index-bar-sidebar {
2088
- position: absolute;
2089
- top: 50%;
2090
- right: 0;
2091
- transform: translateY(-50%);
2092
- z-index: 910;
2093
- overflow: visible;
2094
- color: var(--adm-color-weak);
2095
- font-size: var(--adm-font-size-4);
2096
- -webkit-user-select: none;
2097
- user-select: none;
2098
- touch-action: none;
2099
- }
2100
- .adm-index-bar-sidebar-bubble {
2101
- position: absolute;
2102
- top: 50%;
2103
- right: 42px;
2104
- width: 47px;
2105
- height: 47px;
2106
- color: var(--adm-color-white);
2107
- font-size: 25px;
2108
- line-height: 47px;
2109
- text-align: center;
2110
- background: var(--adm-color-light);
2111
- border-radius: 50%;
2112
- transform: translateY(-50%);
2113
- }
2114
- .adm-index-bar-sidebar-row {
2115
- cursor: pointer;
2116
- width: auto;
2117
- text-align: right;
2118
- position: relative;
2119
- padding: 0 12px;
2120
- }
2121
- .adm-index-bar-sidebar-row > * {
2122
- pointer-events: none;
2123
- }
2124
- .adm-index-bar-sidebar-item {
2125
- display: inline-flex;
2126
- width: 16px;
2127
- height: 16px;
2128
- line-height: 16px;
2129
- justify-content: center;
2130
- align-items: center;
2131
- }
2132
- .adm-index-bar-sidebar-item-active {
2133
- color: var(--adm-color-white);
2134
- background-color: var(--adm-color-primary);
2135
- border-radius: 50%;
2136
- }
2137
- .adm-index-bar-sidebar-interacting {
2138
- width: 100%;
2139
- }
2140
- .adm-index-bar-sticky .adm-index-bar-anchor-title {
2141
- position: -webkit-sticky;
2142
- position: sticky;
2143
- z-index: 900;
2144
- top: var(--sticky-offset-top);
2145
- left: 0;
2146
- }
2147
- .adm-infinite-scroll {
2148
- color: var(--adm-color-weak);
2149
- padding: 18px;
2150
- display: flex;
2151
- justify-content: center;
2152
- align-items: center;
2153
- font-size: var(--adm-font-size-main);
2154
- }
2155
- .adm-infinite-scroll-failed-text {
2156
- display: inline-block;
2157
- margin-right: 8px;
2158
- }
2159
- .adm-input {
2160
- --font-size: var(--adm-font-size-9);
2161
- --color: var(--adm-color-text);
2162
- --placeholder-color: var(--adm-color-light);
2163
- --text-align: left;
2164
- --background-color: transparent;
2165
- display: flex;
2166
- justify-content: flex-start;
2167
- align-items: center;
2168
- width: 100%;
2169
- max-width: 100%;
2170
- max-height: 100%;
2171
- min-height: 24px;
2172
- background-color: var(--background-color);
2173
- }
2174
- .adm-input-disabled {
2175
- opacity: 0.4;
2176
- cursor: not-allowed;
2177
- }
2178
- .adm-input-element {
2179
- flex: auto;
2180
- display: inline-block;
2181
- box-sizing: border-box;
2182
- width: 100%;
2183
- max-width: 100%;
2184
- max-height: 100%;
2185
- padding: 0;
2186
- margin: 0;
2187
- color: var(--color);
2188
- font-size: var(--font-size);
2189
- line-height: 1.5;
2190
- background: transparent;
2191
- border: 0;
2192
- outline: none;
2193
- -webkit-appearance: none;
2194
- appearance: none;
2195
- min-height: 1.5em;
2196
- text-align: var(--text-align);
2197
- }
2198
- .adm-input-element::-webkit-input-placeholder {
2199
- color: var(--placeholder-color);
2200
- font-family: inherit;
2201
- }
2202
- .adm-input-element::placeholder {
2203
- color: var(--placeholder-color);
2204
- font-family: inherit;
2205
- }
2206
- .adm-input-element:-webkit-autofill {
2207
- background-color: transparent;
2208
- }
2209
- .adm-input-element:read-only {
2210
- cursor: default;
2211
- }
2212
- .adm-input-element:invalid {
2213
- box-shadow: none;
2214
- }
2215
- .adm-input-element::-ms-clear {
2216
- display: none;
2217
- }
2218
- .adm-input-element::-ms-reveal {
2219
- display: none;
2220
- }
2221
- .adm-input-element::-webkit-search-cancel-button {
2222
- display: none;
2223
- }
2224
- .adm-input-element::-webkit-search-decoration {
2225
- display: none;
2226
- }
2227
- .adm-input-element:disabled {
2228
- opacity: 1;
2229
- }
2230
- .adm-input-element[type='date'],
2231
- .adm-input-element[type='time'],
2232
- .adm-input-element[type='datetime-local'] {
2233
- min-height: 1.5em;
2234
- }
2235
- .adm-input-element[type='search'] {
2236
- -webkit-appearance: none;
2237
- }
2238
- .adm-input-element[readonly] {
2239
- pointer-events: none;
2240
- }
2241
- .adm-input-clear {
2242
- flex: none;
2243
- margin-left: 8px;
2244
- color: var(--adm-color-light);
2245
- padding: 4px;
2246
- cursor: pointer;
2247
- }
2248
- .adm-input-clear:active {
2249
- color: var(--adm-color-weak);
2250
- }
2251
- .adm-input-clear .antd-mobile-icon {
2252
- display: block;
2253
- font-size: var(--adm-font-size-7);
2254
- }
2255
- .adm-jumbo-tabs {
2256
- --gap: 8px;
2257
- position: relative;
2258
- min-width: 0;
2259
- }
2260
- .adm-jumbo-tabs-header {
2261
- position: relative;
2262
- border-bottom: solid 1px var(--adm-color-border);
2263
- }
2264
- .adm-jumbo-tabs-tab-list {
2265
- display: flex;
2266
- flex-wrap: nowrap;
2267
- justify-content: flex-start;
2268
- align-items: center;
2269
- position: relative;
2270
- overflow-x: scroll;
2271
- padding: 0 var(--gap);
2272
- scrollbar-width: none;
2273
- }
2274
- .adm-jumbo-tabs-tab-list::-webkit-scrollbar {
2275
- display: none;
2276
- }
2277
- .adm-jumbo-tabs-tab-wrapper {
2278
- flex: auto;
2279
- padding: 0 calc(var(--gap) / 2);
2280
- text-align: center;
2281
- }
2282
- .adm-jumbo-tabs-tab {
2283
- display: flex;
2284
- flex-direction: column;
2285
- align-items: center;
2286
- position: relative;
2287
- width: -webkit-min-content;
2288
- width: min-content;
2289
- margin: 0 auto;
2290
- padding: 12px 0;
2291
- cursor: pointer;
2292
- font-size: var(--adm-font-size-9);
2293
- white-space: nowrap;
2294
- }
2295
- .adm-jumbo-tabs-tab-title {
2296
- line-height: 24px;
2297
- padding: 0 4px;
2298
- }
2299
- .adm-jumbo-tabs-tab-description {
2300
- width: -webkit-min-content;
2301
- width: min-content;
2302
- padding: 0 8px;
2303
- border-radius: 10px;
2304
- color: var(--adm-color-weak);
2305
- font-size: var(--adm-font-size-main);
2306
- background-color: var(--adm-color-box);
2307
- }
2308
- .adm-jumbo-tabs-tab-active {
2309
- color: var(--adm-color-primary);
2310
- }
2311
- .adm-jumbo-tabs-tab-active .adm-jumbo-tabs-tab-description {
2312
- color: var(--adm-color-white);
2313
- background-color: var(--adm-color-primary);
2314
- }
2315
- .adm-jumbo-tabs-tab-disabled {
2316
- opacity: 0.5;
2317
- cursor: not-allowed;
2318
- }
2319
- .adm-jumbo-tabs-content {
2320
- padding: 12px;
2321
- }
2322
- .adm-modal {
2323
- --z-index: var(--adm-modal-z-index, 1000);
2324
- ---z-index: var(--z-index);
2325
- }
2326
- .adm-modal .adm-center-popup {
2327
- --z-index: var(---z-index);
2328
- }
2329
- .adm-modal-body {
2330
- width: 100%;
2331
- max-height: 70vh;
2332
- font-size: var(--adm-font-size-6);
2333
- overflow: hidden;
2334
- display: flex;
2335
- flex-direction: column;
2336
- }
2337
- .adm-modal-body > * {
2338
- flex: none;
2339
- }
2340
- .adm-modal-body > .adm-modal-content {
2341
- flex: auto;
2342
- }
2343
- .adm-modal-body:not(.adm-modal-with-image) {
2344
- padding-top: 20px;
2345
- }
2346
- .adm-modal-image-container {
2347
- margin-bottom: 12px;
2348
- max-height: 40vh;
2349
- overflow-y: scroll;
2350
- }
2351
- .adm-modal-header {
2352
- margin-bottom: 8px;
2353
- padding: 0 12px;
2354
- }
2355
- .adm-modal-title {
2356
- margin-bottom: 8px;
2357
- padding: 0 12px;
2358
- font-weight: bold;
2359
- font-size: var(--adm-font-size-10);
2360
- line-height: 25px;
2361
- text-align: center;
2362
- }
2363
- .adm-modal-content {
2364
- padding: 0 12px 12px;
2365
- max-height: 70vh;
2366
- overflow-x: hidden;
2367
- overflow-y: auto;
2368
- font-size: var(--adm-font-size-7);
2369
- line-height: 1.4;
2370
- color: var(--adm-color-text);
2371
- }
2372
- .adm-modal-footer {
2373
- -webkit-user-select: none;
2374
- user-select: none;
2375
- padding: 8px 12px 12px;
2376
- }
2377
- .adm-modal-footer-empty {
2378
- padding: 0;
2379
- height: 8px;
2380
- }
2381
- .adm-modal-footer.adm-space {
2382
- --gap-vertical: 20px;
2383
- }
2384
- .adm-modal-footer .adm-modal-button {
2385
- font-size: var(--adm-font-size-10);
2386
- line-height: 25px;
2387
- }
2388
- .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {
2389
- padding-top: 0;
2390
- padding-bottom: 0;
2391
- }
2392
- .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary)::before {
2393
- display: none;
2394
- }
2395
- .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
2396
- opacity: 0.7;
2397
- }
2398
- .adm-nav-bar {
2399
- --height: 45px;
2400
- --border-bottom: none;
2401
- display: flex;
2402
- align-items: center;
2403
- height: var(--height);
2404
- border-bottom: var(--border-bottom);
2405
- padding: 0 12px;
2406
- white-space: nowrap;
2407
- }
2408
- .adm-nav-bar-left,
2409
- .adm-nav-bar-right {
2410
- flex: 1;
2411
- }
2412
- .adm-nav-bar-title {
2413
- flex: auto;
2414
- text-align: center;
2415
- overflow: hidden;
2416
- text-overflow: ellipsis;
2417
- }
2418
- .adm-nav-bar-back {
2419
- display: flex;
2420
- align-items: center;
2421
- margin-right: 16px;
2422
- padding: 6px 0;
2423
- cursor: pointer;
2424
- }
2425
- .adm-nav-bar-back-arrow {
2426
- font-size: 24px;
2427
- margin-right: 4px;
2428
- }
2429
- .adm-nav-bar-left {
2430
- font-size: var(--adm-font-size-7);
2431
- display: flex;
2432
- justify-content: flex-start;
2433
- align-items: center;
2434
- }
2435
- .adm-nav-bar-title {
2436
- justify-content: center;
2437
- white-space: nowrap;
2438
- font-size: var(--adm-font-size-10);
2439
- padding: 0 12px;
2440
- }
2441
- .adm-nav-bar-right {
2442
- text-align: right;
2443
- }
2444
- .adm-notice-bar {
2445
- --background-color: #ababab;
2446
- --border-color: #999999;
2447
- --text-color: var(--adm-color-white);
2448
- --font-size: var(--adm-font-size-7);
2449
- --icon-font-size: var(--adm-font-size-10);
2450
- --height: 38px;
2451
- height: var(--height);
2452
- box-sizing: border-box;
2453
- font-size: var(--font-size);
2454
- line-height: var(--height);
2455
- padding: 0 12px;
2456
- display: flex;
2457
- align-items: center;
2458
- justify-content: space-between;
2459
- border: solid 1px var(--border-color);
2460
- border-left: none;
2461
- border-right: none;
2462
- background-color: var(--background-color);
2463
- color: var(--text-color);
2464
- }
2465
- .adm-notice-bar > span[role='img'] {
2466
- color: var(--text-color);
2467
- }
2468
- .adm-notice-bar.adm-notice-bar-alert {
2469
- --background-color: #fff9ed;
2470
- --border-color: #fff3e9;
2471
- --text-color: #ff6010;
2472
- }
2473
- .adm-notice-bar.adm-notice-bar-error {
2474
- --background-color: #ff3b30;
2475
- --border-color: #d9281e;
2476
- --text-color: #ffffff;
2477
- }
2478
- .adm-notice-bar.adm-notice-bar-info {
2479
- --background-color: #d0e4ff;
2480
- --border-color: #bcd8ff;
2481
- --text-color: #1677ff;
2482
- }
2483
- .adm-notice-bar .adm-notice-bar-left {
2484
- flex-shrink: 0;
2485
- margin-right: 8px;
2486
- font-size: var(--icon-font-size);
2487
- line-height: var(--height);
2488
- }
2489
- .adm-notice-bar .adm-notice-bar-content {
2490
- flex: 1;
2491
- overflow: hidden;
2492
- position: relative;
2493
- height: 100%;
2494
- display: flex;
2495
- align-items: center;
2496
- }
2497
- .adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner {
2498
- width: auto;
2499
- transition-timing-function: linear;
2500
- position: absolute;
2501
- white-space: nowrap;
2502
- }
2503
- .adm-notice-bar .adm-notice-bar-right {
2504
- flex-shrink: 0;
2505
- margin-left: 12px;
2506
- }
2507
- .adm-notice-bar-close {
2508
- width: 24px;
2509
- height: 24px;
2510
- margin-right: -3px;
2511
- display: flex;
2512
- align-items: center;
2513
- justify-content: center;
2514
- }
2515
- .adm-notice-bar-close-icon {
2516
- font-size: var(--adm-font-size-10);
2517
- }
2518
- .adm-number-keyboard-main {
2519
- display: flex;
2520
- flex-wrap: wrap;
2521
- flex: 1;
2522
- }
2523
- .adm-number-keyboard-main.confirmed-style .sign-key {
2524
- background-color: var(--adm-color-white);
2525
- }
2526
- .adm-number-keyboard-popup.adm-popup {
2527
- width: 100%;
2528
- -webkit-user-select: none;
2529
- user-select: none;
2530
- z-index: 1050;
2531
- }
2532
- .adm-number-keyboard-popup.adm-popup .adm-popup-body {
2533
- background-color: var(--adm-color-box);
2534
- }
2535
- .adm-number-keyboard-wrapper {
2536
- display: flex;
2537
- }
2538
- .adm-number-keyboard-header {
2539
- height: 34px;
2540
- line-height: 34px;
2541
- border-top: solid 1px var(--adm-color-border);
2542
- display: flex;
2543
- justify-content: center;
2544
- align-items: center;
2545
- padding: 0 12px;
2546
- color: var(--adm-color-weak);
2547
- background-color: var(--adm-color-background);
2548
- }
2549
- .adm-number-keyboard-header-close-button {
2550
- padding: 0 12px;
2551
- font-size: 16px;
2552
- }
2553
- .adm-number-keyboard-header.with-title {
2554
- justify-content: space-between;
2555
- }
2556
- .adm-number-keyboard-header.with-title .adm-number-keyboard-header-close-button {
2557
- padding-right: 0;
2558
- }
2559
- .adm-number-keyboard-footer {
2560
- background: var(--adm-color-white);
2561
- }
2562
- .adm-number-keyboard-title {
2563
- white-space: nowrap;
2564
- overflow: hidden;
2565
- text-overflow: ellipsis;
2566
- }
2567
- .adm-number-keyboard-confirm {
2568
- width: 25%;
2569
- }
2570
- .adm-number-keyboard-key {
2571
- flex: 1 33.33%;
2572
- position: relative;
2573
- display: flex;
2574
- align-items: center;
2575
- justify-content: center;
2576
- height: 48px;
2577
- font-size: 22px;
2578
- box-sizing: border-box;
2579
- border: solid 1px var(--adm-color-border);
2580
- border-bottom: none;
2581
- border-left: none;
2582
- }
2583
- .adm-number-keyboard-key:nth-child(3n),
2584
- .adm-number-keyboard-key:last-child {
2585
- border-right: none;
2586
- }
2587
- .adm-number-keyboard-key::before {
2588
- position: absolute;
2589
- top: 50%;
2590
- left: 50%;
2591
- width: 100%;
2592
- height: 100%;
2593
- background-color: #000;
2594
- border: inherit;
2595
- border-color: #000;
2596
- border-radius: inherit;
2597
- transform: translate(-50%, -50%);
2598
- opacity: 0;
2599
- content: ' ';
2600
- box-sizing: content-box;
2601
- }
2602
- .adm-number-keyboard-key.mid-key {
2603
- flex-basis: 66.67%;
2604
- }
2605
- .adm-number-keyboard-key.sign-key:active::before {
2606
- opacity: 0.1;
2607
- }
2608
- .adm-number-keyboard-key.extra-key {
2609
- border-left: solid 1px var(--adm-color-border);
2610
- border-right: none;
2611
- }
2612
- .adm-number-keyboard-key.extra-key,
2613
- .adm-number-keyboard-key.number-key {
2614
- background-color: var(--adm-color-background);
2615
- }
2616
- .adm-number-keyboard-key.extra-key:active::before,
2617
- .adm-number-keyboard-key.number-key:active::before {
2618
- opacity: 0.1;
2619
- }
2620
- .adm-number-keyboard-key.ok-key {
2621
- background-color: var(--adm-color-primary);
2622
- color: var(--adm-color-white);
2623
- height: 144px;
2624
- font-size: 16px;
2625
- border: none;
2626
- }
2627
- .adm-number-keyboard-bs-key {
2628
- height: 20px;
2629
- }
2630
- .adm-page-indicator {
2631
- display: flex;
2632
- width: auto;
2633
- --dot-color: rgba(0, 0, 0, 0.2);
2634
- --active-dot-color: var(--adm-color-primary);
2635
- --dot-size: 3px;
2636
- --active-dot-size: 13px;
2637
- --dot-border-radius: 1px;
2638
- --active-dot-border-radius: var(--dot-border-radius);
2639
- --dot-spacing: 3px;
2640
- }
2641
- .adm-page-indicator-dot {
2642
- display: block;
2643
- width: var(--dot-size);
2644
- height: var(--dot-size);
2645
- border-radius: var(--dot-border-radius);
2646
- background: var(--dot-color);
2647
- }
2648
- .adm-page-indicator-dot:last-child {
2649
- margin-right: 0;
2650
- }
2651
- .adm-page-indicator-dot-active {
2652
- border-radius: var(--active-dot-border-radius);
2653
- background: var(--active-dot-color);
2654
- }
2655
- .adm-page-indicator-color-white {
2656
- --active-dot-color: var(--adm-color-white);
2657
- }
2658
- .adm-page-indicator-horizontal {
2659
- flex-direction: row;
2660
- }
2661
- .adm-page-indicator-horizontal .adm-page-indicator-dot {
2662
- margin-right: var(--dot-spacing);
2663
- }
2664
- .adm-page-indicator-horizontal .adm-page-indicator-dot-active {
2665
- width: var(--active-dot-size);
2666
- }
2667
- .adm-page-indicator-vertical {
2668
- flex-direction: column;
2669
- }
2670
- .adm-page-indicator-vertical .adm-page-indicator-dot {
2671
- margin-bottom: var(--dot-spacing);
2672
- }
2673
- .adm-page-indicator-vertical .adm-page-indicator-dot-active {
2674
- height: var(--active-dot-size);
2675
- }
2676
- .adm-passcode-input {
2677
- position: relative;
2678
- display: inline-block;
2679
- --cell-size: 40px;
2680
- --cell-gap: 6px;
2681
- --dot-size: 10px;
2682
- --border-color: #e5e5e5;
2683
- --border-radius: 8px;
2684
- }
2685
- .adm-passcode-input-cell-container {
2686
- display: inline-flex;
2687
- vertical-align: top;
2688
- }
2689
- .adm-passcode-input-cell {
2690
- flex: none;
2691
- display: flex;
2692
- align-items: center;
2693
- justify-content: center;
2694
- box-sizing: border-box;
2695
- font-size: var(--adm-font-size-10);
2696
- width: var(--cell-size);
2697
- height: var(--cell-size);
2698
- background: var(--adm-color-background);
2699
- }
2700
- .adm-passcode-input:not(.seperated) {
2701
- border-radius: var(--border-radius);
2702
- overflow: hidden;
2703
- border: 1px solid var(--border-color);
2704
- }
2705
- .adm-passcode-input:not(.seperated) .adm-passcode-input-cell:not(:last-child) {
2706
- border-right: 1px solid var(--border-color);
2707
- }
2708
- .adm-passcode-input:not(.seperated).focused {
2709
- border-color: var(--adm-color-primary);
2710
- box-shadow: 0 0 2px 0 var(--adm-color-primary);
2711
- outline: none;
2712
- }
2713
- .adm-passcode-input:not(.seperated).error {
2714
- border-color: var(--adm-color-danger);
2715
- box-shadow: 0 0 2px 0 var(--adm-color-danger);
2716
- animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
2717
- }
2718
- .adm-passcode-input.seperated .adm-passcode-input-cell {
2719
- border-radius: var(--border-radius);
2720
- border: 1px solid var(--border-color);
2721
- }
2722
- .adm-passcode-input.seperated .adm-passcode-input-cell:not(:last-child) {
2723
- margin-right: var(--cell-gap);
2724
- }
2725
- .adm-passcode-input.seperated .adm-passcode-input-cell.focused {
2726
- border-color: var(--adm-color-primary);
2727
- box-shadow: 0 0 2px 0 var(--adm-color-primary);
2728
- }
2729
- .adm-passcode-input.seperated.focused {
2730
- outline: none;
2731
- }
2732
- .adm-passcode-input.seperated.error {
2733
- animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
2734
- }
2735
- .adm-passcode-input.seperated.error .adm-passcode-input-cell {
2736
- border-color: var(--adm-color-danger);
2737
- box-shadow: 0 0 2px 0 var(--adm-color-danger);
2738
- }
2739
- .adm-passcode-input-cell.dot::before {
2740
- content: '';
2741
- width: var(--dot-size);
2742
- height: var(--dot-size);
2743
- border-radius: 50%;
2744
- background: var(--adm-color-text);
2745
- }
2746
- .adm-passcode-input-cell.caret::after {
2747
- content: '';
2748
- width: 2px;
2749
- height: 1.1em;
2750
- margin-left: 1px;
2751
- background: var(--adm-color-primary);
2752
- animation: 1s linear infinite adm-caret-blink;
2753
- }
2754
- .adm-passcode-input > .adm-passcode-input-native-input {
2755
- position: absolute;
2756
- left: -200vw;
2757
- top: 0;
2758
- display: block;
2759
- width: 50px;
2760
- height: 20px;
2761
- opacity: 0.5;
2762
- }
2763
- @keyframes adm-shake-horizontal {
2764
- 0% {
2765
- transform: translateX(0);
2766
- }
2767
- 10% {
2768
- transform: translateX(-4px);
2769
- }
2770
- 20% {
2771
- transform: translateX(5px);
2772
- }
2773
- 30% {
2774
- transform: translateX(-1px);
2775
- }
2776
- 40% {
2777
- transform: translateX(8px);
2778
- }
2779
- 50% {
2780
- transform: translateX(0);
2781
- }
2782
- 60% {
2783
- transform: translateX(-8px);
2784
- }
2785
- 70% {
2786
- transform: translateX(1px);
2787
- }
2788
- 80% {
2789
- transform: translateX(-5px);
2790
- }
2791
- 90% {
2792
- transform: translateX(4px);
2793
- }
2794
- 100% {
2795
- transform: translateX(0);
2796
- }
2797
- }
2798
- @keyframes adm-caret-blink {
2799
- from {
2800
- opacity: 1;
2801
- }
2802
- 60% {
2803
- opacity: 1;
2804
- }
2805
- 80% {
2806
- opacity: 0;
2807
- }
2808
- to {
2809
- opacity: 0;
2810
- }
2811
- }
2812
- .adm-progress-bar {
2813
- --track-width: var(--adm-progress-bar-track-width, 8px);
2814
- --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
2815
- --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
2816
- --text-width: var(--adm-progress-bar-text-width, 40px);
2817
- display: flex;
2818
- align-items: center;
2819
- }
2820
- .adm-progress-bar-trail {
2821
- flex: auto;
2822
- background: var(--track-color);
2823
- overflow: hidden;
2824
- height: var(--track-width);
2825
- }
2826
- .adm-progress-bar-fill {
2827
- transition: width 0.3s;
2828
- background: var(--fill-color);
2829
- height: var(--track-width);
2830
- }
2831
- .adm-progress-bar-text {
2832
- flex: none;
2833
- width: calc(var(--text-width) + 8px);
2834
- padding-left: 8px;
2835
- color: #999999;
2836
- }
2837
- .adm-progress-bar-rounded .adm-progress-bar-trail,
2838
- .adm-progress-bar-rounded .adm-progress-bar-fill {
2839
- border-radius: var(--track-width);
2840
- }
2841
- /*进度圈*/
2842
- .adm-progress-circle {
2843
- --track-width: var(--adm-progress-circle-track-width, 3px);
2844
- --size: var(--adm-progress-circle-size, 50px);
2845
- --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
2846
- --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
2847
- --percent: 0;
2848
- --pi: 3.14159265;
2849
- --radius: calc(var(--size) / 2 - var(--track-width) / 2);
2850
- --circumference: calc(var(--radius) * var(--pi) * 2);
2851
- display: inline-block;
2852
- width: var(--size);
2853
- height: var(--size);
2854
- }
2855
- .adm-progress-circle-svg {
2856
- width: 100%;
2857
- height: 100%;
2858
- }
2859
- .adm-progress-circle-svg > .adm-progress-circle-track,
2860
- .adm-progress-circle-svg .adm-progress-circle-fill {
2861
- stroke-width: var(--track-width);
2862
- r: var(--radius);
2863
- cx: calc(var(--size) / 2);
2864
- cy: calc(var(--size) / 2);
2865
- transform: rotate(-90deg);
2866
- transform-origin: 50% 50%;
2867
- }
2868
- .adm-progress-circle-svg > .adm-progress-circle-track {
2869
- stroke: var(--track-color);
2870
- }
2871
- .adm-progress-circle-svg > .adm-progress-circle-fill {
2872
- transition: stroke-dashoffset 0.35s;
2873
- stroke: var(--fill-color);
2874
- stroke-dasharray: var(--circumference);
2875
- stroke-dashoffset: calc(var(--circumference) * (1 - var(--percent) / 100));
2876
- stroke-linecap: round;
2877
- }
2878
- .adm-progress-circle-content {
2879
- position: relative;
2880
- margin: auto;
2881
- width: 100%;
2882
- height: 100%;
2883
- }
2884
- .adm-progress-circle-info {
2885
- position: absolute;
2886
- width: 100%;
2887
- top: 50%;
2888
- left: 50%;
2889
- text-align: center;
2890
- transform: translate(-50%, -50%);
2891
- }
2892
- .adm-pull-to-refresh-head {
2893
- overflow: hidden;
2894
- position: relative;
2895
- }
2896
- .adm-pull-to-refresh-head-content {
2897
- position: absolute;
2898
- bottom: 0;
2899
- left: 0;
2900
- width: 100%;
2901
- color: var(--adm-color-weak);
2902
- display: flex;
2903
- justify-content: center;
2904
- align-items: center;
2905
- }
2906
- .adm-radio {
2907
- --icon-size: 22px;
2908
- --font-size: var(--adm-font-size-9);
2909
- --gap: 8px;
2910
- display: inline-flex;
2911
- vertical-align: text-bottom;
2912
- justify-content: flex-start;
2913
- align-items: center;
2914
- cursor: pointer;
2915
- }
2916
- .adm-radio input {
2917
- display: none;
2918
- }
2919
- .adm-radio .adm-radio-icon {
2920
- flex: none;
2921
- border: 1px solid var(--adm-color-light);
2922
- border-radius: var(--icon-size);
2923
- box-sizing: border-box;
2924
- width: var(--icon-size);
2925
- height: var(--icon-size);
2926
- color: var(--adm-color-white);
2927
- }
2928
- .adm-radio .adm-radio-icon > svg {
2929
- display: block;
2930
- width: 100%;
2931
- height: 100%;
2932
- }
2933
- .adm-radio.adm-radio-block {
2934
- display: flex;
2935
- }
2936
- .adm-radio.adm-radio-checked .adm-radio-icon {
2937
- border-color: var(--adm-color-primary);
2938
- background-color: var(--adm-color-primary);
2939
- }
2940
- .adm-radio.adm-radio-disabled {
2941
- cursor: not-allowed;
2942
- }
2943
- .adm-radio.adm-radio-disabled .adm-radio-content {
2944
- opacity: 0.4;
2945
- }
2946
- .adm-radio.adm-radio-disabled .adm-radio-icon {
2947
- color: #b7b7b7;
2948
- border-color: var(--adm-color-light);
2949
- background-color: var(--adm-color-box);
2950
- }
2951
- .adm-radio .adm-radio-custom-icon {
2952
- font-size: var(--icon-size);
2953
- }
2954
- .adm-radio-content {
2955
- flex: 0 1 auto;
2956
- font-size: var(--font-size);
2957
- padding-left: var(--gap);
2958
- }
2959
- .adm-rate {
2960
- --star-size: 24px;
2961
- --active-color: #ffd21e;
2962
- --inactive-color: var(--adm-color-border);
2963
- display: inline-flex;
2964
- }
2965
- .adm-rate-box {
2966
- position: relative;
2967
- }
2968
- .adm-rate-star {
2969
- padding: 0.125em;
2970
- line-height: var(--star-size);
2971
- font-size: var(--star-size);
2972
- color: var(--inactive-color);
2973
- text-align: center;
2974
- overflow: hidden;
2975
- cursor: pointer;
2976
- box-sizing: border-box;
2977
- }
2978
- .adm-rate-star-half {
2979
- padding-right: 0;
2980
- width: 50%;
2981
- position: absolute;
2982
- left: 0;
2983
- top: 0;
2984
- }
2985
- .adm-rate-star-active {
2986
- color: var(--active-color);
2987
- }
2988
- .adm-rate-star-readonly {
2989
- cursor: unset;
2990
- }
2991
- .adm-result {
2992
- padding: 32px 12px;
2993
- background-color: var(--adm-color-background);
2994
- }
2995
- .adm-result-icon {
2996
- box-sizing: border-box;
2997
- width: 64px;
2998
- height: 64px;
2999
- margin: 0 auto 20px auto;
3000
- padding: 6px;
3001
- }
3002
- .adm-result-icon .antd-mobile-icon {
3003
- font-size: 52px;
3004
- }
3005
- .adm-result-title {
3006
- color: var(--adm-color-text);
3007
- font-size: var(--adm-font-size-10);
3008
- line-height: 1.4;
3009
- text-align: center;
3010
- }
3011
- .adm-result-description {
3012
- margin-top: 8px;
3013
- color: var(--adm-color-weak);
3014
- font-size: var(--adm-font-size-main);
3015
- line-height: 1.4;
3016
- text-align: center;
3017
- }
3018
- .adm-result-success .adm-result-icon .antd-mobile-icon {
3019
- color: var(--adm-color-primary);
3020
- }
3021
- .adm-result-error .adm-result-icon .antd-mobile-icon {
3022
- color: var(--adm-color-danger);
3023
- }
3024
- .adm-result-info .adm-result-icon .antd-mobile-icon {
3025
- color: var(--adm-color-primary);
3026
- }
3027
- .adm-result-waiting .adm-result-icon .antd-mobile-icon {
3028
- color: var(--adm-color-success);
3029
- }
3030
- .adm-result-warning .adm-result-icon .antd-mobile-icon {
3031
- color: var(--adm-color-warning);
3032
- }
3033
- .adm-search-bar {
3034
- --height: 32px;
3035
- --padding-left: 8px;
3036
- --background: var(--adm-color-box);
3037
- --border-radius: 6px;
3038
- --placeholder-color: var(--adm-color-weak);
3039
- ---placeholder-color: var(--placeholder-color);
3040
- display: flex;
3041
- justify-content: center;
3042
- align-items: center;
3043
- height: var(--height);
3044
- }
3045
- .adm-search-bar .adm-search-bar-input-box {
3046
- flex: auto;
3047
- background: var(--background);
3048
- border-radius: var(--border-radius);
3049
- border: solid 1px transparent;
3050
- display: flex;
3051
- justify-content: center;
3052
- align-items: center;
3053
- padding-left: var(--padding-left);
3054
- }
3055
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
3056
- flex: none;
3057
- color: var(--adm-color-light);
3058
- font-size: var(--adm-font-size-8);
3059
- }
3060
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
3061
- flex: auto;
3062
- padding: 4px 8px 4px 4px;
3063
- height: calc(var(--height) - 2px);
3064
- box-sizing: border-box;
3065
- }
3066
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
3067
- --placeholder-color: var(---placeholder-color);
3068
- --font-size: var(--adm-font-size-7);
3069
- }
3070
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {
3071
- line-height: 19px;
3072
- }
3073
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
3074
- padding-left: 8px;
3075
- }
3076
- .adm-search-bar .adm-search-bar-suffix {
3077
- flex: none;
3078
- margin-left: 4px;
3079
- }
3080
- .adm-search-bar .adm-search-bar-cancel-button.adm-button {
3081
- padding: 3px 12px;
3082
- }
3083
- .adm-search-bar-active .adm-input.adm-input.adm-input {
3084
- --placeholder-color: var(--adm-color-light);
3085
- }
3086
- .adm-search-bar-active .adm-search-bar-input-box {
3087
- border-color: var(--adm-color-primary);
3088
- background: var(--adm-color-background);
3089
- }
3090
- .adm-selector {
3091
- --color: var(--adm-color-box);
3092
- --checked-color: #e7f1ff;
3093
- --text-color: var(--adm-color-text);
3094
- --checked-text-color: var(--adm-color-primary);
3095
- --border: none;
3096
- --checked-border: none;
3097
- --border-radius: 2px;
3098
- --padding: 8px 16px;
3099
- overflow: hidden;
3100
- font-size: var(--adm-font-size-7);
3101
- line-height: 1.4;
3102
- }
3103
- .adm-selector .adm-space.adm-space {
3104
- --gap: 12px;
3105
- }
3106
- .adm-selector-item {
3107
- padding: var(--padding);
3108
- position: relative;
3109
- background-color: var(--color);
3110
- border: var(--border);
3111
- border-radius: var(--border-radius);
3112
- color: var(--text-color);
3113
- opacity: 1;
3114
- cursor: pointer;
3115
- display: inline-block;
3116
- text-align: center;
3117
- overflow: hidden;
3118
- vertical-align: top;
3119
- }
3120
- .adm-selector-item-description {
3121
- font-size: var(--adm-font-size-main);
3122
- color: var(--adm-color-weak);
3123
- }
3124
- .adm-selector-item-active,
3125
- .adm-selector-item-multiple-active {
3126
- color: var(--checked-text-color);
3127
- background-color: var(--checked-color);
3128
- border: var(--checked-border);
3129
- }
3130
- .adm-selector-item .adm-selector-check-mark-wrapper {
3131
- position: absolute;
3132
- right: 0;
3133
- bottom: 0;
3134
- width: 0;
3135
- height: 0;
3136
- border-top: solid 8px transparent;
3137
- border-bottom: solid 8px var(--adm-color-primary);
3138
- border-left: solid 10px transparent;
3139
- border-right: solid 10px var(--adm-color-primary);
3140
- }
3141
- .adm-selector-item .adm-selector-check-mark-wrapper > svg {
3142
- position: absolute;
3143
- left: 0;
3144
- top: 0;
3145
- height: 6px;
3146
- width: 8px;
3147
- }
3148
- .adm-selector-item-disabled {
3149
- cursor: not-allowed;
3150
- opacity: 0.4;
3151
- }
3152
- .adm-side-bar {
3153
- --height: 100%;
3154
- --width: 105px;
3155
- --item-border-radius: 8px;
3156
- --background-color: var(--adm-color-box);
3157
- width: var(--width);
3158
- height: var(--height);
3159
- box-sizing: border-box;
3160
- font-size: var(--adm-font-size-main);
3161
- overflow-y: auto;
3162
- transform: translateZ(0);
3163
- -webkit-transform: translateZ(0);
3164
- background-color: var(--background-color);
3165
- display: flex;
3166
- flex-direction: column;
3167
- }
3168
- .adm-side-bar-items {
3169
- flex: none;
3170
- overflow: hidden;
3171
- }
3172
- .adm-side-bar-extra-space {
3173
- flex: auto;
3174
- overflow: hidden;
3175
- position: relative;
3176
- }
3177
- .adm-side-bar-item {
3178
- display: flex;
3179
- align-items: center;
3180
- box-sizing: border-box;
3181
- padding: 16px 12px;
3182
- position: relative;
3183
- cursor: pointer;
3184
- background-color: var(--background-color);
3185
- overflow: visible;
3186
- }
3187
- .adm-side-bar-item-highlight {
3188
- position: absolute;
3189
- height: 100%;
3190
- width: 2px;
3191
- left: -12px;
3192
- top: 0;
3193
- background: var(--adm-color-primary);
3194
- border-radius: 2px;
3195
- }
3196
- .adm-side-bar-item-active {
3197
- color: var(--adm-color-primary);
3198
- background-color: var(--adm-color-background);
3199
- position: relative;
3200
- }
3201
- .adm-side-bar-item-corner {
3202
- width: var(--item-border-radius);
3203
- height: var(--item-border-radius);
3204
- position: absolute;
3205
- z-index: 100;
3206
- right: 0;
3207
- -webkit-user-select: none;
3208
- user-select: none;
3209
- pointer-events: none;
3210
- }
3211
- .adm-side-bar-item-corner-top {
3212
- top: 0;
3213
- transform: rotate(-90deg);
3214
- }
3215
- .adm-side-bar-item-corner-bottom {
3216
- bottom: 0;
3217
- }
3218
- .adm-side-bar-item-disabled {
3219
- cursor: not-allowed;
3220
- }
3221
- .adm-side-bar-item-disabled .adm-side-bar-item-title {
3222
- opacity: 0.4;
3223
- }
3224
- .adm-side-bar-badge.adm-badge {
3225
- --right: -4px;
3226
- }
3227
- .adm-slider {
3228
- --fill-color: var(--adm-color-primary);
3229
- padding: 5px 14px;
3230
- list-style: none;
3231
- -webkit-user-select: none;
3232
- user-select: none;
3233
- }
3234
- .adm-slider-track-container {
3235
- padding: 8px 0;
3236
- }
3237
- .adm-slider-track {
3238
- position: relative;
3239
- width: 100%;
3240
- height: 3px;
3241
- background-color: var(--adm-color-box);
3242
- border-radius: 3px;
3243
- }
3244
- .adm-slider-fill {
3245
- position: absolute;
3246
- z-index: 1;
3247
- height: 3px;
3248
- border-radius: 3px;
3249
- background-color: var(--fill-color);
3250
- }
3251
- .adm-slider-ticks {
3252
- position: absolute;
3253
- width: 100%;
3254
- height: 3px;
3255
- background: transparent;
3256
- }
3257
- .adm-slider-tick {
3258
- position: absolute;
3259
- top: -2px;
3260
- width: 7px;
3261
- height: 7px;
3262
- margin-left: -3px;
3263
- background-color: var(--adm-color-box);
3264
- border-radius: 50%;
3265
- }
3266
- .adm-slider-tick-active {
3267
- background-color: var(--fill-color);
3268
- }
3269
- .adm-slider-thumb {
3270
- width: 28px;
3271
- height: 28px;
3272
- margin: 2px;
3273
- border-radius: 50%;
3274
- text-align: center;
3275
- line-height: 28px;
3276
- background: var(--adm-color-white);
3277
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
3278
- color: var(--fill-color);
3279
- }
3280
- .adm-slider-thumb:focus {
3281
- outline: none;
3282
- }
3283
- .adm-slider-thumb-icon {
3284
- width: 12px;
3285
- height: 12px;
3286
- margin: 8px;
3287
- -webkit-user-select: none;
3288
- user-select: none;
3289
- }
3290
- .adm-slider-thumb-container {
3291
- cursor: -webkit-grab;
3292
- cursor: grab;
3293
- touch-action: none;
3294
- position: absolute;
3295
- z-index: 2;
3296
- width: 32px;
3297
- height: 32px;
3298
- border-radius: 50%;
3299
- top: 50%;
3300
- transform: translate(-50%, -50%);
3301
- }
3302
- .adm-slider-mark {
3303
- position: relative;
3304
- width: 100%;
3305
- overflow: visible;
3306
- font-size: var(--adm-font-size-3);
3307
- height: 11px;
3308
- margin-top: 10px;
3309
- }
3310
- .adm-slider-mark-text {
3311
- position: absolute;
3312
- display: inline-block;
3313
- line-height: 1;
3314
- color: var(--adm-color-text);
3315
- text-align: center;
3316
- word-break: keep-all;
3317
- -webkit-user-select: none;
3318
- user-select: none;
3319
- transform: translateX(-50%);
3320
- }
3321
- .adm-slider-disabled {
3322
- opacity: 0.4;
3323
- }
3324
- .adm-slider-disabled .adm-slider-thumb {
3325
- cursor: not-allowed;
3326
- }
3327
- .adm-slider-disabled .adm-slider-mark-text,
3328
- .adm-slider-disabled .adm-slider-tick {
3329
- cursor: not-allowed;
3330
- box-shadow: none;
3331
- }
3332
- .adm-stepper {
3333
- --height: 28px;
3334
- --input-width: 44px;
3335
- --input-font-size: var(--adm-font-size-main);
3336
- --input-font-color: var(--adm-color-text);
3337
- --input-background-color: var(--adm-color-box);
3338
- --border-radius: 2px;
3339
- --border: none;
3340
- --border-inner: solid 2px transparent;
3341
- --active-border: var(--border);
3342
- --button-font-size: var(--adm-font-size-7);
3343
- --button-text-color: var(--adm-color-primary);
3344
- --button-background-color: var(--adm-color-box);
3345
- --button-width: var(--height);
3346
- display: flex;
3347
- align-items: center;
3348
- box-sizing: border-box;
3349
- position: relative;
3350
- overflow: hidden;
3351
- width: calc(var(--input-width) + 2 * var(--button-width));
3352
- border: var(--border);
3353
- border-radius: var(--border-radius);
3354
- }
3355
- .adm-stepper-active {
3356
- border: var(--active-border);
3357
- }
3358
- .adm-stepper-middle {
3359
- flex: 1;
3360
- border-left: var(--border-inner);
3361
- border-right: var(--border-inner);
3362
- }
3363
- .adm-stepper .adm-stepper-input {
3364
- height: var(--height);
3365
- --background-color: var(--input-background-color);
3366
- --font-size: var(--input-font-size);
3367
- --color: var(--input-font-color);
3368
- --text-align: center;
3369
- }
3370
- .adm-stepper-minus,
3371
- .adm-stepper-plus {
3372
- width: var(--button-width);
3373
- height: var(--height);
3374
- padding: 0;
3375
- color: var(--button-text-color);
3376
- background-color: var(--button-background-color);
3377
- font-size: var(--button-font-size);
3378
- --border-width: 0;
3379
- }
3380
- .adm-stepper-minus:disabled,
3381
- .adm-stepper-plus:disabled {
3382
- color: var(--adm-color-weak);
3383
- }
3384
- .adm-stepper-minus svg,
3385
- .adm-stepper-plus svg {
3386
- position: absolute;
3387
- top: 50%;
3388
- left: 50%;
3389
- transform: translate(-50%, -50%);
3390
- }
3391
- .adm-stepper-minus {
3392
- border-radius: 0;
3393
- }
3394
- .adm-stepper-plus {
3395
- border-radius: 0;
3396
- }
3397
- .adm-step {
3398
- --line-to-next-color: #e5e5e5;
3399
- --icon-color: #e5e5e5;
3400
- }
3401
- .adm-step .adm-step-indicator {
3402
- position: relative;
3403
- }
3404
- .adm-step .adm-step-indicator::after {
3405
- content: '';
3406
- position: absolute;
3407
- z-index: 0;
3408
- background-color: var(--line-to-next-color);
3409
- }
3410
- .adm-step .adm-step-indicator .adm-step-icon-container {
3411
- position: absolute;
3412
- z-index: 1;
3413
- background: var(--adm-color-background);
3414
- color: var(--icon-color);
3415
- }
3416
- .adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {
3417
- display: block;
3418
- }
3419
- .adm-step:last-child .adm-step-indicator::after {
3420
- display: none;
3421
- }
3422
- .adm-step-status-finish {
3423
- --line-to-next-color: var(--adm-color-primary);
3424
- }
3425
- .adm-step-status-wait {
3426
- --icon-color: #e5e5e5;
3427
- }
3428
- .adm-step-status-wait .adm-step-title {
3429
- color: var(--adm-color-weak);
3430
- }
3431
- .adm-step-status-process {
3432
- --icon-color: var(--adm-color-primary);
3433
- }
3434
- .adm-step-status-process .adm-step-title {
3435
- color: var(--adm-color-primary);
3436
- }
3437
- .adm-step-status-finish {
3438
- --icon-color: var(--adm-color-primary);
3439
- }
3440
- .adm-step-status-error {
3441
- --icon-color: var(--adm-color-danger);
3442
- }
3443
- .adm-step-status-error .adm-step-title {
3444
- color: var(--adm-color-danger);
3445
- }
3446
- .adm-steps {
3447
- --title-font-size: var(--adm-font-size-main);
3448
- --description-font-size: var(--adm-font-size-4);
3449
- --indicator-margin-right: 0;
3450
- --icon-size: 18px;
3451
- width: 100%;
3452
- box-sizing: border-box;
3453
- }
3454
- .adm-steps-horizontal {
3455
- display: flex;
3456
- justify-content: space-around;
3457
- padding: 8px 0;
3458
- }
3459
- .adm-steps-horizontal .adm-step {
3460
- flex: 1;
3461
- }
3462
- .adm-steps-horizontal .adm-step .adm-step-indicator {
3463
- width: 100%;
3464
- height: 24px;
3465
- }
3466
- .adm-steps-horizontal .adm-step .adm-step-indicator::after {
3467
- left: 50%;
3468
- top: 50%;
3469
- height: 1px;
3470
- transform: translateY(-50%);
3471
- width: 100%;
3472
- }
3473
- .adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {
3474
- left: 50%;
3475
- top: 50%;
3476
- transform: translate(-50%, -50%);
3477
- }
3478
- .adm-steps-horizontal .adm-step-content {
3479
- text-align: center;
3480
- font-size: var(--description-font-size);
3481
- padding: 2px 8px 0;
3482
- }
3483
- .adm-steps-horizontal .adm-step-content .adm-step-title {
3484
- font-size: var(--title-font-size);
3485
- }
3486
- .adm-steps-horizontal .adm-step-content .adm-step-description {
3487
- margin-top: 4px;
3488
- color: var(--adm-color-weak);
3489
- }
3490
- .adm-steps-vertical {
3491
- padding: 8px 16px;
3492
- }
3493
- .adm-steps-vertical .adm-step {
3494
- display: flex;
3495
- align-items: stretch;
3496
- }
3497
- .adm-steps-vertical .adm-step .adm-step-indicator {
3498
- flex: none;
3499
- width: 24px;
3500
- margin-right: var(--indicator-margin-right);
3501
- }
3502
- .adm-steps-vertical .adm-step .adm-step-indicator::after {
3503
- left: 50%;
3504
- top: calc(var(--title-font-size) * 1.5 / 2);
3505
- width: 1px;
3506
- transform: translateX(-50%);
3507
- height: 100%;
3508
- }
3509
- .adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {
3510
- top: calc(var(--title-font-size) * 1.5 / 2);
3511
- left: 50%;
3512
- transform: translate(-50%, -50%);
3513
- }
3514
- .adm-steps-vertical .adm-step:last-child .adm-step-content {
3515
- padding-bottom: 0;
3516
- }
3517
- .adm-steps-vertical .adm-step .adm-step-content {
3518
- flex: auto;
3519
- padding-bottom: 24px;
3520
- }
3521
- .adm-steps-vertical .adm-step .adm-step-content .adm-step-title {
3522
- font-size: var(--title-font-size);
3523
- line-height: 1.5;
3524
- }
3525
- .adm-steps-vertical .adm-step .adm-step-content .adm-step-description {
3526
- padding-top: 4px;
3527
- font-size: var(--description-font-size);
3528
- color: var(--adm-color-weak);
3529
- }
3530
- .adm-step-icon-container {
3531
- font-size: var(--icon-size);
3532
- }
3533
- .adm-step-icon-dot {
3534
- display: block;
3535
- width: 8px;
3536
- height: 8px;
3537
- background: currentColor;
3538
- border-radius: 4px;
3539
- }
3540
- .adm-swipe-action {
3541
- --background: var(--adm-color-background);
3542
- background: var(--background);
3543
- cursor: -webkit-grab;
3544
- cursor: grab;
3545
- overflow: hidden;
3546
- touch-action: pan-y;
3547
- }
3548
- .adm-swipe-action-track {
3549
- position: relative;
3550
- overflow: visible;
3551
- }
3552
- .adm-swipe-action-actions {
3553
- position: absolute;
3554
- display: flex;
3555
- justify-content: center;
3556
- align-items: stretch;
3557
- width: auto;
3558
- white-space: nowrap;
3559
- }
3560
- .adm-swipe-action-actions-right {
3561
- left: 100%;
3562
- top: 0;
3563
- height: 100%;
3564
- }
3565
- .adm-swipe-action-actions-left {
3566
- right: 100%;
3567
- top: 0;
3568
- height: 100%;
3569
- }
3570
- .adm-swipe-action-action-button.adm-button {
3571
- --border-radius: 0;
3572
- --border-width: 0;
3573
- --text-color: var(--adm-color-white);
3574
- padding-left: 20px;
3575
- padding-right: 20px;
3576
- }
3577
- .adm-swiper {
3578
- --height: auto;
3579
- --width: 100%;
3580
- --border-radius: 0;
3581
- --track-padding: 0;
3582
- --slide-size: 100%;
3583
- --track-offset: 0%;
3584
- display: block;
3585
- width: var(--width);
3586
- height: var(--height);
3587
- position: relative;
3588
- border-radius: var(--border-radius);
3589
- z-index: 0;
3590
- overflow: hidden;
3591
- }
3592
- .adm-swiper-track {
3593
- width: 100%;
3594
- height: 100%;
3595
- white-space: nowrap;
3596
- padding: var(--track-padding);
3597
- }
3598
- .adm-swiper-track-allow-touch-move {
3599
- cursor: -webkit-grab;
3600
- cursor: grab;
3601
- }
3602
- .adm-swiper-track-inner {
3603
- width: 100%;
3604
- height: 100%;
3605
- overflow: visible;
3606
- position: relative;
3607
- display: flex;
3608
- flex-wrap: nowrap;
3609
- }
3610
- .adm-swiper-slide {
3611
- width: 100%;
3612
- height: 100%;
3613
- display: block;
3614
- position: relative;
3615
- white-space: unset;
3616
- flex: none;
3617
- }
3618
- .adm-swiper-item {
3619
- display: block;
3620
- width: 100%;
3621
- height: 100%;
3622
- white-space: normal;
3623
- }
3624
- .adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
3625
- touch-action: pan-y;
3626
- }
3627
- .adm-swiper-horizontal .adm-swiper-indicator {
3628
- position: absolute;
3629
- bottom: 6px;
3630
- left: 50%;
3631
- transform: translateX(-50%);
3632
- }
3633
- .adm-swiper-horizontal .adm-swiper-track {
3634
- transform: translateX(var(--track-offset));
3635
- }
3636
- .adm-swiper-horizontal .adm-swiper-track-inner {
3637
- flex-direction: row;
3638
- width: var(--slide-size);
3639
- }
3640
- .adm-swiper-vertical .adm-swiper-track-allow-touch-move {
3641
- touch-action: pan-x;
3642
- }
3643
- .adm-swiper-vertical .adm-swiper-indicator {
3644
- position: absolute;
3645
- right: 6px;
3646
- top: 50%;
3647
- transform: translateY(-50%);
3648
- }
3649
- .adm-swiper-vertical .adm-swiper-track {
3650
- transform: translateY(var(--track-offset));
3651
- }
3652
- .adm-swiper-vertical .adm-swiper-track-inner {
3653
- flex-direction: column;
3654
- height: var(--slide-size);
3655
- }
3656
- @keyframes loading-rotate {
3657
- 100% {
3658
- transform: rotate(1turn);
3659
- }
3660
- }
3661
- .adm-switch {
3662
- --checked-color: var(--adm-color-primary);
3663
- --height: 31px;
3664
- --width: 51px;
3665
- --border-width: 2px;
3666
- display: inline-block;
3667
- vertical-align: middle;
3668
- box-sizing: border-box;
3669
- position: relative;
3670
- align-self: center;
3671
- cursor: pointer;
3672
- /* 选中状态 */
3673
- /* 禁用状态 */
3674
- /* loading图标 */
3675
- }
3676
- .adm-switch input {
3677
- display: none;
3678
- }
3679
- .adm-switch-checkbox {
3680
- min-width: var(--width);
3681
- height: var(--height);
3682
- box-sizing: border-box;
3683
- border-radius: 31px;
3684
- background: var(--adm-color-border);
3685
- z-index: 0;
3686
- overflow: hidden;
3687
- line-height: var(--height);
3688
- }
3689
- .adm-switch-checkbox:before {
3690
- content: ' ';
3691
- position: absolute;
3692
- left: var(--border-width);
3693
- top: var(--border-width);
3694
- width: calc(100% - 2 * var(--border-width));
3695
- height: calc(var(--height) - 2 * var(--border-width));
3696
- border-radius: calc(var(--height) - 2 * var(--border-width));
3697
- box-sizing: border-box;
3698
- background: var(--adm-color-background);
3699
- z-index: 1;
3700
- transition: all 200ms;
3701
- transform: scale(1);
3702
- }
3703
- .adm-switch-handle {
3704
- display: flex;
3705
- justify-content: center;
3706
- align-items: center;
3707
- width: calc(var(--height) - 2 * var(--border-width));
3708
- height: calc(var(--height) - 2 * var(--border-width));
3709
- border-radius: calc(var(--height) - 2 * var(--border-width));
3710
- background: var(--adm-color-white);
3711
- position: absolute;
3712
- z-index: 2;
3713
- top: var(--border-width);
3714
- left: var(--border-width);
3715
- transition: all 200ms;
3716
- box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 2px 11.5px 0 rgba(0, 0, 0, 0.08), -1px 2px 2px 0 rgba(0, 0, 0, 0.1);
3717
- }
3718
- .adm-switch-inner {
3719
- position: relative;
3720
- z-index: 1;
3721
- display: flex;
3722
- justify-content: center;
3723
- align-items: center;
3724
- margin: 0 8px 0 calc(var(--height) - var(--border-width) + 4px);
3725
- height: 100%;
3726
- color: var(--adm-color-weak);
3727
- transition: margin 200ms;
3728
- font-size: var(--adm-font-size-7);
3729
- }
3730
- .adm-switch.adm-switch-checked .adm-switch-checkbox {
3731
- background: var(--checked-color);
3732
- }
3733
- .adm-switch.adm-switch-checked .adm-switch-checkbox:before {
3734
- transform: scale(0);
3735
- }
3736
- .adm-switch.adm-switch-checked .adm-switch-handle {
3737
- left: calc(100% - (var(--height) - var(--border-width)));
3738
- }
3739
- .adm-switch.adm-switch-checked .adm-switch-inner {
3740
- margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 10px;
3741
- color: var(--adm-color-white);
3742
- }
3743
- .adm-switch.adm-switch-disabled {
3744
- cursor: not-allowed;
3745
- opacity: 0.4;
3746
- }
3747
- .adm-switch-spin-icon {
3748
- width: 14px;
3749
- height: 14px;
3750
- animation: loading-rotate 1s linear infinite;
3751
- }
3752
- .adm-tab-bar-wrap {
3753
- display: flex;
3754
- flex-wrap: nowrap;
3755
- justify-content: flex-start;
3756
- align-items: stretch;
3757
- overflow: hidden;
3758
- min-height: 48px;
3759
- }
3760
- .adm-tab-bar-item {
3761
- flex: 1;
3762
- color: var(--adm-color-weak);
3763
- white-space: nowrap;
3764
- padding: 4px 8px;
3765
- width: -webkit-min-content;
3766
- width: min-content;
3767
- position: relative;
3768
- cursor: pointer;
3769
- display: flex;
3770
- align-items: center;
3771
- justify-content: center;
3772
- flex-direction: column;
3773
- }
3774
- .adm-tab-bar-item-icon {
3775
- font-size: 24px;
3776
- height: 24px;
3777
- line-height: 1;
3778
- }
3779
- .adm-tab-bar-item-title {
3780
- font-size: var(--adm-font-size-3);
3781
- line-height: 15px;
3782
- }
3783
- .adm-tab-bar-item-title-with-icon {
3784
- margin-top: 2px;
3785
- }
3786
- .adm-tab-bar-item-active {
3787
- color: var(--adm-color-primary);
3788
- }
3789
- .adm-tab-bar-icon-badge {
3790
- --top: 6px;
3791
- }
3792
- .adm-tab-bar-title-badge {
3793
- --right: -2px;
3794
- --top: -2px;
3795
- }
3796
- .adm-tag {
3797
- --border-radius: var(--adm-tag-border-radius, 2px);
3798
- padding: 2px 4px;
3799
- font-size: var(--adm-font-size-3);
3800
- line-height: 1;
3801
- font-weight: normal;
3802
- background: var(--background-color);
3803
- color: var(--text-color);
3804
- display: inline-block;
3805
- white-space: nowrap;
3806
- border-radius: var(--border-radius);
3807
- border: 1px solid var(--border-color);
3808
- box-sizing: border-box;
3809
- }
3810
- .adm-tag-round {
3811
- border-radius: 100px;
3812
- }
3813
- .adm-text-area {
3814
- --font-size: var(--adm-font-size-9);
3815
- --color: var(--adm-color-text);
3816
- --placeholder-color: var(--adm-color-light);
3817
- --disabled-color: var(--adm-color-weak);
3818
- --text-align: left;
3819
- --count-text-align: right;
3820
- width: 100%;
3821
- max-width: 100%;
3822
- max-height: 100%;
3823
- }
3824
- .adm-text-area-element {
3825
- font-family: var(--adm-font-family);
3826
- resize: none;
3827
- flex: auto;
3828
- display: block;
3829
- box-sizing: border-box;
3830
- width: 100%;
3831
- max-width: 100%;
3832
- max-height: 100%;
3833
- padding: 0;
3834
- margin: 0;
3835
- color: var(--color);
3836
- font-size: var(--font-size);
3837
- line-height: 1.5;
3838
- background: transparent;
3839
- border: 0;
3840
- outline: none;
3841
- -webkit-appearance: none;
3842
- appearance: none;
3843
- min-height: 1.5em;
3844
- text-align: var(--text-align);
3845
- }
3846
- .adm-text-area-element::-webkit-input-placeholder {
3847
- color: var(--placeholder-color);
3848
- font-family: inherit;
3849
- }
3850
- .adm-text-area-element::placeholder {
3851
- color: var(--placeholder-color);
3852
- font-family: inherit;
3853
- }
3854
- .adm-text-area-element:-webkit-autofill {
3855
- background-color: transparent;
3856
- }
3857
- .adm-text-area-element:disabled {
3858
- color: var(--disabled-color);
3859
- cursor: not-allowed;
3860
- opacity: 1;
3861
- -webkit-text-fill-color: var(--disabled-color);
3862
- }
3863
- .adm-text-area-element:read-only {
3864
- cursor: default;
3865
- }
3866
- .adm-text-area-element:invalid {
3867
- box-shadow: none;
3868
- }
3869
- .adm-text-area-element::-ms-clear {
3870
- display: none;
3871
- }
3872
- .adm-text-area-element[readonly] {
3873
- pointer-events: none;
3874
- }
3875
- .adm-text-area-count {
3876
- text-align: var(--count-text-align);
3877
- color: var(--adm-color-weak);
3878
- font-size: var(--adm-font-size-9);
3879
- padding-top: 8px;
3880
- }
3881
- .adm-toast-mask .adm-toast-wrap {
3882
- position: fixed;
3883
- top: 0;
3884
- left: 0;
3885
- width: 100%;
3886
- height: 100%;
3887
- }
3888
- .adm-toast-mask .adm-toast-main {
3889
- display: inline-block;
3890
- position: relative;
3891
- top: 50%;
3892
- left: 50%;
3893
- transform: translate(-50%, -50%);
3894
- width: auto;
3895
- min-width: 96px;
3896
- max-width: 200px;
3897
- max-height: 70%;
3898
- overflow: auto;
3899
- color: white;
3900
- word-break: break-all;
3901
- background-color: rgba(0, 0, 0, 0.7);
3902
- border-radius: 8px;
3903
- pointer-events: all;
3904
- font-size: var(--adm-font-size-7);
3905
- line-height: 1.5;
3906
- box-sizing: border-box;
3907
- }
3908
- .adm-toast-mask .adm-toast-main-text {
3909
- padding: 12px;
3910
- }
3911
- .adm-toast-mask .adm-toast-main-icon {
3912
- padding: 35px 40px;
3913
- }
3914
- .adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
3915
- text-align: center;
3916
- margin-bottom: 8px;
3917
- font-size: 36px;
3918
- line-height: 1;
3919
- }
3920
- .adm-toast-loading {
3921
- --size: 48px;
3922
- margin: 0 auto 8px;
3923
- }
3924
- .adm-tree-select,
3925
- .adm-tree-select-multiple {
3926
- display: flex;
3927
- height: 100%;
3928
- font-size: var(--adm-font-size-main);
3929
- background-color: var(--adm-color-white);
3930
- }
3931
- .adm-tree-select-column,
3932
- .adm-tree-select-multiple-column {
3933
- overflow-y: auto;
3934
- transform: translateZ(0);
3935
- -webkit-transform: translateZ(0);
3936
- }
3937
- .adm-tree-select-column:first-child,
3938
- .adm-tree-select-multiple-column:first-child {
3939
- background-color: var(--adm-color-box);
3940
- }
3941
- .adm-tree-select-column:nth-child(2),
3942
- .adm-tree-select-multiple-column:nth-child(2) {
3943
- background-color: #fafafa;
3944
- }
3945
- .adm-tree-select-item,
3946
- .adm-tree-select-multiple-item {
3947
- display: flex;
3948
- align-items: center;
3949
- min-height: 50px;
3950
- box-sizing: border-box;
3951
- padding: 6px 12px;
3952
- position: relative;
3953
- }
3954
- .adm-tree-select-item-active {
3955
- color: var(--adm-color-primary);
3956
- font-weight: bold;
3957
- background-color: white;
3958
- }
3959
- .adm-tree-select-multiple-item-expand {
3960
- color: var(--adm-color-primary);
3961
- font-weight: bold;
3962
- background-color: white;
3963
- }
3964
- .adm-tree-select-multiple-item-checkbox {
3965
- margin-right: 8px;
3966
- }
3967
- .adm-tree-select-multiple-dot {
3968
- position: absolute;
3969
- top: 50%;
3970
- margin-top: -3px;
3971
- right: 8px;
3972
- width: 6px;
3973
- height: 6px;
3974
- background: var(--adm-color-primary);
3975
- border-radius: 3px;
3976
- }
3977
- .adm-virtual-input {
3978
- --font-size: var(--adm-font-size-9);
3979
- --color: var(--adm-color-text);
3980
- --placeholder-color: var(--adm-color-light);
3981
- --disabled-color: var(--adm-color-weak);
3982
- --text-align: left;
3983
- --caret-width: var(--adm-virtual-input-caret-width, 2px);
3984
- --caret-color: var(--adm-virtual-input-caret-color, var(--adm-color-primary));
3985
- display: flex;
3986
- justify-content: flex-start;
3987
- align-items: center;
3988
- position: relative;
3989
- text-align: var(--text-align);
3990
- font-size: var(--font-size);
3991
- line-height: 1.5;
3992
- white-space: nowrap;
3993
- color: var(--color);
3994
- }
3995
- .adm-virtual-input > * {
3996
- vertical-align: top;
3997
- }
3998
- .adm-virtual-input-content {
3999
- flex: auto;
4000
- display: inline-block;
4001
- position: relative;
4002
- z-index: 1;
4003
- width: 100%;
4004
- max-width: 100%;
4005
- overflow-y: hidden;
4006
- overflow-x: scroll;
4007
- scrollbar-width: none;
4008
- }
4009
- .adm-virtual-input-content::-webkit-scrollbar {
4010
- display: none;
4011
- }
4012
- .adm-virtual-input-placeholder {
4013
- display: block;
4014
- position: absolute;
4015
- z-index: 0;
4016
- left: 0;
4017
- top: 0;
4018
- width: 100%;
4019
- overflow: hidden;
4020
- text-align: var(--text-align);
4021
- color: var(--placeholder-color);
4022
- }
4023
- .adm-virtual-input-caret-container {
4024
- display: inline-block;
4025
- width: var(--caret-width);
4026
- height: 1.3em;
4027
- vertical-align: top;
4028
- margin-right: 1px;
4029
- }
4030
- .adm-virtual-input-caret {
4031
- width: 100%;
4032
- height: 100%;
4033
- background-color: var(--caret-color);
4034
- position: relative;
4035
- top: 5%;
4036
- }
4037
- .adm-virtual-input:focus {
4038
- outline: none;
4039
- }
4040
- .adm-virtual-input:focus .adm-virtual-input-caret {
4041
- display: block;
4042
- animation-name: adm-caret-blink;
4043
- animation-duration: 1s;
4044
- animation-timing-function: linear;
4045
- animation-iteration-count: infinite;
4046
- }
4047
- .adm-virtual-input-disabled {
4048
- color: var(--disabled-color);
4049
- }
4050
- @keyframes adm-caret-blink {
4051
- from {
4052
- opacity: 1;
4053
- }
4054
- 60% {
4055
- opacity: 1;
4056
- }
4057
- 80% {
4058
- opacity: 0;
4059
- }
4060
- to {
4061
- opacity: 0;
4062
- }
4063
- }
4064
- .adm-virtual-input-clear {
4065
- flex: none;
4066
- margin-left: 8px;
4067
- color: var(--placeholder-color);
4068
- padding: 3px;
4069
- cursor: pointer;
4070
- }
4071
- .adm-virtual-input-clear .antd-mobile-icon {
4072
- display: block;
4073
- font-size: var(--adm-font-size-6);
4074
- }
4075
- .adm-water-mark {
4076
- --z-index: var(--adm-water-mark-z-index, 2000);
4077
- position: absolute;
4078
- z-index: var(--z-index);
4079
- left: 0;
4080
- right: 0;
4081
- top: 0;
4082
- bottom: 0;
4083
- pointer-events: none;
4084
- background-repeat: repeat;
4085
- }
4086
- .adm-water-mark-full-page {
4087
- position: fixed;
4088
- }
1
+ :root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-white: #ffffff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-box: #f5f5f5;--adm-color-background: #ffffff;--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;right:-100vw;bottom:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-action-sheet-popup>.adm-popup-body{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.adm-action-sheet-extra{display:flex;justify-content:center;color:var(--adm-color-weak);font-size:var(--adm-font-size-7);padding:18px 12px;border-bottom:1px solid var(--adm-color-border)}.adm-action-sheet-button-list,.adm-action-sheet-button-item-wrapper{border-bottom:1px solid var(--adm-color-border)}.adm-action-sheet-button-item-wrapper:last-child{border-bottom:none}.adm-action-sheet-button-item{text-align:center;display:block;background-color:var(--adm-color-background);padding:16px}.adm-action-sheet-button-item:active{background-color:#eee}.adm-action-sheet-button-item-disabled{cursor:not-allowed;pointer-events:none;opacity:.4}.adm-action-sheet-button-item-name{color:var(--adm-color-text);font-size:var(--adm-font-size-10)}.adm-action-sheet-button-item-description{font-size:var(--adm-font-size-4);color:var(--adm-color-weak);padding-top:2px}.adm-action-sheet-button-item-danger .adm-action-sheet-button-item-name{color:var(--adm-color-danger)}.adm-action-sheet-cancel{background-color:var(--adm-color-box);padding-top:8px}.adm-popup{--z-index: var(--adm-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-popup-body{position:fixed;background-color:var(--adm-color-background);z-index:calc(var(--z-index) + 10)}.adm-popup-body .adm-popup-close-icon{position:absolute;z-index:100}.adm-popup-body-position-bottom{width:100%;bottom:0;left:0}.adm-popup-body-position-bottom .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-top{width:100%;top:0;left:0}.adm-popup-body-position-top .adm-popup-close-icon{right:8px;bottom:8px}.adm-popup-body-position-left{height:100%;top:0;left:0}.adm-popup-body-position-left .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-right{height:100%;top:0;right:0}.adm-popup-body-position-right .adm-popup-close-icon{left:8px;top:8px}.adm-popup-close-icon{cursor:pointer;padding:4px;font-size:18px;color:var(--adm-color-weak)}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-safe-area{--multiple: var(--adm-safe-area-multiple, 1);display:block;width:100%}.adm-safe-area-position-top{padding-top:calc(env(safe-area-inset-top) * var(--multiple))}.adm-safe-area-position-bottom{padding-bottom:calc(env(safe-area-inset-bottom) * var(--multiple))}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-avatar{--size: var(--adm-avatar-size, 44px);--border-radius: var(--adm-avatar-border-radius, 4px);border-radius:var(--border-radius)}.adm-avatar.adm-image{--width: var(--size);--height: var(--size)}.adm-avatar-fallback{height:100%;width:100%;display:block}.adm-badge-wrapper{display:inline-block;position:relative}.adm-badge{display:inline-flex;vertical-align:middle;box-sizing:content-box;border-radius:100px;background-color:var(--color);--right: 0;--top: 0;--color: var(--adm-badge-color, #ff411c)}.adm-badge-content{color:var(--adm-color-white);box-sizing:border-box;min-width:8px;padding:1px 4px;font-size:var(--adm-font-size-1);line-height:12px;white-space:nowrap;font-weight:400;text-align:center}.adm-badge-fixed{position:absolute;right:var(--right);top:var(--top);transform:translate(50%,-50%)}.adm-badge-dot{min-width:10px;width:10px;height:10px;border-radius:5px}.adm-badge-bordered{border:solid 1px var(--adm-color-white)}.adm-button{--color: var(--adm-color-white);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:#000;border:var(--border-width) var(--border-style) #000;border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-white);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-calendar .adm-calendar-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-top:4px}.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button{padding:4px 8px;display:block;flex:none}.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button svg{height:22px}.adm-calendar .adm-calendar-header a.adm-calendar-arrow-button.adm-calendar-arrow-button-right svg{transform:rotate(180deg)}.adm-calendar .adm-calendar-header .adm-calendar-title{font-size:var(--adm-font-size-10);flex:auto;text-align:center}.adm-calendar .adm-calendar-body{display:flex;flex-wrap:wrap}.adm-calendar-cells{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;padding:8px 8px 4px}.adm-calendar-cell{flex:none;box-sizing:border-box;width:calc(100% / 7);height:48px;margin-bottom:4px;padding:2px;color:var(--adm-color-text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.adm-calendar-cell.adm-calendar-cell-today{color:var(--adm-color-primary)}.adm-calendar-cell.adm-calendar-cell-disabled,.adm-calendar-cell.adm-calendar-cell-disabled .adm-calendar-cell-bottom{color:var(--adm-color-light)}.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected{background:var(--adm-color-primary);color:var(--adm-color-white)}.adm-calendar-cell.adm-calendar-cell-selected .adm-calendar-cell-bottom{color:var(--adm-color-white)}.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin{border-top-left-radius:4px;border-bottom-left-radius:4px}.adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end{border-top-right-radius:4px;border-bottom-right-radius:4px}.adm-calendar-cell.adm-calendar-cell-disabled.adm-calendar-cell.adm-calendar-cell-selected{color:var(--adm-color-light)}.adm-calendar-cell .adm-calendar-cell-top{flex:none;font-size:var(--adm-font-size-10)}.adm-calendar-cell .adm-calendar-cell-bottom{flex:none;font-size:var(--adm-font-size-4);height:12px;line-height:12px;color:var(--adm-color-weak)}.adm-calendar-mark{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-bottom:solid 1px var(--adm-color-border);height:45px;box-sizing:border-box;font-size:var(--adm-font-size-7);padding:0 8px}.adm-calendar-mark .adm-calendar-mark-cell{flex:1;text-align:center}.adm-capsule-tabs{position:relative;min-width:0}.adm-capsule-tabs-header{position:relative;padding:12px 6px;border-bottom:solid 1px var(--adm-color-border)}.adm-capsule-tabs-tab-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;position:relative;overflow-x:scroll;scrollbar-width:none}.adm-capsule-tabs-tab-list::-webkit-scrollbar{display:none}.adm-capsule-tabs-tab-wrapper{flex:auto;padding:0 6px}.adm-capsule-tabs-tab{position:relative;padding:8px 20px;margin:0 auto;border-radius:20px;cursor:pointer;font-size:var(--adm-font-size-7);text-align:center;white-space:nowrap;background-color:var(--adm-color-box)}.adm-capsule-tabs-tab-active{color:var(--adm-color-white);background-color:var(--adm-color-primary)}.adm-capsule-tabs-tab-disabled{opacity:.5;cursor:not-allowed}.adm-capsule-tabs-content{padding:12px}.adm-scroll-mask{position:absolute;top:0;bottom:0;z-index:1;width:30px;height:100%;pointer-events:none}.adm-scroll-mask-left{left:0;background:linear-gradient(to right,var(--adm-color-background),rgba(255,255,255,0))}.adm-scroll-mask-right{right:0;background:linear-gradient(to left,var(--adm-color-background),rgba(255,255,255,0))}.adm-card{background:var(--adm-color-background);border-radius:8px;padding:0 12px}.adm-card-header{position:relative;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:12px 0}.adm-card-header:not(:last-child){border-bottom:solid .5px var(--adm-color-border)}.adm-card-header-title{font-size:var(--adm-font-size-7);line-height:1.4;font-weight:700}.adm-card-body{padding:12px 0}.adm-picker{--header-button-font-size: var(--adm-font-size-7);--title-font-size: var(--adm-font-size-7);--item-font-size: var(--adm-font-size-8);--item-height: 34px;width:100%;height:300px;overflow:hidden;position:relative;display:flex;flex-direction:column;---item-font-size: var(--item-font-size);---item-height: var(--item-height)}.adm-picker .adm-picker-view.adm-picker-view{--item-font-size: var(---item-font-size);--item-height: var(---item-height)}.adm-picker-header{flex-shrink:0;border-bottom:solid 1px var(--adm-color-border);display:flex;justify-content:space-between;align-items:center;padding:4px}.adm-picker-header-button{font-size:var(--header-button-font-size);display:inline-block;padding:8px}.adm-picker-header-button-disabled,.adm-picker-header-button-disabled:active{opacity:.4;cursor:not-allowed}.adm-picker-header-title{padding:4px;font-size:var(--title-font-size);color:var(--adm-color-text);text-align:center;flex:1}.adm-picker-body{flex:1;width:100%}.adm-picker-body>.adm-picker-view{--height: 100%}.adm-picker-popup .adm-popup-body{border-top-left-radius:8px;border-top-right-radius:8px}.adm-spin-loading{--color: var(--adm-color-weak);--size: 32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:adm-spin-loading-rotate .8s infinite linear}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-picker-view{--height: 240px;--item-height: 34px;--item-font-size: var(--adm-font-size-8);height:var(--height);width:100%;display:flex;position:relative;overflow:hidden;background:var(--adm-color-background)}.adm-picker-view-column{height:100%;flex:1;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;z-index:0}.adm-picker-view-column-wheel{width:100%;cursor:-webkit-grab;cursor:grab;position:absolute;top:calc(50% - var(--item-height) / 2);left:0}.adm-picker-view-column-wheel:before{content:" ";display:block;position:absolute;width:100%;height:100vh;top:-100vh}.adm-picker-view-column-wheel:after{content:" ";display:block;position:absolute;width:100%;height:100vh;bottom:-100vh}.adm-picker-view-column-item{font-size:var(--item-font-size);padding:0 6px;height:var(--item-height);display:flex;justify-content:center;align-items:center}.adm-picker-view-column-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-picker-view-column-accessible{width:100%;height:100%;pointer-events:none;opacity:0;display:flex;flex-direction:column;position:relative;z-index:0;padding-bottom:1px}.adm-picker-view-column-accessible>*{flex:1;text-overflow:ellipsis}.adm-picker-view-column-accessible-current{position:absolute;width:100%;height:100%}.adm-picker-view-column-accessible-button{width:100%;height:100%}.adm-picker-view-mask{position:absolute;z-index:10000;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}.adm-picker-view-mask-top,.adm-picker-view-mask-bottom{flex:auto}.adm-picker-view-mask-middle{height:var(--item-height);box-sizing:border-box;flex:none;border-top:solid 1px var(--adm-color-border);border-bottom:solid 1px var(--adm-color-border)}.adm-picker-view-mask-top{background:var(--adm-color-background);-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-mask-bottom{background:var(--adm-color-background);-webkit-mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-loading-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.adm-cascader-view{--height: auto}.adm-cascader-view-tabs.adm-tabs{--title-font-size: var(--adm-font-size-6);--content-padding: none}.adm-cascader-view-header-title{max-width:84px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adm-cascader-view-content{height:var(--height);overflow-y:auto}.adm-cascader-view-content>.adm-check-list{--border-inner: none;--border-bottom: none;--border-top: none}.adm-cascader-view-item{font-size:var(--adm-font-size-6)}.adm-cascader-view-item-active{color:var(--adm-color-primary)}.adm-cascader-view .adm-list-inner{margin-bottom:0}.adm-cascader-view-skeleton{padding:16px 12px}.adm-cascader-view-skeleton .adm-skeleton{margin-bottom:16px;--height: 18px;--width: 80%;--border-radius: 2px}.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-3{--width: 90%}.adm-cascader-view-skeleton .adm-skeleton.adm-cascader-view-skeleton-line-4{--width: 60%}.adm-tabs{--title-font-size: var(--adm-font-size-9);--content-padding: 12px;--active-line-height: 2px;--active-line-border-radius: var(--active-line-height);--active-line-color: var(--adm-color-primary);--active-title-color: var(--adm-color-primary);position:relative;min-width:0}.adm-tabs-header{position:relative;border-bottom:solid 1px var(--adm-color-border)}.adm-tabs-tab-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;position:relative;overflow-x:scroll;scrollbar-width:none}.adm-tabs-tab-list::-webkit-scrollbar{display:none}.adm-tabs-tab-wrapper{padding:0 12px}.adm-tabs-tab-wrapper-stretch{flex:auto}.adm-tabs-tab{white-space:nowrap;padding:8px 0 10px;width:-webkit-min-content;width:min-content;margin:0 auto;font-size:var(--title-font-size);position:relative;cursor:pointer}.adm-tabs-tab-active{color:var(--active-title-color)}.adm-tabs-tab-disabled{opacity:.5;cursor:not-allowed}.adm-tabs-tab-line{position:absolute;bottom:0;height:var(--active-line-height);background:var(--active-line-color);border-radius:var(--active-line-border-radius)}.adm-tabs-content{padding:var(--content-padding)}.adm-tabs-header-mask{position:absolute;top:0;bottom:0;z-index:1;width:30px;height:100%;pointer-events:none}.adm-tabs-header-mask-left{left:0;background:linear-gradient(to right,var(--adm-color-background),rgba(255,255,255,0))}.adm-tabs-header-mask-right{right:0;background:linear-gradient(to left,var(--adm-color-background),rgba(255,255,255,0))}.adm-check-list-item-extra{font-size:var(--adm-font-size-8);line-height:1;color:var(--adm-color-primary)}.adm-check-list-item-readonly{cursor:unset}.adm-list{--header-font-size: var(--adm-font-size-7);--prefix-width: "auto";--prefix-padding-right: 12px;--align-items: center;--active-background-color: var(--adm-color-border);--border-inner: solid 1px var(--adm-color-border);--border-top: solid 1px var(--adm-color-border);--border-bottom: solid 1px var(--adm-color-border);--padding-left: 12px;--padding-right: 12px;--font-size: var(--adm-font-size-9);--extra-max-width: 70%}.adm-list-header{color:var(--adm-color-weak);font-size:var(--header-font-size);padding:8px var(--padding-right) 8px var(--padding-left)}.adm-list-body{background-color:var(--adm-color-background);overflow:hidden;font-size:var(--font-size)}.adm-list-body-inner{margin-top:-1px}.adm-list-default .adm-list-body{border-top:var(--border-top);border-bottom:var(--border-bottom)}.adm-list-card{margin:12px}.adm-list-card .adm-list-body{border-radius:8px}.adm-list-card .adm-list-header{padding-left:0}.adm-list-item{display:block;padding-left:var(--padding-left);position:relative;background-color:var(--adm-color-background);line-height:1.5}.adm-list-item-title,.adm-list-item-description{color:var(--adm-color-weak);font-size:var(--adm-font-size-main)}.adm-list-item-content{display:flex;align-items:var(--align-items);justify-content:flex-start;border-top:var(--border-inner);padding-right:var(--padding-right)}.adm-list-item-content-prefix{width:var(--prefix-width);flex:none;padding-right:var(--prefix-padding-right)}.adm-list-item-content-main{flex:auto;padding:12px 0}.adm-list-item-content-extra{flex:none;padding-left:12px;font-size:var(--adm-font-size-7);color:var(--adm-color-weak);max-width:var(--extra-max-width)}.adm-list-item-content-arrow{flex:none;display:flex;align-items:center;margin-left:4px;color:var(--adm-color-light);font-size:19px}.adm-list-item-disabled{cursor:not-allowed}.adm-list-item-disabled.adm-list-item-disabled>.adm-list-item-content>*{opacity:.4;pointer-events:none}a.adm-list-item:active:not(.adm-list-item-disabled){background-color:var(--active-background-color)}a.adm-list-item:active:not(.adm-list-item-disabled):after{content:" ";display:block;position:absolute;width:100%;bottom:-1px;left:0;border-bottom:var(--border-inner)}.adm-skeleton{--width: 100%;--height: 0;--border-radius: 0;background-color:#bebebe33;border-radius:var(--border-radius);width:var(--width);height:var(--height);display:block}.adm-skeleton.adm-skeleton-animated{background:linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(129,129,129,.24) 37%,rgba(190,190,190,.2) 63%);background-size:400% 100%;animation:adm-skeleton-loading 1.4s ease infinite}.adm-skeleton.adm-skeleton-title{--width: 45%;--height: 32px;--border-radius: 2px;margin-bottom:16px;margin-top:16px}.adm-skeleton.adm-skeleton-paragraph-line{--height: 18px;--border-radius: 2px;margin-top:12px;margin-bottom:12px}.adm-skeleton.adm-skeleton-paragraph-line:last-child{--width: 65%}@keyframes adm-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.adm-cascader{width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.adm-cascader-header{flex:none;display:flex;justify-content:space-between;align-items:center;padding:6px 8px}.adm-cascader-header-button{font-size:var(--adm-font-size-7);display:inline-block;padding:4px}.adm-cascader-header-title{padding:4px;font-size:var(--adm-font-size-7);color:var(--adm-color-text);text-align:center;flex:1}.adm-cascader-body{flex:auto;height:100%;width:100%}.adm-cascader-body>.adm-cascader-view{--height: 310px}.adm-center-popup{--background-color: var(--adm-center-popup-background-color, var(--adm-color-background));--border-radius: var(--adm-center-popup-border-radius, 8px);--max-width: var(--adm-center-popup-max-width, 75vw);--min-width: var(--adm-center-popup-min-width, 280px);--z-index: var(--adm-center-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-center-popup .adm-center-popup-mask{z-index:0}.adm-center-popup-wrap{position:fixed;z-index:1;top:50%;left:50%;width:auto;min-width:var(--min-width);max-width:var(--max-width);transform:translate(-50%,-50%)}.adm-center-popup-body{background-color:var(--background-color);border-radius:var(--border-radius)}.adm-center-popup-close{position:absolute;z-index:100;right:8px;top:8px;cursor:pointer;padding:4px;font-size:18px;color:var(--adm-color-weak)}.adm-checkbox{--icon-size: 22px;--font-size: var(--adm-font-size-9);--gap: 8px;display:inline-flex;vertical-align:text-bottom;justify-content:flex-start;align-items:center;cursor:pointer}.adm-checkbox input{display:none}.adm-checkbox .adm-checkbox-icon{flex:none;border:1px solid var(--adm-color-light);border-radius:var(--icon-size);box-sizing:border-box;width:var(--icon-size);height:var(--icon-size);color:var(--adm-color-white)}.adm-checkbox .adm-checkbox-icon>svg{display:block;width:100%;height:100%}.adm-checkbox.adm-checkbox-block{display:flex}.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon{border-color:var(--adm-color-primary);background-color:var(--adm-color-primary)}.adm-checkbox.adm-checkbox-disabled{cursor:not-allowed}.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content{opacity:.4}.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon{color:#b7b7b7;border-color:var(--adm-color-light);background-color:var(--adm-color-box)}.adm-checkbox .adm-checkbox-custom-icon{font-size:var(--icon-size)}.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon{background-color:var(--adm-color-background);color:var(--adm-color-primary)}.adm-checkbox-content{flex:0 1 auto;font-size:var(--font-size);padding-left:var(--gap)}.adm-collapse-panel-header .adm-list-item-content-main{padding:12px 0}.adm-collapse-arrow{transform:rotate(0);transition:all ease .3s}.adm-collapse-arrow-active{transform:rotate(-180deg)}.adm-collapse-panel-content{font-size:var(--adm-font-size-main);color:var(--adm-color-weak);overflow:hidden}.adm-dialog{--z-index: var(--adm-dialog-z-index, 1000);---z-index: var(--z-index)}.adm-dialog .adm-center-popup{--z-index: var(---z-index)}.adm-dialog-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);overflow:hidden;display:flex;flex-direction:column}.adm-dialog-body>*{flex:none}.adm-dialog-body>.adm-dialog-content{flex:auto}.adm-dialog-body:not(.adm-dialog-with-image){padding-top:20px}.adm-dialog-image-container{margin-bottom:12px;max-height:40vh}.adm-dialog-header{margin-bottom:8px;padding:0 12px}.adm-dialog-title{margin-bottom:8px;padding:0 12px;font-weight:700;font-size:var(--adm-font-size-10);line-height:25px;text-align:center}.adm-dialog-content{padding:0 12px 20px;max-height:70vh;overflow-x:hidden;overflow-y:auto;font-size:var(--adm-font-size-7);line-height:1.4;color:var(--adm-color-text)}.adm-dialog-content-empty{padding:0;height:12px}.adm-dialog-footer{-webkit-user-select:none;user-select:none}.adm-dialog-footer .adm-dialog-action-row{display:flex;align-items:stretch;border-top:.5px solid var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>*{flex:1}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button{padding:10px;font-size:var(--adm-font-size-10);line-height:25px;border-radius:0;border-right:solid .5px var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold{font-weight:700}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child{border-right:none}.adm-dialog-image-container{overflow-y:auto}.adm-image{--width: var(--adm-image-width, auto);--height: var(--adm-image-height, auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.adm-image-img{width:100%;height:100%}.adm-image-tip{position:relative;background-color:var(--adm-color-box);height:100%;min-height:24px;min-width:24px}.adm-image-tip>svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--adm-color-weak)}.adm-divider-horizontal{display:flex;align-items:center;margin:16px 0;border-width:0;border-color:var(--adm-color-border);border-style:solid;color:var(--adm-color-weak);font-size:14px}.adm-divider-left.adm-divider-horizontal:before{max-width:10%}.adm-divider-right.adm-divider-horizontal:after{max-width:10%}.adm-divider-horizontal:after,.adm-divider-horizontal:before{flex:auto;display:block;content:"";border-style:inherit;border-color:inherit;border-width:1px 0 0}.adm-divider-horizontal .adm-divider-content{flex:none;padding:0 16px}.adm-divider-vertical{position:relative;top:-.06em;display:inline-block;height:.9em;margin:0 16px;vertical-align:middle;border-top:0;border-left:1px solid var(--adm-color-border)}.adm-dropdown{background-color:var(--adm-color-background)}.adm-dropdown .adm-dropdown-nav{display:flex;border-bottom:1px solid transparent}.adm-dropdown-open .adm-dropdown-nav{border-bottom-color:var(--adm-color-border)}.adm-dropdown-item{display:flex;flex:1;justify-content:center;min-width:0;cursor:pointer}.adm-dropdown-item .adm-dropdown-item-title{display:flex;align-items:center;position:relative;max-width:100%;font-size:var(--adm-font-size-main);padding:12px}.adm-dropdown-item .adm-dropdown-item-title-text{margin-right:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.adm-dropdown-item .adm-dropdown-item-title-arrow{color:var(--adm-color-light);font-size:9px;transform:rotate(0) translateY(1px);transition:all ease .2s}.adm-dropdown-item .adm-dropdown-item-title-arrow-active{transform:rotate(-180deg) translateY(-1px)}.adm-dropdown-item .adm-dropdown-item-title:active{opacity:.7}.adm-dropdown-item-highlight{color:var(--adm-color-primary)}.adm-dropdown-item-active .adm-dropdown-item-title:after{margin-top:-1px;transform:rotate(135deg)}.adm-dropdown-item-content{width:100%;background:var(--adm-color-background)}.adm-dropdown-item-content-hidden{display:none}.adm-dropdown-popup{position:fixed;overflow:hidden;width:100%;right:0;bottom:0;left:0}.adm-dropdown-popup .adm-dropdown-popup-mask,.adm-dropdown-popup .adm-dropdown-popup-body{position:absolute}.adm-ellipsis{overflow:hidden;line-height:1.5}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0}.adm-empty-image-container{display:flex;justify-content:center}.adm-empty-image-container .adm-empty-image{width:64px;height:intrinsic}.adm-empty-description{margin-top:8px;font-size:var(--adm-font-size-6);color:var(--adm-color-light)}.adm-error-block{--color: var(--adm-color-text);--image-height: var(--adm-error-block-image-height, 100px);--image-height-full-page: var(--adm-error-block-image-height-full-page, 200px);--image-width: var(--adm-error-block-image-width, auto);--image-width-full-page: var(--adm-error-block-image-width-full-page, auto);box-sizing:border-box;text-align:center}.adm-error-block-image{height:var(--image-height);width:var(--image-width);max-width:100%}.adm-error-block-image svg,.adm-error-block-image img{height:100%}.adm-error-block-description{font-size:var(--adm-font-size-4);color:#999;line-height:1.4;margin-top:12px}.adm-error-block-description-title{font-size:var(--adm-font-size-7)}.adm-error-block-description-subtitle{margin-top:8px}.adm-error-block-content{margin-top:12px}.adm-error-block-full-page{padding-top:calc(50vh - var(--image-height-full-page))}.adm-error-block-full-page .adm-error-block-image{height:var(--image-height-full-page);width:var(--image-width-full-page)}.adm-error-block-full-page .adm-error-block-description{margin-top:20px;font-size:var(--adm-font-size-main)}.adm-error-block-full-page .adm-error-block-description-title{font-size:20px;color:var(--adm-color-text)}.adm-floating-bubble{--initial-position-left: var(--initial-position-left);--initial-position-right: var(--initial-position-right);--initial-position-top: var(--initial-position-top);--initial-position-bottom: var(--initial-position-bottom);--z-index: 1;--edge-distance: 0;--size: 48px;--border-radius: 50%;--background: var(--adm-color-primary)}.adm-floating-bubble-boundary-outer{position:fixed;left:0;top:0;width:100vw;height:100vh;padding:var(--edge-distance);box-sizing:border-box;pointer-events:none}.adm-floating-bubble-boundary{position:relative;width:100%;height:100%}.adm-floating-bubble-button{position:fixed;top:var(--initial-position-top);bottom:var(--initial-position-bottom);left:var(--initial-position-left);right:var(--initial-position-right);box-sizing:border-box;width:var(--size);height:var(--size);display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--background);color:var(--adm-color-white);border-radius:var(--border-radius);z-index:var(--z-index)}.adm-floating-panel{--border-radius: 8px;--header-height: 28px;--z-index: var(--adm-floating-panel-z-index, 900);position:fixed;z-index:var(--z-index);bottom:0;left:0;width:100vw;display:flex;flex-direction:column;touch-action:none}.adm-floating-panel-mask{display:block;width:100%;height:100vh;position:absolute;left:0;top:-100vh;background:transparent}.adm-floating-panel:after{content:"";display:block;position:absolute;bottom:-100vh;height:100vh;width:100vw;background:var(--adm-color-background)}.adm-floating-panel .adm-floating-panel-header{flex:none;height:var(--header-height);display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;user-select:none;background-color:var(--adm-color-background);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.adm-floating-panel .adm-floating-panel-header .adm-floating-panel-bar{height:3px;width:20px;border-radius:10px;background:var(--adm-color-light)}.adm-floating-panel .adm-floating-panel-content{flex:1;overflow-y:scroll;background:var(--adm-color-background)}.adm-form{--border-inner: solid 1px var(--adm-color-border);--border-top: solid 1px var(--adm-color-border);--border-bottom: solid 1px var(--adm-color-border);---border-inner: var(--border-inner);---border-top: var(--border-top);---border-bottom: var(--border-bottom)}.adm-form .adm-list.adm-list{--padding-left: 16px;--padding-right: 12px;--border-inner: var(---border-inner);--border-top: var(---border-top);--border-bottom: var(---border-bottom)}.adm-form .adm-form-footer{padding:20px 12px}.adm-form-list-operation{text-align:center;color:#1677ff}.adm-form-item+.adm-form-item{border-top:none}.adm-form-item-label{display:block;height:100%;line-height:1.5;box-sizing:border-box;position:relative;color:var(--adm-color-text-secondary)}.adm-form-item-label .adm-form-item-required-asterisk{position:absolute;left:-.6em;top:0;font-family:SimSun,sans-serif;color:var(--adm-color-danger);-webkit-user-select:none;user-select:none}.adm-form-item-label .adm-form-item-required-text{margin-left:4px;color:var(--adm-color-weak)}.adm-form-item-label-help{margin-left:4px;cursor:pointer}.adm-form-item-child{display:flex}.adm-form-item-child-position-normal{justify-content:normal}.adm-form-item-child-position-normal>*{flex:auto}.adm-form-item-child-position-right{justify-content:flex-end}.adm-form-item-child-position-right>*{flex:none}.adm-form-item-feedback-error{color:var(--adm-color-danger);margin-top:4px}.adm-form-item-feedback-warning{color:var(--adm-color-warning);margin-top:4px}.adm-form-item.adm-form-item-hidden{display:none}.adm-form-item.adm-form-item-horizontal.adm-list-item{--align-items: stretch;--prefix-width: 6.8em}.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix{padding-top:12px;padding-bottom:12px}.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra{align-self:center}.adm-form-item.adm-form-item-vertical .adm-form-item-label{font-size:var(--adm-font-size-7);margin-bottom:4px}.adm-popover{--z-index: var(--adm-popover-z-index, 1030);--background: #ffffff;--arrow-size: 8px;--content-padding: 8px 12px;color:#333;position:absolute;top:0;left:0;z-index:var(--z-index);white-space:normal;text-align:left;cursor:auto;-webkit-user-select:text;user-select:text;animation:none}.adm-popover.adm-popover-dark{--background: rgba(0, 0, 0, .75);--adm-color-text: #ffffff;color:#fff}.adm-popover.adm-popover-dark .adm-popover-inner{box-shadow:none}.adm-popover:after{position:absolute;background:rgba(255,255,255,.01);content:""}.adm-popover-hidden{display:none}.adm-popover-inner{background-color:var(--background);background-clip:padding-box;border-radius:8px;box-shadow:0 0 30px #3333;font-size:var(--adm-font-size-7);width:-webkit-max-content;width:max-content;min-width:32px;max-width:calc(100vw - 24px);overflow-y:hidden}.adm-popover-inner-content{padding:var(--content-padding)}.adm-popover-arrow{position:absolute;display:block;height:var(--arrow-size);width:var(--arrow-size);overflow:visible;background:transparent}.adm-popover-arrow-icon{display:block;height:var(--arrow-size);width:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--arrow-icon-rotate))}.adm-popover .adm-popover-arrow{color:var(--background)}.adm-popover-menu{--border-color: #eeeeee}.adm-popover-menu.adm-popover{--content-padding: 0}.adm-popover-menu-list{overflow:hidden;min-width:120px}.adm-popover-menu-list-inner{margin-top:-1px}.adm-popover-menu-item{display:flex;padding-left:20px;justify-content:flex-start;align-items:center;position:relative}.adm-popover-menu-item-icon{flex:none;padding-right:8px;font-size:20px}.adm-popover-menu-item-text{flex:auto;padding:14px 20px 14px 0;border-top:solid 1px var(--border-color)}.adm-popover-menu-item-disabled{cursor:not-allowed}.adm-popover-menu-item-disabled>*{opacity:.4}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled){background-color:var(--border-color)}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after{content:" ";display:block;position:absolute;width:100%;bottom:-1px;left:0;border-bottom:solid 1px var(--border-color)}.adm-popover.adm-popover-dark.adm-popover-menu{--border-color: #333333;--background: rgba(0, 0, 0, .9)}.adm-grid{--gap: 0;--gap-horizontal: var(--gap);--gap-vertical: var(--gap);display:grid;grid-gap:10px;-webkit-column-gap:var(--gap-horizontal);column-gap:var(--gap-horizontal);row-gap:var(--gap-vertical);grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-items:stretch}.adm-grid-item{grid-column-end:span var(--item-span)}.adm-image-viewer-content{width:100vw;height:100vh;touch-action:none;-webkit-user-select:none;user-select:none}.adm-image-viewer-footer{position:absolute;width:100%;bottom:0;z-index:1}.adm-image-viewer-slides{height:100%;position:relative;z-index:1;cursor:-webkit-grab;cursor:grab;touch-action:none}.adm-image-viewer-slides-inner{height:100%;white-space:nowrap}.adm-image-viewer-slides-inner>*{margin-right:16px}.adm-image-viewer-slide{position:relative;width:100%;height:100%;display:inline-block}.adm-image-viewer-control{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;cursor:-webkit-grab;cursor:grab;touch-action:none}.adm-image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.adm-image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.adm-image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:#e6e6e6;font-size:var(--adm-font-size-6)}.adm-space-item{flex:none}.adm-space{display:inline-flex;--gap: 8px;--gap-vertical: var(--gap);--gap-horizontal: var(--gap)}.adm-space-vertical{flex-direction:column}.adm-space-vertical>.adm-space-item{margin-bottom:var(--gap-vertical)}.adm-space-vertical>.adm-space-item:last-child{margin-bottom:0}.adm-space-horizontal{flex-direction:row}.adm-space-horizontal>.adm-space-item{margin-right:var(--gap-horizontal)}.adm-space-horizontal>.adm-space-item:last-child{margin-right:0}.adm-space-horizontal.adm-space-wrap{flex-wrap:wrap;margin-bottom:calc(var(--gap-vertical) * -1)}.adm-space-horizontal.adm-space-wrap>.adm-space-item{padding-bottom:var(--gap-vertical)}.adm-space.adm-space-block{display:flex}.adm-space-align-center{align-items:center}.adm-space-align-start{align-items:flex-start}.adm-space-align-end{align-items:flex-end}.adm-space-align-baseline{align-items:baseline}.adm-space-justify-center{justify-content:center}.adm-space-justify-start{justify-content:flex-start}.adm-space-justify-end{justify-content:flex-end}.adm-space-justify-between{justify-content:space-between}.adm-space-justify-around{justify-content:space-around}.adm-space-justify-evenly{justify-content:space-evenly}.adm-space-justify-stretch{justify-content:stretch}.adm-image-uploader{--cell-size: 80px}.adm-image-uploader-space{--gap: 12px}.adm-image-uploader-cell{position:relative;width:var(--cell-size);height:var(--cell-size);border-radius:4px;overflow:hidden}.adm-image-uploader-cell-fail{border:red solid 1px;box-sizing:border-box}.adm-image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:var(--adm-color-white);cursor:pointer}.adm-image-uploader-cell-delete-icon{position:absolute;left:4px;top:3px}.adm-image-uploader-cell-mask{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--adm-color-white);background-color:#323233e0}.adm-image-uploader-cell-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box;padding-top:8px}.adm-image-uploader-cell-mask-message{display:inline-block;padding:6px 4px;font-size:var(--adm-font-size-4)}.adm-image-uploader-cell-image{width:var(--cell-size);height:var(--cell-size)}.adm-image-uploader-upload-button-wrap{position:relative}.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button{background-color:var(--adm-color-box);text-align:center;line-height:var(--cell-size);display:block}.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon{color:#999;font-size:32px}.adm-image-uploader-upload-button-wrap .adm-image-uploader-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border-radius:4px}.adm-index-bar{--color: var(--adm-color-text);overflow:hidden;height:100%;position:relative;background-color:var(--adm-color-white);--sticky-offset-top: 0}.adm-index-bar-body{overflow:scroll;height:100%;width:100%}.adm-index-bar-body::-webkit-scrollbar{display:none}.adm-index-bar-anchor-title{display:flex;flex-direction:column;justify-content:center;height:35px;padding:0 12px;color:var(--adm-color-weak);font-size:var(--adm-font-size-main);background-color:var(--adm-color-box)}.adm-index-bar-sidebar{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:910;overflow:visible;color:var(--adm-color-weak);font-size:var(--adm-font-size-4);-webkit-user-select:none;user-select:none;touch-action:none}.adm-index-bar-sidebar-bubble{position:absolute;top:50%;right:42px;width:47px;height:47px;color:var(--adm-color-white);font-size:25px;line-height:47px;text-align:center;background:var(--adm-color-light);border-radius:50%;transform:translateY(-50%)}.adm-index-bar-sidebar-row{cursor:pointer;width:auto;text-align:right;position:relative;padding:0 12px}.adm-index-bar-sidebar-row>*{pointer-events:none}.adm-index-bar-sidebar-item{display:inline-flex;width:16px;height:16px;line-height:16px;justify-content:center;align-items:center}.adm-index-bar-sidebar-item-active{color:var(--adm-color-white);background-color:var(--adm-color-primary);border-radius:50%}.adm-index-bar-sidebar-interacting{width:100%}.adm-index-bar-sticky .adm-index-bar-anchor-title{position:-webkit-sticky;position:sticky;z-index:900;top:var(--sticky-offset-top);left:0}.adm-infinite-scroll{color:var(--adm-color-weak);padding:18px;display:flex;justify-content:center;align-items:center;font-size:var(--adm-font-size-main)}.adm-infinite-scroll-failed-text{display:inline-block;margin-right:8px}.adm-input{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--text-align: left;--background-color: transparent;display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:100%;max-height:100%;min-height:24px;background-color:var(--background-color)}.adm-input-disabled{opacity:.4;cursor:not-allowed}.adm-input-element{flex:auto;display:inline-block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-input-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element:-webkit-autofill{background-color:transparent}.adm-input-element:read-only{cursor:default}.adm-input-element:invalid{box-shadow:none}.adm-input-element::-ms-clear{display:none}.adm-input-element::-ms-reveal{display:none}.adm-input-element::-webkit-search-cancel-button{display:none}.adm-input-element::-webkit-search-decoration{display:none}.adm-input-element:disabled{opacity:1}.adm-input-element[type=date],.adm-input-element[type=time],.adm-input-element[type=datetime-local]{min-height:1.5em}.adm-input-element[type=search]{-webkit-appearance:none}.adm-input-element[readonly]{pointer-events:none}.adm-input-clear{flex:none;margin-left:8px;color:var(--adm-color-light);padding:4px;cursor:pointer}.adm-input-clear:active{color:var(--adm-color-weak)}.adm-input-clear .antd-mobile-icon{display:block;font-size:var(--adm-font-size-7)}.adm-jumbo-tabs{--gap: 8px;position:relative;min-width:0}.adm-jumbo-tabs-header{position:relative;border-bottom:solid 1px var(--adm-color-border)}.adm-jumbo-tabs-tab-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;position:relative;overflow-x:scroll;padding:0 var(--gap);scrollbar-width:none}.adm-jumbo-tabs-tab-list::-webkit-scrollbar{display:none}.adm-jumbo-tabs-tab-wrapper{flex:auto;padding:0 calc(var(--gap) / 2);text-align:center}.adm-jumbo-tabs-tab{display:flex;flex-direction:column;align-items:center;position:relative;width:-webkit-min-content;width:min-content;margin:0 auto;padding:12px 0;cursor:pointer;font-size:var(--adm-font-size-9);white-space:nowrap}.adm-jumbo-tabs-tab-title{line-height:24px;padding:0 4px}.adm-jumbo-tabs-tab-description{width:-webkit-min-content;width:min-content;padding:0 8px;border-radius:10px;color:var(--adm-color-weak);font-size:var(--adm-font-size-main);background-color:var(--adm-color-box)}.adm-jumbo-tabs-tab-active{color:var(--adm-color-primary)}.adm-jumbo-tabs-tab-active .adm-jumbo-tabs-tab-description{color:var(--adm-color-white);background-color:var(--adm-color-primary)}.adm-jumbo-tabs-tab-disabled{opacity:.5;cursor:not-allowed}.adm-jumbo-tabs-content{padding:12px}.adm-modal{--z-index: var(--adm-modal-z-index, 1000);---z-index: var(--z-index)}.adm-modal .adm-center-popup{--z-index: var(---z-index)}.adm-modal-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);overflow:hidden;display:flex;flex-direction:column}.adm-modal-body>*{flex:none}.adm-modal-body>.adm-modal-content{flex:auto}.adm-modal-body:not(.adm-modal-with-image){padding-top:20px}.adm-modal-image-container{margin-bottom:12px;max-height:40vh;overflow-y:scroll}.adm-modal-header{margin-bottom:8px;padding:0 12px}.adm-modal-title{margin-bottom:8px;padding:0 12px;font-weight:700;font-size:var(--adm-font-size-10);line-height:25px;text-align:center}.adm-modal-content{padding:0 12px 12px;max-height:70vh;overflow-x:hidden;overflow-y:auto;font-size:var(--adm-font-size-7);line-height:1.4;color:var(--adm-color-text)}.adm-modal-footer{-webkit-user-select:none;user-select:none;padding:8px 12px 12px}.adm-modal-footer-empty{padding:0;height:8px}.adm-modal-footer.adm-space{--gap-vertical: 20px}.adm-modal-footer .adm-modal-button{font-size:var(--adm-font-size-10);line-height:25px}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary){padding-top:0;padding-bottom:0}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):before{display:none}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active{opacity:.7}.adm-nav-bar{--height: 45px;--border-bottom: none;display:flex;align-items:center;height:var(--height);border-bottom:var(--border-bottom);padding:0 12px;white-space:nowrap}.adm-nav-bar-left,.adm-nav-bar-right{flex:1}.adm-nav-bar-title{flex:auto;text-align:center;overflow:hidden;text-overflow:ellipsis}.adm-nav-bar-back{display:flex;align-items:center;margin-right:16px;padding:6px 0;cursor:pointer}.adm-nav-bar-back-arrow{font-size:24px;margin-right:4px}.adm-nav-bar-left{font-size:var(--adm-font-size-7);display:flex;justify-content:flex-start;align-items:center}.adm-nav-bar-title{justify-content:center;white-space:nowrap;font-size:var(--adm-font-size-10);padding:0 12px}.adm-nav-bar-right{text-align:right}.adm-notice-bar{--background-color: #ababab;--border-color: #999999;--text-color: var(--adm-color-white);--font-size: var(--adm-font-size-7);--icon-font-size: var(--adm-font-size-10);--height: 38px;height:var(--height);box-sizing:border-box;font-size:var(--font-size);line-height:var(--height);padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:solid 1px var(--border-color);border-left:none;border-right:none;background-color:var(--background-color);color:var(--text-color)}.adm-notice-bar>span[role=img]{color:var(--text-color)}.adm-notice-bar.adm-notice-bar-alert{--background-color: #fff9ed;--border-color: #fff3e9;--text-color: #ff6010}.adm-notice-bar.adm-notice-bar-error{--background-color: #ff3b30;--border-color: #d9281e;--text-color: #ffffff}.adm-notice-bar.adm-notice-bar-info{--background-color: #d0e4ff;--border-color: #bcd8ff;--text-color: #1677ff}.adm-notice-bar .adm-notice-bar-left{flex-shrink:0;margin-right:8px;font-size:var(--icon-font-size);line-height:var(--height)}.adm-notice-bar .adm-notice-bar-content{flex:1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center}.adm-notice-bar .adm-notice-bar-content .adm-notice-bar-content-inner{width:auto;transition-timing-function:linear;position:absolute;white-space:nowrap}.adm-notice-bar .adm-notice-bar-right{flex-shrink:0;margin-left:12px}.adm-notice-bar-close{width:24px;height:24px;margin-right:-3px;display:flex;align-items:center;justify-content:center}.adm-notice-bar-close-icon{font-size:var(--adm-font-size-10)}.adm-number-keyboard-main{display:flex;flex-wrap:wrap;flex:1}.adm-number-keyboard-main.adm-number-keyboard-main-confirmed-style .adm-number-keyboard-key-sign{background-color:var(--adm-color-white)}.adm-number-keyboard-popup.adm-popup{width:100%;-webkit-user-select:none;user-select:none;z-index:1050}.adm-number-keyboard-popup.adm-popup .adm-popup-body{background-color:var(--adm-color-box)}.adm-number-keyboard-wrapper{display:flex}.adm-number-keyboard-header{height:34px;line-height:34px;border-top:solid 1px var(--adm-color-border);display:flex;justify-content:center;align-items:center;padding:0 12px;color:var(--adm-color-weak);background-color:var(--adm-color-background)}.adm-number-keyboard-header-close-button{padding:0 12px;font-size:16px}.adm-number-keyboard-header.adm-number-keyboard-header-with-title{justify-content:space-between}.adm-number-keyboard-header.adm-number-keyboard-header-with-title .adm-number-keyboard-header-close-button{padding-right:0}.adm-number-keyboard-footer{background:var(--adm-color-white)}.adm-number-keyboard-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-number-keyboard-confirm{width:25%}.adm-number-keyboard-key{flex:1 33.33%;position:relative;display:flex;align-items:center;justify-content:center;height:48px;font-size:22px;box-sizing:border-box;border:solid 1px var(--adm-color-border);border-bottom:none;border-left:none}.adm-number-keyboard-key:nth-child(3n),.adm-number-keyboard-key:last-child{border-right:none}.adm-number-keyboard-key:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#000;border:inherit;border-color:#000;border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" ";box-sizing:content-box}.adm-number-keyboard-key.adm-number-keyboard-key-mid{flex-basis:66.67%}.adm-number-keyboard-key.adm-number-keyboard-key-sign:active:before{opacity:.1}.adm-number-keyboard-key.adm-number-keyboard-key-extra{border-left:solid 1px var(--adm-color-border);border-right:none}.adm-number-keyboard-key.adm-number-keyboard-key-extra,.adm-number-keyboard-key.adm-number-keyboard-key-number{background-color:var(--adm-color-background)}.adm-number-keyboard-key.adm-number-keyboard-key-extra:active:before,.adm-number-keyboard-key.adm-number-keyboard-key-number:active:before{opacity:.1}.adm-number-keyboard-key.adm-number-keyboard-key-ok{background-color:var(--adm-color-primary);color:var(--adm-color-white);height:144px;font-size:16px;border:none}.adm-page-indicator{display:flex;width:auto;--dot-color: rgba(0, 0, 0, .2);--active-dot-color: var(--adm-color-primary);--dot-size: 3px;--active-dot-size: 13px;--dot-border-radius: 1px;--active-dot-border-radius: var(--dot-border-radius);--dot-spacing: 3px}.adm-page-indicator-dot{display:block;width:var(--dot-size);height:var(--dot-size);border-radius:var(--dot-border-radius);background:var(--dot-color)}.adm-page-indicator-dot:last-child{margin-right:0}.adm-page-indicator-dot-active{border-radius:var(--active-dot-border-radius);background:var(--active-dot-color)}.adm-page-indicator-color-white{--active-dot-color: var(--adm-color-white)}.adm-page-indicator-horizontal{flex-direction:row}.adm-page-indicator-horizontal .adm-page-indicator-dot{margin-right:var(--dot-spacing)}.adm-page-indicator-horizontal .adm-page-indicator-dot-active{width:var(--active-dot-size)}.adm-page-indicator-vertical{flex-direction:column}.adm-page-indicator-vertical .adm-page-indicator-dot{margin-bottom:var(--dot-spacing)}.adm-page-indicator-vertical .adm-page-indicator-dot-active{height:var(--active-dot-size)}.adm-passcode-input{position:relative;display:inline-block;--cell-size: 40px;--cell-gap: 6px;--dot-size: 10px;--border-color: #e5e5e5;--border-radius: 8px}.adm-passcode-input-cell-container{display:inline-flex;vertical-align:top}.adm-passcode-input-cell{flex:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-size:var(--adm-font-size-10);width:var(--cell-size);height:var(--cell-size);background:var(--adm-color-background)}.adm-passcode-input:not(.adm-passcode-input-seperated){border-radius:var(--border-radius);overflow:hidden;border:1px solid var(--border-color)}.adm-passcode-input:not(.adm-passcode-input-seperated) .adm-passcode-input-cell:not(:last-child){border-right:1px solid var(--border-color)}.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-focused{border-color:var(--adm-color-primary);box-shadow:0 0 2px 0 var(--adm-color-primary);outline:none}.adm-passcode-input:not(.adm-passcode-input-seperated).adm-passcode-input-error{border-color:var(--adm-color-danger);box-shadow:0 0 2px 0 var(--adm-color-danger);animation:.1s ease-in-out 0s 3 normal none running adm-shake-horizontal}.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell{border-radius:var(--border-radius);border:1px solid var(--border-color)}.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell:not(:last-child){margin-right:var(--cell-gap)}.adm-passcode-input.adm-passcode-input-seperated .adm-passcode-input-cell-focused{border-color:var(--adm-color-primary);box-shadow:0 0 2px 0 var(--adm-color-primary)}.adm-passcode-input-seperated.adm-passcode-input-focused{outline:none}.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error{animation:.1s ease-in-out 0s 3 normal none running adm-shake-horizontal}.adm-passcode-input.adm-passcode-input-seperated.adm-passcode-input-error .adm-passcode-input-cell{border-color:var(--adm-color-danger);box-shadow:0 0 2px 0 var(--adm-color-danger)}.adm-passcode-input-cell-dot:before{content:"";width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--adm-color-text)}.adm-passcode-input-cell-caret:after{content:"";width:2px;height:1.1em;margin-left:1px;background:var(--adm-color-primary);animation:1s linear infinite adm-caret-blink}.adm-passcode-input>.adm-passcode-input-native-input{position:absolute;left:-200vw;top:0;display:block;width:50px;height:20px;opacity:.5}@keyframes adm-shake-horizontal{0%{transform:translate(0)}10%{transform:translate(-4px)}20%{transform:translate(5px)}30%{transform:translate(-1px)}40%{transform:translate(8px)}50%{transform:translate(0)}60%{transform:translate(-8px)}70%{transform:translate(1px)}80%{transform:translate(-5px)}90%{transform:translate(4px)}to{transform:translate(0)}}.adm-progress-bar{--track-width: var(--adm-progress-bar-track-width, 8px);--track-color: var(--adm-progress-bar-track-color, #e5e5e5);--fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));--text-width: var(--adm-progress-bar-text-width, 40px);display:flex;align-items:center}.adm-progress-bar-trail{flex:auto;background:var(--track-color);overflow:hidden;height:var(--track-width)}.adm-progress-bar-fill{transition:width .3s;background:var(--fill-color);height:var(--track-width)}.adm-progress-bar-text{flex:none;width:calc(var(--text-width) + 8px);padding-left:8px;color:#999}.adm-progress-bar-rounded .adm-progress-bar-trail,.adm-progress-bar-rounded .adm-progress-bar-fill{border-radius:var(--track-width)}.adm-progress-circle{--track-width: var(--adm-progress-circle-track-width, 3px);--size: var(--adm-progress-circle-size, 50px);--track-color: var(--adm-progress-circle-track-color, #e5e5e5);--fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));--percent: 0;--pi: 3.14159265;--radius: calc(var(--size) / 2 - var(--track-width) / 2);--circumference: calc(var(--radius) * var(--pi) * 2);display:inline-block;width:var(--size);height:var(--size)}.adm-progress-circle-svg{width:100%;height:100%}.adm-progress-circle-svg>.adm-progress-circle-track,.adm-progress-circle-svg .adm-progress-circle-fill{stroke-width:var(--track-width);r:var(--radius);cx:calc(var(--size) / 2);cy:calc(var(--size) / 2);transform:rotate(-90deg);transform-origin:50% 50%}.adm-progress-circle-svg>.adm-progress-circle-track{stroke:var(--track-color)}.adm-progress-circle-svg>.adm-progress-circle-fill{transition:stroke-dashoffset .35s;stroke:var(--fill-color);stroke-dasharray:var(--circumference);stroke-dashoffset:calc(var(--circumference) * (1 - var(--percent) / 100));stroke-linecap:round}.adm-progress-circle-content{position:relative;margin:auto;width:100%;height:100%}.adm-progress-circle-info{position:absolute;width:100%;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}.adm-pull-to-refresh-head{overflow:hidden;position:relative}.adm-pull-to-refresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--adm-color-weak);display:flex;justify-content:center;align-items:center}.adm-radio{--icon-size: 22px;--font-size: var(--adm-font-size-9);--gap: 8px;display:inline-flex;vertical-align:text-bottom;justify-content:flex-start;align-items:center;cursor:pointer}.adm-radio input{display:none}.adm-radio .adm-radio-icon{flex:none;border:1px solid var(--adm-color-light);border-radius:var(--icon-size);box-sizing:border-box;width:var(--icon-size);height:var(--icon-size);color:var(--adm-color-white)}.adm-radio .adm-radio-icon>svg{display:block;width:100%;height:100%}.adm-radio.adm-radio-block{display:flex}.adm-radio.adm-radio-checked .adm-radio-icon{border-color:var(--adm-color-primary);background-color:var(--adm-color-primary)}.adm-radio.adm-radio-disabled{cursor:not-allowed}.adm-radio.adm-radio-disabled .adm-radio-content{opacity:.4}.adm-radio.adm-radio-disabled .adm-radio-icon{color:#b7b7b7;border-color:var(--adm-color-light);background-color:var(--adm-color-box)}.adm-radio .adm-radio-custom-icon{font-size:var(--icon-size)}.adm-radio-content{flex:0 1 auto;font-size:var(--font-size);padding-left:var(--gap)}.adm-rate{--star-size: 24px;--active-color: #ffd21e;--inactive-color: var(--adm-color-border);display:inline-flex;touch-action:pan-y;-webkit-user-select:none;user-select:none}.adm-rate-box{position:relative}.adm-rate-star{padding:.125em;line-height:var(--star-size);font-size:var(--star-size);color:var(--inactive-color);text-align:center;overflow:hidden;cursor:pointer;box-sizing:border-box;transition:all .3s}.adm-rate-star-half{padding-right:0;width:50%;position:absolute;left:0;top:0}.adm-rate-star-active{color:var(--active-color)}.adm-rate-star-readonly{cursor:unset}.adm-result{padding:32px 12px;background-color:var(--adm-color-background)}.adm-result-icon{box-sizing:border-box;width:64px;height:64px;margin:0 auto 20px;padding:6px}.adm-result-icon .antd-mobile-icon{font-size:52px}.adm-result-title{color:var(--adm-color-text);font-size:var(--adm-font-size-10);line-height:1.4;text-align:center}.adm-result-description{margin-top:8px;color:var(--adm-color-weak);font-size:var(--adm-font-size-main);line-height:1.4;text-align:center}.adm-result-success .adm-result-icon .antd-mobile-icon{color:var(--adm-color-primary)}.adm-result-error .adm-result-icon .antd-mobile-icon{color:var(--adm-color-danger)}.adm-result-info .adm-result-icon .antd-mobile-icon{color:var(--adm-color-primary)}.adm-result-waiting .adm-result-icon .antd-mobile-icon{color:var(--adm-color-success)}.adm-result-warning .adm-result-icon .antd-mobile-icon{color:var(--adm-color-warning)}.adm-result-page{--background-color: var(--adm-color-primary);position:relative;background-color:var(--adm-color-box);min-height:100vh;width:100%}.adm-result-page-header{display:flex;align-items:center;flex-direction:column;background-color:transparent;position:relative;padding:20px 20px 100px;z-index:1;overflow:hidden}.adm-result-page-icon{color:var(--adm-color-background);box-sizing:border-box;padding:2px;margin-bottom:8px}.adm-result-page-icon .antd-mobile-icon{font-size:32px}.adm-result-page-title{font-size:var(--adm-font-size-10);color:var(--adm-color-background);line-height:1.4;text-align:center}.adm-result-page-description{margin-top:8px;margin-bottom:24px;font-size:var(--adm-font-size-6);color:#fff9;line-height:1.4;text-align:center}.adm-result-page-details{width:100%}.adm-result-page-detail{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px;color:var(--adm-color-background);font-size:var(--adm-font-size-6)}.adm-result-page-detail-bold{font-weight:600}.adm-result-page-collapse{opacity:.6;width:10px;height:10px;margin:auto auto 5px;border-top:2px solid var(--adm-color-background);border-right:2px solid var(--adm-color-background);transform:rotate(135deg)}.adm-result-page-collapse-active{transform:rotate(-45deg)}.adm-result-page-bgWrapper{position:relative;align-self:flex-start;top:54px}.adm-result-page-bg{--width: 440vw;position:absolute;height:var(--width);width:var(--width);left:calc((var(--width) - 100vw) * -1 / 2 - 20px);top:calc(var(--width) * -1 + 1vw);border-radius:50%;background-color:var(--background-color);z-index:-1}.adm-result-page-content{position:relative;padding:12px;top:-104px;z-index:2}.adm-result-page-footer{position:fixed;bottom:0;width:100%;padding:12px 12px 24px;display:flex;justify-content:center;background-color:var(--adm-color-box);z-index:3}.adm-result-page-footer-btn{flex:1;max-width:calc((100vw - 36px)/2)}.adm-result-page-footer-space{width:12px}.adm-result-page-card{border-radius:8px;background-color:var(--adm-color-background)}.adm-search-bar{--height: 32px;--padding-left: 8px;--background: var(--adm-color-box);--border-radius: 6px;--placeholder-color: var(--adm-color-weak);---placeholder-color: var(--placeholder-color);display:flex;justify-content:center;align-items:center;height:var(--height)}.adm-search-bar .adm-search-bar-input-box{flex:auto;background:var(--background);border-radius:var(--border-radius);border:solid 1px transparent;display:flex;justify-content:center;align-items:center;padding-left:var(--padding-left)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon{flex:none;color:var(--adm-color-light);font-size:var(--adm-font-size-8)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input{flex:auto;padding:4px 8px 4px 4px;height:calc(var(--height) - 2px);box-sizing:border-box}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input{--placeholder-color: var(---placeholder-color);--font-size: var(--adm-font-size-7)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element{line-height:19px}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon{padding-left:8px}.adm-search-bar .adm-search-bar-suffix{flex:none;margin-left:4px}.adm-search-bar .adm-search-bar-cancel-button.adm-button{padding:3px 12px}.adm-search-bar-active .adm-input.adm-input.adm-input{--placeholder-color: var(--adm-color-light)}.adm-search-bar-active .adm-search-bar-input-box{border-color:var(--adm-color-primary);background:var(--adm-color-background)}.adm-selector{--color: var(--adm-color-box);--checked-color: #e7f1ff;--text-color: var(--adm-color-text);--checked-text-color: var(--adm-color-primary);--border: none;--checked-border: none;--border-radius: 2px;--padding: 8px 16px;overflow:hidden;font-size:var(--adm-font-size-7);line-height:1.4}.adm-selector .adm-space.adm-space{--gap: 12px}.adm-selector-item{padding:var(--padding);position:relative;background-color:var(--color);border:var(--border);border-radius:var(--border-radius);color:var(--text-color);opacity:1;cursor:pointer;display:inline-block;text-align:center;overflow:hidden;vertical-align:top}.adm-selector-item-description{font-size:var(--adm-font-size-main);color:var(--adm-color-weak)}.adm-selector-item-active,.adm-selector-item-multiple-active{color:var(--checked-text-color);background-color:var(--checked-color);border:var(--checked-border)}.adm-selector-item .adm-selector-check-mark-wrapper{position:absolute;right:0;bottom:0;width:0;height:0;border-top:solid 8px transparent;border-bottom:solid 8px var(--adm-color-primary);border-left:solid 10px transparent;border-right:solid 10px var(--adm-color-primary)}.adm-selector-item .adm-selector-check-mark-wrapper>svg{position:absolute;left:0;top:0;height:6px;width:8px}.adm-selector-item-disabled{cursor:not-allowed;opacity:.4}.adm-side-bar{--height: 100%;--width: 105px;--item-border-radius: 8px;--background-color: var(--adm-color-box);width:var(--width);height:var(--height);box-sizing:border-box;font-size:var(--adm-font-size-main);overflow-y:auto;transform:translateZ(0);-webkit-transform:translateZ(0);background-color:var(--background-color);display:flex;flex-direction:column}.adm-side-bar-items{flex:none;overflow:hidden}.adm-side-bar-extra-space{flex:auto;overflow:hidden;position:relative}.adm-side-bar-item{display:flex;align-items:center;box-sizing:border-box;padding:16px 12px;position:relative;cursor:pointer;background-color:var(--background-color);overflow:visible}.adm-side-bar-item-highlight{position:absolute;height:100%;width:2px;left:-12px;top:0;background:var(--adm-color-primary);border-radius:2px}.adm-side-bar-item-active{color:var(--adm-color-primary);background-color:var(--adm-color-background);position:relative}.adm-side-bar-item-corner{width:var(--item-border-radius);height:var(--item-border-radius);position:absolute;z-index:100;right:0;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-side-bar-item-corner-top{top:0;transform:rotate(-90deg)}.adm-side-bar-item-corner-bottom{bottom:0}.adm-side-bar-item-disabled{cursor:not-allowed}.adm-side-bar-item-disabled .adm-side-bar-item-title{opacity:.4}.adm-side-bar-badge.adm-badge{--right: -4px}.adm-slider{--fill-color: var(--adm-color-primary);padding:5px 14px;list-style:none;-webkit-user-select:none;user-select:none}.adm-slider-track-container{padding:8px 0}.adm-slider-track{position:relative;width:100%;height:3px;background-color:var(--adm-color-box);border-radius:3px}.adm-slider-fill{position:absolute;z-index:1;height:3px;border-radius:3px;background-color:var(--fill-color)}.adm-slider-ticks{position:absolute;width:100%;height:3px;background:transparent}.adm-slider-tick{position:absolute;top:-2px;width:7px;height:7px;margin-left:-3px;background-color:var(--adm-color-box);border-radius:50%}.adm-slider-tick-active{background-color:var(--fill-color)}.adm-slider-thumb{width:28px;height:28px;margin:2px;border-radius:50%;text-align:center;line-height:28px;background:var(--adm-color-white);box-shadow:0 2px 5px #0000001f;color:var(--fill-color)}.adm-slider-thumb:focus{outline:none}.adm-slider-thumb-icon{width:12px;height:12px;margin:8px;-webkit-user-select:none;user-select:none}.adm-slider-thumb-container{cursor:-webkit-grab;cursor:grab;touch-action:none;position:absolute;z-index:2;width:32px;height:32px;border-radius:50%;top:50%;transform:translate(-50%,-50%)}.adm-slider-mark{position:relative;width:100%;overflow:visible;font-size:var(--adm-font-size-3);height:11px;margin-top:10px}.adm-slider-mark-text{position:absolute;display:inline-block;line-height:1;color:var(--adm-color-text);text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.adm-slider-disabled{opacity:.4}.adm-slider-disabled .adm-slider-thumb{cursor:not-allowed}.adm-slider-disabled .adm-slider-mark-text,.adm-slider-disabled .adm-slider-tick{cursor:not-allowed;box-shadow:none}.adm-stepper{--height: 28px;--input-width: 44px;--input-font-size: var(--adm-font-size-main);--input-font-color: var(--adm-color-text);--input-background-color: var(--adm-color-box);--border-radius: 2px;--border: none;--border-inner: solid 2px transparent;--active-border: var(--border);--button-font-size: var(--adm-font-size-7);--button-text-color: var(--adm-color-primary);--button-background-color: var(--adm-color-box);--button-width: var(--height);display:flex;align-items:center;box-sizing:border-box;position:relative;overflow:hidden;width:calc(var(--input-width) + 2 * var(--button-width));border:var(--border);border-radius:var(--border-radius)}.adm-stepper-active{border:var(--active-border)}.adm-stepper-middle{flex:1;border-left:var(--border-inner);border-right:var(--border-inner)}.adm-stepper .adm-stepper-input{height:var(--height);--background-color: var(--input-background-color);--font-size: var(--input-font-size);--color: var(--input-font-color);--text-align: center}.adm-stepper-minus,.adm-stepper-plus{width:var(--button-width);height:var(--height);padding:0;color:var(--button-text-color);background-color:var(--button-background-color);font-size:var(--button-font-size);--border-width: 0}.adm-stepper-minus:disabled,.adm-stepper-plus:disabled{color:var(--adm-color-weak)}.adm-stepper-minus svg,.adm-stepper-plus svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.adm-stepper-minus,.adm-stepper-plus{border-radius:0}.adm-step{--line-to-next-color: #e5e5e5;--icon-color: #e5e5e5}.adm-step .adm-step-indicator{position:relative}.adm-step .adm-step-indicator:after{content:"";position:absolute;z-index:0;background-color:var(--line-to-next-color)}.adm-step .adm-step-indicator .adm-step-icon-container{position:absolute;z-index:1;background:var(--adm-color-background);color:var(--icon-color)}.adm-step .adm-step-indicator .adm-step-icon-container>.antd-mobile-icon{display:block}.adm-step:last-child .adm-step-indicator:after{display:none}.adm-step-status-finish{--line-to-next-color: var(--adm-color-primary)}.adm-step-status-wait{--icon-color: #e5e5e5}.adm-step-status-wait .adm-step-title{color:var(--adm-color-weak)}.adm-step-status-process{--icon-color: var(--adm-color-primary)}.adm-step-status-process .adm-step-title{color:var(--adm-color-primary)}.adm-step-status-finish{--icon-color: var(--adm-color-primary)}.adm-step-status-error{--icon-color: var(--adm-color-danger)}.adm-step-status-error .adm-step-title{color:var(--adm-color-danger)}.adm-steps{--title-font-size: var(--adm-font-size-main);--description-font-size: var(--adm-font-size-4);--indicator-margin-right: 0;--icon-size: 18px;width:100%;box-sizing:border-box}.adm-steps-horizontal{display:flex;justify-content:space-around;padding:8px 0}.adm-steps-horizontal .adm-step{flex:1}.adm-steps-horizontal .adm-step .adm-step-indicator{width:100%;height:24px}.adm-steps-horizontal .adm-step .adm-step-indicator:after{left:50%;top:50%;height:1px;transform:translateY(-50%);width:100%}.adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container{left:50%;top:50%;transform:translate(-50%,-50%)}.adm-steps-horizontal .adm-step-content{text-align:center;font-size:var(--description-font-size);padding:2px 8px 0}.adm-steps-horizontal .adm-step-content .adm-step-title{font-size:var(--title-font-size)}.adm-steps-horizontal .adm-step-content .adm-step-description{margin-top:4px;color:var(--adm-color-weak)}.adm-steps-vertical{padding:8px 16px}.adm-steps-vertical .adm-step{display:flex;align-items:stretch}.adm-steps-vertical .adm-step .adm-step-indicator{flex:none;width:24px;margin-right:var(--indicator-margin-right)}.adm-steps-vertical .adm-step .adm-step-indicator:after{left:50%;top:calc(var(--title-font-size) * 1.5 / 2);width:1px;transform:translate(-50%);height:100%}.adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container{top:calc(var(--title-font-size) * 1.5 / 2);left:50%;transform:translate(-50%,-50%)}.adm-steps-vertical .adm-step:last-child .adm-step-content{padding-bottom:0}.adm-steps-vertical .adm-step .adm-step-content{flex:auto;padding-bottom:24px}.adm-steps-vertical .adm-step .adm-step-content .adm-step-title{font-size:var(--title-font-size);line-height:1.5}.adm-steps-vertical .adm-step .adm-step-content .adm-step-description{padding-top:4px;font-size:var(--description-font-size);color:var(--adm-color-weak)}.adm-step-icon-container{font-size:var(--icon-size)}.adm-step-icon-dot{display:block;width:8px;height:8px;background:currentColor;border-radius:4px}.adm-swipe-action{--background: var(--adm-color-background);background:var(--background);cursor:-webkit-grab;cursor:grab;overflow:hidden;touch-action:pan-y}.adm-swipe-action-track{position:relative;overflow:visible}.adm-swipe-action-actions{position:absolute;display:flex;justify-content:center;align-items:stretch;width:auto;white-space:nowrap}.adm-swipe-action-actions-right{left:100%;top:0;height:100%}.adm-swipe-action-actions-left{right:100%;top:0;height:100%}.adm-swipe-action-action-button.adm-button{--border-radius: 0;--border-width: 0;--text-color: var(--adm-color-white);padding-left:20px;padding-right:20px}.adm-swiper{--height: auto;--width: 100%;--border-radius: 0;--track-padding: 0;--slide-size: 100%;--track-offset: 0%;display:block;width:var(--width);height:var(--height);position:relative;border-radius:var(--border-radius);z-index:0;overflow:hidden}.adm-swiper-track{width:100%;height:100%;white-space:nowrap;padding:var(--track-padding)}.adm-swiper-track-allow-touch-move{cursor:-webkit-grab;cursor:grab}.adm-swiper-track-inner{width:100%;height:100%;overflow:visible;position:relative;display:flex;flex-wrap:nowrap}.adm-swiper-slide{width:100%;height:100%;display:block;position:relative;white-space:unset;flex:none}.adm-swiper-item{display:block;width:100%;height:100%;white-space:normal}.adm-swiper-horizontal .adm-swiper-track-allow-touch-move{touch-action:pan-y}.adm-swiper-horizontal .adm-swiper-indicator{position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.adm-swiper-horizontal .adm-swiper-track{transform:translate(var(--track-offset))}.adm-swiper-horizontal .adm-swiper-track-inner{flex-direction:row;width:var(--slide-size)}.adm-swiper-vertical .adm-swiper-track-allow-touch-move{touch-action:pan-x}.adm-swiper-vertical .adm-swiper-indicator{position:absolute;right:6px;top:50%;transform:translateY(-50%)}.adm-swiper-vertical .adm-swiper-track{transform:translateY(var(--track-offset))}.adm-swiper-vertical .adm-swiper-track-inner{flex-direction:column;height:var(--slide-size)}@keyframes loading-rotate{to{transform:rotate(1turn)}}.adm-switch{--checked-color: var(--adm-color-primary);--height: 31px;--width: 51px;--border-width: 2px;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;align-self:center;cursor:pointer}.adm-switch input{display:none}.adm-switch-checkbox{min-width:var(--width);height:var(--height);box-sizing:border-box;border-radius:31px;background:var(--adm-color-border);z-index:0;overflow:hidden;line-height:var(--height)}.adm-switch-checkbox:before{content:" ";position:absolute;left:var(--border-width);top:var(--border-width);width:calc(100% - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));box-sizing:border-box;background:var(--adm-color-background);z-index:1;transition:all .2s;transform:scale(1)}.adm-switch-handle{display:flex;justify-content:center;align-items:center;width:calc(var(--height) - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));background:var(--adm-color-white);position:absolute;z-index:2;top:var(--border-width);left:var(--border-width);transition:all .2s;box-shadow:0 0 2px #0003,0 2px 11.5px #00000014,-1px 2px 2px #0000001a}.adm-switch-inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;margin:0 8px 0 calc(var(--height) - var(--border-width) + 4px);height:100%;color:var(--adm-color-weak);transition:margin .2s;font-size:var(--adm-font-size-7)}.adm-switch.adm-switch-checked .adm-switch-checkbox{background:var(--checked-color)}.adm-switch.adm-switch-checked .adm-switch-checkbox:before{transform:scale(0)}.adm-switch.adm-switch-checked .adm-switch-handle{left:calc(100% - (var(--height) - var(--border-width)))}.adm-switch.adm-switch-checked .adm-switch-inner{margin:0 calc(var(--height) - var(--border-width) + 5px) 0 10px;color:var(--adm-color-white)}.adm-switch.adm-switch-disabled{cursor:not-allowed;opacity:.4}.adm-switch-spin-icon{width:14px;height:14px;animation:loading-rotate 1s linear infinite}.adm-tab-bar-wrap{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow:hidden;min-height:48px}.adm-tab-bar-item{flex:1;color:var(--adm-color-weak);white-space:nowrap;padding:4px 8px;width:-webkit-min-content;width:min-content;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column}.adm-tab-bar-item-icon{font-size:24px;height:24px;line-height:1}.adm-tab-bar-item-title{font-size:var(--adm-font-size-3);line-height:15px}.adm-tab-bar-item-title-with-icon{margin-top:2px}.adm-tab-bar-item-active{color:var(--adm-color-primary)}.adm-tab-bar-icon-badge{--top: 6px}.adm-tab-bar-title-badge{--right: -2px;--top: -2px}.adm-tag{--border-radius: var(--adm-tag-border-radius, 2px);padding:2px 4px;font-size:var(--adm-font-size-3);line-height:1;font-weight:400;background:var(--background-color);color:var(--text-color);display:inline-block;white-space:nowrap;border-radius:var(--border-radius);border:1px solid var(--border-color);box-sizing:border-box}.adm-tag-round{border-radius:100px}.adm-text-area{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--disabled-color: var(--adm-color-weak);--text-align: left;--count-text-align: right;width:100%;max-width:100%;max-height:100%}.adm-text-area-element{font-family:var(--adm-font-family);resize:none;flex:auto;display:block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-text-area-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-text-area-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-text-area-element:-webkit-autofill{background-color:transparent}.adm-text-area-element:disabled{color:var(--disabled-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--disabled-color)}.adm-text-area-element:read-only{cursor:default}.adm-text-area-element:invalid{box-shadow:none}.adm-text-area-element::-ms-clear{display:none}.adm-text-area-element[readonly]{pointer-events:none}.adm-text-area-count{text-align:var(--count-text-align);color:var(--adm-color-weak);font-size:var(--adm-font-size-9);padding-top:8px}.adm-toast-mask .adm-toast-wrap{position:fixed;top:0;left:0;width:100%;height:100%}.adm-toast-mask .adm-toast-main{display:inline-block;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;min-width:96px;max-width:200px;max-height:70%;overflow:auto;color:#fff;word-break:break-all;background-color:#000000b3;border-radius:8px;pointer-events:all;font-size:var(--adm-font-size-7);line-height:1.5;box-sizing:border-box}.adm-toast-mask .adm-toast-main-text{padding:12px}.adm-toast-mask .adm-toast-main-icon{padding:35px 40px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{text-align:center;margin-bottom:8px;font-size:36px;line-height:1}.adm-toast-loading{--size: 48px;margin:0 auto 8px}.adm-tree-select,.adm-tree-select-multiple{display:flex;height:100%;font-size:var(--adm-font-size-main);background-color:var(--adm-color-white)}.adm-tree-select-column,.adm-tree-select-multiple-column{overflow-y:auto;transform:translateZ(0);-webkit-transform:translateZ(0)}.adm-tree-select-column:first-child,.adm-tree-select-multiple-column:first-child{background-color:var(--adm-color-box)}.adm-tree-select-column:nth-child(2),.adm-tree-select-multiple-column:nth-child(2){background-color:#fafafa}.adm-tree-select-item,.adm-tree-select-multiple-item{display:flex;align-items:center;min-height:50px;box-sizing:border-box;padding:6px 12px;position:relative}.adm-tree-select-item-active,.adm-tree-select-multiple-item-expand{color:var(--adm-color-primary);font-weight:700;background-color:#fff}.adm-tree-select-multiple-item-checkbox{margin-right:8px}.adm-tree-select-multiple-dot{position:absolute;top:50%;margin-top:-3px;right:8px;width:6px;height:6px;background:var(--adm-color-primary);border-radius:3px}.adm-virtual-input{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--disabled-color: var(--adm-color-weak);--text-align: left;--caret-width: var(--adm-virtual-input-caret-width, 2px);--caret-color: var(--adm-virtual-input-caret-color, var(--adm-color-primary));display:flex;justify-content:flex-start;align-items:center;position:relative;text-align:var(--text-align);font-size:var(--font-size);line-height:1.5;white-space:nowrap;color:var(--color)}.adm-virtual-input>*{vertical-align:top}.adm-virtual-input-content{flex:auto;display:inline-block;position:relative;z-index:1;width:100%;max-width:100%;overflow-y:hidden;overflow-x:scroll;scrollbar-width:none}.adm-virtual-input-content::-webkit-scrollbar{display:none}.adm-virtual-input-placeholder{display:block;position:absolute;z-index:0;left:0;top:0;width:100%;overflow:hidden;text-align:var(--text-align);color:var(--placeholder-color)}.adm-virtual-input-caret-container{display:inline-block;width:var(--caret-width);height:1.3em;vertical-align:top;margin-right:1px}.adm-virtual-input-caret{width:100%;height:100%;background-color:var(--caret-color);position:relative;top:5%}.adm-virtual-input:focus{outline:none}.adm-virtual-input:focus .adm-virtual-input-caret{display:block;animation-name:adm-caret-blink;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.adm-virtual-input-disabled{color:var(--disabled-color)}@keyframes adm-caret-blink{0%{opacity:1}60%{opacity:1}80%{opacity:0}to{opacity:0}}.adm-virtual-input-clear{flex:none;margin-left:8px;color:var(--placeholder-color);padding:3px;cursor:pointer}.adm-virtual-input-clear .antd-mobile-icon{display:block;font-size:var(--adm-font-size-6)}.adm-water-mark{--z-index: var(--adm-water-mark-z-index, 2000);position:absolute;z-index:var(--z-index);left:0;right:0;top:0;bottom:0;pointer-events:none;background-repeat:repeat}.adm-water-mark-full-page{position:fixed}