antd-mobile 5.17.2 → 5.20.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 -19174
  2. package/2x/bundle/antd-mobile.compatible.umd.js +25815 -0
  3. package/2x/bundle/antd-mobile.es.js +16532 -17127
  4. package/2x/bundle/antd-mobile.umd.js +64 -0
  5. package/2x/bundle/style.css +237 -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 +3 -3
  9. package/2x/cjs/components/calendar/index.d.ts +1 -1
  10. package/2x/cjs/components/cascader/cascader.d.ts +2 -0
  11. package/2x/cjs/components/cascader/index.d.ts +1 -0
  12. package/2x/cjs/components/cascader-view/cascader-view.d.ts +2 -1
  13. package/2x/cjs/components/cascader-view/cascader-view.js +2 -1
  14. package/2x/cjs/components/dialog/show.d.ts +1 -1
  15. package/2x/cjs/components/form/context.d.ts +1 -1
  16. package/2x/cjs/components/form/form-item.js +9 -4
  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/notice-bar/notice-bar.css +9 -0
  22. package/2x/cjs/components/notice-bar/notice-bar.js +5 -3
  23. package/2x/cjs/components/number-keyboard/number-keyboard.css +11 -15
  24. package/2x/cjs/components/number-keyboard/number-keyboard.d.ts +1 -1
  25. package/2x/cjs/components/number-keyboard/number-keyboard.js +19 -17
  26. package/2x/cjs/components/passcode-input/index.d.ts +1 -1
  27. package/2x/cjs/components/passcode-input/passcode-input.css +12 -12
  28. package/2x/cjs/components/passcode-input/passcode-input.js +16 -8
  29. package/2x/cjs/components/rate/rate.css +1 -0
  30. package/2x/cjs/components/rate/rate.js +38 -5
  31. package/2x/cjs/components/rate/star.js +0 -10
  32. package/2x/cjs/components/result/result.d.ts +1 -1
  33. package/2x/cjs/components/result/result.js +7 -1
  34. package/2x/cjs/components/search-bar/search-bar.js +12 -2
  35. package/2x/cjs/components/swipe-action/swipe-action.d.ts +2 -0
  36. package/2x/cjs/components/swipe-action/swipe-action.js +34 -6
  37. package/2x/cjs/components/swiper/swiper.js +14 -0
  38. package/2x/cjs/components/switch/switch.d.ts +2 -1
  39. package/2x/cjs/components/switch/switch.js +16 -3
  40. package/2x/cjs/locales/base.d.ts +9 -0
  41. package/2x/cjs/locales/base.js +9 -0
  42. package/2x/cjs/locales/en-US.d.ts +9 -0
  43. package/2x/cjs/locales/es-ES.d.ts +9 -0
  44. package/2x/cjs/locales/fa-IR.d.ts +9 -0
  45. package/2x/cjs/locales/fr-FR.d.ts +9 -0
  46. package/2x/cjs/locales/id-ID.d.ts +9 -0
  47. package/2x/cjs/locales/id-ID.js +13 -0
  48. package/2x/cjs/locales/kk-KZ.d.ts +9 -0
  49. package/2x/cjs/locales/ko-KR.d.ts +9 -0
  50. package/2x/cjs/locales/zh-CN.d.ts +9 -0
  51. package/2x/cjs/locales/zh-CN.js +9 -0
  52. package/2x/cjs/locales/zh-HK.d.ts +9 -0
  53. package/2x/cjs/locales/zh-TW.d.ts +9 -0
  54. package/2x/cjs/utils/matrix.d.ts +10 -0
  55. package/2x/cjs/utils/matrix.js +60 -0
  56. package/2x/cjs/utils/merge-locale.d.ts +1 -1
  57. package/2x/cjs/utils/merge-locale.js +15 -5
  58. package/2x/cjs/utils/use-drag-and-pinch.d.ts +1 -1
  59. package/2x/cjs/utils/use-props-value.js +1 -1
  60. package/2x/cjs/utils/use-resize-effect.js +3 -1
  61. package/2x/cjs/utils/with-default-props.js +2 -6
  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 +3 -3
  65. package/2x/es/components/calendar/index.d.ts +1 -1
  66. package/2x/es/components/cascader/cascader.d.ts +2 -0
  67. package/2x/es/components/cascader/index.d.ts +1 -0
  68. package/2x/es/components/cascader-view/cascader-view.d.ts +2 -1
  69. package/2x/es/components/cascader-view/cascader-view.js +2 -1
  70. package/2x/es/components/dialog/show.d.ts +1 -1
  71. package/2x/es/components/form/context.d.ts +1 -1
  72. package/2x/es/components/form/form-item.js +8 -4
  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/notice-bar/notice-bar.css +9 -0
  78. package/2x/es/components/notice-bar/notice-bar.js +5 -3
  79. package/2x/es/components/number-keyboard/number-keyboard.css +11 -15
  80. package/2x/es/components/number-keyboard/number-keyboard.d.ts +1 -1
  81. package/2x/es/components/number-keyboard/number-keyboard.js +19 -17
  82. package/2x/es/components/passcode-input/index.d.ts +1 -1
  83. package/2x/es/components/passcode-input/passcode-input.css +12 -12
  84. package/2x/es/components/passcode-input/passcode-input.js +15 -8
  85. package/2x/es/components/rate/rate.css +1 -0
  86. package/2x/es/components/rate/rate.js +32 -5
  87. package/2x/es/components/rate/star.js +0 -10
  88. package/2x/es/components/result/result.d.ts +1 -1
  89. package/2x/es/components/result/result.js +6 -1
  90. package/2x/es/components/search-bar/search-bar.js +12 -2
  91. package/2x/es/components/swipe-action/swipe-action.d.ts +2 -0
  92. package/2x/es/components/swipe-action/swipe-action.js +34 -6
  93. package/2x/es/components/swiper/swiper.js +14 -0
  94. package/2x/es/components/switch/switch.d.ts +2 -1
  95. package/2x/es/components/switch/switch.js +15 -3
  96. package/2x/es/locales/base.d.ts +9 -0
  97. package/2x/es/locales/base.js +9 -0
  98. package/2x/es/locales/en-US.d.ts +9 -0
  99. package/2x/es/locales/es-ES.d.ts +9 -0
  100. package/2x/es/locales/fa-IR.d.ts +9 -0
  101. package/2x/es/locales/fr-FR.d.ts +9 -0
  102. package/2x/es/locales/id-ID.d.ts +9 -0
  103. package/2x/es/locales/id-ID.js +13 -0
  104. package/2x/es/locales/kk-KZ.d.ts +9 -0
  105. package/2x/es/locales/ko-KR.d.ts +9 -0
  106. package/2x/es/locales/zh-CN.d.ts +9 -0
  107. package/2x/es/locales/zh-CN.js +9 -0
  108. package/2x/es/locales/zh-HK.d.ts +9 -0
  109. package/2x/es/locales/zh-TW.d.ts +9 -0
  110. package/2x/es/utils/matrix.d.ts +10 -0
  111. package/2x/es/utils/matrix.js +27 -0
  112. package/2x/es/utils/merge-locale.d.ts +1 -1
  113. package/2x/es/utils/merge-locale.js +17 -3
  114. package/2x/es/utils/use-drag-and-pinch.d.ts +1 -1
  115. package/2x/es/utils/use-props-value.js +1 -1
  116. package/2x/es/utils/use-resize-effect.js +3 -1
  117. package/2x/es/utils/with-default-props.js +2 -4
  118. package/2x/package.json +6 -6
  119. package/2x/umd/antd-mobile.js +25815 -2
  120. package/bundle/antd-mobile.cjs.js +47 -19174
  121. package/bundle/antd-mobile.compatible.umd.js +25815 -0
  122. package/bundle/antd-mobile.es.js +16532 -17127
  123. package/bundle/antd-mobile.umd.js +64 -0
  124. package/bundle/style.css +1 -4080
  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 +3 -3
  128. package/cjs/components/calendar/index.d.ts +1 -1
  129. package/cjs/components/cascader/cascader.d.ts +2 -0
  130. package/cjs/components/cascader/index.d.ts +1 -0
  131. package/cjs/components/cascader-view/cascader-view.d.ts +2 -1
  132. package/cjs/components/cascader-view/cascader-view.js +2 -1
  133. package/cjs/components/dialog/show.d.ts +1 -1
  134. package/cjs/components/form/context.d.ts +1 -1
  135. package/cjs/components/form/form-item.js +9 -4
  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/notice-bar/notice-bar.css +8 -0
  141. package/cjs/components/notice-bar/notice-bar.js +5 -3
  142. package/cjs/components/number-keyboard/number-keyboard.css +11 -14
  143. package/cjs/components/number-keyboard/number-keyboard.d.ts +1 -1
  144. package/cjs/components/number-keyboard/number-keyboard.js +19 -17
  145. package/cjs/components/passcode-input/index.d.ts +1 -1
  146. package/cjs/components/passcode-input/passcode-input.css +12 -12
  147. package/cjs/components/passcode-input/passcode-input.js +16 -8
  148. package/cjs/components/rate/rate.css +1 -0
  149. package/cjs/components/rate/rate.js +38 -5
  150. package/cjs/components/rate/star.js +0 -10
  151. package/cjs/components/result/result.d.ts +1 -1
  152. package/cjs/components/result/result.js +7 -1
  153. package/cjs/components/search-bar/search-bar.js +12 -2
  154. package/cjs/components/swipe-action/swipe-action.d.ts +2 -0
  155. package/cjs/components/swipe-action/swipe-action.js +34 -6
  156. package/cjs/components/swiper/swiper.js +14 -0
  157. package/cjs/components/switch/switch.d.ts +2 -1
  158. package/cjs/components/switch/switch.js +16 -3
  159. package/cjs/locales/base.d.ts +9 -0
  160. package/cjs/locales/base.js +9 -0
  161. package/cjs/locales/en-US.d.ts +9 -0
  162. package/cjs/locales/es-ES.d.ts +9 -0
  163. package/cjs/locales/fa-IR.d.ts +9 -0
  164. package/cjs/locales/fr-FR.d.ts +9 -0
  165. package/cjs/locales/id-ID.d.ts +9 -0
  166. package/cjs/locales/id-ID.js +13 -0
  167. package/cjs/locales/kk-KZ.d.ts +9 -0
  168. package/cjs/locales/ko-KR.d.ts +9 -0
  169. package/cjs/locales/zh-CN.d.ts +9 -0
  170. package/cjs/locales/zh-CN.js +9 -0
  171. package/cjs/locales/zh-HK.d.ts +9 -0
  172. package/cjs/locales/zh-TW.d.ts +9 -0
  173. package/cjs/utils/matrix.d.ts +10 -0
  174. package/cjs/utils/matrix.js +60 -0
  175. package/cjs/utils/merge-locale.d.ts +1 -1
  176. package/cjs/utils/merge-locale.js +15 -5
  177. package/cjs/utils/use-drag-and-pinch.d.ts +1 -1
  178. package/cjs/utils/use-props-value.js +1 -1
  179. package/cjs/utils/use-resize-effect.js +3 -1
  180. package/cjs/utils/with-default-props.js +2 -6
  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 +3 -3
  184. package/es/components/calendar/index.d.ts +1 -1
  185. package/es/components/cascader/cascader.d.ts +2 -0
  186. package/es/components/cascader/index.d.ts +1 -0
  187. package/es/components/cascader-view/cascader-view.d.ts +2 -1
  188. package/es/components/cascader-view/cascader-view.js +2 -1
  189. package/es/components/dialog/show.d.ts +1 -1
  190. package/es/components/form/context.d.ts +1 -1
  191. package/es/components/form/form-item.js +8 -4
  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/notice-bar/notice-bar.css +8 -0
  197. package/es/components/notice-bar/notice-bar.js +5 -3
  198. package/es/components/number-keyboard/number-keyboard.css +11 -14
  199. package/es/components/number-keyboard/number-keyboard.d.ts +1 -1
  200. package/es/components/number-keyboard/number-keyboard.js +19 -17
  201. package/es/components/passcode-input/index.d.ts +1 -1
  202. package/es/components/passcode-input/passcode-input.css +12 -12
  203. package/es/components/passcode-input/passcode-input.js +15 -8
  204. package/es/components/rate/rate.css +1 -0
  205. package/es/components/rate/rate.js +32 -5
  206. package/es/components/rate/star.js +0 -10
  207. package/es/components/result/result.d.ts +1 -1
  208. package/es/components/result/result.js +6 -1
  209. package/es/components/search-bar/search-bar.js +12 -2
  210. package/es/components/swipe-action/swipe-action.d.ts +2 -0
  211. package/es/components/swipe-action/swipe-action.js +34 -6
  212. package/es/components/swiper/swiper.js +14 -0
  213. package/es/components/switch/switch.d.ts +2 -1
  214. package/es/components/switch/switch.js +15 -3
  215. package/es/locales/base.d.ts +9 -0
  216. package/es/locales/base.js +9 -0
  217. package/es/locales/en-US.d.ts +9 -0
  218. package/es/locales/es-ES.d.ts +9 -0
  219. package/es/locales/fa-IR.d.ts +9 -0
  220. package/es/locales/fr-FR.d.ts +9 -0
  221. package/es/locales/id-ID.d.ts +9 -0
  222. package/es/locales/id-ID.js +13 -0
  223. package/es/locales/kk-KZ.d.ts +9 -0
  224. package/es/locales/ko-KR.d.ts +9 -0
  225. package/es/locales/zh-CN.d.ts +9 -0
  226. package/es/locales/zh-CN.js +9 -0
  227. package/es/locales/zh-HK.d.ts +9 -0
  228. package/es/locales/zh-TW.d.ts +9 -0
  229. package/es/utils/matrix.d.ts +10 -0
  230. package/es/utils/matrix.js +27 -0
  231. package/es/utils/merge-locale.d.ts +1 -1
  232. package/es/utils/merge-locale.js +17 -3
  233. package/es/utils/use-drag-and-pinch.d.ts +1 -1
  234. package/es/utils/use-props-value.js +1 -1
  235. package/es/utils/use-resize-effect.js +3 -1
  236. package/es/utils/with-default-props.js +2 -4
  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,4080 +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-icon {
2508
- font-size: var(--adm-font-size-10);
2509
- }
2510
- .adm-number-keyboard-main {
2511
- display: flex;
2512
- flex-wrap: wrap;
2513
- flex: 1;
2514
- }
2515
- .adm-number-keyboard-main.confirmed-style .sign-key {
2516
- background-color: var(--adm-color-white);
2517
- }
2518
- .adm-number-keyboard-popup.adm-popup {
2519
- width: 100%;
2520
- -webkit-user-select: none;
2521
- user-select: none;
2522
- z-index: 1050;
2523
- }
2524
- .adm-number-keyboard-popup.adm-popup .adm-popup-body {
2525
- background-color: var(--adm-color-box);
2526
- }
2527
- .adm-number-keyboard-wrapper {
2528
- display: flex;
2529
- }
2530
- .adm-number-keyboard-header {
2531
- height: 34px;
2532
- line-height: 34px;
2533
- border-top: solid 1px var(--adm-color-border);
2534
- display: flex;
2535
- justify-content: center;
2536
- align-items: center;
2537
- padding: 0 12px;
2538
- color: var(--adm-color-weak);
2539
- background-color: var(--adm-color-background);
2540
- }
2541
- .adm-number-keyboard-header-close-button {
2542
- padding: 0 12px;
2543
- font-size: 16px;
2544
- }
2545
- .adm-number-keyboard-header.with-title {
2546
- justify-content: space-between;
2547
- }
2548
- .adm-number-keyboard-header.with-title .adm-number-keyboard-header-close-button {
2549
- padding-right: 0;
2550
- }
2551
- .adm-number-keyboard-footer {
2552
- background: var(--adm-color-white);
2553
- }
2554
- .adm-number-keyboard-title {
2555
- white-space: nowrap;
2556
- overflow: hidden;
2557
- text-overflow: ellipsis;
2558
- }
2559
- .adm-number-keyboard-confirm {
2560
- width: 25%;
2561
- }
2562
- .adm-number-keyboard-key {
2563
- flex: 1 33.33%;
2564
- position: relative;
2565
- display: flex;
2566
- align-items: center;
2567
- justify-content: center;
2568
- height: 48px;
2569
- font-size: 22px;
2570
- box-sizing: border-box;
2571
- border: solid 1px var(--adm-color-border);
2572
- border-bottom: none;
2573
- border-left: none;
2574
- }
2575
- .adm-number-keyboard-key:nth-child(3n),
2576
- .adm-number-keyboard-key:last-child {
2577
- border-right: none;
2578
- }
2579
- .adm-number-keyboard-key::before {
2580
- position: absolute;
2581
- top: 50%;
2582
- left: 50%;
2583
- width: 100%;
2584
- height: 100%;
2585
- background-color: #000;
2586
- border: inherit;
2587
- border-color: #000;
2588
- border-radius: inherit;
2589
- transform: translate(-50%, -50%);
2590
- opacity: 0;
2591
- content: ' ';
2592
- box-sizing: content-box;
2593
- }
2594
- .adm-number-keyboard-key.mid-key {
2595
- flex-basis: 66.67%;
2596
- }
2597
- .adm-number-keyboard-key.sign-key:active::before {
2598
- opacity: 0.1;
2599
- }
2600
- .adm-number-keyboard-key.extra-key {
2601
- border-left: solid 1px var(--adm-color-border);
2602
- border-right: none;
2603
- }
2604
- .adm-number-keyboard-key.extra-key,
2605
- .adm-number-keyboard-key.number-key {
2606
- background-color: var(--adm-color-background);
2607
- }
2608
- .adm-number-keyboard-key.extra-key:active::before,
2609
- .adm-number-keyboard-key.number-key:active::before {
2610
- opacity: 0.1;
2611
- }
2612
- .adm-number-keyboard-key.ok-key {
2613
- background-color: var(--adm-color-primary);
2614
- color: var(--adm-color-white);
2615
- height: 144px;
2616
- font-size: 16px;
2617
- border: none;
2618
- }
2619
- .adm-number-keyboard-bs-key {
2620
- height: 20px;
2621
- }
2622
- .adm-page-indicator {
2623
- display: flex;
2624
- width: auto;
2625
- --dot-color: rgba(0, 0, 0, 0.2);
2626
- --active-dot-color: var(--adm-color-primary);
2627
- --dot-size: 3px;
2628
- --active-dot-size: 13px;
2629
- --dot-border-radius: 1px;
2630
- --active-dot-border-radius: var(--dot-border-radius);
2631
- --dot-spacing: 3px;
2632
- }
2633
- .adm-page-indicator-dot {
2634
- display: block;
2635
- width: var(--dot-size);
2636
- height: var(--dot-size);
2637
- border-radius: var(--dot-border-radius);
2638
- background: var(--dot-color);
2639
- }
2640
- .adm-page-indicator-dot:last-child {
2641
- margin-right: 0;
2642
- }
2643
- .adm-page-indicator-dot-active {
2644
- border-radius: var(--active-dot-border-radius);
2645
- background: var(--active-dot-color);
2646
- }
2647
- .adm-page-indicator-color-white {
2648
- --active-dot-color: var(--adm-color-white);
2649
- }
2650
- .adm-page-indicator-horizontal {
2651
- flex-direction: row;
2652
- }
2653
- .adm-page-indicator-horizontal .adm-page-indicator-dot {
2654
- margin-right: var(--dot-spacing);
2655
- }
2656
- .adm-page-indicator-horizontal .adm-page-indicator-dot-active {
2657
- width: var(--active-dot-size);
2658
- }
2659
- .adm-page-indicator-vertical {
2660
- flex-direction: column;
2661
- }
2662
- .adm-page-indicator-vertical .adm-page-indicator-dot {
2663
- margin-bottom: var(--dot-spacing);
2664
- }
2665
- .adm-page-indicator-vertical .adm-page-indicator-dot-active {
2666
- height: var(--active-dot-size);
2667
- }
2668
- .adm-passcode-input {
2669
- position: relative;
2670
- display: inline-block;
2671
- --cell-size: 40px;
2672
- --cell-gap: 6px;
2673
- --dot-size: 10px;
2674
- --border-color: #e5e5e5;
2675
- --border-radius: 8px;
2676
- }
2677
- .adm-passcode-input-cell-container {
2678
- display: inline-flex;
2679
- vertical-align: top;
2680
- }
2681
- .adm-passcode-input-cell {
2682
- flex: none;
2683
- display: flex;
2684
- align-items: center;
2685
- justify-content: center;
2686
- box-sizing: border-box;
2687
- font-size: var(--adm-font-size-10);
2688
- width: var(--cell-size);
2689
- height: var(--cell-size);
2690
- background: var(--adm-color-background);
2691
- }
2692
- .adm-passcode-input:not(.seperated) {
2693
- border-radius: var(--border-radius);
2694
- overflow: hidden;
2695
- border: 1px solid var(--border-color);
2696
- }
2697
- .adm-passcode-input:not(.seperated) .adm-passcode-input-cell:not(:last-child) {
2698
- border-right: 1px solid var(--border-color);
2699
- }
2700
- .adm-passcode-input:not(.seperated).focused {
2701
- border-color: var(--adm-color-primary);
2702
- box-shadow: 0 0 2px 0 var(--adm-color-primary);
2703
- outline: none;
2704
- }
2705
- .adm-passcode-input:not(.seperated).error {
2706
- border-color: var(--adm-color-danger);
2707
- box-shadow: 0 0 2px 0 var(--adm-color-danger);
2708
- animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
2709
- }
2710
- .adm-passcode-input.seperated .adm-passcode-input-cell {
2711
- border-radius: var(--border-radius);
2712
- border: 1px solid var(--border-color);
2713
- }
2714
- .adm-passcode-input.seperated .adm-passcode-input-cell:not(:last-child) {
2715
- margin-right: var(--cell-gap);
2716
- }
2717
- .adm-passcode-input.seperated .adm-passcode-input-cell.focused {
2718
- border-color: var(--adm-color-primary);
2719
- box-shadow: 0 0 2px 0 var(--adm-color-primary);
2720
- }
2721
- .adm-passcode-input.seperated.focused {
2722
- outline: none;
2723
- }
2724
- .adm-passcode-input.seperated.error {
2725
- animation: 100ms ease-in-out 0s 3 normal none running adm-shake-horizontal;
2726
- }
2727
- .adm-passcode-input.seperated.error .adm-passcode-input-cell {
2728
- border-color: var(--adm-color-danger);
2729
- box-shadow: 0 0 2px 0 var(--adm-color-danger);
2730
- }
2731
- .adm-passcode-input-cell.dot::before {
2732
- content: '';
2733
- width: var(--dot-size);
2734
- height: var(--dot-size);
2735
- border-radius: 50%;
2736
- background: var(--adm-color-text);
2737
- }
2738
- .adm-passcode-input-cell.caret::after {
2739
- content: '';
2740
- width: 2px;
2741
- height: 1.1em;
2742
- margin-left: 1px;
2743
- background: var(--adm-color-primary);
2744
- animation: 1s linear infinite adm-caret-blink;
2745
- }
2746
- .adm-passcode-input > .adm-passcode-input-native-input {
2747
- position: absolute;
2748
- left: -200vw;
2749
- top: 0;
2750
- display: block;
2751
- width: 50px;
2752
- height: 20px;
2753
- opacity: 0.5;
2754
- }
2755
- @keyframes adm-shake-horizontal {
2756
- 0% {
2757
- transform: translateX(0);
2758
- }
2759
- 10% {
2760
- transform: translateX(-4px);
2761
- }
2762
- 20% {
2763
- transform: translateX(5px);
2764
- }
2765
- 30% {
2766
- transform: translateX(-1px);
2767
- }
2768
- 40% {
2769
- transform: translateX(8px);
2770
- }
2771
- 50% {
2772
- transform: translateX(0);
2773
- }
2774
- 60% {
2775
- transform: translateX(-8px);
2776
- }
2777
- 70% {
2778
- transform: translateX(1px);
2779
- }
2780
- 80% {
2781
- transform: translateX(-5px);
2782
- }
2783
- 90% {
2784
- transform: translateX(4px);
2785
- }
2786
- 100% {
2787
- transform: translateX(0);
2788
- }
2789
- }
2790
- @keyframes adm-caret-blink {
2791
- from {
2792
- opacity: 1;
2793
- }
2794
- 60% {
2795
- opacity: 1;
2796
- }
2797
- 80% {
2798
- opacity: 0;
2799
- }
2800
- to {
2801
- opacity: 0;
2802
- }
2803
- }
2804
- .adm-progress-bar {
2805
- --track-width: var(--adm-progress-bar-track-width, 8px);
2806
- --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
2807
- --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
2808
- --text-width: var(--adm-progress-bar-text-width, 40px);
2809
- display: flex;
2810
- align-items: center;
2811
- }
2812
- .adm-progress-bar-trail {
2813
- flex: auto;
2814
- background: var(--track-color);
2815
- overflow: hidden;
2816
- height: var(--track-width);
2817
- }
2818
- .adm-progress-bar-fill {
2819
- transition: width 0.3s;
2820
- background: var(--fill-color);
2821
- height: var(--track-width);
2822
- }
2823
- .adm-progress-bar-text {
2824
- flex: none;
2825
- width: calc(var(--text-width) + 8px);
2826
- padding-left: 8px;
2827
- color: #999999;
2828
- }
2829
- .adm-progress-bar-rounded .adm-progress-bar-trail,
2830
- .adm-progress-bar-rounded .adm-progress-bar-fill {
2831
- border-radius: var(--track-width);
2832
- }
2833
- /*进度圈*/
2834
- .adm-progress-circle {
2835
- --track-width: var(--adm-progress-circle-track-width, 3px);
2836
- --size: var(--adm-progress-circle-size, 50px);
2837
- --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
2838
- --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
2839
- --percent: 0;
2840
- --pi: 3.14159265;
2841
- --radius: calc(var(--size) / 2 - var(--track-width) / 2);
2842
- --circumference: calc(var(--radius) * var(--pi) * 2);
2843
- display: inline-block;
2844
- width: var(--size);
2845
- height: var(--size);
2846
- }
2847
- .adm-progress-circle-svg {
2848
- width: 100%;
2849
- height: 100%;
2850
- }
2851
- .adm-progress-circle-svg > .adm-progress-circle-track,
2852
- .adm-progress-circle-svg .adm-progress-circle-fill {
2853
- stroke-width: var(--track-width);
2854
- r: var(--radius);
2855
- cx: calc(var(--size) / 2);
2856
- cy: calc(var(--size) / 2);
2857
- transform: rotate(-90deg);
2858
- transform-origin: 50% 50%;
2859
- }
2860
- .adm-progress-circle-svg > .adm-progress-circle-track {
2861
- stroke: var(--track-color);
2862
- }
2863
- .adm-progress-circle-svg > .adm-progress-circle-fill {
2864
- transition: stroke-dashoffset 0.35s;
2865
- stroke: var(--fill-color);
2866
- stroke-dasharray: var(--circumference);
2867
- stroke-dashoffset: calc(var(--circumference) * (1 - var(--percent) / 100));
2868
- stroke-linecap: round;
2869
- }
2870
- .adm-progress-circle-content {
2871
- position: relative;
2872
- margin: auto;
2873
- width: 100%;
2874
- height: 100%;
2875
- }
2876
- .adm-progress-circle-info {
2877
- position: absolute;
2878
- width: 100%;
2879
- top: 50%;
2880
- left: 50%;
2881
- text-align: center;
2882
- transform: translate(-50%, -50%);
2883
- }
2884
- .adm-pull-to-refresh-head {
2885
- overflow: hidden;
2886
- position: relative;
2887
- }
2888
- .adm-pull-to-refresh-head-content {
2889
- position: absolute;
2890
- bottom: 0;
2891
- left: 0;
2892
- width: 100%;
2893
- color: var(--adm-color-weak);
2894
- display: flex;
2895
- justify-content: center;
2896
- align-items: center;
2897
- }
2898
- .adm-radio {
2899
- --icon-size: 22px;
2900
- --font-size: var(--adm-font-size-9);
2901
- --gap: 8px;
2902
- display: inline-flex;
2903
- vertical-align: text-bottom;
2904
- justify-content: flex-start;
2905
- align-items: center;
2906
- cursor: pointer;
2907
- }
2908
- .adm-radio input {
2909
- display: none;
2910
- }
2911
- .adm-radio .adm-radio-icon {
2912
- flex: none;
2913
- border: 1px solid var(--adm-color-light);
2914
- border-radius: var(--icon-size);
2915
- box-sizing: border-box;
2916
- width: var(--icon-size);
2917
- height: var(--icon-size);
2918
- color: var(--adm-color-white);
2919
- }
2920
- .adm-radio .adm-radio-icon > svg {
2921
- display: block;
2922
- width: 100%;
2923
- height: 100%;
2924
- }
2925
- .adm-radio.adm-radio-block {
2926
- display: flex;
2927
- }
2928
- .adm-radio.adm-radio-checked .adm-radio-icon {
2929
- border-color: var(--adm-color-primary);
2930
- background-color: var(--adm-color-primary);
2931
- }
2932
- .adm-radio.adm-radio-disabled {
2933
- cursor: not-allowed;
2934
- }
2935
- .adm-radio.adm-radio-disabled .adm-radio-content {
2936
- opacity: 0.4;
2937
- }
2938
- .adm-radio.adm-radio-disabled .adm-radio-icon {
2939
- color: #b7b7b7;
2940
- border-color: var(--adm-color-light);
2941
- background-color: var(--adm-color-box);
2942
- }
2943
- .adm-radio .adm-radio-custom-icon {
2944
- font-size: var(--icon-size);
2945
- }
2946
- .adm-radio-content {
2947
- flex: 0 1 auto;
2948
- font-size: var(--font-size);
2949
- padding-left: var(--gap);
2950
- }
2951
- .adm-rate {
2952
- --star-size: 24px;
2953
- --active-color: #ffd21e;
2954
- --inactive-color: var(--adm-color-border);
2955
- display: inline-flex;
2956
- }
2957
- .adm-rate-box {
2958
- position: relative;
2959
- }
2960
- .adm-rate-star {
2961
- padding: 0.125em;
2962
- line-height: var(--star-size);
2963
- font-size: var(--star-size);
2964
- color: var(--inactive-color);
2965
- text-align: center;
2966
- overflow: hidden;
2967
- cursor: pointer;
2968
- box-sizing: border-box;
2969
- }
2970
- .adm-rate-star-half {
2971
- padding-right: 0;
2972
- width: 50%;
2973
- position: absolute;
2974
- left: 0;
2975
- top: 0;
2976
- }
2977
- .adm-rate-star-active {
2978
- color: var(--active-color);
2979
- }
2980
- .adm-rate-star-readonly {
2981
- cursor: unset;
2982
- }
2983
- .adm-result {
2984
- padding: 32px 12px;
2985
- background-color: var(--adm-color-background);
2986
- }
2987
- .adm-result-icon {
2988
- box-sizing: border-box;
2989
- width: 64px;
2990
- height: 64px;
2991
- margin: 0 auto 20px auto;
2992
- padding: 6px;
2993
- }
2994
- .adm-result-icon .antd-mobile-icon {
2995
- font-size: 52px;
2996
- }
2997
- .adm-result-title {
2998
- color: var(--adm-color-text);
2999
- font-size: var(--adm-font-size-10);
3000
- line-height: 1.4;
3001
- text-align: center;
3002
- }
3003
- .adm-result-description {
3004
- margin-top: 8px;
3005
- color: var(--adm-color-weak);
3006
- font-size: var(--adm-font-size-main);
3007
- line-height: 1.4;
3008
- text-align: center;
3009
- }
3010
- .adm-result-success .adm-result-icon .antd-mobile-icon {
3011
- color: var(--adm-color-primary);
3012
- }
3013
- .adm-result-error .adm-result-icon .antd-mobile-icon {
3014
- color: var(--adm-color-danger);
3015
- }
3016
- .adm-result-info .adm-result-icon .antd-mobile-icon {
3017
- color: var(--adm-color-primary);
3018
- }
3019
- .adm-result-waiting .adm-result-icon .antd-mobile-icon {
3020
- color: var(--adm-color-success);
3021
- }
3022
- .adm-result-warning .adm-result-icon .antd-mobile-icon {
3023
- color: var(--adm-color-warning);
3024
- }
3025
- .adm-search-bar {
3026
- --height: 32px;
3027
- --padding-left: 8px;
3028
- --background: var(--adm-color-box);
3029
- --border-radius: 6px;
3030
- --placeholder-color: var(--adm-color-weak);
3031
- ---placeholder-color: var(--placeholder-color);
3032
- display: flex;
3033
- justify-content: center;
3034
- align-items: center;
3035
- height: var(--height);
3036
- }
3037
- .adm-search-bar .adm-search-bar-input-box {
3038
- flex: auto;
3039
- background: var(--background);
3040
- border-radius: var(--border-radius);
3041
- border: solid 1px transparent;
3042
- display: flex;
3043
- justify-content: center;
3044
- align-items: center;
3045
- padding-left: var(--padding-left);
3046
- }
3047
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon {
3048
- flex: none;
3049
- color: var(--adm-color-light);
3050
- font-size: var(--adm-font-size-8);
3051
- }
3052
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input {
3053
- flex: auto;
3054
- padding: 4px 8px 4px 4px;
3055
- height: calc(var(--height) - 2px);
3056
- box-sizing: border-box;
3057
- }
3058
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input {
3059
- --placeholder-color: var(---placeholder-color);
3060
- --font-size: var(--adm-font-size-7);
3061
- }
3062
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element {
3063
- line-height: 19px;
3064
- }
3065
- .adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon {
3066
- padding-left: 8px;
3067
- }
3068
- .adm-search-bar .adm-search-bar-suffix {
3069
- flex: none;
3070
- margin-left: 4px;
3071
- }
3072
- .adm-search-bar .adm-search-bar-cancel-button.adm-button {
3073
- padding: 3px 12px;
3074
- }
3075
- .adm-search-bar-active .adm-input.adm-input.adm-input {
3076
- --placeholder-color: var(--adm-color-light);
3077
- }
3078
- .adm-search-bar-active .adm-search-bar-input-box {
3079
- border-color: var(--adm-color-primary);
3080
- background: var(--adm-color-background);
3081
- }
3082
- .adm-selector {
3083
- --color: var(--adm-color-box);
3084
- --checked-color: #e7f1ff;
3085
- --text-color: var(--adm-color-text);
3086
- --checked-text-color: var(--adm-color-primary);
3087
- --border: none;
3088
- --checked-border: none;
3089
- --border-radius: 2px;
3090
- --padding: 8px 16px;
3091
- overflow: hidden;
3092
- font-size: var(--adm-font-size-7);
3093
- line-height: 1.4;
3094
- }
3095
- .adm-selector .adm-space.adm-space {
3096
- --gap: 12px;
3097
- }
3098
- .adm-selector-item {
3099
- padding: var(--padding);
3100
- position: relative;
3101
- background-color: var(--color);
3102
- border: var(--border);
3103
- border-radius: var(--border-radius);
3104
- color: var(--text-color);
3105
- opacity: 1;
3106
- cursor: pointer;
3107
- display: inline-block;
3108
- text-align: center;
3109
- overflow: hidden;
3110
- vertical-align: top;
3111
- }
3112
- .adm-selector-item-description {
3113
- font-size: var(--adm-font-size-main);
3114
- color: var(--adm-color-weak);
3115
- }
3116
- .adm-selector-item-active,
3117
- .adm-selector-item-multiple-active {
3118
- color: var(--checked-text-color);
3119
- background-color: var(--checked-color);
3120
- border: var(--checked-border);
3121
- }
3122
- .adm-selector-item .adm-selector-check-mark-wrapper {
3123
- position: absolute;
3124
- right: 0;
3125
- bottom: 0;
3126
- width: 0;
3127
- height: 0;
3128
- border-top: solid 8px transparent;
3129
- border-bottom: solid 8px var(--adm-color-primary);
3130
- border-left: solid 10px transparent;
3131
- border-right: solid 10px var(--adm-color-primary);
3132
- }
3133
- .adm-selector-item .adm-selector-check-mark-wrapper > svg {
3134
- position: absolute;
3135
- left: 0;
3136
- top: 0;
3137
- height: 6px;
3138
- width: 8px;
3139
- }
3140
- .adm-selector-item-disabled {
3141
- cursor: not-allowed;
3142
- opacity: 0.4;
3143
- }
3144
- .adm-side-bar {
3145
- --height: 100%;
3146
- --width: 105px;
3147
- --item-border-radius: 8px;
3148
- --background-color: var(--adm-color-box);
3149
- width: var(--width);
3150
- height: var(--height);
3151
- box-sizing: border-box;
3152
- font-size: var(--adm-font-size-main);
3153
- overflow-y: auto;
3154
- transform: translateZ(0);
3155
- -webkit-transform: translateZ(0);
3156
- background-color: var(--background-color);
3157
- display: flex;
3158
- flex-direction: column;
3159
- }
3160
- .adm-side-bar-items {
3161
- flex: none;
3162
- overflow: hidden;
3163
- }
3164
- .adm-side-bar-extra-space {
3165
- flex: auto;
3166
- overflow: hidden;
3167
- position: relative;
3168
- }
3169
- .adm-side-bar-item {
3170
- display: flex;
3171
- align-items: center;
3172
- box-sizing: border-box;
3173
- padding: 16px 12px;
3174
- position: relative;
3175
- cursor: pointer;
3176
- background-color: var(--background-color);
3177
- overflow: visible;
3178
- }
3179
- .adm-side-bar-item-highlight {
3180
- position: absolute;
3181
- height: 100%;
3182
- width: 2px;
3183
- left: -12px;
3184
- top: 0;
3185
- background: var(--adm-color-primary);
3186
- border-radius: 2px;
3187
- }
3188
- .adm-side-bar-item-active {
3189
- color: var(--adm-color-primary);
3190
- background-color: var(--adm-color-background);
3191
- position: relative;
3192
- }
3193
- .adm-side-bar-item-corner {
3194
- width: var(--item-border-radius);
3195
- height: var(--item-border-radius);
3196
- position: absolute;
3197
- z-index: 100;
3198
- right: 0;
3199
- -webkit-user-select: none;
3200
- user-select: none;
3201
- pointer-events: none;
3202
- }
3203
- .adm-side-bar-item-corner-top {
3204
- top: 0;
3205
- transform: rotate(-90deg);
3206
- }
3207
- .adm-side-bar-item-corner-bottom {
3208
- bottom: 0;
3209
- }
3210
- .adm-side-bar-item-disabled {
3211
- cursor: not-allowed;
3212
- }
3213
- .adm-side-bar-item-disabled .adm-side-bar-item-title {
3214
- opacity: 0.4;
3215
- }
3216
- .adm-side-bar-badge.adm-badge {
3217
- --right: -4px;
3218
- }
3219
- .adm-slider {
3220
- --fill-color: var(--adm-color-primary);
3221
- padding: 5px 14px;
3222
- list-style: none;
3223
- -webkit-user-select: none;
3224
- user-select: none;
3225
- }
3226
- .adm-slider-track-container {
3227
- padding: 8px 0;
3228
- }
3229
- .adm-slider-track {
3230
- position: relative;
3231
- width: 100%;
3232
- height: 3px;
3233
- background-color: var(--adm-color-box);
3234
- border-radius: 3px;
3235
- }
3236
- .adm-slider-fill {
3237
- position: absolute;
3238
- z-index: 1;
3239
- height: 3px;
3240
- border-radius: 3px;
3241
- background-color: var(--fill-color);
3242
- }
3243
- .adm-slider-ticks {
3244
- position: absolute;
3245
- width: 100%;
3246
- height: 3px;
3247
- background: transparent;
3248
- }
3249
- .adm-slider-tick {
3250
- position: absolute;
3251
- top: -2px;
3252
- width: 7px;
3253
- height: 7px;
3254
- margin-left: -3px;
3255
- background-color: var(--adm-color-box);
3256
- border-radius: 50%;
3257
- }
3258
- .adm-slider-tick-active {
3259
- background-color: var(--fill-color);
3260
- }
3261
- .adm-slider-thumb {
3262
- width: 28px;
3263
- height: 28px;
3264
- margin: 2px;
3265
- border-radius: 50%;
3266
- text-align: center;
3267
- line-height: 28px;
3268
- background: var(--adm-color-white);
3269
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.12);
3270
- color: var(--fill-color);
3271
- }
3272
- .adm-slider-thumb:focus {
3273
- outline: none;
3274
- }
3275
- .adm-slider-thumb-icon {
3276
- width: 12px;
3277
- height: 12px;
3278
- margin: 8px;
3279
- -webkit-user-select: none;
3280
- user-select: none;
3281
- }
3282
- .adm-slider-thumb-container {
3283
- cursor: -webkit-grab;
3284
- cursor: grab;
3285
- touch-action: none;
3286
- position: absolute;
3287
- z-index: 2;
3288
- width: 32px;
3289
- height: 32px;
3290
- border-radius: 50%;
3291
- top: 50%;
3292
- transform: translate(-50%, -50%);
3293
- }
3294
- .adm-slider-mark {
3295
- position: relative;
3296
- width: 100%;
3297
- overflow: visible;
3298
- font-size: var(--adm-font-size-3);
3299
- height: 11px;
3300
- margin-top: 10px;
3301
- }
3302
- .adm-slider-mark-text {
3303
- position: absolute;
3304
- display: inline-block;
3305
- line-height: 1;
3306
- color: var(--adm-color-text);
3307
- text-align: center;
3308
- word-break: keep-all;
3309
- -webkit-user-select: none;
3310
- user-select: none;
3311
- transform: translateX(-50%);
3312
- }
3313
- .adm-slider-disabled {
3314
- opacity: 0.4;
3315
- }
3316
- .adm-slider-disabled .adm-slider-thumb {
3317
- cursor: not-allowed;
3318
- }
3319
- .adm-slider-disabled .adm-slider-mark-text,
3320
- .adm-slider-disabled .adm-slider-tick {
3321
- cursor: not-allowed;
3322
- box-shadow: none;
3323
- }
3324
- .adm-stepper {
3325
- --height: 28px;
3326
- --input-width: 44px;
3327
- --input-font-size: var(--adm-font-size-main);
3328
- --input-font-color: var(--adm-color-text);
3329
- --input-background-color: var(--adm-color-box);
3330
- --border-radius: 2px;
3331
- --border: none;
3332
- --border-inner: solid 2px transparent;
3333
- --active-border: var(--border);
3334
- --button-font-size: var(--adm-font-size-7);
3335
- --button-text-color: var(--adm-color-primary);
3336
- --button-background-color: var(--adm-color-box);
3337
- --button-width: var(--height);
3338
- display: flex;
3339
- align-items: center;
3340
- box-sizing: border-box;
3341
- position: relative;
3342
- overflow: hidden;
3343
- width: calc(var(--input-width) + 2 * var(--button-width));
3344
- border: var(--border);
3345
- border-radius: var(--border-radius);
3346
- }
3347
- .adm-stepper-active {
3348
- border: var(--active-border);
3349
- }
3350
- .adm-stepper-middle {
3351
- flex: 1;
3352
- border-left: var(--border-inner);
3353
- border-right: var(--border-inner);
3354
- }
3355
- .adm-stepper .adm-stepper-input {
3356
- height: var(--height);
3357
- --background-color: var(--input-background-color);
3358
- --font-size: var(--input-font-size);
3359
- --color: var(--input-font-color);
3360
- --text-align: center;
3361
- }
3362
- .adm-stepper-minus,
3363
- .adm-stepper-plus {
3364
- width: var(--button-width);
3365
- height: var(--height);
3366
- padding: 0;
3367
- color: var(--button-text-color);
3368
- background-color: var(--button-background-color);
3369
- font-size: var(--button-font-size);
3370
- --border-width: 0;
3371
- }
3372
- .adm-stepper-minus:disabled,
3373
- .adm-stepper-plus:disabled {
3374
- color: var(--adm-color-weak);
3375
- }
3376
- .adm-stepper-minus svg,
3377
- .adm-stepper-plus svg {
3378
- position: absolute;
3379
- top: 50%;
3380
- left: 50%;
3381
- transform: translate(-50%, -50%);
3382
- }
3383
- .adm-stepper-minus {
3384
- border-radius: 0;
3385
- }
3386
- .adm-stepper-plus {
3387
- border-radius: 0;
3388
- }
3389
- .adm-step {
3390
- --line-to-next-color: #e5e5e5;
3391
- --icon-color: #e5e5e5;
3392
- }
3393
- .adm-step .adm-step-indicator {
3394
- position: relative;
3395
- }
3396
- .adm-step .adm-step-indicator::after {
3397
- content: '';
3398
- position: absolute;
3399
- z-index: 0;
3400
- background-color: var(--line-to-next-color);
3401
- }
3402
- .adm-step .adm-step-indicator .adm-step-icon-container {
3403
- position: absolute;
3404
- z-index: 1;
3405
- background: var(--adm-color-background);
3406
- color: var(--icon-color);
3407
- }
3408
- .adm-step .adm-step-indicator .adm-step-icon-container > .antd-mobile-icon {
3409
- display: block;
3410
- }
3411
- .adm-step:last-child .adm-step-indicator::after {
3412
- display: none;
3413
- }
3414
- .adm-step-status-finish {
3415
- --line-to-next-color: var(--adm-color-primary);
3416
- }
3417
- .adm-step-status-wait {
3418
- --icon-color: #e5e5e5;
3419
- }
3420
- .adm-step-status-wait .adm-step-title {
3421
- color: var(--adm-color-weak);
3422
- }
3423
- .adm-step-status-process {
3424
- --icon-color: var(--adm-color-primary);
3425
- }
3426
- .adm-step-status-process .adm-step-title {
3427
- color: var(--adm-color-primary);
3428
- }
3429
- .adm-step-status-finish {
3430
- --icon-color: var(--adm-color-primary);
3431
- }
3432
- .adm-step-status-error {
3433
- --icon-color: var(--adm-color-danger);
3434
- }
3435
- .adm-step-status-error .adm-step-title {
3436
- color: var(--adm-color-danger);
3437
- }
3438
- .adm-steps {
3439
- --title-font-size: var(--adm-font-size-main);
3440
- --description-font-size: var(--adm-font-size-4);
3441
- --indicator-margin-right: 0;
3442
- --icon-size: 18px;
3443
- width: 100%;
3444
- box-sizing: border-box;
3445
- }
3446
- .adm-steps-horizontal {
3447
- display: flex;
3448
- justify-content: space-around;
3449
- padding: 8px 0;
3450
- }
3451
- .adm-steps-horizontal .adm-step {
3452
- flex: 1;
3453
- }
3454
- .adm-steps-horizontal .adm-step .adm-step-indicator {
3455
- width: 100%;
3456
- height: 24px;
3457
- }
3458
- .adm-steps-horizontal .adm-step .adm-step-indicator::after {
3459
- left: 50%;
3460
- top: 50%;
3461
- height: 1px;
3462
- transform: translateY(-50%);
3463
- width: 100%;
3464
- }
3465
- .adm-steps-horizontal .adm-step .adm-step-indicator .adm-step-icon-container {
3466
- left: 50%;
3467
- top: 50%;
3468
- transform: translate(-50%, -50%);
3469
- }
3470
- .adm-steps-horizontal .adm-step-content {
3471
- text-align: center;
3472
- font-size: var(--description-font-size);
3473
- padding: 2px 8px 0;
3474
- }
3475
- .adm-steps-horizontal .adm-step-content .adm-step-title {
3476
- font-size: var(--title-font-size);
3477
- }
3478
- .adm-steps-horizontal .adm-step-content .adm-step-description {
3479
- margin-top: 4px;
3480
- color: var(--adm-color-weak);
3481
- }
3482
- .adm-steps-vertical {
3483
- padding: 8px 16px;
3484
- }
3485
- .adm-steps-vertical .adm-step {
3486
- display: flex;
3487
- align-items: stretch;
3488
- }
3489
- .adm-steps-vertical .adm-step .adm-step-indicator {
3490
- flex: none;
3491
- width: 24px;
3492
- margin-right: var(--indicator-margin-right);
3493
- }
3494
- .adm-steps-vertical .adm-step .adm-step-indicator::after {
3495
- left: 50%;
3496
- top: calc(var(--title-font-size) * 1.5 / 2);
3497
- width: 1px;
3498
- transform: translateX(-50%);
3499
- height: 100%;
3500
- }
3501
- .adm-steps-vertical .adm-step .adm-step-indicator .adm-step-icon-container {
3502
- top: calc(var(--title-font-size) * 1.5 / 2);
3503
- left: 50%;
3504
- transform: translate(-50%, -50%);
3505
- }
3506
- .adm-steps-vertical .adm-step:last-child .adm-step-content {
3507
- padding-bottom: 0;
3508
- }
3509
- .adm-steps-vertical .adm-step .adm-step-content {
3510
- flex: auto;
3511
- padding-bottom: 24px;
3512
- }
3513
- .adm-steps-vertical .adm-step .adm-step-content .adm-step-title {
3514
- font-size: var(--title-font-size);
3515
- line-height: 1.5;
3516
- }
3517
- .adm-steps-vertical .adm-step .adm-step-content .adm-step-description {
3518
- padding-top: 4px;
3519
- font-size: var(--description-font-size);
3520
- color: var(--adm-color-weak);
3521
- }
3522
- .adm-step-icon-container {
3523
- font-size: var(--icon-size);
3524
- }
3525
- .adm-step-icon-dot {
3526
- display: block;
3527
- width: 8px;
3528
- height: 8px;
3529
- background: currentColor;
3530
- border-radius: 4px;
3531
- }
3532
- .adm-swipe-action {
3533
- --background: var(--adm-color-background);
3534
- background: var(--background);
3535
- cursor: -webkit-grab;
3536
- cursor: grab;
3537
- overflow: hidden;
3538
- touch-action: pan-y;
3539
- }
3540
- .adm-swipe-action-track {
3541
- position: relative;
3542
- overflow: visible;
3543
- }
3544
- .adm-swipe-action-actions {
3545
- position: absolute;
3546
- display: flex;
3547
- justify-content: center;
3548
- align-items: stretch;
3549
- width: auto;
3550
- white-space: nowrap;
3551
- }
3552
- .adm-swipe-action-actions-right {
3553
- left: 100%;
3554
- top: 0;
3555
- height: 100%;
3556
- }
3557
- .adm-swipe-action-actions-left {
3558
- right: 100%;
3559
- top: 0;
3560
- height: 100%;
3561
- }
3562
- .adm-swipe-action-action-button.adm-button {
3563
- --border-radius: 0;
3564
- --border-width: 0;
3565
- --text-color: var(--adm-color-white);
3566
- padding-left: 20px;
3567
- padding-right: 20px;
3568
- }
3569
- .adm-swiper {
3570
- --height: auto;
3571
- --width: 100%;
3572
- --border-radius: 0;
3573
- --track-padding: 0;
3574
- --slide-size: 100%;
3575
- --track-offset: 0%;
3576
- display: block;
3577
- width: var(--width);
3578
- height: var(--height);
3579
- position: relative;
3580
- border-radius: var(--border-radius);
3581
- z-index: 0;
3582
- overflow: hidden;
3583
- }
3584
- .adm-swiper-track {
3585
- width: 100%;
3586
- height: 100%;
3587
- white-space: nowrap;
3588
- padding: var(--track-padding);
3589
- }
3590
- .adm-swiper-track-allow-touch-move {
3591
- cursor: -webkit-grab;
3592
- cursor: grab;
3593
- }
3594
- .adm-swiper-track-inner {
3595
- width: 100%;
3596
- height: 100%;
3597
- overflow: visible;
3598
- position: relative;
3599
- display: flex;
3600
- flex-wrap: nowrap;
3601
- }
3602
- .adm-swiper-slide {
3603
- width: 100%;
3604
- height: 100%;
3605
- display: block;
3606
- position: relative;
3607
- white-space: unset;
3608
- flex: none;
3609
- }
3610
- .adm-swiper-item {
3611
- display: block;
3612
- width: 100%;
3613
- height: 100%;
3614
- white-space: normal;
3615
- }
3616
- .adm-swiper-horizontal .adm-swiper-track-allow-touch-move {
3617
- touch-action: pan-y;
3618
- }
3619
- .adm-swiper-horizontal .adm-swiper-indicator {
3620
- position: absolute;
3621
- bottom: 6px;
3622
- left: 50%;
3623
- transform: translateX(-50%);
3624
- }
3625
- .adm-swiper-horizontal .adm-swiper-track {
3626
- transform: translateX(var(--track-offset));
3627
- }
3628
- .adm-swiper-horizontal .adm-swiper-track-inner {
3629
- flex-direction: row;
3630
- width: var(--slide-size);
3631
- }
3632
- .adm-swiper-vertical .adm-swiper-track-allow-touch-move {
3633
- touch-action: pan-x;
3634
- }
3635
- .adm-swiper-vertical .adm-swiper-indicator {
3636
- position: absolute;
3637
- right: 6px;
3638
- top: 50%;
3639
- transform: translateY(-50%);
3640
- }
3641
- .adm-swiper-vertical .adm-swiper-track {
3642
- transform: translateY(var(--track-offset));
3643
- }
3644
- .adm-swiper-vertical .adm-swiper-track-inner {
3645
- flex-direction: column;
3646
- height: var(--slide-size);
3647
- }
3648
- @keyframes loading-rotate {
3649
- 100% {
3650
- transform: rotate(1turn);
3651
- }
3652
- }
3653
- .adm-switch {
3654
- --checked-color: var(--adm-color-primary);
3655
- --height: 31px;
3656
- --width: 51px;
3657
- --border-width: 2px;
3658
- display: inline-block;
3659
- vertical-align: middle;
3660
- box-sizing: border-box;
3661
- position: relative;
3662
- align-self: center;
3663
- cursor: pointer;
3664
- /* 选中状态 */
3665
- /* 禁用状态 */
3666
- /* loading图标 */
3667
- }
3668
- .adm-switch input {
3669
- display: none;
3670
- }
3671
- .adm-switch-checkbox {
3672
- min-width: var(--width);
3673
- height: var(--height);
3674
- box-sizing: border-box;
3675
- border-radius: 31px;
3676
- background: var(--adm-color-border);
3677
- z-index: 0;
3678
- overflow: hidden;
3679
- line-height: var(--height);
3680
- }
3681
- .adm-switch-checkbox:before {
3682
- content: ' ';
3683
- position: absolute;
3684
- left: var(--border-width);
3685
- top: var(--border-width);
3686
- width: calc(100% - 2 * var(--border-width));
3687
- height: calc(var(--height) - 2 * var(--border-width));
3688
- border-radius: calc(var(--height) - 2 * var(--border-width));
3689
- box-sizing: border-box;
3690
- background: var(--adm-color-background);
3691
- z-index: 1;
3692
- transition: all 200ms;
3693
- transform: scale(1);
3694
- }
3695
- .adm-switch-handle {
3696
- display: flex;
3697
- justify-content: center;
3698
- align-items: center;
3699
- width: calc(var(--height) - 2 * var(--border-width));
3700
- height: calc(var(--height) - 2 * var(--border-width));
3701
- border-radius: calc(var(--height) - 2 * var(--border-width));
3702
- background: var(--adm-color-white);
3703
- position: absolute;
3704
- z-index: 2;
3705
- top: var(--border-width);
3706
- left: var(--border-width);
3707
- transition: all 200ms;
3708
- 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);
3709
- }
3710
- .adm-switch-inner {
3711
- position: relative;
3712
- z-index: 1;
3713
- display: flex;
3714
- justify-content: center;
3715
- align-items: center;
3716
- margin: 0 8px 0 calc(var(--height) - var(--border-width) + 4px);
3717
- height: 100%;
3718
- color: var(--adm-color-weak);
3719
- transition: margin 200ms;
3720
- font-size: var(--adm-font-size-7);
3721
- }
3722
- .adm-switch.adm-switch-checked .adm-switch-checkbox {
3723
- background: var(--checked-color);
3724
- }
3725
- .adm-switch.adm-switch-checked .adm-switch-checkbox:before {
3726
- transform: scale(0);
3727
- }
3728
- .adm-switch.adm-switch-checked .adm-switch-handle {
3729
- left: calc(100% - (var(--height) - var(--border-width)));
3730
- }
3731
- .adm-switch.adm-switch-checked .adm-switch-inner {
3732
- margin: 0 calc(var(--height) - var(--border-width) + 5px) 0 10px;
3733
- color: var(--adm-color-white);
3734
- }
3735
- .adm-switch.adm-switch-disabled {
3736
- cursor: not-allowed;
3737
- opacity: 0.4;
3738
- }
3739
- .adm-switch-spin-icon {
3740
- width: 14px;
3741
- height: 14px;
3742
- animation: loading-rotate 1s linear infinite;
3743
- }
3744
- .adm-tab-bar-wrap {
3745
- display: flex;
3746
- flex-wrap: nowrap;
3747
- justify-content: flex-start;
3748
- align-items: stretch;
3749
- overflow: hidden;
3750
- min-height: 48px;
3751
- }
3752
- .adm-tab-bar-item {
3753
- flex: 1;
3754
- color: var(--adm-color-weak);
3755
- white-space: nowrap;
3756
- padding: 4px 8px;
3757
- width: -webkit-min-content;
3758
- width: min-content;
3759
- position: relative;
3760
- cursor: pointer;
3761
- display: flex;
3762
- align-items: center;
3763
- justify-content: center;
3764
- flex-direction: column;
3765
- }
3766
- .adm-tab-bar-item-icon {
3767
- font-size: 24px;
3768
- height: 24px;
3769
- line-height: 1;
3770
- }
3771
- .adm-tab-bar-item-title {
3772
- font-size: var(--adm-font-size-3);
3773
- line-height: 15px;
3774
- }
3775
- .adm-tab-bar-item-title-with-icon {
3776
- margin-top: 2px;
3777
- }
3778
- .adm-tab-bar-item-active {
3779
- color: var(--adm-color-primary);
3780
- }
3781
- .adm-tab-bar-icon-badge {
3782
- --top: 6px;
3783
- }
3784
- .adm-tab-bar-title-badge {
3785
- --right: -2px;
3786
- --top: -2px;
3787
- }
3788
- .adm-tag {
3789
- --border-radius: var(--adm-tag-border-radius, 2px);
3790
- padding: 2px 4px;
3791
- font-size: var(--adm-font-size-3);
3792
- line-height: 1;
3793
- font-weight: normal;
3794
- background: var(--background-color);
3795
- color: var(--text-color);
3796
- display: inline-block;
3797
- white-space: nowrap;
3798
- border-radius: var(--border-radius);
3799
- border: 1px solid var(--border-color);
3800
- box-sizing: border-box;
3801
- }
3802
- .adm-tag-round {
3803
- border-radius: 100px;
3804
- }
3805
- .adm-text-area {
3806
- --font-size: var(--adm-font-size-9);
3807
- --color: var(--adm-color-text);
3808
- --placeholder-color: var(--adm-color-light);
3809
- --disabled-color: var(--adm-color-weak);
3810
- --text-align: left;
3811
- --count-text-align: right;
3812
- width: 100%;
3813
- max-width: 100%;
3814
- max-height: 100%;
3815
- }
3816
- .adm-text-area-element {
3817
- font-family: var(--adm-font-family);
3818
- resize: none;
3819
- flex: auto;
3820
- display: block;
3821
- box-sizing: border-box;
3822
- width: 100%;
3823
- max-width: 100%;
3824
- max-height: 100%;
3825
- padding: 0;
3826
- margin: 0;
3827
- color: var(--color);
3828
- font-size: var(--font-size);
3829
- line-height: 1.5;
3830
- background: transparent;
3831
- border: 0;
3832
- outline: none;
3833
- -webkit-appearance: none;
3834
- appearance: none;
3835
- min-height: 1.5em;
3836
- text-align: var(--text-align);
3837
- }
3838
- .adm-text-area-element::-webkit-input-placeholder {
3839
- color: var(--placeholder-color);
3840
- font-family: inherit;
3841
- }
3842
- .adm-text-area-element::placeholder {
3843
- color: var(--placeholder-color);
3844
- font-family: inherit;
3845
- }
3846
- .adm-text-area-element:-webkit-autofill {
3847
- background-color: transparent;
3848
- }
3849
- .adm-text-area-element:disabled {
3850
- color: var(--disabled-color);
3851
- cursor: not-allowed;
3852
- opacity: 1;
3853
- -webkit-text-fill-color: var(--disabled-color);
3854
- }
3855
- .adm-text-area-element:read-only {
3856
- cursor: default;
3857
- }
3858
- .adm-text-area-element:invalid {
3859
- box-shadow: none;
3860
- }
3861
- .adm-text-area-element::-ms-clear {
3862
- display: none;
3863
- }
3864
- .adm-text-area-element[readonly] {
3865
- pointer-events: none;
3866
- }
3867
- .adm-text-area-count {
3868
- text-align: var(--count-text-align);
3869
- color: var(--adm-color-weak);
3870
- font-size: var(--adm-font-size-9);
3871
- padding-top: 8px;
3872
- }
3873
- .adm-toast-mask .adm-toast-wrap {
3874
- position: fixed;
3875
- top: 0;
3876
- left: 0;
3877
- width: 100%;
3878
- height: 100%;
3879
- }
3880
- .adm-toast-mask .adm-toast-main {
3881
- display: inline-block;
3882
- position: relative;
3883
- top: 50%;
3884
- left: 50%;
3885
- transform: translate(-50%, -50%);
3886
- width: auto;
3887
- min-width: 96px;
3888
- max-width: 200px;
3889
- max-height: 70%;
3890
- overflow: auto;
3891
- color: white;
3892
- word-break: break-all;
3893
- background-color: rgba(0, 0, 0, 0.7);
3894
- border-radius: 8px;
3895
- pointer-events: all;
3896
- font-size: var(--adm-font-size-7);
3897
- line-height: 1.5;
3898
- box-sizing: border-box;
3899
- }
3900
- .adm-toast-mask .adm-toast-main-text {
3901
- padding: 12px;
3902
- }
3903
- .adm-toast-mask .adm-toast-main-icon {
3904
- padding: 35px 40px;
3905
- }
3906
- .adm-toast-mask .adm-toast-main-icon .adm-toast-icon {
3907
- text-align: center;
3908
- margin-bottom: 8px;
3909
- font-size: 36px;
3910
- line-height: 1;
3911
- }
3912
- .adm-toast-loading {
3913
- --size: 48px;
3914
- margin: 0 auto 8px;
3915
- }
3916
- .adm-tree-select,
3917
- .adm-tree-select-multiple {
3918
- display: flex;
3919
- height: 100%;
3920
- font-size: var(--adm-font-size-main);
3921
- background-color: var(--adm-color-white);
3922
- }
3923
- .adm-tree-select-column,
3924
- .adm-tree-select-multiple-column {
3925
- overflow-y: auto;
3926
- transform: translateZ(0);
3927
- -webkit-transform: translateZ(0);
3928
- }
3929
- .adm-tree-select-column:first-child,
3930
- .adm-tree-select-multiple-column:first-child {
3931
- background-color: var(--adm-color-box);
3932
- }
3933
- .adm-tree-select-column:nth-child(2),
3934
- .adm-tree-select-multiple-column:nth-child(2) {
3935
- background-color: #fafafa;
3936
- }
3937
- .adm-tree-select-item,
3938
- .adm-tree-select-multiple-item {
3939
- display: flex;
3940
- align-items: center;
3941
- min-height: 50px;
3942
- box-sizing: border-box;
3943
- padding: 6px 12px;
3944
- position: relative;
3945
- }
3946
- .adm-tree-select-item-active {
3947
- color: var(--adm-color-primary);
3948
- font-weight: bold;
3949
- background-color: white;
3950
- }
3951
- .adm-tree-select-multiple-item-expand {
3952
- color: var(--adm-color-primary);
3953
- font-weight: bold;
3954
- background-color: white;
3955
- }
3956
- .adm-tree-select-multiple-item-checkbox {
3957
- margin-right: 8px;
3958
- }
3959
- .adm-tree-select-multiple-dot {
3960
- position: absolute;
3961
- top: 50%;
3962
- margin-top: -3px;
3963
- right: 8px;
3964
- width: 6px;
3965
- height: 6px;
3966
- background: var(--adm-color-primary);
3967
- border-radius: 3px;
3968
- }
3969
- .adm-virtual-input {
3970
- --font-size: var(--adm-font-size-9);
3971
- --color: var(--adm-color-text);
3972
- --placeholder-color: var(--adm-color-light);
3973
- --disabled-color: var(--adm-color-weak);
3974
- --text-align: left;
3975
- --caret-width: var(--adm-virtual-input-caret-width, 2px);
3976
- --caret-color: var(--adm-virtual-input-caret-color, var(--adm-color-primary));
3977
- display: flex;
3978
- justify-content: flex-start;
3979
- align-items: center;
3980
- position: relative;
3981
- text-align: var(--text-align);
3982
- font-size: var(--font-size);
3983
- line-height: 1.5;
3984
- white-space: nowrap;
3985
- color: var(--color);
3986
- }
3987
- .adm-virtual-input > * {
3988
- vertical-align: top;
3989
- }
3990
- .adm-virtual-input-content {
3991
- flex: auto;
3992
- display: inline-block;
3993
- position: relative;
3994
- z-index: 1;
3995
- width: 100%;
3996
- max-width: 100%;
3997
- overflow-y: hidden;
3998
- overflow-x: scroll;
3999
- scrollbar-width: none;
4000
- }
4001
- .adm-virtual-input-content::-webkit-scrollbar {
4002
- display: none;
4003
- }
4004
- .adm-virtual-input-placeholder {
4005
- display: block;
4006
- position: absolute;
4007
- z-index: 0;
4008
- left: 0;
4009
- top: 0;
4010
- width: 100%;
4011
- overflow: hidden;
4012
- text-align: var(--text-align);
4013
- color: var(--placeholder-color);
4014
- }
4015
- .adm-virtual-input-caret-container {
4016
- display: inline-block;
4017
- width: var(--caret-width);
4018
- height: 1.3em;
4019
- vertical-align: top;
4020
- margin-right: 1px;
4021
- }
4022
- .adm-virtual-input-caret {
4023
- width: 100%;
4024
- height: 100%;
4025
- background-color: var(--caret-color);
4026
- position: relative;
4027
- top: 5%;
4028
- }
4029
- .adm-virtual-input:focus {
4030
- outline: none;
4031
- }
4032
- .adm-virtual-input:focus .adm-virtual-input-caret {
4033
- display: block;
4034
- animation-name: adm-caret-blink;
4035
- animation-duration: 1s;
4036
- animation-timing-function: linear;
4037
- animation-iteration-count: infinite;
4038
- }
4039
- .adm-virtual-input-disabled {
4040
- color: var(--disabled-color);
4041
- }
4042
- @keyframes adm-caret-blink {
4043
- from {
4044
- opacity: 1;
4045
- }
4046
- 60% {
4047
- opacity: 1;
4048
- }
4049
- 80% {
4050
- opacity: 0;
4051
- }
4052
- to {
4053
- opacity: 0;
4054
- }
4055
- }
4056
- .adm-virtual-input-clear {
4057
- flex: none;
4058
- margin-left: 8px;
4059
- color: var(--placeholder-color);
4060
- padding: 3px;
4061
- cursor: pointer;
4062
- }
4063
- .adm-virtual-input-clear .antd-mobile-icon {
4064
- display: block;
4065
- font-size: var(--adm-font-size-6);
4066
- }
4067
- .adm-water-mark {
4068
- --z-index: var(--adm-water-mark-z-index, 2000);
4069
- position: absolute;
4070
- z-index: var(--z-index);
4071
- left: 0;
4072
- right: 0;
4073
- top: 0;
4074
- bottom: 0;
4075
- pointer-events: none;
4076
- background-repeat: repeat;
4077
- }
4078
- .adm-water-mark-full-page {
4079
- position: fixed;
4080
- }
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}.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}.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-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}