sinzmise-cetastories 2.0.0-1731114112124 → 2.0.0-1731116663626

Sign up to get free protection for your applications and to get access to all the features.
Files changed (201) hide show
  1. package/404/index.html +1 -4033
  2. package/about/index.html +1 -4041
  3. package/album/index.html +1 -4050
  4. package/archives/2021/12/index.html +1 -3917
  5. package/archives/2021/index.html +1 -3917
  6. package/archives/2022/12/index.html +1 -3917
  7. package/archives/2022/index.html +1 -3917
  8. package/archives/2023/01/index.html +1 -4072
  9. package/archives/2023/02/index.html +1 -3917
  10. package/archives/2023/03/index.html +1 -4063
  11. package/archives/2023/04/index.html +1 -3992
  12. package/archives/2023/07/index.html +1 -4217
  13. package/archives/2023/08/index.html +1 -4067
  14. package/archives/2023/09/index.html +1 -3917
  15. package/archives/2023/10/index.html +1 -3917
  16. package/archives/2023/11/index.html +1 -3917
  17. package/archives/2023/12/index.html +1 -3918
  18. package/archives/2023/index.html +1 -4591
  19. package/archives/2023/page/2/index.html +1 -4572
  20. package/archives/2023/page/3/index.html +1 -3930
  21. package/archives/2024/01/index.html +1 -4142
  22. package/archives/2024/02/index.html +1 -3922
  23. package/archives/2024/03/index.html +1 -3916
  24. package/archives/2024/04/index.html +1 -3997
  25. package/archives/2024/05/index.html +1 -4065
  26. package/archives/2024/06/index.html +1 -3917
  27. package/archives/2024/07/index.html +1 -3917
  28. package/archives/2024/08/index.html +1 -3992
  29. package/archives/2024/09/index.html +1 -3917
  30. package/archives/2024/10/index.html +1 -3984
  31. package/archives/2024/index.html +1 -4576
  32. package/archives/2024/page/2/index.html +1 -4433
  33. package/archives/index.html +1 -4560
  34. package/archives/page/2/index.html +1 -4560
  35. package/archives/page/3/index.html +1 -4560
  36. package/archives/page/4/index.html +1 -4560
  37. package/archives/page/5/index.html +1 -4560
  38. package/assets/algolia/algoliasearch.js +3 -7182
  39. package/assets/algolia/algoliasearchLite.js +3 -4445
  40. package/atom.xml +31 -31
  41. package/bbs/bbs.html +1 -4012
  42. package/bbs/bbs.js +2 -12
  43. package/bbs/index.html +1 -4031
  44. package/categories/index.html +1 -4050
  45. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -4570
  46. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -4485
  47. package/categories//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -3920
  48. package/categories//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -4148
  49. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -4610
  50. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -4148
  51. package/categories//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -4072
  52. package/charts/index.html +1 -4039
  53. package/comments/index.html +1 -4052
  54. package/css/custom2.css +2 -3
  55. package/css/first.css +2 -1868
  56. package/css/pace/big-counter.css +2 -39
  57. package/css/pace/corner-indicator.css +2 -72
  58. package/css/pace/flash.css +2 -76
  59. package/css/pace/mac-osx.css +2 -86
  60. package/css/pace/pace.css +2 -50
  61. package/css/plane.css +2 -59
  62. package/css/style.css +2 -8585
  63. package/css/tags.css +2 -3516
  64. package/essay/index.html +1 -4050
  65. package/fcircle/index.html +1 -4075
  66. package/games +2 -2
  67. package/index.html +1 -4717
  68. package/js/app.js +2 -1341
  69. package/js/autoload.js +2 -62
  70. package/js/ceta/fancybox.css +2 -2
  71. package/js/ceta/fancybox.umd.js +2 -2
  72. package/js/ceta/iconfontInkss.js +2 -1
  73. package/js/ceta/message.css +2 -6
  74. package/js/ceta/message.js +2 -6
  75. package/js/clock.js +2 -1
  76. package/js/kslink.js +2 -38
  77. package/js/newyear.js +2 -76
  78. package/js/plane.js +2 -2200
  79. package/js/plugins/aplayer.js +2 -186
  80. package/js/plugins/parallax.js +2 -191
  81. package/js/plugins/rightMenus.js +2 -623
  82. package/js/plugins/tags/contributors.js +2 -92
  83. package/js/plugins/tags/friends.js +2 -93
  84. package/js/plugins/tags/sites.js +2 -96
  85. package/js/search/algolia.js +2 -239
  86. package/js/search/hexo.js +2 -195
  87. package/js/search/meilisearch.js +2 -220
  88. package/js/txmap.js +2 -248
  89. package/link/index.html +1 -6180
  90. package/load.html +1 -294
  91. package/maps/assets/algolia/algoliasearch.js.map +1 -0
  92. package/maps/assets/algolia/algoliasearchLite.js.map +1 -0
  93. package/maps/bbs/bbs.js.map +1 -0
  94. package/maps/css/custom2.css.map +1 -0
  95. package/maps/css/first.css.map +1 -0
  96. package/maps/css/pace/big-counter.css.map +1 -0
  97. package/maps/css/pace/corner-indicator.css.map +1 -0
  98. package/maps/css/pace/flash.css.map +1 -0
  99. package/maps/css/pace/mac-osx.css.map +1 -0
  100. package/maps/css/pace/pace.css.map +1 -0
  101. package/maps/css/plane.css.map +1 -0
  102. package/maps/css/style.css.map +1 -0
  103. package/maps/css/tags.css.map +1 -0
  104. package/maps/js/app.js.map +1 -0
  105. package/maps/js/autoload.js.map +1 -0
  106. package/maps/js/ceta/fancybox.css.map +1 -0
  107. package/maps/js/ceta/fancybox.umd.js.map +1 -0
  108. package/maps/js/ceta/iconfontInkss.js.map +1 -0
  109. package/maps/js/ceta/message.css.map +1 -0
  110. package/maps/js/ceta/message.js.map +1 -0
  111. package/maps/js/clock.js.map +1 -0
  112. package/maps/js/kslink.js.map +1 -0
  113. package/maps/js/newyear.js.map +1 -0
  114. package/maps/js/plane.js.map +1 -0
  115. package/maps/js/plugins/aplayer.js.map +1 -0
  116. package/maps/js/plugins/parallax.js.map +1 -0
  117. package/maps/js/plugins/rightMenus.js.map +1 -0
  118. package/maps/js/plugins/tags/contributors.js.map +1 -0
  119. package/maps/js/plugins/tags/friends.js.map +1 -0
  120. package/maps/js/plugins/tags/sites.js.map +1 -0
  121. package/maps/js/search/algolia.js.map +1 -0
  122. package/maps/js/search/hexo.js.map +1 -0
  123. package/maps/js/search/meilisearch.js.map +1 -0
  124. package/maps/js/txmap.js.map +1 -0
  125. package/maps/sw.js.map +1 -0
  126. package/maps/weichuncai/css/style.css.map +1 -0
  127. package/maps/weichuncai/js/common.js.map +1 -0
  128. package/maps/weichuncai/js/jquery.js.map +1 -0
  129. package/maps/weichuncai/wcc-config.js.map +1 -0
  130. package/music/index.html +1 -4033
  131. package/package.json +1 -1
  132. package/page/2/index.html +1 -4578
  133. package/page/3/index.html +1 -4575
  134. package/page/4/index.html +1 -4572
  135. package/page/5/index.html +1 -3924
  136. package/posts/10021/index.html +5 -4130
  137. package/posts/10045/index.html +1 -4224
  138. package/posts/10733/index.html +1 -4125
  139. package/posts/10996/index.html +5 -4127
  140. package/posts/12779/index.html +1 -4134
  141. package/posts/13624/index.html +1 -4179
  142. package/posts/15688/index.html +1 -4133
  143. package/posts/15748/index.html +5 -4121
  144. package/posts/15799/index.html +1 -4130
  145. package/posts/15842/index.html +5 -4121
  146. package/posts/16107/index.html +1 -4111
  147. package/posts/18063/index.html +1 -4124
  148. package/posts/20412/index.html +1 -4134
  149. package/posts/21375/index.html +1 -4124
  150. package/posts/22945/index.html +4 -4169
  151. package/posts/23021/index.html +1 -4104
  152. package/posts/27531/index.html +5 -4121
  153. package/posts/28536/index.html +1 -4116
  154. package/posts/28733/index.html +1 -4168
  155. package/posts/29196/index.html +1 -4106
  156. package/posts/38917/index.html +1 -4144
  157. package/posts/38964/index.html +1 -4208
  158. package/posts/42487/index.html +1 -4135
  159. package/posts/42580/index.html +1 -4128
  160. package/posts/45875/index.html +1 -4118
  161. package/posts/46640/index.html +1 -4147
  162. package/posts/48762/index.html +1 -4109
  163. package/posts/50710/index.html +1 -4114
  164. package/posts/52677/index.html +1 -4125
  165. package/posts/53662/index.html +1 -4123
  166. package/posts/54386/index.html +1 -4116
  167. package/posts/54481/index.html +1 -4133
  168. package/posts/54787/index.html +5 -4124
  169. package/posts/56467/index.html +1 -4121
  170. package/posts/57692/index.html +1 -4143
  171. package/posts/58203/index.html +1 -4116
  172. package/posts/61417/index.html +1 -4117
  173. package/posts/61712/index.html +1 -4113
  174. package/posts/646/index.html +1 -4106
  175. package/posts/64856/index.html +1 -4120
  176. package/posts/64935/index.html +1 -4120
  177. package/search.xml +70 -70
  178. package/seas/index.html +1 -4050
  179. package/sw.js +2 -798
  180. package/tags/Flash/347/233/270/345/205/263/index.html +1 -3924
  181. package/tags/Steam/346/270/270/346/210/217/index.html +1 -3924
  182. package/tags/Windows/350/275/257/344/273/266/index.html +1 -3997
  183. package/tags/index.html +1 -4033
  184. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/index.html +1 -4570
  185. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +1 -4485
  186. package/tags//345/205/266/345/256/203/346/270/270/346/210/217/index.html +1 -4073
  187. package/tags//345/212/240/350/275/275/345/212/250/347/224/273/index.html +1 -3924
  188. package/tags//346/202/254/346/265/256/345/256/240/347/211/251-/347/234/213/346/235/277/345/250/230/index.html +1 -3925
  189. package/tags//346/255/214/346/233/262/346/224/266/351/233/206/index.html +1 -3920
  190. package/tags//346/270/270/346/210/217/347/233/270/345/205/263/index.html +1 -4148
  191. package/tags//347/253/231/347/202/271/345/272/225/351/203/250/351/255/224/346/224/271/index.html +1 -3924
  192. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/index.html +1 -4610
  193. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +1 -4148
  194. package/tags//350/207/252/345/273/272/351/203/250/347/275/262/index.html +1 -4224
  195. package/tags//351/241/265/351/235/242/351/255/224/346/224/271/index.html +1 -4075
  196. package/tags//351/241/271/347/233/256/346/212/230/350/205/276/index.html +1 -4072
  197. package/update/index.html +1 -4112
  198. package/weichuncai/css/style.css +2 -25
  199. package/weichuncai/js/common.js +2 -449
  200. package/weichuncai/js/jquery.js +2 -139
  201. package/weichuncai/wcc-config.js +2 -17
package/css/tags.css CHANGED
@@ -1,3516 +1,2 @@
1
- [data-theme="dark"] div.btns {
2
- filter: brightness(0.7);
3
- }
4
- [data-theme="dark"] div.btns a {
5
- background: 0 0;
6
- }
7
- [data-theme="dark"] .checkbox {
8
- filter: brightness(0.7);
9
- }
10
- div.btns {
11
- margin: 0 -8px;
12
- display: -webkit-box;
13
- display: -moz-box;
14
- display: -webkit-flex;
15
- display: -ms-flexbox;
16
- display: box;
17
- display: flex;
18
- -webkit-box-lines: multiple;
19
- -moz-box-lines: multiple;
20
- -o-box-lines: multiple;
21
- -webkit-flex-wrap: wrap;
22
- -ms-flex-wrap: wrap;
23
- flex-wrap: wrap;
24
- -webkit-box-align: start;
25
- -moz-box-align: start;
26
- -o-box-align: start;
27
- -ms-flex-align: start;
28
- -webkit-align-items: flex-start;
29
- align-items: flex-start;
30
- overflow: visible;
31
- line-height: 1.8;
32
- }
33
- div.btns b {
34
- font-size: 0.875rem;
35
- }
36
- div.btns.wide > a {
37
- padding-left: 32px;
38
- padding-right: 32px;
39
- }
40
- div.btns.fill > a {
41
- -webkit-box-flex: 1;
42
- -moz-box-flex: 1;
43
- -o-box-flex: 1;
44
- -ms-box-flex: 1;
45
- box-flex: 1;
46
- -webkit-flex-grow: 1;
47
- flex-grow: 1;
48
- width: auto;
49
- }
50
- div.btns.around {
51
- -webkit-box-pack: distribute;
52
- -moz-box-pack: distribute;
53
- -o-box-pack: distribute;
54
- -ms-flex-pack: distribute;
55
- -webkit-justify-content: space-around;
56
- justify-content: space-around;
57
- }
58
- div.btns.center {
59
- -webkit-box-pack: center;
60
- -moz-box-pack: center;
61
- -o-box-pack: center;
62
- -ms-flex-pack: center;
63
- -webkit-justify-content: center;
64
- justify-content: center;
65
- }
66
- div.btns.grid2 > a {
67
- width: calc(100% / 2 - 16px);
68
- }
69
- div.btns.grid3 > a {
70
- width: calc(100% / 3 - 16px);
71
- }
72
- div.btns.grid4 > a {
73
- width: calc(100% / 4 - 16px);
74
- }
75
- div.btns.grid5 > a {
76
- width: calc(100% / 5 - 16px);
77
- }
78
- div.btns a {
79
- -webkit-transition: all 0.28s ease;
80
- -moz-transition: all 0.28s ease;
81
- -o-transition: all 0.28s ease;
82
- -ms-transition: all 0.28s ease;
83
- transition: all 0.28s ease;
84
- -moz-transition: all 0.28s ease;
85
- -webkit-transition: all 0.28s ease;
86
- -o-transition: all 0.28s ease;
87
- margin: 8px;
88
- margin-top: calc(1.25 * 16px + 32px);
89
- min-width: 120px;
90
- font-weight: bold;
91
- display: -webkit-box;
92
- display: -moz-box;
93
- display: -webkit-flex;
94
- display: -ms-flexbox;
95
- display: box;
96
- display: flex;
97
- -webkit-box-pack: start;
98
- -moz-box-pack: start;
99
- -o-box-pack: start;
100
- -ms-flex-pack: start;
101
- -webkit-justify-content: flex-start;
102
- justify-content: flex-start;
103
- -ms-flex-line-pack: center;
104
- -webkit-align-content: center;
105
- align-content: center;
106
- -webkit-box-align: center;
107
- -moz-box-align: center;
108
- -o-box-align: center;
109
- -ms-flex-align: center;
110
- -webkit-align-items: center;
111
- align-items: center;
112
- -webkit-box-orient: vertical;
113
- -moz-box-orient: vertical;
114
- -o-box-orient: vertical;
115
- -webkit-flex-direction: column;
116
- -ms-flex-direction: column;
117
- flex-direction: column;
118
- padding: 8px;
119
- text-align: center;
120
- background: #f6f6f6;
121
- border-radius: 4px;
122
- }
123
- div.btns a > i {
124
- background: #2196f3 !important;
125
- }
126
- div.btns a > i:first-child {
127
- color: #fff;
128
- background: #2196f3;
129
- }
130
- div.btns a b {
131
- font-weight: bold;
132
- line-height: 1.3;
133
- }
134
- div.btns a img {
135
- margin: 0.4em auto;
136
- }
137
- div.btns a:not([href]) {
138
- cursor: default;
139
- color: inherit;
140
- }
141
- div.btns a[href]:hover {
142
- background: rgba(255,87,34,0.15);
143
- }
144
- div.btns a[href]:hover > i:first-child {
145
- background: #ff5722;
146
- }
147
- div.btns,
148
- div.btns p,
149
- div.btns a {
150
- font-size: 0.8125rem;
151
- color: #555;
152
- }
153
- @media screen and (max-width: 1024px) {
154
- div.btns.grid2 > a {
155
- width: calc(100% / 2 - 16px);
156
- }
157
- }
158
- @media screen and (max-width: 768px) {
159
- div.btns.grid2 > a {
160
- width: calc(100% / 2 - 16px);
161
- }
162
- }
163
- @media screen and (max-width: 500px) {
164
- div.btns.grid2 > a {
165
- width: calc(100% / 1 - 16px);
166
- }
167
- }
168
- @media screen and (max-width: 1024px) {
169
- div.btns.grid3 > a {
170
- width: calc(100% / 3 - 16px);
171
- }
172
- }
173
- @media screen and (max-width: 768px) {
174
- div.btns.grid3 > a {
175
- width: calc(100% / 3 - 16px);
176
- }
177
- }
178
- @media screen and (max-width: 500px) {
179
- div.btns.grid3 > a {
180
- width: calc(100% / 1 - 16px);
181
- }
182
- }
183
- @media screen and (max-width: 1024px) {
184
- div.btns.grid4 > a {
185
- width: calc(100% / 3 - 16px);
186
- }
187
- }
188
- @media screen and (max-width: 768px) {
189
- div.btns.grid4 > a {
190
- width: calc(100% / 3 - 16px);
191
- }
192
- }
193
- @media screen and (max-width: 500px) {
194
- div.btns.grid4 > a {
195
- width: calc(100% / 2 - 16px);
196
- }
197
- }
198
- @media screen and (max-width: 1024px) {
199
- div.btns.grid5 > a {
200
- width: calc(100% / 4 - 16px);
201
- }
202
- }
203
- @media screen and (max-width: 768px) {
204
- div.btns.grid5 > a {
205
- width: calc(100% / 3 - 16px);
206
- }
207
- }
208
- @media screen and (max-width: 500px) {
209
- div.btns.grid5 > a {
210
- width: calc(100% / 2 - 16px);
211
- }
212
- }
213
- div.btns a > img:first-child,
214
- div.btns a > i:first-child {
215
- -webkit-transition: all 0.28s ease;
216
- -moz-transition: all 0.28s ease;
217
- -o-transition: all 0.28s ease;
218
- -ms-transition: all 0.28s ease;
219
- transition: all 0.28s ease;
220
- -moz-transition: all 0.28s ease;
221
- -webkit-transition: all 0.28s ease;
222
- -o-transition: all 0.28s ease;
223
- height: 64px;
224
- width: 64px;
225
- -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
226
- box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
227
- margin: 16px 8px 4px 8px;
228
- margin-top: calc(-1.25 * 16px - 32px);
229
- border: 2px solid #fff;
230
- background: #fff;
231
- line-height: 60px;
232
- font-size: 28px;
233
- }
234
- div.btns a > img:first-child.auto,
235
- div.btns a > i:first-child.auto {
236
- width: auto;
237
- }
238
- div.btns a p,
239
- div.btns a b {
240
- margin: 0.25em;
241
- font-weight: normal;
242
- line-height: 1.25;
243
- word-wrap: break-word;
244
- }
245
- div.btns a[href]:hover,
246
- div.btns a[href]:hover b {
247
- color: #ff5722;
248
- }
249
- div.btns a[href]:hover > img:first-child,
250
- div.btns a[href]:hover > i:first-child {
251
- -webkit-transform: scale(1.1) translateY(-8px);
252
- -moz-transform: scale(1.1) translateY(-8px);
253
- -o-transform: scale(1.1) translateY(-8px);
254
- -ms-transform: scale(1.1) translateY(-8px);
255
- transform: scale(1.1) translateY(-8px);
256
- -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
257
- box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
258
- }
259
- div.btns.circle a > img:first-child,
260
- div.btns.circle a > i:first-child {
261
- border-radius: 32px;
262
- }
263
- div.btns.rounded a > img:first-child,
264
- div.btns.rounded a > i:first-child {
265
- border-radius: 16px;
266
- }
267
- :root {
268
- --bubble-text-color: #e9a218;
269
- --bubble-text-hover-color: #2c7fe7;
270
- --bubble-text-shadow: rgba(35,35,35,0.5);
271
- }
272
- [data-theme="dark"] {
273
- --bubble-text-color: #f2b94b;
274
- --bubble-text-hover-color: #2c7fe7;
275
- --bubble-text-shadow: rgba(35,35,35,0.5);
276
- }
277
- .bubble-content {
278
- display: inline-block;
279
- color: var(--bubble-text-color);
280
- font-weight: bold;
281
- -webkit-transition: all 0.2s ease-in-out;
282
- -moz-transition: all 0.2s ease-in-out;
283
- -o-transition: all 0.2s ease-in-out;
284
- -ms-transition: all 0.2s ease-in-out;
285
- transition: all 0.2s ease-in-out;
286
- text-shadow: var(--bubble-text-shadow);
287
- }
288
- .bubble-content:hover {
289
- -webkit-transition: all 0.2s ease-in-out;
290
- -moz-transition: all 0.2s ease-in-out;
291
- -o-transition: all 0.2s ease-in-out;
292
- -ms-transition: all 0.2s ease-in-out;
293
- transition: all 0.2s ease-in-out;
294
- color: var(--bubble-text-hover-color);
295
- }
296
- .bubble-content:hover + .bubble-notation .bubble-item {
297
- -webkit-transform: translate(-40px, 10px) rotateX(0deg);
298
- -moz-transform: translate(-40px, 10px) rotateX(0deg);
299
- -o-transform: translate(-40px, 10px) rotateX(0deg);
300
- -ms-transform: translate(-40px, 10px) rotateX(0deg);
301
- transform: translate(-40px, 10px) rotateX(0deg);
302
- -webkit-transition: all 0.5s ease-in-out;
303
- -moz-transition: all 0.5s ease-in-out;
304
- -o-transition: all 0.5s ease-in-out;
305
- -ms-transition: all 0.5s ease-in-out;
306
- transition: all 0.5s ease-in-out;
307
- opacity: 1;
308
- -ms-filter: none;
309
- filter: none;
310
- }
311
- .bubble-notation {
312
- display: inline-block;
313
- }
314
- .bubble-item {
315
- -webkit-transition: all 0.5s ease-in-out;
316
- -moz-transition: all 0.5s ease-in-out;
317
- -o-transition: all 0.5s ease-in-out;
318
- -ms-transition: all 0.5s ease-in-out;
319
- transition: all 0.5s ease-in-out;
320
- opacity: 0;
321
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
322
- filter: alpha(opacity=0);
323
- color: #fff;
324
- z-index: 99;
325
- display: -webkit-box;
326
- display: -moz-box;
327
- display: -webkit-flex;
328
- display: -ms-flexbox;
329
- display: box;
330
- display: flex;
331
- position: absolute;
332
- -webkit-transform: translate(-40px, 10px) rotateX(90deg);
333
- -moz-transform: translate(-40px, 10px) rotateX(90deg);
334
- -o-transform: translate(-40px, 10px) rotateX(90deg);
335
- -ms-transform: translate(-40px, 10px) rotateX(90deg);
336
- transform: translate(-40px, 10px) rotateX(90deg);
337
- width: auto;
338
- height: auto;
339
- max-width: 400px;
340
- overflow: hidden;
341
- padding: 20px 10px 10px 10px;
342
- clip-path: polygon(5px 10px, 20px 10px, 30px 0, 40px 10px, calc(100% - 5px) 10px, 100% 15px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 15px, 5px 10px);
343
- }
344
- #article-container .btn-center {
345
- margin: 0 0 20px;
346
- text-align: center;
347
- }
348
- #article-container .btn-beautify {
349
- display: inline-block;
350
- margin: 0 4px 6px;
351
- padding: 0 15px;
352
- background-color: var(--btn-beautify-color, #777);
353
- color: #fff;
354
- line-height: 2;
355
- border-radius: 8px;
356
- }
357
- #article-container .btn-beautify.blue {
358
- --btn-beautify-color: #428bca;
359
- }
360
- #article-container .btn-beautify.pink {
361
- --btn-beautify-color: #ff69b4;
362
- }
363
- #article-container .btn-beautify.red {
364
- --btn-beautify-color: #f00;
365
- }
366
- #article-container .btn-beautify.purple {
367
- --btn-beautify-color: #6f42c1;
368
- }
369
- #article-container .btn-beautify.orange {
370
- --btn-beautify-color: #ff8c00;
371
- }
372
- #article-container .btn-beautify.green {
373
- --btn-beautify-color: #5cb85c;
374
- }
375
- #article-container .btn-beautify:hover {
376
- background-color: var(--btn-hover-color);
377
- }
378
- #article-container .btn-beautify i + span {
379
- margin-left: 6px;
380
- }
381
- #article-container .btn-beautify:not(.block) + .btn-beautify:not(.block) {
382
- margin: 0 4px 20px;
383
- }
384
- #article-container .btn-beautify.block {
385
- display: block;
386
- margin: 0 0 20px;
387
- width: fit-content;
388
- width: -moz-fit-content;
389
- }
390
- #article-container .btn-beautify.block.center {
391
- margin: 0 auto 20px;
392
- }
393
- #article-container .btn-beautify.block.right {
394
- margin: 0 0 20px auto;
395
- }
396
- #article-container .btn-beautify.larger {
397
- padding: 6px 15px;
398
- }
399
- #article-container .btn-beautify:hover {
400
- text-decoration: none;
401
- }
402
- #article-container .btn-beautify.outline {
403
- border: 1px solid transparent;
404
- border-color: var(--btn-beautify-color, #777);
405
- background-color: transparent;
406
- color: var(--btn-beautify-color, #777);
407
- }
408
- #article-container .btn-beautify.outline:hover {
409
- background-color: var(--btn-beautify-color, #777);
410
- }
411
- #article-container .btn-beautify.outline:hover {
412
- color: #fff !important;
413
- }
414
- .carousel {
415
- touch-action: none;
416
- overflow: hidden;
417
- display: -webkit-box;
418
- display: -ms-flexbox;
419
- display: -webkit-box;
420
- display: -moz-box;
421
- display: -webkit-flex;
422
- display: -ms-flexbox;
423
- display: box;
424
- display: flex;
425
- background: transparent;
426
- height: fit-content;
427
- min-height: 600px;
428
- -webkit-perspective: 1000px;
429
- -webkit-perspective: 1000px;
430
- -moz-perspective: 1000px;
431
- -ms-perspective: 1000px;
432
- perspective: 1000px;
433
- -webkit-transform-style: preserve-3d;
434
- -webkit-transform-style: preserve-3d;
435
- -moz-transform-style: preserve-3d;
436
- -o-transform-style: preserve-3d;
437
- -ms-transform-style: preserve-3d;
438
- transform-style: preserve-3d;
439
- }
440
- .drag-container,
441
- .spin-container {
442
- position: relative;
443
- display: -webkit-box;
444
- display: -ms-flexbox;
445
- display: -webkit-box;
446
- display: -moz-box;
447
- display: -webkit-flex;
448
- display: -ms-flexbox;
449
- display: box;
450
- display: flex;
451
- margin: auto;
452
- -webkit-transform-style: preserve-3d;
453
- -webkit-transform-style: preserve-3d;
454
- -moz-transform-style: preserve-3d;
455
- -o-transform-style: preserve-3d;
456
- -ms-transform-style: preserve-3d;
457
- transform-style: preserve-3d;
458
- -webkit-transform: rotateX(-10deg);
459
- -webkit-transform: rotateX(-10deg);
460
- -moz-transform: rotateX(-10deg);
461
- -o-transform: rotateX(-10deg);
462
- -ms-transform: rotateX(-10deg);
463
- transform: rotateX(-10deg);
464
- }
465
- .drag-container img,
466
- .drag-container video {
467
- -webkit-transform-style: preserve-3d;
468
- -webkit-transform-style: preserve-3d;
469
- -moz-transform-style: preserve-3d;
470
- -o-transform-style: preserve-3d;
471
- -ms-transform-style: preserve-3d;
472
- transform-style: preserve-3d;
473
- position: absolute;
474
- left: 0;
475
- top: 0;
476
- object-fit: cover;
477
- height: 100%;
478
- width: 100%;
479
- line-height: 200px;
480
- font-size: 50px;
481
- text-align: center;
482
- -webkit-box-shadow: 0 0 8px #fff;
483
- -webkit-box-shadow: 0 0 8px #fff;
484
- box-shadow: 0 0 8px #fff;
485
- -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, rgba(0,0,0,0.333));
486
- }
487
- .drag-container .img-alt.is-center {
488
- display: none;
489
- }
490
- .drag-container br {
491
- display: none;
492
- }
493
- .drag-container p {
494
- font-family: Serif;
495
- position: absolute;
496
- top: 100%;
497
- left: 50%;
498
- -webkit-transform: translate(-50%, -50%) rotateX(90deg);
499
- -webkit-transform: translate(-50%, -50%) rotateX(90deg);
500
- -moz-transform: translate(-50%, -50%) rotateX(90deg);
501
- -o-transform: translate(-50%, -50%) rotateX(90deg);
502
- -ms-transform: translate(-50%, -50%) rotateX(90deg);
503
- transform: translate(-50%, -50%) rotateX(90deg);
504
- color: #fff;
505
- }
506
- .drag-container img:hover,
507
- .drag-container video:hover {
508
- -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.867);
509
- -webkit-box-shadow: 0 0 15px rgba(255,255,255,0.867);
510
- box-shadow: 0 0 15px rgba(255,255,255,0.867);
511
- -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, rgba(0,0,0,0.467));
512
- }
513
- .carousel-ground {
514
- width: 900px;
515
- height: 900px;
516
- position: absolute;
517
- top: 100%;
518
- left: 50%;
519
- -webkit-transform: translate(-50%, -50%) rotateX(90deg);
520
- -webkit-transform: translate(-50%, -50%) rotateX(90deg);
521
- -moz-transform: translate(-50%, -50%) rotateX(90deg);
522
- -o-transform: translate(-50%, -50%) rotateX(90deg);
523
- -ms-transform: translate(-50%, -50%) rotateX(90deg);
524
- transform: translate(-50%, -50%) rotateX(90deg);
525
- background: -webkit--webkit-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
526
- background: -webkit--moz-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
527
- background: -webkit--o-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
528
- background: -webkit--ms-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
529
- background: -webkit-radial-gradient(center center, farthest-side, rgba(153,153,153,0.2), transparent);
530
- }
531
- img.medium-zoom-image.entered.loaded.medium-zoom-image--opened {
532
- width: auto !important;
533
- }
534
- @-webkit-keyframes spin {
535
- from {
536
- -webkit-transform: rotateY(0deg);
537
- -webkit-transform: rotateY(0deg);
538
- -moz-transform: rotateY(0deg);
539
- -o-transform: rotateY(0deg);
540
- -ms-transform: rotateY(0deg);
541
- transform: rotateY(0deg);
542
- }
543
- to {
544
- -webkit-transform: rotateY(360deg);
545
- -webkit-transform: rotateY(360deg);
546
- -moz-transform: rotateY(360deg);
547
- -o-transform: rotateY(360deg);
548
- -ms-transform: rotateY(360deg);
549
- transform: rotateY(360deg);
550
- }
551
- }
552
- @-webkit-keyframes spinRevert {
553
- from {
554
- -webkit-transform: rotateY(360deg);
555
- -webkit-transform: rotateY(360deg);
556
- -moz-transform: rotateY(360deg);
557
- -o-transform: rotateY(360deg);
558
- -ms-transform: rotateY(360deg);
559
- transform: rotateY(360deg);
560
- }
561
- to {
562
- -webkit-transform: rotateY(0deg);
563
- -webkit-transform: rotateY(0deg);
564
- -moz-transform: rotateY(0deg);
565
- -o-transform: rotateY(0deg);
566
- -ms-transform: rotateY(0deg);
567
- transform: rotateY(0deg);
568
- }
569
- }
570
- @-moz-keyframes spin {
571
- from {
572
- -webkit-transform: rotateY(0deg);
573
- -webkit-transform: rotateY(0deg);
574
- -moz-transform: rotateY(0deg);
575
- -o-transform: rotateY(0deg);
576
- -ms-transform: rotateY(0deg);
577
- transform: rotateY(0deg);
578
- }
579
- to {
580
- -webkit-transform: rotateY(360deg);
581
- -webkit-transform: rotateY(360deg);
582
- -moz-transform: rotateY(360deg);
583
- -o-transform: rotateY(360deg);
584
- -ms-transform: rotateY(360deg);
585
- transform: rotateY(360deg);
586
- }
587
- }
588
- @-webkit-keyframes spin {
589
- from {
590
- -webkit-transform: rotateY(0deg);
591
- -webkit-transform: rotateY(0deg);
592
- -moz-transform: rotateY(0deg);
593
- -o-transform: rotateY(0deg);
594
- -ms-transform: rotateY(0deg);
595
- transform: rotateY(0deg);
596
- }
597
- to {
598
- -webkit-transform: rotateY(360deg);
599
- -webkit-transform: rotateY(360deg);
600
- -moz-transform: rotateY(360deg);
601
- -o-transform: rotateY(360deg);
602
- -ms-transform: rotateY(360deg);
603
- transform: rotateY(360deg);
604
- }
605
- }
606
- @-o-keyframes spin {
607
- from {
608
- -webkit-transform: rotateY(0deg);
609
- -webkit-transform: rotateY(0deg);
610
- -moz-transform: rotateY(0deg);
611
- -o-transform: rotateY(0deg);
612
- -ms-transform: rotateY(0deg);
613
- transform: rotateY(0deg);
614
- }
615
- to {
616
- -webkit-transform: rotateY(360deg);
617
- -webkit-transform: rotateY(360deg);
618
- -moz-transform: rotateY(360deg);
619
- -o-transform: rotateY(360deg);
620
- -ms-transform: rotateY(360deg);
621
- transform: rotateY(360deg);
622
- }
623
- }
624
- @keyframes spin {
625
- from {
626
- -webkit-transform: rotateY(0deg);
627
- -webkit-transform: rotateY(0deg);
628
- -moz-transform: rotateY(0deg);
629
- -o-transform: rotateY(0deg);
630
- -ms-transform: rotateY(0deg);
631
- transform: rotateY(0deg);
632
- }
633
- to {
634
- -webkit-transform: rotateY(360deg);
635
- -webkit-transform: rotateY(360deg);
636
- -moz-transform: rotateY(360deg);
637
- -o-transform: rotateY(360deg);
638
- -ms-transform: rotateY(360deg);
639
- transform: rotateY(360deg);
640
- }
641
- }
642
- @-moz-keyframes spinRevert {
643
- from {
644
- -webkit-transform: rotateY(360deg);
645
- -webkit-transform: rotateY(360deg);
646
- -moz-transform: rotateY(360deg);
647
- -o-transform: rotateY(360deg);
648
- -ms-transform: rotateY(360deg);
649
- transform: rotateY(360deg);
650
- }
651
- to {
652
- -webkit-transform: rotateY(0deg);
653
- -webkit-transform: rotateY(0deg);
654
- -moz-transform: rotateY(0deg);
655
- -o-transform: rotateY(0deg);
656
- -ms-transform: rotateY(0deg);
657
- transform: rotateY(0deg);
658
- }
659
- }
660
- @-webkit-keyframes spinRevert {
661
- from {
662
- -webkit-transform: rotateY(360deg);
663
- -webkit-transform: rotateY(360deg);
664
- -moz-transform: rotateY(360deg);
665
- -o-transform: rotateY(360deg);
666
- -ms-transform: rotateY(360deg);
667
- transform: rotateY(360deg);
668
- }
669
- to {
670
- -webkit-transform: rotateY(0deg);
671
- -webkit-transform: rotateY(0deg);
672
- -moz-transform: rotateY(0deg);
673
- -o-transform: rotateY(0deg);
674
- -ms-transform: rotateY(0deg);
675
- transform: rotateY(0deg);
676
- }
677
- }
678
- @-o-keyframes spinRevert {
679
- from {
680
- -webkit-transform: rotateY(360deg);
681
- -webkit-transform: rotateY(360deg);
682
- -moz-transform: rotateY(360deg);
683
- -o-transform: rotateY(360deg);
684
- -ms-transform: rotateY(360deg);
685
- transform: rotateY(360deg);
686
- }
687
- to {
688
- -webkit-transform: rotateY(0deg);
689
- -webkit-transform: rotateY(0deg);
690
- -moz-transform: rotateY(0deg);
691
- -o-transform: rotateY(0deg);
692
- -ms-transform: rotateY(0deg);
693
- transform: rotateY(0deg);
694
- }
695
- }
696
- @keyframes spinRevert {
697
- from {
698
- -webkit-transform: rotateY(360deg);
699
- -webkit-transform: rotateY(360deg);
700
- -moz-transform: rotateY(360deg);
701
- -o-transform: rotateY(360deg);
702
- -ms-transform: rotateY(360deg);
703
- transform: rotateY(360deg);
704
- }
705
- to {
706
- -webkit-transform: rotateY(0deg);
707
- -webkit-transform: rotateY(0deg);
708
- -moz-transform: rotateY(0deg);
709
- -o-transform: rotateY(0deg);
710
- -ms-transform: rotateY(0deg);
711
- transform: rotateY(0deg);
712
- }
713
- }
714
- .checkbox {
715
- display: -webkit-box;
716
- display: -moz-box;
717
- display: -webkit-flex;
718
- display: -ms-flexbox;
719
- display: box;
720
- display: flex;
721
- -webkit-box-align: center;
722
- -moz-box-align: center;
723
- -o-box-align: center;
724
- -ms-flex-align: center;
725
- -webkit-align-items: center;
726
- align-items: center;
727
- }
728
- .checkbox input {
729
- -webkit-appearance: none;
730
- -moz-appearance: none;
731
- -ms-appearance: none;
732
- -o-appearance: none;
733
- -webkit-appearance: none;
734
- -moz-appearance: none;
735
- appearance: none;
736
- position: relative;
737
- height: 16px;
738
- width: 16px;
739
- -webkit-transition: all 0.15s ease-out 0s;
740
- -moz-transition: all 0.15s ease-out 0s;
741
- -o-transition: all 0.15s ease-out 0s;
742
- -ms-transition: all 0.15s ease-out 0s;
743
- transition: all 0.15s ease-out 0s;
744
- cursor: pointer;
745
- display: inline-block;
746
- outline: none;
747
- border-radius: 2px;
748
- -webkit-flex-shrink: 0;
749
- flex-shrink: 0;
750
- margin-right: 8px;
751
- border: 2px solid #2196f3;
752
- pointer-events: none;
753
- }
754
- .checkbox input[type="checkbox"]:before {
755
- left: 1px;
756
- top: 5px;
757
- width: 0;
758
- height: 2px;
759
- -webkit-transition: all 0.2s ease-in;
760
- -moz-transition: all 0.2s ease-in;
761
- -o-transition: all 0.2s ease-in;
762
- -ms-transition: all 0.2s ease-in;
763
- transition: all 0.2s ease-in;
764
- -webkit-transform: rotate(45deg);
765
- -moz-transform: rotate(45deg);
766
- -o-transform: rotate(45deg);
767
- -ms-transform: rotate(45deg);
768
- transform: rotate(45deg);
769
- -webkit-transform: rotate(45deg);
770
- -moz-transform: rotate(45deg);
771
- -ms-transform: rotate(45deg);
772
- -o-transform: rotate(45deg);
773
- }
774
- .checkbox input[type="checkbox"]:after {
775
- right: 7px;
776
- bottom: 3px;
777
- width: 2px;
778
- height: 0;
779
- -webkit-transition: all 0.2s ease-out;
780
- -moz-transition: all 0.2s ease-out;
781
- -o-transition: all 0.2s ease-out;
782
- -ms-transition: all 0.2s ease-out;
783
- transition: all 0.2s ease-out;
784
- -webkit-transform: rotate(40deg);
785
- -moz-transform: rotate(40deg);
786
- -o-transform: rotate(40deg);
787
- -ms-transform: rotate(40deg);
788
- transform: rotate(40deg);
789
- -webkit-transform: rotate(40deg);
790
- -moz-transform: rotate(40deg);
791
- -ms-transform: rotate(40deg);
792
- -o-transform: rotate(40deg);
793
- -webkit-transition-delay: 0.25s;
794
- -moz-transition-delay: 0.25s;
795
- -o-transition-delay: 0.25s;
796
- -ms-transition-delay: 0.25s;
797
- transition-delay: 0.25s;
798
- }
799
- .checkbox input[type="checkbox"]:checked {
800
- background: #2196f3;
801
- }
802
- .checkbox input[type="checkbox"]:checked:before {
803
- left: 0;
804
- top: 7px;
805
- width: 6px;
806
- height: 2px;
807
- }
808
- .checkbox input[type="checkbox"]:checked:after {
809
- right: 3px;
810
- bottom: 1px;
811
- width: 2px;
812
- height: 10px;
813
- }
814
- .checkbox.minus input[type="checkbox"]:before {
815
- -webkit-transform: rotate(0);
816
- -moz-transform: rotate(0);
817
- -o-transform: rotate(0);
818
- -ms-transform: rotate(0);
819
- transform: rotate(0);
820
- left: 1px;
821
- top: 5px;
822
- width: 0;
823
- height: 2px;
824
- }
825
- .checkbox.minus input[type="checkbox"]:after {
826
- -webkit-transform: rotate(0);
827
- -moz-transform: rotate(0);
828
- -o-transform: rotate(0);
829
- -ms-transform: rotate(0);
830
- transform: rotate(0);
831
- left: 1px;
832
- top: 5px;
833
- width: 0;
834
- height: 2px;
835
- }
836
- .checkbox.minus input[type="checkbox"]:checked:before {
837
- left: 1px;
838
- top: 5px;
839
- width: 10px;
840
- height: 2px;
841
- }
842
- .checkbox.minus input[type="checkbox"]:checked:after {
843
- left: 1px;
844
- top: 5px;
845
- width: 10px;
846
- height: 2px;
847
- }
848
- .checkbox.plus input[type="checkbox"]:before {
849
- -webkit-transform: rotate(0);
850
- -moz-transform: rotate(0);
851
- -o-transform: rotate(0);
852
- -ms-transform: rotate(0);
853
- transform: rotate(0);
854
- left: 1px;
855
- top: 5px;
856
- width: 0;
857
- height: 2px;
858
- }
859
- .checkbox.plus input[type="checkbox"]:after {
860
- -webkit-transform: rotate(0);
861
- -moz-transform: rotate(0);
862
- -o-transform: rotate(0);
863
- -ms-transform: rotate(0);
864
- transform: rotate(0);
865
- left: 5px;
866
- top: 1px;
867
- width: 2px;
868
- height: 0;
869
- }
870
- .checkbox.plus input[type="checkbox"]:checked:before {
871
- left: 1px;
872
- top: 5px;
873
- width: 10px;
874
- height: 2px;
875
- }
876
- .checkbox.plus input[type="checkbox"]:checked:after {
877
- left: 5px;
878
- top: 1px;
879
- width: 2px;
880
- height: 10px;
881
- }
882
- .checkbox.times input[type="checkbox"]:before {
883
- -webkit-transform: rotate(45deg);
884
- -moz-transform: rotate(45deg);
885
- -o-transform: rotate(45deg);
886
- -ms-transform: rotate(45deg);
887
- transform: rotate(45deg);
888
- left: 3px;
889
- top: 1px;
890
- width: 0;
891
- height: 2px;
892
- }
893
- .checkbox.times input[type="checkbox"]:after {
894
- -webkit-transform: rotate(135deg);
895
- -moz-transform: rotate(135deg);
896
- -o-transform: rotate(135deg);
897
- -ms-transform: rotate(135deg);
898
- transform: rotate(135deg);
899
- right: 3px;
900
- top: 1px;
901
- width: 0;
902
- height: 2px;
903
- }
904
- .checkbox.times input[type="checkbox"]:checked:before {
905
- left: 1px;
906
- top: 5px;
907
- width: 10px;
908
- height: 2px;
909
- }
910
- .checkbox.times input[type="checkbox"]:checked:after {
911
- right: 1px;
912
- top: 5px;
913
- width: 10px;
914
- height: 2px;
915
- }
916
- .checkbox input[type="radio"] {
917
- border-radius: 50%;
918
- }
919
- .checkbox input[type="radio"]:before {
920
- content: "";
921
- display: block;
922
- width: 8px;
923
- height: 8px;
924
- border-radius: 50%;
925
- margin: 2px;
926
- -webkit-transform: scale(0);
927
- -moz-transform: scale(0);
928
- -o-transform: scale(0);
929
- -ms-transform: scale(0);
930
- transform: scale(0);
931
- -webkit-transition: all 0.25s ease-out;
932
- -moz-transition: all 0.25s ease-out;
933
- -o-transition: all 0.25s ease-out;
934
- -ms-transition: all 0.25s ease-out;
935
- transition: all 0.25s ease-out;
936
- }
937
- .checkbox input[type="radio"]:checked:before {
938
- -webkit-transform: scale(1);
939
- -moz-transform: scale(1);
940
- -o-transform: scale(1);
941
- -ms-transform: scale(1);
942
- transform: scale(1);
943
- background: var(--text-bg-hover);
944
- }
945
- .checkbox.red input {
946
- border-color: #fe5f58;
947
- }
948
- .checkbox.red input[type="checkbox"]:checked {
949
- background: #fe5f58;
950
- }
951
- .checkbox.red input[type="radio"]:checked:before {
952
- background: #fe5f58;
953
- }
954
- .checkbox.green input {
955
- border-color: #3dc550;
956
- }
957
- .checkbox.green input[type="checkbox"]:checked {
958
- background: #3dc550;
959
- }
960
- .checkbox.green input[type="radio"]:checked:before {
961
- background: #3dc550;
962
- }
963
- .checkbox.yellow input {
964
- border-color: #ffbd2b;
965
- }
966
- .checkbox.yellow input[type="checkbox"]:checked {
967
- background: #ffbd2b;
968
- }
969
- .checkbox.yellow input[type="radio"]:checked:before {
970
- background: #ffbd2b;
971
- }
972
- .checkbox.cyan input {
973
- border-color: #1bcdfc;
974
- }
975
- .checkbox.cyan input[type="checkbox"]:checked {
976
- background: #1bcdfc;
977
- }
978
- .checkbox.cyan input[type="radio"]:checked:before {
979
- background: #1bcdfc;
980
- }
981
- .checkbox.blue input {
982
- border-color: #2196f3;
983
- }
984
- .checkbox.blue input[type="checkbox"]:checked {
985
- background: #2196f3;
986
- }
987
- .checkbox.blue input[type="radio"]:checked:before {
988
- background: #2196f3;
989
- }
990
- .checkbox p {
991
- display: inline-block;
992
- margin-top: 2px !important;
993
- margin-bottom: 0 !important;
994
- }
995
- .checkbox input[type="checkbox"]:before,
996
- .checkbox input[type="checkbox"]:after {
997
- position: absolute;
998
- content: "";
999
- background: #fff;
1000
- }
1001
- [data-theme="dark"] .checkbox {
1002
- filter: brightness(0.7);
1003
- }
1004
- details.folding-tag {
1005
- display: block;
1006
- padding: 16px;
1007
- margin: 1em 0;
1008
- border-radius: 4px;
1009
- background: #fff;
1010
- font-size: var(--global-font-size);
1011
- -webkit-transition: all 0.28s ease;
1012
- -moz-transition: all 0.28s ease;
1013
- -o-transition: all 0.28s ease;
1014
- -ms-transition: all 0.28s ease;
1015
- transition: all 0.28s ease;
1016
- -moz-transition: all 0.28s ease;
1017
- -webkit-transition: all 0.28s ease;
1018
- -o-transition: all 0.28s ease;
1019
- border: 1px solid #f6f6f6;
1020
- }
1021
- details.folding-tag summary {
1022
- cursor: pointer;
1023
- padding: 16px;
1024
- margin: -16px;
1025
- border-radius: 4px;
1026
- color: rgba(68,68,68,0.7);
1027
- font-size: 0.875rem !important;
1028
- font-weight: bold;
1029
- position: relative;
1030
- line-height: normal;
1031
- }
1032
- details.folding-tag summary > p,
1033
- details.folding-tag summary > h1,
1034
- details.folding-tag summary > h2,
1035
- details.folding-tag summary > h3,
1036
- details.folding-tag summary > h4,
1037
- details.folding-tag summary > h5,
1038
- details.folding-tag summary > h6 {
1039
- display: inline;
1040
- border-bottom: none !important;
1041
- }
1042
- details.folding-tag summary:hover {
1043
- color: #444;
1044
- }
1045
- details.folding-tag summary:hover:after {
1046
- position: absolute;
1047
- content: '+';
1048
- text-align: center;
1049
- top: 50%;
1050
- -webkit-transform: translateY(-50%);
1051
- -moz-transform: translateY(-50%);
1052
- -o-transform: translateY(-50%);
1053
- -ms-transform: translateY(-50%);
1054
- transform: translateY(-50%);
1055
- right: 16px;
1056
- }
1057
- details.folding-tag >summary {
1058
- background: #f6f6f6;
1059
- }
1060
- details.folding-tag[purple] {
1061
- border-color: #fae7fd;
1062
- }
1063
- details.folding-tag[purple] >summary {
1064
- background: #fae7fd;
1065
- }
1066
- details.folding-tag[blue] {
1067
- border-color: #e8f4fd;
1068
- }
1069
- details.folding-tag[blue] >summary {
1070
- background: #e8f4fd;
1071
- }
1072
- details.folding-tag[cyan] {
1073
- border-color: #e8fafe;
1074
- }
1075
- details.folding-tag[cyan] >summary {
1076
- background: #e8fafe;
1077
- }
1078
- details.folding-tag[green] {
1079
- border-color: #ebf9ed;
1080
- }
1081
- details.folding-tag[green] >summary {
1082
- background: #ebf9ed;
1083
- }
1084
- details.folding-tag[yellow] {
1085
- border-color: #fff8e9;
1086
- }
1087
- details.folding-tag[yellow] >summary {
1088
- background: #fff8e9;
1089
- }
1090
- details.folding-tag[orange] {
1091
- border-color: #fdf1e7;
1092
- }
1093
- details.folding-tag[orange] >summary {
1094
- background: #fdf1e7;
1095
- }
1096
- details.folding-tag[red] {
1097
- border-color: #feefee;
1098
- }
1099
- details.folding-tag[red] >summary {
1100
- background: #feefee;
1101
- }
1102
- details.folding-tag[open] {
1103
- border-color: rgba(68,68,68,0.2);
1104
- }
1105
- details.folding-tag[open] >summary {
1106
- border-bottom: 1px solid rgba(68,68,68,0.2);
1107
- border-bottom-left-radius: 0;
1108
- border-bottom-right-radius: 0;
1109
- }
1110
- details.folding-tag[open][purple] {
1111
- border-color: rgba(208,23,238,0.3);
1112
- }
1113
- details.folding-tag[open][purple] >summary {
1114
- border-bottom-color: rgba(208,23,238,0.3);
1115
- }
1116
- details.folding-tag[open][blue] {
1117
- border-color: rgba(33,150,243,0.3);
1118
- }
1119
- details.folding-tag[open][blue] >summary {
1120
- border-bottom-color: rgba(33,150,243,0.3);
1121
- }
1122
- details.folding-tag[open][cyan] {
1123
- border-color: rgba(27,205,252,0.3);
1124
- }
1125
- details.folding-tag[open][cyan] >summary {
1126
- border-bottom-color: rgba(27,205,252,0.3);
1127
- }
1128
- details.folding-tag[open][green] {
1129
- border-color: rgba(61,197,80,0.3);
1130
- }
1131
- details.folding-tag[open][green] >summary {
1132
- border-bottom-color: rgba(61,197,80,0.3);
1133
- }
1134
- details.folding-tag[open][yellow] {
1135
- border-color: rgba(255,189,43,0.3);
1136
- }
1137
- details.folding-tag[open][yellow] >summary {
1138
- border-bottom-color: rgba(255,189,43,0.3);
1139
- }
1140
- details.folding-tag[open][orange] {
1141
- border-color: rgba(236,118,22,0.3);
1142
- }
1143
- details.folding-tag[open][orange] >summary {
1144
- border-bottom-color: rgba(236,118,22,0.3);
1145
- }
1146
- details.folding-tag[open][red] {
1147
- border-color: rgba(254,95,88,0.3);
1148
- }
1149
- details.folding-tag[open][red] >summary {
1150
- border-bottom-color: rgba(254,95,88,0.3);
1151
- }
1152
- details.folding-tag[open] >summary {
1153
- color: #444;
1154
- margin-bottom: 0;
1155
- }
1156
- details.folding-tag[open] >summary:hover:after {
1157
- content: '-';
1158
- }
1159
- details.folding-tag[open] >div.content {
1160
- padding: 16px;
1161
- margin: -16px;
1162
- margin-top: 0;
1163
- }
1164
- details.folding-tag[open] >div.content p>a:hover {
1165
- text-decoration: underline;
1166
- }
1167
- details.folding-tag[open] >div.content > p:first-child,
1168
- details.folding-tag[open] >div.content > .tabs:first-child,
1169
- details.folding-tag[open] >div.content > ul:first-child,
1170
- details.folding-tag[open] >div.content > ol:first-child,
1171
- details.folding-tag[open] >div.content > .highlight:first-child,
1172
- details.folding-tag[open] >div.content > .note:first-child,
1173
- details.folding-tag[open] >div.content > details:first-child {
1174
- margin-top: 0;
1175
- }
1176
- details.folding-tag[open] >div.content > p:last-child,
1177
- details.folding-tag[open] >div.content > .tabs:last-child,
1178
- details.folding-tag[open] >div.content > ul:last-child,
1179
- details.folding-tag[open] >div.content > ol:last-child,
1180
- details.folding-tag[open] >div.content > .highlight:last-child,
1181
- details.folding-tag[open] >div.content > .note:last-child,
1182
- details.folding-tag[open] >div.content > details:last-child {
1183
- margin-bottom: 0;
1184
- }
1185
- [data-theme="dark"] details[open] > div.content {
1186
- padding: 16px;
1187
- margin: -16px;
1188
- margin-top: 0;
1189
- background: #2c2d2d;
1190
- color: rgba(255,255,255,0.6);
1191
- }
1192
- [data-theme="dark"] details > summary {
1193
- filter: brightness(0.7);
1194
- }
1195
- #article-container figure.gallery-group {
1196
- position: relative;
1197
- float: left;
1198
- overflow: hidden;
1199
- margin: 6px 4px;
1200
- width: calc(50% - 8px);
1201
- height: 250px;
1202
- border-radius: 8px;
1203
- background: #000;
1204
- -webkit-transform: translate3d(0, 0, 0);
1205
- }
1206
- @media screen and (max-width: 600px) {
1207
- #article-container figure.gallery-group {
1208
- width: calc(100% - 8px);
1209
- }
1210
- }
1211
- #article-container figure.gallery-group:hover img {
1212
- opacity: 0.4;
1213
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
1214
- filter: alpha(opacity=40);
1215
- -webkit-transform: translate3d(0, 0, 0);
1216
- -moz-transform: translate3d(0, 0, 0);
1217
- -o-transform: translate3d(0, 0, 0);
1218
- -ms-transform: translate3d(0, 0, 0);
1219
- transform: translate3d(0, 0, 0);
1220
- }
1221
- #article-container figure.gallery-group:hover .gallery-group-name::after {
1222
- -webkit-transform: translate3d(0, 0, 0);
1223
- -moz-transform: translate3d(0, 0, 0);
1224
- -o-transform: translate3d(0, 0, 0);
1225
- -ms-transform: translate3d(0, 0, 0);
1226
- transform: translate3d(0, 0, 0);
1227
- }
1228
- #article-container figure.gallery-group:hover p {
1229
- opacity: 1;
1230
- -ms-filter: none;
1231
- filter: none;
1232
- -webkit-transform: translate3d(0, 0, 0);
1233
- -moz-transform: translate3d(0, 0, 0);
1234
- -o-transform: translate3d(0, 0, 0);
1235
- -ms-transform: translate3d(0, 0, 0);
1236
- transform: translate3d(0, 0, 0);
1237
- }
1238
- #article-container figure.gallery-group img {
1239
- position: relative;
1240
- margin: 0;
1241
- max-width: none;
1242
- width: calc(100% + 20px);
1243
- height: 250px;
1244
- -webkit-backface-visibility: hidden;
1245
- -moz-backface-visibility: hidden;
1246
- -ms-backface-visibility: hidden;
1247
- backface-visibility: hidden;
1248
- opacity: 0.8;
1249
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
1250
- filter: alpha(opacity=80);
1251
- -webkit-transition: all 0.3s, filter 375ms ease-in 0.2s;
1252
- -moz-transition: all 0.3s, filter 375ms ease-in 0.2s;
1253
- -o-transition: all 0.3s, filter 375ms ease-in 0.2s;
1254
- -ms-transition: all 0.3s, filter 375ms ease-in 0.2s;
1255
- transition: all 0.3s, filter 375ms ease-in 0.2s;
1256
- -webkit-transform: translate3d(-10px, 0, 0);
1257
- -moz-transform: translate3d(-10px, 0, 0);
1258
- -o-transform: translate3d(-10px, 0, 0);
1259
- -ms-transform: translate3d(-10px, 0, 0);
1260
- transform: translate3d(-10px, 0, 0);
1261
- object-fit: cover;
1262
- }
1263
- #article-container figure.gallery-group figcaption {
1264
- position: absolute;
1265
- top: 0;
1266
- left: 0;
1267
- padding: 30px;
1268
- width: 100%;
1269
- height: 100%;
1270
- color: #fff;
1271
- text-transform: uppercase;
1272
- -webkit-backface-visibility: hidden;
1273
- -moz-backface-visibility: hidden;
1274
- -ms-backface-visibility: hidden;
1275
- backface-visibility: hidden;
1276
- }
1277
- #article-container figure.gallery-group figcaption > a {
1278
- position: absolute;
1279
- top: 0;
1280
- right: 0;
1281
- bottom: 0;
1282
- left: 0;
1283
- z-index: 1000;
1284
- opacity: 0;
1285
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1286
- filter: alpha(opacity=0);
1287
- }
1288
- #article-container figure.gallery-group p {
1289
- margin: 0;
1290
- padding: 8px 0 0;
1291
- letter-spacing: 1px;
1292
- font-size: 1.1em;
1293
- line-height: 1.5;
1294
- opacity: 0;
1295
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1296
- filter: alpha(opacity=0);
1297
- -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
1298
- -moz-transition: opacity 0.35s, -moz-transform 0.35s;
1299
- -o-transition: opacity 0.35s, -o-transform 0.35s;
1300
- -ms-transition: opacity 0.35s, -ms-transform 0.35s;
1301
- transition: opacity 0.35s, transform 0.35s;
1302
- -webkit-transform: translate3d(100%, 0, 0);
1303
- -moz-transform: translate3d(100%, 0, 0);
1304
- -o-transform: translate3d(100%, 0, 0);
1305
- -ms-transform: translate3d(100%, 0, 0);
1306
- transform: translate3d(100%, 0, 0);
1307
- -webkit-line-clamp: 4;
1308
- }
1309
- #article-container figure.gallery-group .gallery-group-name {
1310
- position: relative;
1311
- margin: 0;
1312
- padding: 8px 0;
1313
- font-weight: bold;
1314
- font-size: 1.65em;
1315
- line-height: 1.5;
1316
- -webkit-line-clamp: 2;
1317
- }
1318
- #article-container figure.gallery-group .gallery-group-name:after {
1319
- position: absolute;
1320
- bottom: 0;
1321
- left: 0;
1322
- width: 100%;
1323
- height: 2px;
1324
- background: #fff;
1325
- content: '';
1326
- -webkit-transition: -webkit-transform 0.35s;
1327
- -moz-transition: -moz-transform 0.35s;
1328
- -o-transition: -o-transform 0.35s;
1329
- -ms-transition: -ms-transform 0.35s;
1330
- transition: transform 0.35s;
1331
- -webkit-transform: translate3d(-100%, 0, 0);
1332
- -moz-transform: translate3d(-100%, 0, 0);
1333
- -o-transform: translate3d(-100%, 0, 0);
1334
- -ms-transform: translate3d(-100%, 0, 0);
1335
- transform: translate3d(-100%, 0, 0);
1336
- }
1337
- #article-container .gallery-group-main {
1338
- overflow: auto;
1339
- padding: 0 0 16px;
1340
- }
1341
- #article-container .gallery {
1342
- margin: 0 0 16px;
1343
- text-align: center;
1344
- }
1345
- #article-container .gallery .fj-gallery {
1346
- opacity: 0;
1347
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1348
- filter: alpha(opacity=0);
1349
- }
1350
- #article-container .gallery .fj-gallery .img-alt {
1351
- display: none;
1352
- }
1353
- #article-container .gallery .fj-gallery.lazyload + button {
1354
- display: inline-block;
1355
- }
1356
- #article-container .gallery .fj-gallery .gallery-data {
1357
- display: none;
1358
- }
1359
- #article-container .gallery button {
1360
- display: none;
1361
- margin-top: 25px;
1362
- padding: 10px;
1363
- width: 9em;
1364
- border-radius: 5px;
1365
- background: var(--btn-bg);
1366
- color: var(--btn-color);
1367
- font-weight: bold;
1368
- font-size: 1.1em;
1369
- -webkit-transition: all 0.3s;
1370
- -moz-transition: all 0.3s;
1371
- -o-transition: all 0.3s;
1372
- -ms-transition: all 0.3s;
1373
- transition: all 0.3s;
1374
- }
1375
- #article-container .gallery button > * {
1376
- -webkit-transition: all 0.4s;
1377
- -moz-transition: all 0.4s;
1378
- -o-transition: all 0.4s;
1379
- -ms-transition: all 0.4s;
1380
- transition: all 0.4s;
1381
- }
1382
- #article-container .gallery button i {
1383
- width: 0;
1384
- opacity: 0;
1385
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
1386
- filter: alpha(opacity=0);
1387
- }
1388
- #article-container .gallery button:hover {
1389
- background: var(--btn-hover-color);
1390
- }
1391
- #article-container .gallery button:hover i {
1392
- margin-left: 2px;
1393
- width: 20px;
1394
- opacity: 1;
1395
- -ms-filter: none;
1396
- filter: none;
1397
- }
1398
- a.ghcard {
1399
- display: inline-block;
1400
- line-height: 0;
1401
- }
1402
- .md .ghcard-group {
1403
- -webkit-column-count: 2;
1404
- -moz-column-count: 2;
1405
- column-count: 2;
1406
- -webkit-column-gap: 0;
1407
- -moz-column-gap: 0;
1408
- column-gap: 0;
1409
- margin: 0 -8px;
1410
- }
1411
- .md .ghcard-group .ghcard {
1412
- margin: 8px;
1413
- }
1414
- blockquote.pullquote {
1415
- position: relative;
1416
- max-width: 45%;
1417
- font-size: 110%;
1418
- }
1419
- blockquote.pullquote.left {
1420
- float: left;
1421
- margin: 1em 0.5em 0 0;
1422
- }
1423
- blockquote.pullquote.right {
1424
- float: right;
1425
- margin: 1em 0 0 0.5em;
1426
- }
1427
- .video-container {
1428
- position: relative;
1429
- overflow: hidden;
1430
- margin-bottom: 16px;
1431
- padding-top: 56.25%;
1432
- height: 0;
1433
- }
1434
- .video-container iframe {
1435
- position: absolute;
1436
- top: 0;
1437
- left: 0;
1438
- margin-top: 0;
1439
- width: 100%;
1440
- height: 100%;
1441
- }
1442
- .hide-inline > .hide-button,
1443
- .hide-block > .hide-button {
1444
- display: inline-block;
1445
- padding: 5px 18px;
1446
- background: #49b1f5;
1447
- color: var(--white);
1448
- }
1449
- .hide-inline > .hide-button:hover,
1450
- .hide-block > .hide-button:hover {
1451
- background-color: var(--btn-hover-color);
1452
- }
1453
- .hide-inline > .hide-button.open,
1454
- .hide-block > .hide-button.open {
1455
- display: none;
1456
- }
1457
- .hide-inline > .hide-button.open + div,
1458
- .hide-block > .hide-button.open + div {
1459
- display: block;
1460
- }
1461
- .hide-inline > .hide-button.open + span,
1462
- .hide-block > .hide-button.open + span {
1463
- display: inline;
1464
- }
1465
- .hide-inline > .hide-content,
1466
- .hide-block > .hide-content {
1467
- display: none;
1468
- }
1469
- .hide-inline > .hide-button {
1470
- margin: 0 6px;
1471
- }
1472
- .hide-inline > .hide-content {
1473
- margin: 0 6px;
1474
- }
1475
- .hide-block {
1476
- margin: 0 0 16px;
1477
- }
1478
- .toggle {
1479
- margin-bottom: 20px;
1480
- border: 1px solid #f0f0f0;
1481
- }
1482
- .toggle > .toggle-button {
1483
- padding: 6px 15px;
1484
- background: #f0f0f0;
1485
- color: #1f2d3d;
1486
- cursor: pointer;
1487
- }
1488
- .toggle > .toggle-content {
1489
- margin: 30px 24px;
1490
- }
1491
- .md .img {
1492
- object-fit: contain;
1493
- }
1494
- img.inline {
1495
- display: inline !important;
1496
- vertical-align: middle;
1497
- -webkit-transform: translateY(-4px);
1498
- -moz-transform: translateY(-4px);
1499
- -o-transform: translateY(-4px);
1500
- -ms-transform: translateY(-4px);
1501
- transform: translateY(-4px);
1502
- }
1503
- p .img-alt {
1504
- display: inline-block;
1505
- width: 100%;
1506
- }
1507
- s,
1508
- del {
1509
- color: #8e8e8e;
1510
- text-decoration-color: #8e8e8e;
1511
- }
1512
- u {
1513
- color: #444;
1514
- text-decoration: none;
1515
- border-bottom: 1px solid #fe5f58;
1516
- }
1517
- emp {
1518
- color: #444;
1519
- border-bottom: 4px dotted #fe5f58;
1520
- }
1521
- wavy {
1522
- color: #444;
1523
- text-decoration-style: wavy;
1524
- text-decoration-line: underline;
1525
- text-decoration-color: #fe5f58;
1526
- }
1527
- psw {
1528
- color: transparent;
1529
- background: #a1a1a1;
1530
- border-radius: 2px;
1531
- -webkit-transition: all 0.28s ease;
1532
- -moz-transition: all 0.28s ease;
1533
- -o-transition: all 0.28s ease;
1534
- -ms-transition: all 0.28s ease;
1535
- transition: all 0.28s ease;
1536
- -moz-transition: all 0.28s ease;
1537
- -webkit-transition: all 0.28s ease;
1538
- -o-transition: all 0.28s ease;
1539
- }
1540
- psw:hover {
1541
- color: #444;
1542
- background: none;
1543
- }
1544
- kbd {
1545
- display: inline-block;
1546
- color: #666;
1547
- font: bold 9pt arial;
1548
- text-decoration: none;
1549
- text-align: center;
1550
- padding: 2px 5px;
1551
- margin: 0 5px;
1552
- background: #eff0f2;
1553
- -moz-border-radius: 4px;
1554
- border-radius: 4px;
1555
- border-top: 1px solid #f5f5f5;
1556
- -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
1557
- -moz-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
1558
- -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
1559
- -webkit-box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
1560
- box-shadow: inset 0 0 20px #e8e8e8, 0 1px 0 #c3c3c3, 0 1px 0 #c9c9c9, 0 1px 2px #333;
1561
- text-shadow: 0 1px 0 #f5f5f5;
1562
- }
1563
- #article-container .inline-img {
1564
- display: inline;
1565
- margin: 0 3px;
1566
- height: 1.1em;
1567
- vertical-align: text-bottom;
1568
- }
1569
- .hl-label {
1570
- padding: 2px 4px;
1571
- border-radius: 3px;
1572
- color: #fff;
1573
- }
1574
- .hl-label.default {
1575
- background-color: #777;
1576
- }
1577
- .hl-label.blue {
1578
- background-color: #428bca;
1579
- }
1580
- .hl-label.pink {
1581
- background-color: #ff69b4;
1582
- }
1583
- .hl-label.red {
1584
- background-color: #f00;
1585
- }
1586
- .hl-label.purple {
1587
- background-color: #6f42c1;
1588
- }
1589
- .hl-label.orange {
1590
- background-color: #ff8c00;
1591
- }
1592
- .hl-label.green {
1593
- background-color: #5cb85c;
1594
- }
1595
- #article-container a.link_card {
1596
- display: -webkit-box;
1597
- display: -moz-box;
1598
- display: -webkit-flex;
1599
- display: -ms-flexbox;
1600
- display: box;
1601
- display: flex;
1602
- margin: 10px 0;
1603
- color: var(--font-color) !important;
1604
- text-decoration: none !important;
1605
- background: var(--heo-background);
1606
- border-radius: 8px;
1607
- border: var(--style-border);
1608
- padding: 12px;
1609
- }
1610
- #article-container a.link_card:hover {
1611
- background: var(--heo-theme);
1612
- color: #fff !important;
1613
- }
1614
- #article-container a.link_card .link_icon,
1615
- #article-container a.link_card .link_content {
1616
- height: 4rem;
1617
- }
1618
- #article-container a.link_card .link_icon img,
1619
- #article-container a.link_card .link_icon svg {
1620
- height: 4rem;
1621
- width: 4rem;
1622
- border-radius: 6px !important;
1623
- }
1624
- #article-container a.link_card .link_content {
1625
- margin-left: 1rem;
1626
- width: calc(100% - 6rem);
1627
- overflow: hidden;
1628
- line-height: 1.5;
1629
- display: -webkit-box;
1630
- display: -moz-box;
1631
- display: -webkit-flex;
1632
- display: -ms-flexbox;
1633
- display: box;
1634
- display: flex;
1635
- -webkit-box-orient: vertical;
1636
- -moz-box-orient: vertical;
1637
- -o-box-orient: vertical;
1638
- -webkit-flex-direction: column;
1639
- -ms-flex-direction: column;
1640
- flex-direction: column;
1641
- -webkit-box-pack: center;
1642
- -moz-box-pack: center;
1643
- -o-box-pack: center;
1644
- -ms-flex-pack: center;
1645
- -webkit-justify-content: center;
1646
- justify-content: center;
1647
- }
1648
- #article-container a.link_card .link_content .link_title {
1649
- font-weight: bold;
1650
- font-size: 1.2rem;
1651
- }
1652
- #article-container a.link_card .link_content .link_title,
1653
- #article-container a.link_card .link_content .link_desc {
1654
- word-break: break-all;
1655
- overflow: hidden;
1656
- -o-text-overflow: ellipsis;
1657
- text-overflow: ellipsis;
1658
- }
1659
- #article-container a.link_card .link_content:not(:has(.link_desc)) .link_title {
1660
- display: -webkit-box;
1661
- -webkit-box-orient: vertical;
1662
- -webkit-line-clamp: 2;
1663
- }
1664
- #article-container a.link_card .link_content .link_desc {
1665
- opacity: 0.6;
1666
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
1667
- filter: alpha(opacity=60);
1668
- }
1669
- #article-container a.link_card .link_content .link_desc,
1670
- #article-container a.link_card .link_content:has(.link_desc) .link_title {
1671
- white-space: nowrap;
1672
- }
1673
- audio,
1674
- video {
1675
- border-radius: 4px;
1676
- max-width: 100%;
1677
- }
1678
- video {
1679
- z-index: 1;
1680
- -webkit-transition: all 0.28s ease;
1681
- -moz-transition: all 0.28s ease;
1682
- -o-transition: all 0.28s ease;
1683
- -ms-transition: all 0.28s ease;
1684
- transition: all 0.28s ease;
1685
- -moz-transition: all 0.28s ease;
1686
- -webkit-transition: all 0.28s ease;
1687
- -o-transition: all 0.28s ease;
1688
- }
1689
- video:hover {
1690
- -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24);
1691
- box-shadow: 0 4px 8px 0px rgba(0,0,0,0.24), 0 8px 16px 0px rgba(0,0,0,0.24);
1692
- }
1693
- div.video {
1694
- line-height: 0;
1695
- text-align: center;
1696
- }
1697
- div.videos {
1698
- max-width: calc(100% + 2 * 4px);
1699
- display: -webkit-box;
1700
- display: -moz-box;
1701
- display: -webkit-flex;
1702
- display: -ms-flexbox;
1703
- display: box;
1704
- display: flex;
1705
- -webkit-box-lines: multiple;
1706
- -moz-box-lines: multiple;
1707
- -o-box-lines: multiple;
1708
- -webkit-flex-wrap: wrap;
1709
- -ms-flex-wrap: wrap;
1710
- flex-wrap: wrap;
1711
- -webkit-box-pack: start;
1712
- -moz-box-pack: start;
1713
- -o-box-pack: start;
1714
- -ms-flex-pack: start;
1715
- -webkit-justify-content: flex-start;
1716
- justify-content: flex-start;
1717
- -webkit-box-align: end;
1718
- -moz-box-align: end;
1719
- -o-box-align: end;
1720
- -ms-flex-align: end;
1721
- -webkit-align-items: flex-end;
1722
- align-items: flex-end;
1723
- margin: 1em -4px;
1724
- }
1725
- div.videos .video,
1726
- div.videos iframe {
1727
- width: 100%;
1728
- margin: 4px;
1729
- }
1730
- div.videos iframe {
1731
- border-radius: 4px;
1732
- width: 100%;
1733
- min-height: 300px;
1734
- }
1735
- div.videos.left {
1736
- -webkit-box-pack: start;
1737
- -moz-box-pack: start;
1738
- -o-box-pack: start;
1739
- -ms-flex-pack: start;
1740
- -webkit-justify-content: flex-start;
1741
- justify-content: flex-start;
1742
- }
1743
- div.videos.center {
1744
- -webkit-box-pack: center;
1745
- -moz-box-pack: center;
1746
- -o-box-pack: center;
1747
- -ms-flex-pack: center;
1748
- -webkit-justify-content: center;
1749
- justify-content: center;
1750
- }
1751
- div.videos.right {
1752
- -webkit-box-pack: end;
1753
- -moz-box-pack: end;
1754
- -o-box-pack: end;
1755
- -ms-flex-pack: end;
1756
- -webkit-justify-content: flex-end;
1757
- justify-content: flex-end;
1758
- }
1759
- div.videos.stretch {
1760
- -webkit-box-align: stretch;
1761
- -moz-box-align: stretch;
1762
- -o-box-align: stretch;
1763
- -ms-flex-align: stretch;
1764
- -webkit-align-items: stretch;
1765
- align-items: stretch;
1766
- }
1767
- div.videos[col='1'] .video,
1768
- div.videos[col='1'] iframe {
1769
- width: 100%;
1770
- }
1771
- div.videos[col='2'] .video,
1772
- div.videos[col='2'] iframe {
1773
- width: calc(50% - 2 * 4px);
1774
- }
1775
- div.videos[col='3'] .video,
1776
- div.videos[col='3'] iframe {
1777
- width: calc(33.33% - 2 * 4px);
1778
- }
1779
- div.videos[col='4'] .video,
1780
- div.videos[col='4'] iframe {
1781
- width: calc(25% - 2 * 4px);
1782
- }
1783
- [data-theme="dark"] audio,
1784
- [data-theme="dark"] video {
1785
- filter: brightness(0.7);
1786
- }
1787
- span.nota {
1788
- color: #99a9bf;
1789
- text-decoration: none;
1790
- word-wrap: break-word;
1791
- -webkit-transition: all 0.2s;
1792
- -moz-transition: all 0.2s;
1793
- -o-transition: all 0.2s;
1794
- -ms-transition: all 0.2s;
1795
- transition: all 0.2s;
1796
- overflow-wrap: break-word;
1797
- }
1798
- span.nota:hover {
1799
- color: var(--text-bg-hover);
1800
- }
1801
- span.nota:hover:before {
1802
- position: fixed;
1803
- width: fit-content;
1804
- max-width: 80%;
1805
- margin: auto;
1806
- left: 0;
1807
- right: 0;
1808
- top: 10%;
1809
- border-radius: 10px;
1810
- text-align: center;
1811
- z-index: 100;
1812
- content: attr(data-nota);
1813
- font-size: 16px;
1814
- color: #fff;
1815
- padding: 10px;
1816
- background-color: var(--text-bg-hover);
1817
- }
1818
- [data-theme=dark] span.nota:hover:before {
1819
- background-color: rgba(18,18,18,0.8);
1820
- }
1821
- .note {
1822
- position: relative;
1823
- margin: 0 0 20px;
1824
- padding: 15px;
1825
- border-radius: 3px;
1826
- }
1827
- .note.icon-padding {
1828
- padding-left: 3em;
1829
- }
1830
- .note > .note-icon {
1831
- position: absolute;
1832
- top: calc(50% - 0.5em);
1833
- left: 0.8em;
1834
- font-size: larger;
1835
- }
1836
- .note.blue:not(.disabled) {
1837
- border-left-color: #428bca !important;
1838
- }
1839
- .note.blue:not(.disabled).modern {
1840
- border-left-color: transparent !important;
1841
- color: #428bca;
1842
- }
1843
- .note.blue:not(.disabled):not(.simple) {
1844
- background: #e3eef7 !important;
1845
- }
1846
- .note.blue > .note-icon {
1847
- color: #428bca;
1848
- }
1849
- .note.pink:not(.disabled) {
1850
- border-left-color: #ff69b4 !important;
1851
- }
1852
- .note.pink:not(.disabled).modern {
1853
- border-left-color: transparent !important;
1854
- color: #ff69b4;
1855
- }
1856
- .note.pink:not(.disabled):not(.simple) {
1857
- background: #ffe9f4 !important;
1858
- }
1859
- .note.pink > .note-icon {
1860
- color: #ff69b4;
1861
- }
1862
- .note.red:not(.disabled) {
1863
- border-left-color: #f00 !important;
1864
- }
1865
- .note.red:not(.disabled).modern {
1866
- border-left-color: transparent !important;
1867
- color: #f00;
1868
- }
1869
- .note.red:not(.disabled):not(.simple) {
1870
- background: #ffd9d9 !important;
1871
- }
1872
- .note.red > .note-icon {
1873
- color: #f00;
1874
- }
1875
- .note.purple:not(.disabled) {
1876
- border-left-color: #6f42c1 !important;
1877
- }
1878
- .note.purple:not(.disabled).modern {
1879
- border-left-color: transparent !important;
1880
- color: #6f42c1;
1881
- }
1882
- .note.purple:not(.disabled):not(.simple) {
1883
- background: #e9e3f6 !important;
1884
- }
1885
- .note.purple > .note-icon {
1886
- color: #6f42c1;
1887
- }
1888
- .note.orange:not(.disabled) {
1889
- border-left-color: #ff8c00 !important;
1890
- }
1891
- .note.orange:not(.disabled).modern {
1892
- border-left-color: transparent !important;
1893
- color: #ff8c00;
1894
- }
1895
- .note.orange:not(.disabled):not(.simple) {
1896
- background: #ffeed9 !important;
1897
- }
1898
- .note.orange > .note-icon {
1899
- color: #ff8c00;
1900
- }
1901
- .note.green:not(.disabled) {
1902
- border-left-color: #5cb85c !important;
1903
- }
1904
- .note.green:not(.disabled).modern {
1905
- border-left-color: transparent !important;
1906
- color: #5cb85c;
1907
- }
1908
- .note.green:not(.disabled):not(.simple) {
1909
- background: #e7f4e7 !important;
1910
- }
1911
- .note.green > .note-icon {
1912
- color: #5cb85c;
1913
- }
1914
- .note.simple {
1915
- border: 1px solid #eee;
1916
- border-left-width: 5px;
1917
- }
1918
- .note.modern {
1919
- border: 1px solid transparent !important;
1920
- background-color: #f5f5f5;
1921
- color: #4c4948;
1922
- }
1923
- .note.flat {
1924
- border: initial;
1925
- border-left: 5px solid #eee;
1926
- background-color: #f9f9f9;
1927
- color: #4c4948;
1928
- }
1929
- .note h2,
1930
- .note h3,
1931
- .note h4,
1932
- .note h5,
1933
- .note h6 {
1934
- margin-top: 3px;
1935
- margin-bottom: 0;
1936
- padding-top: 0 !important;
1937
- border-bottom: initial;
1938
- }
1939
- .note p:first-child,
1940
- .note ul:first-child,
1941
- .note ol:first-child,
1942
- .note table:first-child,
1943
- .note pre:first-child,
1944
- .note blockquote:first-child,
1945
- .note img:first-child {
1946
- margin-top: 0 !important;
1947
- }
1948
- .note p:last-child,
1949
- .note ul:last-child,
1950
- .note ol:last-child,
1951
- .note table:last-child,
1952
- .note pre:last-child,
1953
- .note blockquote:last-child,
1954
- .note img:last-child {
1955
- margin-bottom: 0 !important;
1956
- }
1957
- .note:not(.no-icon) {
1958
- padding-left: 3em;
1959
- }
1960
- .note:not(.no-icon)::before {
1961
- position: absolute;
1962
- top: calc(50% - 0.95em);
1963
- left: 0.8em;
1964
- font-size: larger;
1965
- }
1966
- .note.default.flat {
1967
- background: #f7f7f7;
1968
- }
1969
- .note.default.modern {
1970
- border-color: #e1e1e1;
1971
- background: #f3f3f3;
1972
- color: #666;
1973
- }
1974
- .note.default.modern a:not(.btn) {
1975
- color: #666;
1976
- }
1977
- .note.default.modern a:not(.btn):hover {
1978
- color: #454545;
1979
- }
1980
- .note.default:not(.modern) {
1981
- border-left-color: #777;
1982
- }
1983
- .note.default:not(.modern) h2,
1984
- .note.default:not(.modern) h3,
1985
- .note.default:not(.modern) h4,
1986
- .note.default:not(.modern) h5,
1987
- .note.default:not(.modern) h6 {
1988
- color: #777;
1989
- }
1990
- .note.default:not(.no-icon)::before {
1991
- content: '\f0a9';
1992
- }
1993
- .note.default:not(.no-icon):not(.modern)::before {
1994
- color: #777;
1995
- }
1996
- .note.primary.flat {
1997
- background: #f5f0fa;
1998
- }
1999
- .note.primary.modern {
2000
- border-color: #e1c2ff;
2001
- background: #f3daff;
2002
- color: #6f42c1;
2003
- }
2004
- .note.primary.modern a:not(.btn) {
2005
- color: #6f42c1;
2006
- }
2007
- .note.primary.modern a:not(.btn):hover {
2008
- color: #453298;
2009
- }
2010
- .note.primary:not(.modern) {
2011
- border-left-color: #6f42c1;
2012
- }
2013
- .note.primary:not(.modern) h2,
2014
- .note.primary:not(.modern) h3,
2015
- .note.primary:not(.modern) h4,
2016
- .note.primary:not(.modern) h5,
2017
- .note.primary:not(.modern) h6 {
2018
- color: #6f42c1;
2019
- }
2020
- .note.primary:not(.no-icon)::before {
2021
- content: '\f055';
2022
- }
2023
- .note.primary:not(.no-icon):not(.modern)::before {
2024
- color: #6f42c1;
2025
- }
2026
- .note.info.flat {
2027
- background: #eef7fa;
2028
- }
2029
- .note.info.modern {
2030
- border-color: #b3e5ef;
2031
- background: #d9edf7;
2032
- color: #31708f;
2033
- }
2034
- .note.info.modern a:not(.btn) {
2035
- color: #31708f;
2036
- }
2037
- .note.info.modern a:not(.btn):hover {
2038
- color: #215761;
2039
- }
2040
- .note.info:not(.modern) {
2041
- border-left-color: #428bca;
2042
- }
2043
- .note.info:not(.modern) h2,
2044
- .note.info:not(.modern) h3,
2045
- .note.info:not(.modern) h4,
2046
- .note.info:not(.modern) h5,
2047
- .note.info:not(.modern) h6 {
2048
- color: #428bca;
2049
- }
2050
- .note.info:not(.no-icon)::before {
2051
- content: '\f05a';
2052
- }
2053
- .note.info:not(.no-icon):not(.modern)::before {
2054
- color: #428bca;
2055
- }
2056
- .note.success.flat {
2057
- background: #eff8f0;
2058
- }
2059
- .note.success.modern {
2060
- border-color: #d0e6be;
2061
- background: #dff0d8;
2062
- color: #3c763d;
2063
- }
2064
- .note.success.modern a:not(.btn) {
2065
- color: #3c763d;
2066
- }
2067
- .note.success.modern a:not(.btn):hover {
2068
- color: #32562c;
2069
- }
2070
- .note.success:not(.modern) {
2071
- border-left-color: #5cb85c;
2072
- }
2073
- .note.success:not(.modern) h2,
2074
- .note.success:not(.modern) h3,
2075
- .note.success:not(.modern) h4,
2076
- .note.success:not(.modern) h5,
2077
- .note.success:not(.modern) h6 {
2078
- color: #5cb85c;
2079
- }
2080
- .note.success:not(.no-icon)::before {
2081
- content: '\f058';
2082
- }
2083
- .note.success:not(.no-icon):not(.modern)::before {
2084
- color: #5cb85c;
2085
- }
2086
- .note.warning.flat {
2087
- background: #fdf8ea;
2088
- }
2089
- .note.warning.modern {
2090
- border-color: #fae4cd;
2091
- background: #fcf4e3;
2092
- color: #8a6d3b;
2093
- }
2094
- .note.warning.modern a:not(.btn) {
2095
- color: #8a6d3b;
2096
- }
2097
- .note.warning.modern a:not(.btn):hover {
2098
- color: #714f30;
2099
- }
2100
- .note.warning:not(.modern) {
2101
- border-left-color: #f0ad4e;
2102
- }
2103
- .note.warning:not(.modern) h2,
2104
- .note.warning:not(.modern) h3,
2105
- .note.warning:not(.modern) h4,
2106
- .note.warning:not(.modern) h5,
2107
- .note.warning:not(.modern) h6 {
2108
- color: #f0ad4e;
2109
- }
2110
- .note.warning:not(.no-icon)::before {
2111
- content: '\f06a';
2112
- }
2113
- .note.warning:not(.no-icon):not(.modern)::before {
2114
- color: #f0ad4e;
2115
- }
2116
- .note.danger.flat {
2117
- background: #fcf1f2;
2118
- }
2119
- .note.danger.modern {
2120
- border-color: #ebcdd2;
2121
- background: #f2dfdf;
2122
- color: #a94442;
2123
- }
2124
- .note.danger.modern a:not(.btn) {
2125
- color: #a94442;
2126
- }
2127
- .note.danger.modern a:not(.btn):hover {
2128
- color: #84333f;
2129
- }
2130
- .note.danger:not(.modern) {
2131
- border-left-color: #d9534f;
2132
- }
2133
- .note.danger:not(.modern) h2,
2134
- .note.danger:not(.modern) h3,
2135
- .note.danger:not(.modern) h4,
2136
- .note.danger:not(.modern) h5,
2137
- .note.danger:not(.modern) h6 {
2138
- color: #d9534f;
2139
- }
2140
- .note.danger:not(.no-icon)::before {
2141
- content: '\f056';
2142
- }
2143
- .note.danger:not(.no-icon):not(.modern)::before {
2144
- color: #d9534f;
2145
- }
2146
- @media (min-width: 1200px) {
2147
- .poem {
2148
- margin: 0 auto;
2149
- height: auto;
2150
- writing-mode: vertical-rl;
2151
- writing-mode: tb-rl;
2152
- }
2153
- .poem p {
2154
- text-decoration: underline;
2155
- text-decoration-color: rgba(193,11,11,0.72);
2156
- text-decoration-style: dashed;
2157
- }
2158
- }
2159
- @font-face {
2160
- font-family: 'Poem';
2161
- src: url("https://unpkg.zhimg.com/akilar-candyassets/fonts/Poem.ttf");
2162
- font-display: swap;
2163
- }
2164
- .poem p {
2165
- font-family: 'Poem', 'KaiTi', sans-serif !important;
2166
- font-size: 25px;
2167
- text-align: center;
2168
- }
2169
- .poem-title {
2170
- font-family: 'Poem', 'KaiTi', sans-serif !important;
2171
- font-size: 2.5em;
2172
- text-align: center;
2173
- }
2174
- .poem-author {
2175
- text-align: center !important;
2176
- font-family: 'Poem', 'KaiTi', sans-serif !important;
2177
- font-size: 16px;
2178
- color: #424242;
2179
- }
2180
- .progress {
2181
- display: -webkit-box;
2182
- display: -moz-box;
2183
- display: -webkit-flex;
2184
- display: -ms-flexbox;
2185
- display: box;
2186
- display: flex;
2187
- font-size: var(--global-font-size);
2188
- background-color: rgba(88,88,88,0.6);
2189
- border-radius: 0.25rem;
2190
- margin: 1rem 0;
2191
- height: 2rem;
2192
- overflow: hidden;
2193
- }
2194
- .progress p {
2195
- margin: 0 0 0 10px !important;
2196
- }
2197
- .progress .progress-bar-animated {
2198
- background-color: #a7b5fd !important;
2199
- -webkit-animation: progress-bar-stripes 1s linear infinite;
2200
- -moz-animation: progress-bar-stripes 1s linear infinite;
2201
- -o-animation: progress-bar-stripes 1s linear infinite;
2202
- -ms-animation: progress-bar-stripes 1s linear infinite;
2203
- animation: progress-bar-stripes 1s linear infinite;
2204
- }
2205
- .progress .progress-bar-striped {
2206
- background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
2207
- background-image: -moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
2208
- background-image: -o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
2209
- background-image: -ms-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
2210
- background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
2211
- background-size: 1rem 1rem;
2212
- }
2213
- .progress .progress-bar {
2214
- display: -webkit-box;
2215
- display: -moz-box;
2216
- display: -webkit-flex;
2217
- display: -ms-flexbox;
2218
- display: box;
2219
- display: flex;
2220
- -webkit-box-orient: vertical;
2221
- -moz-box-orient: vertical;
2222
- -o-box-orient: vertical;
2223
- -webkit-flex-direction: column;
2224
- -ms-flex-direction: column;
2225
- flex-direction: column;
2226
- -webkit-box-pack: center;
2227
- -moz-box-pack: center;
2228
- -o-box-pack: center;
2229
- -ms-flex-pack: center;
2230
- -webkit-justify-content: center;
2231
- justify-content: center;
2232
- overflow: visible;
2233
- color: #fff;
2234
- text-align: center;
2235
- white-space: nowrap;
2236
- background-color: #0d6efd;
2237
- -webkit-transition: width 0.6s ease;
2238
- -moz-transition: width 0.6s ease;
2239
- -o-transition: width 0.6s ease;
2240
- -ms-transition: width 0.6s ease;
2241
- transition: width 0.6s ease;
2242
- }
2243
- @media (prefers-reduced-motion: reduce) {
2244
- .progress .progress-bar {
2245
- -webkit-transition: none;
2246
- -moz-transition: none;
2247
- -o-transition: none;
2248
- -ms-transition: none;
2249
- transition: none;
2250
- }
2251
- }
2252
- .progress .bg-green {
2253
- background-color: #28a745 !important;
2254
- }
2255
- .progress .bg-yellow {
2256
- background-color: #ffc107 !important;
2257
- }
2258
- .progress .bg-red {
2259
- background-color: #dc3545 !important;
2260
- }
2261
- .progress .bg-cyan {
2262
- background-color: #17a2b8 !important;
2263
- }
2264
- .progress .bg-blue {
2265
- background-color: #0d6efd !important;
2266
- }
2267
- .progress .bg-gray {
2268
- background-color: #7f838a !important;
2269
- }
2270
- @-moz-keyframes progress-bar-stripes {
2271
- 0% {
2272
- background-position-x: 1rem;
2273
- }
2274
- }
2275
- @-webkit-keyframes progress-bar-stripes {
2276
- 0% {
2277
- background-position-x: 1rem;
2278
- }
2279
- }
2280
- @-o-keyframes progress-bar-stripes {
2281
- 0% {
2282
- background-position-x: 1rem;
2283
- }
2284
- }
2285
- @keyframes progress-bar-stripes {
2286
- 0% {
2287
- background-position-x: 1rem;
2288
- }
2289
- }
2290
- :root {
2291
- --referto-text-color: #e9a218;
2292
- --referto-text-hover-color: #2c7fe7;
2293
- --referto-literature-background-color: #318efd;
2294
- --referto-title-background-color: #183153;
2295
- --referto-content-text-color: #f1f1ef;
2296
- --referfrom-text-shadow: rgba(35,35,35,0.5);
2297
- --referfrom-text-color: #f1f1ef;
2298
- --referfrom-text-hover-color: #f2b94b;
2299
- --referfrom-link-color: #403e3b;
2300
- --referfrom-link-hover-color: #235dac;
2301
- --referfrom-background-color: #f1f1ef;
2302
- --reference-anchor-color: #183153;
2303
- --reference-anchor-up-color: #318efd;
2304
- }
2305
- [data-theme="dark"] {
2306
- --referto-text-color: #f2b94b;
2307
- --referto-text-hover-color: #2c7fe7;
2308
- --referto-literature-background-color: #5c6167;
2309
- --referto-title-background-color: #090a0b;
2310
- --referto-content-text-color: #f1f1ef;
2311
- --referfrom-text-shadow: rgba(35,35,35,0.5);
2312
- --referfrom-text-color: #f1f1ef;
2313
- --referfrom-text-hover-color: #f2b94b;
2314
- --referfrom-link-color: #f1f1ef;
2315
- --referfrom-link-hover-color: #f2b94b;
2316
- --referfrom-background-color: rgba(92,97,103,0.68);
2317
- --reference-anchor-color: #090a0b;
2318
- --reference-anchor-up-color: #183153;
2319
- }
2320
- .hidden-anchor {
2321
- position: relative;
2322
- top: -150px;
2323
- display: inline-block;
2324
- height: 0;
2325
- overflow: hidden;
2326
- }
2327
- .reference a {
2328
- display: inline-block;
2329
- color: var(--referto-text-color) !important;
2330
- font-weight: bold;
2331
- -webkit-transition: all 0.2s ease-in-out;
2332
- -moz-transition: all 0.2s ease-in-out;
2333
- -o-transition: all 0.2s ease-in-out;
2334
- -ms-transition: all 0.2s ease-in-out;
2335
- transition: all 0.2s ease-in-out;
2336
- }
2337
- .reference:hover a {
2338
- -webkit-transition: all 0.2s ease-in-out;
2339
- -moz-transition: all 0.2s ease-in-out;
2340
- -o-transition: all 0.2s ease-in-out;
2341
- -ms-transition: all 0.2s ease-in-out;
2342
- transition: all 0.2s ease-in-out;
2343
- text-decoration: none !important;
2344
- color: var(--referto-text-hover-color) !important;
2345
- }
2346
- .reference:hover + .reference-bubble .reference-item {
2347
- -webkit-transform: translate(-40px, 10px) rotateX(0deg);
2348
- -moz-transform: translate(-40px, 10px) rotateX(0deg);
2349
- -o-transform: translate(-40px, 10px) rotateX(0deg);
2350
- -ms-transform: translate(-40px, 10px) rotateX(0deg);
2351
- transform: translate(-40px, 10px) rotateX(0deg);
2352
- -webkit-transition: all 0.5s ease-in-out;
2353
- -moz-transition: all 0.5s ease-in-out;
2354
- -o-transition: all 0.5s ease-in-out;
2355
- -ms-transition: all 0.5s ease-in-out;
2356
- transition: all 0.5s ease-in-out;
2357
- opacity: 1;
2358
- -ms-filter: none;
2359
- filter: none;
2360
- }
2361
- .reference-bubble {
2362
- display: inline-block;
2363
- }
2364
- .reference-item {
2365
- -webkit-transition: all 0.5s ease-in-out;
2366
- -moz-transition: all 0.5s ease-in-out;
2367
- -o-transition: all 0.5s ease-in-out;
2368
- -ms-transition: all 0.5s ease-in-out;
2369
- transition: all 0.5s ease-in-out;
2370
- opacity: 0;
2371
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
2372
- filter: alpha(opacity=0);
2373
- z-index: 99;
2374
- display: -webkit-box;
2375
- display: -moz-box;
2376
- display: -webkit-flex;
2377
- display: -ms-flexbox;
2378
- display: box;
2379
- display: flex;
2380
- position: absolute;
2381
- -webkit-transform: translate(-40px, 10px) rotateX(90deg);
2382
- -moz-transform: translate(-40px, 10px) rotateX(90deg);
2383
- -o-transform: translate(-40px, 10px) rotateX(90deg);
2384
- -ms-transform: translate(-40px, 10px) rotateX(90deg);
2385
- transform: translate(-40px, 10px) rotateX(90deg);
2386
- width: auto;
2387
- height: auto;
2388
- clip-path: polygon(5px 10px, 20px 10px, 30px 0, 40px 10px, calc(100% - 5px) 10px, 100% 15px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 15px, 5px 10px);
2389
- }
2390
- .reference-literature {
2391
- max-width: 200px;
2392
- padding: 20px 10px 10px 10px;
2393
- background: var(--referto-literature-background-color);
2394
- color: var(--referto-content-text-color) !important;
2395
- word-wrap: break-word;
2396
- word-break: break-all;
2397
- display: -webkit-box;
2398
- display: -moz-box;
2399
- display: -webkit-flex;
2400
- display: -ms-flexbox;
2401
- display: box;
2402
- display: flex;
2403
- -webkit-box-align: center;
2404
- -moz-box-align: center;
2405
- -o-box-align: center;
2406
- -ms-flex-align: center;
2407
- -webkit-align-items: center;
2408
- align-items: center;
2409
- }
2410
- .reference-title {
2411
- padding: 20px 10px 10px 10px;
2412
- background: var(--referto-title-background-color);
2413
- color: var(--referto-content-text-color) !important;
2414
- writing-mode: vertical-lr;
2415
- display: -webkit-box;
2416
- display: -moz-box;
2417
- display: -webkit-flex;
2418
- display: -ms-flexbox;
2419
- display: box;
2420
- display: flex;
2421
- -webkit-box-pack: center;
2422
- -moz-box-pack: center;
2423
- -o-box-pack: center;
2424
- -ms-flex-pack: center;
2425
- -webkit-justify-content: center;
2426
- justify-content: center;
2427
- }
2428
- .reference-source {
2429
- font-size: 16px;
2430
- height: auto;
2431
- line-height: 26px;
2432
- width: fit-content;
2433
- margin: 5px 0;
2434
- max-width: 90%;
2435
- background: var(--referfrom-background-color);
2436
- -webkit-box-shadow: 1px 1px 1px var(--referfrom-text-shadow);
2437
- box-shadow: 1px 1px 1px var(--referfrom-text-shadow);
2438
- border-radius: 8px;
2439
- padding-right: 10px;
2440
- }
2441
- .reference-source pangu {
2442
- display: none;
2443
- }
2444
- a.reference-anchor {
2445
- border-bottom-left-radius: 5px;
2446
- border-top-left-radius: 5px;
2447
- color: var(--referfrom-text-color) !important;
2448
- background: var(--reference-anchor-color);
2449
- height: 30px;
2450
- display: inline-block;
2451
- width: fit-content;
2452
- padding: 0px 0px 0px 10px;
2453
- }
2454
- a.reference-anchor:hover {
2455
- color: var(--referfrom-text-hover-color) !important;
2456
- text-decoration: none !important;
2457
- }
2458
- a.reference-anchor:hover .reference-anchor-up {
2459
- color: var(--referfrom-text-hover-color) !important;
2460
- }
2461
- a.reference-link {
2462
- color: var(--referfrom-link-color) !important;
2463
- padding: 0px 10px;
2464
- }
2465
- a.reference-link:hover {
2466
- color: var(--referfrom-link-hover-color) !important;
2467
- text-decoration: none !important;
2468
- }
2469
- .reference-anchor-up {
2470
- color: var(--referfrom-text-color) !important;
2471
- height: 30px;
2472
- width: 40px;
2473
- padding: 0px 0px 0px 10px;
2474
- background: var(--reference-anchor-up-color);
2475
- display: -webkit-inline-box !important;
2476
- display: -moz-inline-box !important;
2477
- display: -webkit-inline-flex !important;
2478
- display: -ms-inline-flexbox !important;
2479
- display: inline-box !important;
2480
- display: inline-flex !important;
2481
- -webkit-box-align: center;
2482
- -moz-box-align: center;
2483
- -o-box-align: center;
2484
- -ms-flex-align: center;
2485
- -webkit-align-items: center;
2486
- align-items: center;
2487
- -webkit-box-pack: center;
2488
- -moz-box-pack: center;
2489
- -o-box-pack: center;
2490
- -ms-flex-pack: center;
2491
- -webkit-justify-content: center;
2492
- justify-content: center;
2493
- clip-path: polygon(0 0, 10px 50%, 0 100%, 100% 100%, 100% 0);
2494
- }
2495
- .site-card-group {
2496
- display: -webkit-box;
2497
- display: -moz-box;
2498
- display: -webkit-flex;
2499
- display: -ms-flexbox;
2500
- display: box;
2501
- display: flex;
2502
- -webkit-box-lines: multiple;
2503
- -moz-box-lines: multiple;
2504
- -o-box-lines: multiple;
2505
- -webkit-flex-wrap: wrap;
2506
- -ms-flex-wrap: wrap;
2507
- flex-wrap: wrap;
2508
- -webkit-box-pack: start;
2509
- -moz-box-pack: start;
2510
- -o-box-pack: start;
2511
- -ms-flex-pack: start;
2512
- -webkit-justify-content: flex-start;
2513
- justify-content: flex-start;
2514
- margin: -8px;
2515
- -webkit-box-align: stretch;
2516
- -moz-box-align: stretch;
2517
- -o-box-align: stretch;
2518
- -ms-flex-align: stretch;
2519
- -webkit-align-items: stretch;
2520
- align-items: stretch;
2521
- }
2522
- .site-card {
2523
- margin: 8px;
2524
- width: calc(100% / 4 - 16px);
2525
- display: block;
2526
- line-height: 1.4;
2527
- height: 100%;
2528
- }
2529
- @media screen and (min-width: 2048px) {
2530
- .site-card {
2531
- width: calc(100% / 5 - 16px);
2532
- }
2533
- }
2534
- @media screen and (max-width: 768px) {
2535
- .site-card {
2536
- width: calc(100% / 3 - 16px);
2537
- }
2538
- }
2539
- @media screen and (max-width: 500px) {
2540
- .site-card {
2541
- width: calc(100% / 2 - 16px);
2542
- }
2543
- }
2544
- .site-card .img {
2545
- width: 100%;
2546
- height: 120px;
2547
- overflow: hidden;
2548
- border-radius: 6px;
2549
- -webkit-box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
2550
- box-shadow: 0 1px 2px 0px rgba(0,0,0,0.2);
2551
- background: #f6f6f6;
2552
- }
2553
- @media screen and (max-width: 500px) {
2554
- .site-card .img {
2555
- height: 100px;
2556
- }
2557
- }
2558
- .site-card .img img {
2559
- width: 100%;
2560
- height: 100%;
2561
- pointer-events: none;
2562
- -webkit-transition: -webkit-transform 2s ease;
2563
- -moz-transition: -moz-transform 2s ease;
2564
- -o-transition: -o-transform 2s ease;
2565
- -ms-transition: -ms-transform 2s ease;
2566
- transition: transform 2s ease;
2567
- object-fit: cover;
2568
- }
2569
- .site-card .info {
2570
- margin-top: 8px;
2571
- }
2572
- .site-card .info img {
2573
- width: 32px;
2574
- height: 32px;
2575
- pointer-events: none;
2576
- border-radius: 16px;
2577
- float: left;
2578
- margin-right: 8px;
2579
- margin-top: 2px;
2580
- }
2581
- .site-card .info span {
2582
- display: block;
2583
- }
2584
- .site-card .info .title {
2585
- font-weight: 600;
2586
- font-size: var(--global-font-size);
2587
- color: #444;
2588
- display: -webkit-box;
2589
- -webkit-box-orient: vertical;
2590
- overflow: hidden;
2591
- -webkit-line-clamp: 1;
2592
- -webkit-transition: all 0.28s ease;
2593
- -moz-transition: all 0.28s ease;
2594
- -o-transition: all 0.28s ease;
2595
- -ms-transition: all 0.28s ease;
2596
- transition: all 0.28s ease;
2597
- -moz-transition: all 0.28s ease;
2598
- -webkit-transition: all 0.28s ease;
2599
- -o-transition: all 0.28s ease;
2600
- }
2601
- .site-card .info .desc {
2602
- font-size: var(--global-font-size);
2603
- word-wrap: break-word;
2604
- line-height: 1.2;
2605
- color: #888;
2606
- display: -webkit-box;
2607
- -webkit-box-orient: vertical;
2608
- overflow: hidden;
2609
- -webkit-line-clamp: 2;
2610
- }
2611
- .site-card .img {
2612
- -webkit-transition: all 0.28s ease;
2613
- -moz-transition: all 0.28s ease;
2614
- -o-transition: all 0.28s ease;
2615
- -ms-transition: all 0.28s ease;
2616
- transition: all 0.28s ease;
2617
- -moz-transition: all 0.28s ease;
2618
- -webkit-transition: all 0.28s ease;
2619
- -o-transition: all 0.28s ease;
2620
- }
2621
- .site-card:hover .img {
2622
- -webkit-box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
2623
- box-shadow: 0 4px 8px 0px rgba(0,0,0,0.1), 0 2px 4px 0px rgba(0,0,0,0.1), 0 4px 8px 0px rgba(0,0,0,0.1), 0 8px 16px 0px rgba(0,0,0,0.1);
2624
- }
2625
- .site-card:hover .info .title {
2626
- color: #ff5722;
2627
- }
2628
- p.p.subtitle {
2629
- font-weight: bold;
2630
- color: #44b299;
2631
- font-size: 1.25rem !important;
2632
- padding-top: 1.5rem;
2633
- }
2634
- p.p.subtitle:first-child {
2635
- padding-top: 1rem;
2636
- }
2637
- span.p.left,
2638
- p.p.left {
2639
- display: block;
2640
- text-align: left;
2641
- }
2642
- span.p.center,
2643
- p.p.center {
2644
- display: block;
2645
- text-align: center;
2646
- }
2647
- span.p.right,
2648
- p.p.right {
2649
- display: block;
2650
- text-align: right;
2651
- }
2652
- span.p.small,
2653
- p.p.small {
2654
- font-size: var(--global-font-size);
2655
- }
2656
- span.p.large,
2657
- p.p.large {
2658
- font-size: 2.5rem;
2659
- line-height: 1.4;
2660
- }
2661
- span.p.huge,
2662
- p.p.huge {
2663
- font-size: 4rem;
2664
- line-height: 1.4;
2665
- }
2666
- span.p.ultra,
2667
- p.p.ultra {
2668
- font-size: 6rem;
2669
- line-height: 1.4;
2670
- }
2671
- span.p.small,
2672
- p.p.small,
2673
- span.p.large,
2674
- p.p.large,
2675
- span.p.huge,
2676
- p.p.huge,
2677
- span.p.ultra,
2678
- p.p.ultra {
2679
- margin: 0;
2680
- padding: 0;
2681
- }
2682
- span.p.bold,
2683
- p.p.bold {
2684
- font-weight: bold;
2685
- }
2686
- span.p.h1,
2687
- p.p.h1,
2688
- span.p.h2,
2689
- p.p.h2 {
2690
- padding-bottom: 0.2rem;
2691
- font-weight: 500;
2692
- }
2693
- span.p.h1,
2694
- p.p.h1 {
2695
- font-size: 1.625rem;
2696
- color: var(--color-h1);
2697
- padding-top: 2em;
2698
- }
2699
- span.p.h2,
2700
- p.p.h2 {
2701
- font-size: 1.625rem;
2702
- color: var(--color-h2);
2703
- padding-top: 2em;
2704
- border-bottom: 1px solid rgba(68,68,68,0.1);
2705
- }
2706
- span.p.h3,
2707
- p.p.h3 {
2708
- font-size: 1.375rem;
2709
- color: var(--color-h3);
2710
- padding-top: 2em;
2711
- }
2712
- span.p.h4,
2713
- p.p.h4 {
2714
- font-size: 1.125rem;
2715
- color: var(--color-h4);
2716
- padding-top: 2em;
2717
- }
2718
- span.p.h5,
2719
- p.p.h5 {
2720
- font-size: 1rem;
2721
- color: var(--color-h5);
2722
- padding-top: 1.5em;
2723
- }
2724
- span.p.red,
2725
- p.p.red {
2726
- color: #e8453c;
2727
- }
2728
- span.p.yellow,
2729
- p.p.yellow {
2730
- color: #fcec60;
2731
- }
2732
- span.p.green,
2733
- p.p.green {
2734
- color: #3dc550;
2735
- }
2736
- span.p.cyan,
2737
- p.p.cyan {
2738
- color: #1bcdfc;
2739
- }
2740
- span.p.blue,
2741
- p.p.blue {
2742
- color: #2196f3;
2743
- }
2744
- span.p.purple,
2745
- p.p.purple {
2746
- color: #9c27b0;
2747
- }
2748
- span.p.gray,
2749
- p.p.gray {
2750
- color: #999;
2751
- }
2752
- #article-container .tabs {
2753
- position: relative;
2754
- margin: 0 0 20px;
2755
- border-right: 1px solid var(--tab-border-color);
2756
- border-bottom: 1px solid var(--tab-border-color);
2757
- border-left: 1px solid var(--tab-border-color);
2758
- }
2759
- #article-container .tabs > .nav-tabs {
2760
- display: -webkit-box;
2761
- display: -moz-box;
2762
- display: -webkit-flex;
2763
- display: -ms-flexbox;
2764
- display: box;
2765
- display: flex;
2766
- -webkit-box-lines: multiple;
2767
- -moz-box-lines: multiple;
2768
- -o-box-lines: multiple;
2769
- -webkit-flex-wrap: wrap;
2770
- -ms-flex-wrap: wrap;
2771
- flex-wrap: wrap;
2772
- margin: 0;
2773
- padding: 0;
2774
- background: var(--tab-botton-bg);
2775
- }
2776
- #article-container .tabs > .nav-tabs > .tab {
2777
- margin: 0;
2778
- padding: 0;
2779
- list-style: none;
2780
- }
2781
- @media screen and (max-width: 768px) {
2782
- #article-container .tabs > .nav-tabs > .tab {
2783
- -webkit-box-flex: 1;
2784
- -moz-box-flex: 1;
2785
- -o-box-flex: 1;
2786
- -ms-box-flex: 1;
2787
- box-flex: 1;
2788
- -webkit-flex-grow: 1;
2789
- flex-grow: 1;
2790
- }
2791
- }
2792
- #article-container .tabs > .nav-tabs > .tab button {
2793
- display: block;
2794
- padding: 8px 18px;
2795
- width: 100%;
2796
- border-top: 2px solid var(--tab-border-color);
2797
- background: var(--tab-botton-bg);
2798
- color: var(--tab-botton-color);
2799
- line-height: 2;
2800
- -webkit-transition: all 0.4s;
2801
- -moz-transition: all 0.4s;
2802
- -o-transition: all 0.4s;
2803
- -ms-transition: all 0.4s;
2804
- transition: all 0.4s;
2805
- }
2806
- #article-container .tabs > .nav-tabs > .tab button i {
2807
- width: 1.5em;
2808
- }
2809
- #article-container .tabs > .nav-tabs > .tab.active button {
2810
- border-top: 2px solid #49b1f5;
2811
- background: var(--tab-button-active-bg);
2812
- cursor: default;
2813
- }
2814
- #article-container .tabs > .nav-tabs > .tab:not(.active) button:hover {
2815
- border-top: 2px solid var(--tab-button-hover-bg);
2816
- background: var(--tab-button-hover-bg);
2817
- }
2818
- #article-container .tabs > .tab-contents .tab-item-content {
2819
- position: relative;
2820
- display: none;
2821
- padding: 36px 24px;
2822
- }
2823
- @media screen and (max-width: 768px) {
2824
- #article-container .tabs > .tab-contents .tab-item-content {
2825
- padding: 24px 14px;
2826
- }
2827
- }
2828
- #article-container .tabs > .tab-contents .tab-item-content.active {
2829
- display: block;
2830
- -webkit-animation: tabshow 0.5s;
2831
- -moz-animation: tabshow 0.5s;
2832
- -o-animation: tabshow 0.5s;
2833
- -ms-animation: tabshow 0.5s;
2834
- animation: tabshow 0.5s;
2835
- }
2836
- #article-container .tabs .tab-to-top {
2837
- position: relative;
2838
- display: block;
2839
- margin: 0 0 0 auto;
2840
- color: #99a9bf;
2841
- }
2842
- @-moz-keyframes tabshow {
2843
- 0% {
2844
- -webkit-transform: translateY(15px);
2845
- -moz-transform: translateY(15px);
2846
- -o-transform: translateY(15px);
2847
- -ms-transform: translateY(15px);
2848
- transform: translateY(15px);
2849
- }
2850
- 100% {
2851
- -webkit-transform: translateY(0);
2852
- -moz-transform: translateY(0);
2853
- -o-transform: translateY(0);
2854
- -ms-transform: translateY(0);
2855
- transform: translateY(0);
2856
- }
2857
- }
2858
- @-webkit-keyframes tabshow {
2859
- 0% {
2860
- -webkit-transform: translateY(15px);
2861
- -moz-transform: translateY(15px);
2862
- -o-transform: translateY(15px);
2863
- -ms-transform: translateY(15px);
2864
- transform: translateY(15px);
2865
- }
2866
- 100% {
2867
- -webkit-transform: translateY(0);
2868
- -moz-transform: translateY(0);
2869
- -o-transform: translateY(0);
2870
- -ms-transform: translateY(0);
2871
- transform: translateY(0);
2872
- }
2873
- }
2874
- @-o-keyframes tabshow {
2875
- 0% {
2876
- -webkit-transform: translateY(15px);
2877
- -moz-transform: translateY(15px);
2878
- -o-transform: translateY(15px);
2879
- -ms-transform: translateY(15px);
2880
- transform: translateY(15px);
2881
- }
2882
- 100% {
2883
- -webkit-transform: translateY(0);
2884
- -moz-transform: translateY(0);
2885
- -o-transform: translateY(0);
2886
- -ms-transform: translateY(0);
2887
- transform: translateY(0);
2888
- }
2889
- }
2890
- @keyframes tabshow {
2891
- 0% {
2892
- -webkit-transform: translateY(15px);
2893
- -moz-transform: translateY(15px);
2894
- -o-transform: translateY(15px);
2895
- -ms-transform: translateY(15px);
2896
- transform: translateY(15px);
2897
- }
2898
- 100% {
2899
- -webkit-transform: translateY(0);
2900
- -moz-transform: translateY(0);
2901
- -o-transform: translateY(0);
2902
- -ms-transform: translateY(0);
2903
- transform: translateY(0);
2904
- }
2905
- }
2906
- #article-container .timeline {
2907
- margin: 0 0 20px 10px;
2908
- padding: 14px 20px 5px;
2909
- border-left: 2px solid var(--timeline-color, #49b1f5);
2910
- }
2911
- #article-container .timeline.blue {
2912
- --timeline-color: #428bca;
2913
- --timeline-bg: rgba(66,139,202, 0.2);
2914
- }
2915
- #article-container .timeline.pink {
2916
- --timeline-color: #ff69b4;
2917
- --timeline-bg: rgba(255,105,180, 0.2);
2918
- }
2919
- #article-container .timeline.red {
2920
- --timeline-color: #f00;
2921
- --timeline-bg: rgba(255,0,0, 0.2);
2922
- }
2923
- #article-container .timeline.purple {
2924
- --timeline-color: #6f42c1;
2925
- --timeline-bg: rgba(111,66,193, 0.2);
2926
- }
2927
- #article-container .timeline.orange {
2928
- --timeline-color: #ff8c00;
2929
- --timeline-bg: rgba(255,140,0, 0.2);
2930
- }
2931
- #article-container .timeline.green {
2932
- --timeline-color: #5cb85c;
2933
- --timeline-bg: rgba(92,184,92, 0.2);
2934
- }
2935
- #article-container .timeline .timeline-item {
2936
- margin: 0 0 15px;
2937
- }
2938
- #article-container .timeline .timeline-item:hover .item-circle:before {
2939
- border-color: var(--timeline-color, #49b1f5);
2940
- }
2941
- #article-container .timeline .timeline-item.headline .timeline-item-title .item-circle > p {
2942
- font-weight: 600;
2943
- font-size: 1.2em;
2944
- }
2945
- #article-container .timeline .timeline-item.headline .timeline-item-title .item-circle:before {
2946
- left: -28px;
2947
- border: 4px solid var(--timeline-color, #49b1f5);
2948
- }
2949
- #article-container .timeline .timeline-item.headline:hover .item-circle:before {
2950
- border-color: var(--pseudo-hover);
2951
- }
2952
- #article-container .timeline .timeline-item .timeline-item-title {
2953
- position: relative;
2954
- }
2955
- #article-container .timeline .timeline-item .item-circle:before {
2956
- position: absolute;
2957
- top: 50%;
2958
- left: -27px;
2959
- width: 6px;
2960
- height: 6px;
2961
- border: 3px solid var(--pseudo-hover);
2962
- border-radius: 50%;
2963
- background: var(--card-bg);
2964
- content: '';
2965
- -webkit-transition: all 0.3s;
2966
- -moz-transition: all 0.3s;
2967
- -o-transition: all 0.3s;
2968
- -ms-transition: all 0.3s;
2969
- transition: all 0.3s;
2970
- -webkit-transform: translate(0, -50%);
2971
- -moz-transform: translate(0, -50%);
2972
- -o-transform: translate(0, -50%);
2973
- -ms-transform: translate(0, -50%);
2974
- transform: translate(0, -50%);
2975
- }
2976
- #article-container .timeline .timeline-item .item-circle > p {
2977
- margin: 0 0 8px;
2978
- font-weight: 500;
2979
- }
2980
- #article-container .timeline .timeline-item .timeline-item-content {
2981
- position: relative;
2982
- padding: 12px 15px;
2983
- border-radius: 8px;
2984
- background: var(--timeline-bg, #e4f3fd);
2985
- font-size: 0.93em;
2986
- }
2987
- #article-container .timeline .timeline-item .timeline-item-content > :last-child {
2988
- margin-bottom: 0;
2989
- }
2990
- #article-container .timeline + .timeline {
2991
- margin-top: -20px;
2992
- }
2993
- .tip {
2994
- padding: 6px 20px;
2995
- position: relative;
2996
- color: #fff;
2997
- margin-bottom: 20px;
2998
- background: #41363c;
2999
- background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
3000
- background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
3001
- background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
3002
- background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
3003
- background: -webkit-gradient(linear, left top, right top, from(#41363c), to(#494648));
3004
- background: -webkit--webkit-linear-gradient(left, #41363c, #494648);
3005
- background: -webkit--moz-linear-gradient(left, #41363c, #494648);
3006
- background: -webkit--o-linear-gradient(left, #41363c, #494648);
3007
- background: -webkit--ms-linear-gradient(left, #41363c, #494648);
3008
- background: -webkit-linear-gradient(to right, #41363c, #494648);
3009
- background: -webkit-linear-gradient(0deg, #41363c, #494648);
3010
- background: -moz-linear-gradient(0deg, #41363c, #494648);
3011
- background: -o-linear-gradient(0deg, #41363c, #494648);
3012
- background: -ms-linear-gradient(0deg, #41363c, #494648);
3013
- background: linear-gradient(90deg, #41363c, #494648);
3014
- padding: 6px 20px;
3015
- border-radius: 10px;
3016
- -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5);
3017
- -webkit-box-shadow: 0 3px 5px rgba(50,50,50,0.5);
3018
- box-shadow: 0 3px 5px rgba(50,50,50,0.5);
3019
- }
3020
- .tip p {
3021
- margin: 0 !important;
3022
- padding: 0.5rem 0;
3023
- }
3024
- .tip:before {
3025
- background: #41363c;
3026
- background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
3027
- background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
3028
- background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
3029
- background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
3030
- background: -webkit-gradient(linear, left bottom, left top, from(#41363c), to(#494648));
3031
- background: -webkit--webkit-linear-gradient(bottom, #41363c, #494648);
3032
- background: -webkit--moz-linear-gradient(bottom, #41363c, #494648);
3033
- background: -webkit--o-linear-gradient(bottom, #41363c, #494648);
3034
- background: -webkit--ms-linear-gradient(bottom, #41363c, #494648);
3035
- background: -webkit-linear-gradient(to top, #41363c, #494648);
3036
- background: -webkit-linear-gradient(90deg, #41363c, #494648);
3037
- background: -moz-linear-gradient(90deg, #41363c, #494648);
3038
- background: -o-linear-gradient(90deg, #41363c, #494648);
3039
- background: -ms-linear-gradient(90deg, #41363c, #494648);
3040
- background: linear-gradient(0deg, #41363c, #494648);
3041
- text-shadow: 0 -1px #41363c;
3042
- border-radius: 50%;
3043
- color: #fff;
3044
- font-size: 12px;
3045
- position: absolute;
3046
- width: 24px;
3047
- height: 24px;
3048
- line-height: 24.5px;
3049
- left: -12px;
3050
- top: -12px;
3051
- -webkit-box-shadow: 0 0 0 2.5px #f7f8f9;
3052
- -webkit-box-shadow: 0 0 0 2.5px #f7f8f9;
3053
- box-shadow: 0 0 0 2.5px #f7f8f9;
3054
- font-weight: 600;
3055
- font-family: "Font Awesome 5 Free";
3056
- text-align: center;
3057
- }
3058
- .tip ol {
3059
- margin: 0;
3060
- }
3061
- .tip.info {
3062
- background: #20a0ff;
3063
- background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
3064
- background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
3065
- background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
3066
- background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
3067
- background: -webkit-gradient(linear, left top, right top, from(#20a0ff), to(#20b8ff));
3068
- background: -webkit--webkit-linear-gradient(left, #20a0ff, #20b8ff);
3069
- background: -webkit--moz-linear-gradient(left, #20a0ff, #20b8ff);
3070
- background: -webkit--o-linear-gradient(left, #20a0ff, #20b8ff);
3071
- background: -webkit--ms-linear-gradient(left, #20a0ff, #20b8ff);
3072
- background: -webkit-linear-gradient(to right, #20a0ff, #20b8ff);
3073
- background: -webkit-linear-gradient(0deg, #20a0ff, #20b8ff);
3074
- background: -moz-linear-gradient(0deg, #20a0ff, #20b8ff);
3075
- background: -o-linear-gradient(0deg, #20a0ff, #20b8ff);
3076
- background: -ms-linear-gradient(0deg, #20a0ff, #20b8ff);
3077
- background: linear-gradient(90deg, #20a0ff, #20b8ff);
3078
- padding: 6px 20px;
3079
- border-radius: 10px;
3080
- -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5);
3081
- -webkit-box-shadow: 0 3px 5px rgba(32,160,255,0.5);
3082
- box-shadow: 0 3px 5px rgba(32,160,255,0.5);
3083
- }
3084
- .tip.info:before {
3085
- background: #20a0ff;
3086
- background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
3087
- background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
3088
- background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
3089
- background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
3090
- background: -webkit-gradient(linear, left bottom, left top, from(#0092ff), to(#20b8ff));
3091
- background: -webkit--webkit-linear-gradient(bottom, #0092ff, #20b8ff);
3092
- background: -webkit--moz-linear-gradient(bottom, #0092ff, #20b8ff);
3093
- background: -webkit--o-linear-gradient(bottom, #0092ff, #20b8ff);
3094
- background: -webkit--ms-linear-gradient(bottom, #0092ff, #20b8ff);
3095
- background: -webkit-linear-gradient(to top, #0092ff, #20b8ff);
3096
- background: -webkit-linear-gradient(90deg, #0092ff, #20b8ff);
3097
- background: -moz-linear-gradient(90deg, #0092ff, #20b8ff);
3098
- background: -o-linear-gradient(90deg, #0092ff, #20b8ff);
3099
- background: -ms-linear-gradient(90deg, #0092ff, #20b8ff);
3100
- background: linear-gradient(0deg, #0092ff, #20b8ff);
3101
- content: "\f129";
3102
- text-shadow: 0 -1px #20a0ff;
3103
- }
3104
- .tip.success {
3105
- background: #61be33;
3106
- background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
3107
- background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
3108
- background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
3109
- background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
3110
- background: -webkit-gradient(linear, left top, right top, from(#61be33), to(#8fce44));
3111
- background: -webkit--webkit-linear-gradient(left, #61be33, #8fce44);
3112
- background: -webkit--moz-linear-gradient(left, #61be33, #8fce44);
3113
- background: -webkit--o-linear-gradient(left, #61be33, #8fce44);
3114
- background: -webkit--ms-linear-gradient(left, #61be33, #8fce44);
3115
- background: -webkit-linear-gradient(to right, #61be33, #8fce44);
3116
- background: -webkit-linear-gradient(0deg, #61be33, #8fce44);
3117
- background: -moz-linear-gradient(0deg, #61be33, #8fce44);
3118
- background: -o-linear-gradient(0deg, #61be33, #8fce44);
3119
- background: -ms-linear-gradient(0deg, #61be33, #8fce44);
3120
- background: linear-gradient(90deg, #61be33, #8fce44);
3121
- text-shadow: 0 -1px #61be33;
3122
- -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5);
3123
- -webkit-box-shadow: 0 3px 5px rgba(104,195,59,0.5);
3124
- box-shadow: 0 3px 5px rgba(104,195,59,0.5);
3125
- }
3126
- .tip.success:before {
3127
- background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
3128
- background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
3129
- background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
3130
- background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
3131
- background: -webkit-gradient(linear, left bottom, left top, from(#52bb1d), to(#95d34b));
3132
- background: -webkit--webkit-linear-gradient(bottom, #52bb1d, #95d34b);
3133
- background: -webkit--moz-linear-gradient(bottom, #52bb1d, #95d34b);
3134
- background: -webkit--o-linear-gradient(bottom, #52bb1d, #95d34b);
3135
- background: -webkit--ms-linear-gradient(bottom, #52bb1d, #95d34b);
3136
- background: -webkit-linear-gradient(to top, #52bb1d, #95d34b);
3137
- background: -webkit-linear-gradient(90deg, #52bb1d, #95d34b);
3138
- background: -moz-linear-gradient(90deg, #52bb1d, #95d34b);
3139
- background: -o-linear-gradient(90deg, #52bb1d, #95d34b);
3140
- background: -ms-linear-gradient(90deg, #52bb1d, #95d34b);
3141
- background: linear-gradient(0deg, #52bb1d, #95d34b);
3142
- content: "\f00c";
3143
- text-shadow: 0 -1px #61be33;
3144
- }
3145
- .tip.warning {
3146
- background: #ff953f;
3147
- background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
3148
- background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
3149
- background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
3150
- background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
3151
- background: -webkit-gradient(linear, left top, right top, from(#ff953f), to(#ffb449));
3152
- background: -webkit--webkit-linear-gradient(left, #ff953f, #ffb449);
3153
- background: -webkit--moz-linear-gradient(left, #ff953f, #ffb449);
3154
- background: -webkit--o-linear-gradient(left, #ff953f, #ffb449);
3155
- background: -webkit--ms-linear-gradient(left, #ff953f, #ffb449);
3156
- background: -webkit-linear-gradient(to right, #ff953f, #ffb449);
3157
- background: -webkit-linear-gradient(0deg, #ff953f, #ffb449);
3158
- background: -moz-linear-gradient(0deg, #ff953f, #ffb449);
3159
- background: -o-linear-gradient(0deg, #ff953f, #ffb449);
3160
- background: -ms-linear-gradient(0deg, #ff953f, #ffb449);
3161
- background: linear-gradient(90deg, #ff953f, #ffb449);
3162
- text-shadow: 0 -1px #ff953f;
3163
- -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5);
3164
- -webkit-box-shadow: 0 3px 5px rgba(255,154,73,0.5);
3165
- box-shadow: 0 3px 5px rgba(255,154,73,0.5);
3166
- }
3167
- .tip.warning:before {
3168
- background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
3169
- background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
3170
- background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
3171
- background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
3172
- background: -webkit-gradient(linear, left bottom, left top, from(#ff8f35), to(#ffc149));
3173
- background: -webkit--webkit-linear-gradient(bottom, #ff8f35, #ffc149);
3174
- background: -webkit--moz-linear-gradient(bottom, #ff8f35, #ffc149);
3175
- background: -webkit--o-linear-gradient(bottom, #ff8f35, #ffc149);
3176
- background: -webkit--ms-linear-gradient(bottom, #ff8f35, #ffc149);
3177
- background: -webkit-linear-gradient(to top, #ff8f35, #ffc149);
3178
- background: -webkit-linear-gradient(90deg, #ff8f35, #ffc149);
3179
- background: -moz-linear-gradient(90deg, #ff8f35, #ffc149);
3180
- background: -o-linear-gradient(90deg, #ff8f35, #ffc149);
3181
- background: -ms-linear-gradient(90deg, #ff8f35, #ffc149);
3182
- background: linear-gradient(0deg, #ff8f35, #ffc149);
3183
- content: "\f12a";
3184
- text-shadow: 0 -1px #ff953f;
3185
- }
3186
- .tip.error {
3187
- background: #ff4949;
3188
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
3189
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
3190
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
3191
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
3192
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff7849));
3193
- background: -webkit--webkit-linear-gradient(left, #ff4949, #ff7849);
3194
- background: -webkit--moz-linear-gradient(left, #ff4949, #ff7849);
3195
- background: -webkit--o-linear-gradient(left, #ff4949, #ff7849);
3196
- background: -webkit--ms-linear-gradient(left, #ff4949, #ff7849);
3197
- background: -webkit-linear-gradient(to right, #ff4949, #ff7849);
3198
- background: -webkit-linear-gradient(0deg, #ff4949, #ff7849);
3199
- background: -moz-linear-gradient(0deg, #ff4949, #ff7849);
3200
- background: -o-linear-gradient(0deg, #ff4949, #ff7849);
3201
- background: -ms-linear-gradient(0deg, #ff4949, #ff7849);
3202
- background: linear-gradient(90deg, #ff4949, #ff7849);
3203
- text-shadow: 0 -1px #ff4949;
3204
- -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
3205
- -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
3206
- box-shadow: 0 3px 5px rgba(255,73,73,0.5);
3207
- }
3208
- .tip.error:before {
3209
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
3210
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
3211
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
3212
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
3213
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ff7849));
3214
- background: -webkit--webkit-linear-gradient(bottom, #ff3838, #ff7849);
3215
- background: -webkit--moz-linear-gradient(bottom, #ff3838, #ff7849);
3216
- background: -webkit--o-linear-gradient(bottom, #ff3838, #ff7849);
3217
- background: -webkit--ms-linear-gradient(bottom, #ff3838, #ff7849);
3218
- background: -webkit-linear-gradient(to top, #ff3838, #ff7849);
3219
- background: -webkit-linear-gradient(90deg, #ff3838, #ff7849);
3220
- background: -moz-linear-gradient(90deg, #ff3838, #ff7849);
3221
- background: -o-linear-gradient(90deg, #ff3838, #ff7849);
3222
- background: -ms-linear-gradient(90deg, #ff3838, #ff7849);
3223
- background: linear-gradient(0deg, #ff3838, #ff7849);
3224
- content: "\f00d";
3225
- text-shadow: 0 -1px #ff4949;
3226
- }
3227
- .tip.bolt {
3228
- background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
3229
- background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
3230
- background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
3231
- background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
3232
- background: -webkit-gradient(linear, left bottom, left top, from(#3d8b48), to(#477837));
3233
- background: -webkit--webkit-linear-gradient(bottom, #3c3, #459431);
3234
- background: -webkit--moz-linear-gradient(bottom, #3c3, #459431);
3235
- background: -webkit--o-linear-gradient(bottom, #3c3, #459431);
3236
- background: -webkit--ms-linear-gradient(bottom, #3c3, #459431);
3237
- background: -webkit-linear-gradient(to top, #3c3, #459431);
3238
- background: -webkit-linear-gradient(80deg, #78ca33, #25822c);
3239
- background: -moz-linear-gradient(80deg, #78ca33, #25822c);
3240
- background: -o-linear-gradient(80deg, #78ca33, #25822c);
3241
- background: -ms-linear-gradient(80deg, #78ca33, #25822c);
3242
- background: linear-gradient(530deg, #78ca33, #25822c);
3243
- content: "\f00d";
3244
- text-shadow: 0 -1px #4cf706;
3245
- }
3246
- .tip.bolt:before {
3247
- background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
3248
- background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
3249
- background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
3250
- background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
3251
- background: -webkit-gradient(linear, left bottom, left top, from(#3c0), to(#3c0));
3252
- background: -webkit--webkit-linear-gradient(bottom, #3c3, #459431);
3253
- background: -webkit--moz-linear-gradient(bottom, #3c3, #459431);
3254
- background: -webkit--o-linear-gradient(bottom, #3c3, #459431);
3255
- background: -webkit--ms-linear-gradient(bottom, #3c3, #459431);
3256
- background: -webkit-linear-gradient(to top, #3c3, #459431);
3257
- background: -webkit-linear-gradient(326deg, #78ca33, #25822c);
3258
- background: -moz-linear-gradient(326deg, #78ca33, #25822c);
3259
- background: -o-linear-gradient(326deg, #78ca33, #25822c);
3260
- background: -ms-linear-gradient(326deg, #78ca33, #25822c);
3261
- background: linear-gradient(776deg, #78ca33, #25822c);
3262
- content: "\f0e7";
3263
- text-shadow: 0 -1px #4cf706;
3264
- }
3265
- .tip.ban {
3266
- background: #ff4949;
3267
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
3268
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
3269
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
3270
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
3271
- background: -webkit-gradient(linear, left top, right top, from(#ff4949), to(#ff3443));
3272
- background: -webkit--webkit-linear-gradient(left, #ff4949, #ff1022);
3273
- background: -webkit--moz-linear-gradient(left, #ff4949, #ff1022);
3274
- background: -webkit--o-linear-gradient(left, #ff4949, #ff1022);
3275
- background: -webkit--ms-linear-gradient(left, #ff4949, #ff1022);
3276
- background: -webkit-linear-gradient(to right, #ff4949, #ff1022);
3277
- background: -webkit-linear-gradient(0deg, #ff4949, #f03b49);
3278
- background: -moz-linear-gradient(0deg, #ff4949, #f03b49);
3279
- background: -o-linear-gradient(0deg, #ff4949, #f03b49);
3280
- background: -ms-linear-gradient(0deg, #ff4949, #f03b49);
3281
- background: linear-gradient(90deg, #ff4949, #f03b49);
3282
- text-shadow: 0 -1px #ff4949;
3283
- -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
3284
- -webkit-box-shadow: 0 3px 5px rgba(255,73,73,0.5);
3285
- box-shadow: 0 3px 5px rgba(255,73,73,0.5);
3286
- }
3287
- .tip.ban:before {
3288
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
3289
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
3290
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
3291
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
3292
- background: -webkit-gradient(linear, left bottom, left top, from(#ff3838), to(#ce4617));
3293
- background: -webkit--webkit-linear-gradient(bottom, #ff3838, #d23e49);
3294
- background: -webkit--moz-linear-gradient(bottom, #ff3838, #d23e49);
3295
- background: -webkit--o-linear-gradient(bottom, #ff3838, #d23e49);
3296
- background: -webkit--ms-linear-gradient(bottom, #ff3838, #d23e49);
3297
- background: -webkit-linear-gradient(to top, #ff3838, #d23e49);
3298
- background: -webkit-linear-gradient(90deg, #ff3838, #ff1022);
3299
- background: -moz-linear-gradient(90deg, #ff3838, #ff1022);
3300
- background: -o-linear-gradient(90deg, #ff3838, #ff1022);
3301
- background: -ms-linear-gradient(90deg, #ff3838, #ff1022);
3302
- background: linear-gradient(0deg, #ff3838, #ff1022);
3303
- content: "\f05e";
3304
- text-shadow: 0 -1px #ff4949;
3305
- }
3306
- .tip.home {
3307
- background: #15e5ff;
3308
- background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
3309
- background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
3310
- background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
3311
- background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
3312
- background: -webkit-gradient(linear, left top, right top, from(#5bc6d4) to(#0ec0ef));
3313
- background: -webkit--webkit-linear-gradient(left, #0ec0ef, #80e0f9);
3314
- background: -webkit--moz-linear-gradient(left, #0ec0ef, #80e0f9);
3315
- background: -webkit--o-linear-gradient(left, #0ec0ef, #80e0f9);
3316
- background: -webkit--ms-linear-gradient(left, #0ec0ef, #80e0f9);
3317
- background: -webkit-linear-gradient(to right, #0ec0ef, #80e0f9);
3318
- background: -webkit-linear-gradient(0deg, #0ec0ef, #80e0f7);
3319
- background: -moz-linear-gradient(0deg, #0ec0ef, #80e0f7);
3320
- background: -o-linear-gradient(0deg, #0ec0ef, #80e0f7);
3321
- background: -ms-linear-gradient(0deg, #0ec0ef, #80e0f7);
3322
- background: linear-gradient(90deg, #0ec0ef, #80e0f7);
3323
- text-shadow: 0 -1px #0ec0ef;
3324
- -webkit-box-shadow: 0 3px 5px #01caff;
3325
- -webkit-box-shadow: 0 3px 5px #01caff;
3326
- box-shadow: 0 3px 5px #01caff;
3327
- }
3328
- .tip.home:before {
3329
- background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
3330
- background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
3331
- background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
3332
- background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
3333
- background: -webkit-gradient(linear, left bottom, left top, form(#0ec0ee) to(#0ee0cc));
3334
- background: -webkit--webkit-linear-gradient(bottom, #0ec0ee, #0ec2ee);
3335
- background: -webkit--moz-linear-gradient(bottom, #0ec0ee, #0ec2ee);
3336
- background: -webkit--o-linear-gradient(bottom, #0ec0ee, #0ec2ee);
3337
- background: -webkit--ms-linear-gradient(bottom, #0ec0ee, #0ec2ee);
3338
- background: -webkit-linear-gradient(to top, #0ec0ee, #0ec2ee);
3339
- background: -webkit-linear-gradient(90deg, #0ec0ee, #0ec0ea);
3340
- background: -moz-linear-gradient(90deg, #0ec0ee, #0ec0ea);
3341
- background: -o-linear-gradient(90deg, #0ec0ee, #0ec0ea);
3342
- background: -ms-linear-gradient(90deg, #0ec0ee, #0ec0ea);
3343
- background: linear-gradient(0deg, #0ec0ee, #0ec0ea);
3344
- content: "\f015";
3345
- text-shadow: 0 -1px #0ec0ea;
3346
- }
3347
- .tip.sync {
3348
- background: #00a9ff;
3349
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
3350
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
3351
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
3352
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
3353
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#c7eef9));
3354
- background: -webkit--webkit-linear-gradient(left, #53cff1, #2e9fbd);
3355
- background: -webkit--moz-linear-gradient(left, #53cff1, #2e9fbd);
3356
- background: -webkit--o-linear-gradient(left, #53cff1, #2e9fbd);
3357
- background: -webkit--ms-linear-gradient(left, #53cff1, #2e9fbd);
3358
- background: -webkit-linear-gradient(to right, #53cff1, #2e9fbd);
3359
- background: -webkit-linear-gradient(220deg, #47c0e0, #2dc342);
3360
- background: -moz-linear-gradient(220deg, #47c0e0, #2dc342);
3361
- background: -o-linear-gradient(220deg, #47c0e0, #2dc342);
3362
- background: -ms-linear-gradient(220deg, #47c0e0, #2dc342);
3363
- background: linear-gradient(230deg, #47c0e0, #2dc342);
3364
- text-shadow: 0 -1px #1bcdfc;
3365
- -webkit-box-shadow: 0 3px 5px #1bcdfc;
3366
- -webkit-box-shadow: 0 3px 5px #20b1ad;
3367
- box-shadow: 0 3px 5px #20b1ad;
3368
- }
3369
- .tip.sync:before {
3370
- background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
3371
- background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
3372
- background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
3373
- background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
3374
- background: -webkit-gradient(linear, left bottom, left top, from(#00c3f7), to(#88d3e6));
3375
- background: -webkit--webkit-linear-gradient(bottom, #83e5ff, #0aa8d2);
3376
- background: -webkit--moz-linear-gradient(bottom, #83e5ff, #0aa8d2);
3377
- background: -webkit--o-linear-gradient(bottom, #83e5ff, #0aa8d2);
3378
- background: -webkit--ms-linear-gradient(bottom, #83e5ff, #0aa8d2);
3379
- background: -webkit-linear-gradient(to top, #83e5ff, #0aa8d2);
3380
- background: -webkit-linear-gradient(180deg, #40c0e2, #3dc550);
3381
- background: -moz-linear-gradient(180deg, #40c0e2, #3dc550);
3382
- background: -o-linear-gradient(180deg, #40c0e2, #3dc550);
3383
- background: -ms-linear-gradient(180deg, #40c0e2, #3dc550);
3384
- background: linear-gradient(270deg, #40c0e2, #3dc550);
3385
- content: "\f021";
3386
- text-shadow: 0 -1px #17cfff;
3387
- }
3388
- .tip.cogs {
3389
- background: #1502ff;
3390
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3391
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3392
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3393
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3394
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3395
- background: -webkit--webkit-linear-gradient(left, #5246e2, #5246e2);
3396
- background: -webkit--moz-linear-gradient(left, #5246e2, #5246e2);
3397
- background: -webkit--o-linear-gradient(left, #5246e2, #5246e2);
3398
- background: -webkit--ms-linear-gradient(left, #5246e2, #5246e2);
3399
- background: -webkit-linear-gradient(to right, #5246e2, #5246e2);
3400
- background: -webkit-linear-gradient(220deg, #40c0e2, #5247e2);
3401
- background: -moz-linear-gradient(220deg, #40c0e2, #5247e2);
3402
- background: -o-linear-gradient(220deg, #40c0e2, #5247e2);
3403
- background: -ms-linear-gradient(220deg, #40c0e2, #5247e2);
3404
- background: linear-gradient(230deg, #40c0e2, #5247e2);
3405
- text-shadow: 0 -1px #8278fd;
3406
- -webkit-box-shadow: 0 3px 5px #4037a7;
3407
- -webkit-box-shadow: 1 3px 5px #5e52ec;
3408
- box-shadow: 1 3px 5px #5e52ec;
3409
- }
3410
- .tip.cogs:before {
3411
- background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
3412
- background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
3413
- background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
3414
- background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
3415
- background: -webkit-gradient(linear, left bottom, left top, from(#3020f3), to(#b1abf5));
3416
- background: -webkit--webkit-linear-gradient(bottom, #5246e2, #5246e2);
3417
- background: -webkit--moz-linear-gradient(bottom, #5246e2, #5246e2);
3418
- background: -webkit--o-linear-gradient(bottom, #5246e2, #5246e2);
3419
- background: -webkit--ms-linear-gradient(bottom, #5246e2, #5246e2);
3420
- background: -webkit-linear-gradient(to top, #5246e2, #5246e2);
3421
- background: -webkit-linear-gradient(110deg, #40c0e2, #5246e2);
3422
- background: -moz-linear-gradient(110deg, #40c0e2, #5246e2);
3423
- background: -o-linear-gradient(110deg, #40c0e2, #5246e2);
3424
- background: -ms-linear-gradient(110deg, #40c0e2, #5246e2);
3425
- background: linear-gradient(560deg, #40c0e2, #5246e2);
3426
- content: "\f085";
3427
- text-shadow: 0 -1px #098cf5;
3428
- }
3429
- .tip.key {
3430
- background: #25c33b;
3431
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3432
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3433
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3434
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3435
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3436
- background: -webkit--webkit-linear-gradient(left, #648798, #90a4ae);
3437
- background: -webkit--moz-linear-gradient(left, #648798, #90a4ae);
3438
- background: -webkit--o-linear-gradient(left, #648798, #90a4ae);
3439
- background: -webkit--ms-linear-gradient(left, #648798, #90a4ae);
3440
- background: -webkit-linear-gradient(to right, #648798, #90a4ae);
3441
- background: -webkit-linear-gradient(220deg, #90a4ae, #b7a7a7);
3442
- background: -moz-linear-gradient(220deg, #90a4ae, #b7a7a7);
3443
- background: -o-linear-gradient(220deg, #90a4ae, #b7a7a7);
3444
- background: -ms-linear-gradient(220deg, #90a4ae, #b7a7a7);
3445
- background: linear-gradient(230deg, #90a4ae, #b7a7a7);
3446
- text-shadow: 0 -1px #c1c0d4;
3447
- -webkit-box-shadow: 0 3px 5px #d3d2de;
3448
- -webkit-box-shadow: 1 3px 5px #d5d4de;
3449
- box-shadow: 1 3px 5px #d5d4de;
3450
- }
3451
- .tip.key:before {
3452
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3453
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3454
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3455
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3456
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3457
- background: -webkit--webkit-linear-gradient(bottom, #5246e2, #5246e2);
3458
- background: -webkit--moz-linear-gradient(bottom, #5246e2, #5246e2);
3459
- background: -webkit--o-linear-gradient(bottom, #5246e2, #5246e2);
3460
- background: -webkit--ms-linear-gradient(bottom, #5246e2, #5246e2);
3461
- background: -webkit-linear-gradient(to top, #5246e2, #5246e2);
3462
- background: -webkit-linear-gradient(110deg, #bccdd2, #cfced4);
3463
- background: -moz-linear-gradient(110deg, #bccdd2, #cfced4);
3464
- background: -o-linear-gradient(110deg, #bccdd2, #cfced4);
3465
- background: -ms-linear-gradient(110deg, #bccdd2, #cfced4);
3466
- background: linear-gradient(560deg, #bccdd2, #cfced4);
3467
- content: "\f084";
3468
- text-shadow: 0 -1px #a9b2b9;
3469
- }
3470
- .tip.bell {
3471
- background: #25c33b;
3472
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3473
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3474
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3475
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3476
- background: -webkit-gradient(linear, left top, right top, from(rgba(81,167,189,0.2)), to(#8379ff));
3477
- background: -webkit--webkit-linear-gradient(left, #648798, #90a4ae);
3478
- background: -webkit--moz-linear-gradient(left, #648798, #90a4ae);
3479
- background: -webkit--o-linear-gradient(left, #648798, #90a4ae);
3480
- background: -webkit--ms-linear-gradient(left, #648798, #90a4ae);
3481
- background: -webkit-linear-gradient(to right, #648798, #90a4ae);
3482
- background: -webkit-linear-gradient(220deg, #ffaa0d, #deb455);
3483
- background: -moz-linear-gradient(220deg, #ffaa0d, #deb455);
3484
- background: -o-linear-gradient(220deg, #ffaa0d, #deb455);
3485
- background: -ms-linear-gradient(220deg, #ffaa0d, #deb455);
3486
- background: linear-gradient(230deg, #ffaa0d, #deb455);
3487
- text-shadow: 0 -1px #c1c0d4;
3488
- -webkit-box-shadow: 0 3px 5px #d3d2de;
3489
- -webkit-box-shadow: 1 3px 5px #d5d4de;
3490
- box-shadow: 1 3px 5px #d5d4de;
3491
- }
3492
- .tip.bell:before {
3493
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3494
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3495
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3496
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3497
- background: -webkit-gradient(linear, left bottom, left top, from(#dddce8), to(#b1abf5));
3498
- background: -webkit--webkit-linear-gradient(bottom, #5246e2, #5246e2);
3499
- background: -webkit--moz-linear-gradient(bottom, #5246e2, #5246e2);
3500
- background: -webkit--o-linear-gradient(bottom, #5246e2, #5246e2);
3501
- background: -webkit--ms-linear-gradient(bottom, #5246e2, #5246e2);
3502
- background: -webkit-linear-gradient(to top, #5246e2, #5246e2);
3503
- background: -webkit-linear-gradient(110deg, #f9ae07, #ffb615);
3504
- background: -moz-linear-gradient(110deg, #f9ae07, #ffb615);
3505
- background: -o-linear-gradient(110deg, #f9ae07, #ffb615);
3506
- background: -ms-linear-gradient(110deg, #f9ae07, #ffb615);
3507
- background: linear-gradient(560deg, #f9ae07, #ffb615);
3508
- content: "\f0f3";
3509
- text-shadow: 0 -1px #ffb81b;
3510
- }
3511
- [data-theme="dark"] .tip {
3512
- filter: brightness(0.7);
3513
- }
3514
- #article-container .tip a {
3515
- color: #e6eaed;
3516
- }
1
+ [data-theme=dark] div.btns{filter:brightness(.7)}[data-theme=dark] div.btns a{background:0 0}[data-theme=dark] .checkbox{filter:brightness(.7)}div.btns{margin:0 -8px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-moz-box-align:start;-o-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;overflow:visible;line-height:1.8}div.btns b{font-size:.875rem}div.btns.wide>a{padding-left:32px;padding-right:32px}div.btns.fill>a{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1;width:auto}div.btns.around{-webkit-box-pack:distribute;-moz-box-pack:distribute;-o-box-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}div.btns.center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}div.btns.grid2>a{width:calc(100% / 2 - 16px)}div.btns.grid3>a{width:calc(100% / 3 - 16px)}div.btns.grid4>a{width:calc(100% / 4 - 16px)}div.btns.grid5>a{width:calc(100% / 5 - 16px)}div.btns a{-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease;margin:8px;margin-top:calc(1.25 * 16px + 32px);min-width:120px;font-weight:700;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-ms-flex-line-pack:center;-webkit-align-content:center;align-content:center;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:8px;text-align:center;background:#f6f6f6;border-radius:4px}div.btns a>i{background:#2196f3!important}div.btns a>i:first-child{color:#fff;background:#2196f3}div.btns a b{font-weight:700;line-height:1.3}div.btns a img{margin:.4em auto}div.btns a:not([href]){cursor:default;color:inherit}div.btns a[href]:hover{background:rgba(255,87,34,.15)}div.btns a[href]:hover>i:first-child{background:#ff5722}div.btns,div.btns a,div.btns p{font-size:.8125rem;color:#555}@media screen and (max-width:1024px){div.btns.grid2>a{width:calc(100% / 2 - 16px)}}@media screen and (max-width:768px){div.btns.grid2>a{width:calc(100% / 2 - 16px)}}@media screen and (max-width:500px){div.btns.grid2>a{width:calc(100% / 1 - 16px)}}@media screen and (max-width:1024px){div.btns.grid3>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:768px){div.btns.grid3>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:500px){div.btns.grid3>a{width:calc(100% / 1 - 16px)}}@media screen and (max-width:1024px){div.btns.grid4>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:768px){div.btns.grid4>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:500px){div.btns.grid4>a{width:calc(100% / 2 - 16px)}}@media screen and (max-width:1024px){div.btns.grid5>a{width:calc(100% / 4 - 16px)}}@media screen and (max-width:768px){div.btns.grid5>a{width:calc(100% / 3 - 16px)}}@media screen and (max-width:500px){div.btns.grid5>a{width:calc(100% / 2 - 16px)}}div.btns a>i:first-child,div.btns a>img:first-child{-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease;height:64px;width:64px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1);margin:16px 8px 4px 8px;margin-top:calc(-1.25 * 16px - 32px);border:2px solid #fff;background:#fff;line-height:60px;font-size:28px}div.btns a>i:first-child.auto,div.btns a>img:first-child.auto{width:auto}div.btns a b,div.btns a p{margin:.25em;font-weight:400;line-height:1.25;word-wrap:break-word}div.btns a[href]:hover,div.btns a[href]:hover b{color:#ff5722}div.btns a[href]:hover>i:first-child,div.btns a[href]:hover>img:first-child{-webkit-transform:scale(1.1) translateY(-8px);-moz-transform:scale(1.1) translateY(-8px);-o-transform:scale(1.1) translateY(-8px);-ms-transform:scale(1.1) translateY(-8px);transform:scale(1.1) translateY(-8px);-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}div.btns.circle a>i:first-child,div.btns.circle a>img:first-child{border-radius:32px}div.btns.rounded a>i:first-child,div.btns.rounded a>img:first-child{border-radius:16px}:root{--bubble-text-color:#e9a218;--bubble-text-hover-color:#2c7fe7;--bubble-text-shadow:rgba(35,35,35,0.5)}[data-theme=dark]{--bubble-text-color:#f2b94b;--bubble-text-hover-color:#2c7fe7;--bubble-text-shadow:rgba(35,35,35,0.5)}.bubble-content{display:inline-block;color:var(--bubble-text-color);font-weight:700;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-shadow:var(--bubble-text-shadow)}.bubble-content:hover{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:var(--bubble-text-hover-color)}.bubble-content:hover+.bubble-notation .bubble-item{-webkit-transform:translate(-40px,10px) rotateX(0);-moz-transform:translate(-40px,10px) rotateX(0);-o-transform:translate(-40px,10px) rotateX(0);-ms-transform:translate(-40px,10px) rotateX(0);transform:translate(-40px,10px) rotateX(0);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:1;-ms-filter:none;filter:none}.bubble-notation{display:inline-block}.bubble-item{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);color:#fff;z-index:99;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:absolute;-webkit-transform:translate(-40px,10px) rotateX(90deg);-moz-transform:translate(-40px,10px) rotateX(90deg);-o-transform:translate(-40px,10px) rotateX(90deg);-ms-transform:translate(-40px,10px) rotateX(90deg);transform:translate(-40px,10px) rotateX(90deg);width:auto;height:auto;max-width:400px;overflow:hidden;padding:20px 10px 10px 10px;clip-path:polygon(5px 10px,20px 10px,30px 0,40px 10px,calc(100% - 5px) 10px,100% 15px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 15px,5px 10px)}#article-container .btn-center{margin:0 0 20px;text-align:center}#article-container .btn-beautify{display:inline-block;margin:0 4px 6px;padding:0 15px;background-color:var(--btn-beautify-color,#777);color:#fff;line-height:2;border-radius:8px}#article-container .btn-beautify.blue{--btn-beautify-color:#428bca}#article-container .btn-beautify.pink{--btn-beautify-color:#ff69b4}#article-container .btn-beautify.red{--btn-beautify-color:#f00}#article-container .btn-beautify.purple{--btn-beautify-color:#6f42c1}#article-container .btn-beautify.orange{--btn-beautify-color:#ff8c00}#article-container .btn-beautify.green{--btn-beautify-color:#5cb85c}#article-container .btn-beautify:hover{background-color:var(--btn-hover-color)}#article-container .btn-beautify i+span{margin-left:6px}#article-container .btn-beautify:not(.block)+.btn-beautify:not(.block){margin:0 4px 20px}#article-container .btn-beautify.block{display:block;margin:0 0 20px;width:fit-content;width:-moz-fit-content}#article-container .btn-beautify.block.center{margin:0 auto 20px}#article-container .btn-beautify.block.right{margin:0 0 20px auto}#article-container .btn-beautify.larger{padding:6px 15px}#article-container .btn-beautify:hover{text-decoration:none}#article-container .btn-beautify.outline{border:1px solid transparent;border-color:var(--btn-beautify-color,#777);background-color:transparent;color:var(--btn-beautify-color,#777)}#article-container .btn-beautify.outline:hover{background-color:var(--btn-beautify-color,#777)}#article-container .btn-beautify.outline:hover{color:#fff!important}.carousel{touch-action:none;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;background:0 0;height:fit-content;min-height:600px;-webkit-perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;-ms-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.drag-container,.spin-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin:auto;-webkit-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-10deg);-webkit-transform:rotateX(-10deg);-moz-transform:rotateX(-10deg);-o-transform:rotateX(-10deg);-ms-transform:rotateX(-10deg);transform:rotateX(-10deg)}.drag-container img,.drag-container video{-webkit-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;left:0;top:0;object-fit:cover;height:100%;width:100%;line-height:200px;font-size:50px;text-align:center;-webkit-box-shadow:0 0 8px #fff;-webkit-box-shadow:0 0 8px #fff;box-shadow:0 0 8px #fff;-webkit-box-reflect:below 10px linear-gradient(transparent,transparent,rgba(0,0,0,.333))}.drag-container .img-alt.is-center{display:none}.drag-container br{display:none}.drag-container p{font-family:Serif;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-50%) rotateX(90deg);-webkit-transform:translate(-50%,-50%) rotateX(90deg);-moz-transform:translate(-50%,-50%) rotateX(90deg);-o-transform:translate(-50%,-50%) rotateX(90deg);-ms-transform:translate(-50%,-50%) rotateX(90deg);transform:translate(-50%,-50%) rotateX(90deg);color:#fff}.drag-container img:hover,.drag-container video:hover{-webkit-box-shadow:0 0 15px rgba(255,255,255,.867);-webkit-box-shadow:0 0 15px rgba(255,255,255,.867);box-shadow:0 0 15px rgba(255,255,255,.867);-webkit-box-reflect:below 10px linear-gradient(transparent,transparent,rgba(0,0,0,.467))}.carousel-ground{width:900px;height:900px;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-50%) rotateX(90deg);-webkit-transform:translate(-50%,-50%) rotateX(90deg);-moz-transform:translate(-50%,-50%) rotateX(90deg);-o-transform:translate(-50%,-50%) rotateX(90deg);-ms-transform:translate(-50%,-50%) rotateX(90deg);transform:translate(-50%,-50%) rotateX(90deg);background:-webkit--webkit-radial-gradient(center center,farthest-side,rgba(153,153,153,.2),transparent);background:-webkit--moz-radial-gradient(center center,farthest-side,rgba(153,153,153,.2),transparent);background:-webkit--o-radial-gradient(center center,farthest-side,rgba(153,153,153,.2),transparent);background:-webkit--ms-radial-gradient(center center,farthest-side,rgba(153,153,153,.2),transparent);background:-webkit-radial-gradient(center center,farthest-side,rgba(153,153,153,.2),transparent)}img.medium-zoom-image.entered.loaded.medium-zoom-image--opened{width:auto!important}@-webkit-keyframes spin{from{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes spinRevert{from{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}}@-moz-keyframes spin{from{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}}@-o-keyframes spin{from{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes spin{from{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}}@-moz-keyframes spinRevert{from{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}}@-webkit-keyframes spinRevert{from{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}}@-o-keyframes spinRevert{from{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}}@keyframes spinRevert{from{-webkit-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);-ms-transform:rotateY(0);transform:rotateY(0)}}.checkbox{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.checkbox input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;height:16px;width:16px;-webkit-transition:all .15s ease-out 0s;-moz-transition:all .15s ease-out 0s;-o-transition:all .15s ease-out 0s;-ms-transition:all .15s ease-out 0s;transition:all .15s ease-out 0s;cursor:pointer;display:inline-block;outline:0;border-radius:2px;-webkit-flex-shrink:0;flex-shrink:0;margin-right:8px;border:2px solid #2196f3;pointer-events:none}.checkbox input[type=checkbox]:before{left:1px;top:5px;width:0;height:2px;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.checkbox input[type=checkbox]:after{right:7px;bottom:3px;width:2px;height:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-o-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);-webkit-transition-delay:.25s;-moz-transition-delay:.25s;-o-transition-delay:.25s;-ms-transition-delay:.25s;transition-delay:.25s}.checkbox input[type=checkbox]:checked{background:#2196f3}.checkbox input[type=checkbox]:checked:before{left:0;top:7px;width:6px;height:2px}.checkbox input[type=checkbox]:checked:after{right:3px;bottom:1px;width:2px;height:10px}.checkbox.minus input[type=checkbox]:before{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);left:1px;top:5px;width:0;height:2px}.checkbox.minus input[type=checkbox]:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);left:1px;top:5px;width:0;height:2px}.checkbox.minus input[type=checkbox]:checked:before{left:1px;top:5px;width:10px;height:2px}.checkbox.minus input[type=checkbox]:checked:after{left:1px;top:5px;width:10px;height:2px}.checkbox.plus input[type=checkbox]:before{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);left:1px;top:5px;width:0;height:2px}.checkbox.plus input[type=checkbox]:after{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);left:5px;top:1px;width:2px;height:0}.checkbox.plus input[type=checkbox]:checked:before{left:1px;top:5px;width:10px;height:2px}.checkbox.plus input[type=checkbox]:checked:after{left:5px;top:1px;width:2px;height:10px}.checkbox.times input[type=checkbox]:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);left:3px;top:1px;width:0;height:2px}.checkbox.times input[type=checkbox]:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:3px;top:1px;width:0;height:2px}.checkbox.times input[type=checkbox]:checked:before{left:1px;top:5px;width:10px;height:2px}.checkbox.times input[type=checkbox]:checked:after{right:1px;top:5px;width:10px;height:2px}.checkbox input[type=radio]{border-radius:50%}.checkbox input[type=radio]:before{content:"";display:block;width:8px;height:8px;border-radius:50%;margin:2px;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;-ms-transition:all .25s ease-out;transition:all .25s ease-out}.checkbox input[type=radio]:checked:before{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background:var(--text-bg-hover)}.checkbox.red input{border-color:#fe5f58}.checkbox.red input[type=checkbox]:checked{background:#fe5f58}.checkbox.red input[type=radio]:checked:before{background:#fe5f58}.checkbox.green input{border-color:#3dc550}.checkbox.green input[type=checkbox]:checked{background:#3dc550}.checkbox.green input[type=radio]:checked:before{background:#3dc550}.checkbox.yellow input{border-color:#ffbd2b}.checkbox.yellow input[type=checkbox]:checked{background:#ffbd2b}.checkbox.yellow input[type=radio]:checked:before{background:#ffbd2b}.checkbox.cyan input{border-color:#1bcdfc}.checkbox.cyan input[type=checkbox]:checked{background:#1bcdfc}.checkbox.cyan input[type=radio]:checked:before{background:#1bcdfc}.checkbox.blue input{border-color:#2196f3}.checkbox.blue input[type=checkbox]:checked{background:#2196f3}.checkbox.blue input[type=radio]:checked:before{background:#2196f3}.checkbox p{display:inline-block;margin-top:2px!important;margin-bottom:0!important}.checkbox input[type=checkbox]:after,.checkbox input[type=checkbox]:before{position:absolute;content:"";background:#fff}[data-theme=dark] .checkbox{filter:brightness(.7)}details.folding-tag{display:block;padding:16px;margin:1em 0;border-radius:4px;background:#fff;font-size:var(--global-font-size);-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease;border:1px solid #f6f6f6}details.folding-tag summary{cursor:pointer;padding:16px;margin:-16px;border-radius:4px;color:rgba(68,68,68,.7);font-size:.875rem!important;font-weight:700;position:relative;line-height:normal}details.folding-tag summary>h1,details.folding-tag summary>h2,details.folding-tag summary>h3,details.folding-tag summary>h4,details.folding-tag summary>h5,details.folding-tag summary>h6,details.folding-tag summary>p{display:inline;border-bottom:none!important}details.folding-tag summary:hover{color:#444}details.folding-tag summary:hover:after{position:absolute;content:'+';text-align:center;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:16px}details.folding-tag>summary{background:#f6f6f6}details.folding-tag[purple]{border-color:#fae7fd}details.folding-tag[purple]>summary{background:#fae7fd}details.folding-tag[blue]{border-color:#e8f4fd}details.folding-tag[blue]>summary{background:#e8f4fd}details.folding-tag[cyan]{border-color:#e8fafe}details.folding-tag[cyan]>summary{background:#e8fafe}details.folding-tag[green]{border-color:#ebf9ed}details.folding-tag[green]>summary{background:#ebf9ed}details.folding-tag[yellow]{border-color:#fff8e9}details.folding-tag[yellow]>summary{background:#fff8e9}details.folding-tag[orange]{border-color:#fdf1e7}details.folding-tag[orange]>summary{background:#fdf1e7}details.folding-tag[red]{border-color:#feefee}details.folding-tag[red]>summary{background:#feefee}details.folding-tag[open]{border-color:rgba(68,68,68,.2)}details.folding-tag[open]>summary{border-bottom:1px solid rgba(68,68,68,.2);border-bottom-left-radius:0;border-bottom-right-radius:0}details.folding-tag[open][purple]{border-color:rgba(208,23,238,.3)}details.folding-tag[open][purple]>summary{border-bottom-color:rgba(208,23,238,.3)}details.folding-tag[open][blue]{border-color:rgba(33,150,243,.3)}details.folding-tag[open][blue]>summary{border-bottom-color:rgba(33,150,243,.3)}details.folding-tag[open][cyan]{border-color:rgba(27,205,252,.3)}details.folding-tag[open][cyan]>summary{border-bottom-color:rgba(27,205,252,.3)}details.folding-tag[open][green]{border-color:rgba(61,197,80,.3)}details.folding-tag[open][green]>summary{border-bottom-color:rgba(61,197,80,.3)}details.folding-tag[open][yellow]{border-color:rgba(255,189,43,.3)}details.folding-tag[open][yellow]>summary{border-bottom-color:rgba(255,189,43,.3)}details.folding-tag[open][orange]{border-color:rgba(236,118,22,.3)}details.folding-tag[open][orange]>summary{border-bottom-color:rgba(236,118,22,.3)}details.folding-tag[open][red]{border-color:rgba(254,95,88,.3)}details.folding-tag[open][red]>summary{border-bottom-color:rgba(254,95,88,.3)}details.folding-tag[open]>summary{color:#444;margin-bottom:0}details.folding-tag[open]>summary:hover:after{content:'-'}details.folding-tag[open]>div.content{padding:16px;margin:-16px;margin-top:0}details.folding-tag[open]>div.content p>a:hover{text-decoration:underline}details.folding-tag[open]>div.content>.highlight:first-child,details.folding-tag[open]>div.content>.note:first-child,details.folding-tag[open]>div.content>.tabs:first-child,details.folding-tag[open]>div.content>details:first-child,details.folding-tag[open]>div.content>ol:first-child,details.folding-tag[open]>div.content>p:first-child,details.folding-tag[open]>div.content>ul:first-child{margin-top:0}details.folding-tag[open]>div.content>.highlight:last-child,details.folding-tag[open]>div.content>.note:last-child,details.folding-tag[open]>div.content>.tabs:last-child,details.folding-tag[open]>div.content>details:last-child,details.folding-tag[open]>div.content>ol:last-child,details.folding-tag[open]>div.content>p:last-child,details.folding-tag[open]>div.content>ul:last-child{margin-bottom:0}[data-theme=dark] details[open]>div.content{padding:16px;margin:-16px;margin-top:0;background:#2c2d2d;color:rgba(255,255,255,.6)}[data-theme=dark] details>summary{filter:brightness(.7)}#article-container figure.gallery-group{position:relative;float:left;overflow:hidden;margin:6px 4px;width:calc(50% - 8px);height:250px;border-radius:8px;background:#000;-webkit-transform:translate3d(0,0,0)}@media screen and (max-width:600px){#article-container figure.gallery-group{width:calc(100% - 8px)}}#article-container figure.gallery-group:hover img{opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#article-container figure.gallery-group:hover .gallery-group-name::after{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#article-container figure.gallery-group:hover p{opacity:1;-ms-filter:none;filter:none;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#article-container figure.gallery-group img{position:relative;margin:0;max-width:none;width:calc(100% + 20px);height:250px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-webkit-transition:all .3s,filter 375ms ease-in .2s;-moz-transition:all .3s,filter 375ms ease-in .2s;-o-transition:all .3s,filter 375ms ease-in .2s;-ms-transition:all .3s,filter 375ms ease-in .2s;transition:all .3s,filter 375ms ease-in .2s;-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-o-transform:translate3d(-10px,0,0);-ms-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);object-fit:cover}#article-container figure.gallery-group figcaption{position:absolute;top:0;left:0;padding:30px;width:100%;height:100%;color:#fff;text-transform:uppercase;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}#article-container figure.gallery-group figcaption>a{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#article-container figure.gallery-group p{margin:0;padding:8px 0 0;letter-spacing:1px;font-size:1.1em;line-height:1.5;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;-ms-transition:opacity .35s,-ms-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-line-clamp:4}#article-container figure.gallery-group .gallery-group-name{position:relative;margin:0;padding:8px 0;font-weight:700;font-size:1.65em;line-height:1.5;-webkit-line-clamp:2}#article-container figure.gallery-group .gallery-group-name:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#fff;content:'';-webkit-transition:-webkit-transform .35s;-moz-transition:-moz-transform .35s;-o-transition:-o-transform .35s;-ms-transition:-ms-transform .35s;transition:transform .35s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}#article-container .gallery-group-main{overflow:auto;padding:0 0 16px}#article-container .gallery{margin:0 0 16px;text-align:center}#article-container .gallery .fj-gallery{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#article-container .gallery .fj-gallery .img-alt{display:none}#article-container .gallery .fj-gallery.lazyload+button{display:inline-block}#article-container .gallery .fj-gallery .gallery-data{display:none}#article-container .gallery button{display:none;margin-top:25px;padding:10px;width:9em;border-radius:5px;background:var(--btn-bg);color:var(--btn-color);font-weight:700;font-size:1.1em;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s}#article-container .gallery button>*{-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}#article-container .gallery button i{width:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}#article-container .gallery button:hover{background:var(--btn-hover-color)}#article-container .gallery button:hover i{margin-left:2px;width:20px;opacity:1;-ms-filter:none;filter:none}a.ghcard{display:inline-block;line-height:0}.md .ghcard-group{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;margin:0 -8px}.md .ghcard-group .ghcard{margin:8px}blockquote.pullquote{position:relative;max-width:45%;font-size:110%}blockquote.pullquote.left{float:left;margin:1em .5em 0 0}blockquote.pullquote.right{float:right;margin:1em 0 0 .5em}.video-container{position:relative;overflow:hidden;margin-bottom:16px;padding-top:56.25%;height:0}.video-container iframe{position:absolute;top:0;left:0;margin-top:0;width:100%;height:100%}.hide-block>.hide-button,.hide-inline>.hide-button{display:inline-block;padding:5px 18px;background:#49b1f5;color:var(--white)}.hide-block>.hide-button:hover,.hide-inline>.hide-button:hover{background-color:var(--btn-hover-color)}.hide-block>.hide-button.open,.hide-inline>.hide-button.open{display:none}.hide-block>.hide-button.open+div,.hide-inline>.hide-button.open+div{display:block}.hide-block>.hide-button.open+span,.hide-inline>.hide-button.open+span{display:inline}.hide-block>.hide-content,.hide-inline>.hide-content{display:none}.hide-inline>.hide-button{margin:0 6px}.hide-inline>.hide-content{margin:0 6px}.hide-block{margin:0 0 16px}.toggle{margin-bottom:20px;border:1px solid #f0f0f0}.toggle>.toggle-button{padding:6px 15px;background:#f0f0f0;color:#1f2d3d;cursor:pointer}.toggle>.toggle-content{margin:30px 24px}.md .img{object-fit:contain}img.inline{display:inline!important;vertical-align:middle;-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-o-transform:translateY(-4px);-ms-transform:translateY(-4px);transform:translateY(-4px)}p .img-alt{display:inline-block;width:100%}del,s{color:#8e8e8e;text-decoration-color:#8e8e8e}u{color:#444;text-decoration:none;border-bottom:1px solid #fe5f58}emp{color:#444;border-bottom:4px dotted #fe5f58}wavy{color:#444;text-decoration-style:wavy;text-decoration-line:underline;text-decoration-color:#fe5f58}psw{color:transparent;background:#a1a1a1;border-radius:2px;-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease}psw:hover{color:#444;background:0 0}kbd{display:inline-block;color:#666;font:bold 9pt arial;text-decoration:none;text-align:center;padding:2px 5px;margin:0 5px;background:#eff0f2;-moz-border-radius:4px;border-radius:4px;border-top:1px solid #f5f5f5;-webkit-box-shadow:inset 0 0 20px #e8e8e8,0 1px 0 #c3c3c3,0 1px 0 #c9c9c9,0 1px 2px #333;-moz-box-shadow:inset 0 0 20px #e8e8e8,0 1px 0 #c3c3c3,0 1px 0 #c9c9c9,0 1px 2px #333;-webkit-box-shadow:inset 0 0 20px #e8e8e8,0 1px 0 #c3c3c3,0 1px 0 #c9c9c9,0 1px 2px #333;-webkit-box-shadow:inset 0 0 20px #e8e8e8,0 1px 0 #c3c3c3,0 1px 0 #c9c9c9,0 1px 2px #333;box-shadow:inset 0 0 20px #e8e8e8,0 1px 0 #c3c3c3,0 1px 0 #c9c9c9,0 1px 2px #333;text-shadow:0 1px 0 #f5f5f5}#article-container .inline-img{display:inline;margin:0 3px;height:1.1em;vertical-align:text-bottom}.hl-label{padding:2px 4px;border-radius:3px;color:#fff}.hl-label.default{background-color:#777}.hl-label.blue{background-color:#428bca}.hl-label.pink{background-color:#ff69b4}.hl-label.red{background-color:red}.hl-label.purple{background-color:#6f42c1}.hl-label.orange{background-color:#ff8c00}.hl-label.green{background-color:#5cb85c}#article-container a.link_card{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;margin:10px 0;color:var(--font-color)!important;text-decoration:none!important;background:var(--heo-background);border-radius:8px;border:var(--style-border);padding:12px}#article-container a.link_card:hover{background:var(--heo-theme);color:#fff!important}#article-container a.link_card .link_content,#article-container a.link_card .link_icon{height:4rem}#article-container a.link_card .link_icon img,#article-container a.link_card .link_icon svg{height:4rem;width:4rem;border-radius:6px!important}#article-container a.link_card .link_content{margin-left:1rem;width:calc(100% - 6rem);overflow:hidden;line-height:1.5;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}#article-container a.link_card .link_content .link_title{font-weight:700;font-size:1.2rem}#article-container a.link_card .link_content .link_desc,#article-container a.link_card .link_content .link_title{word-break:break-all;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}#article-container a.link_card .link_content:not(:has(.link_desc)) .link_title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#article-container a.link_card .link_content .link_desc{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}#article-container a.link_card .link_content .link_desc,#article-container a.link_card .link_content:has(.link_desc) .link_title{white-space:nowrap}audio,video{border-radius:4px;max-width:100%}video{z-index:1;-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease}video:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 8px 16px 0 rgba(0,0,0,.24);box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 8px 16px 0 rgba(0,0,0,.24)}div.video{line-height:0;text-align:center}div.videos{max-width:calc(100% + 2 * 4px);display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:end;-moz-box-align:end;-o-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;margin:1em -4px}div.videos .video,div.videos iframe{width:100%;margin:4px}div.videos iframe{border-radius:4px;width:100%;min-height:300px}div.videos.left{-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}div.videos.center{-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}div.videos.right{-webkit-box-pack:end;-moz-box-pack:end;-o-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}div.videos.stretch{-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}div.videos[col='1'] .video,div.videos[col='1'] iframe{width:100%}div.videos[col='2'] .video,div.videos[col='2'] iframe{width:calc(50% - 2 * 4px)}div.videos[col='3'] .video,div.videos[col='3'] iframe{width:calc(33.33% - 2 * 4px)}div.videos[col='4'] .video,div.videos[col='4'] iframe{width:calc(25% - 2 * 4px)}[data-theme=dark] audio,[data-theme=dark] video{filter:brightness(.7)}span.nota{color:#99a9bf;text-decoration:none;word-wrap:break-word;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;-ms-transition:all .2s;transition:all .2s;overflow-wrap:break-word}span.nota:hover{color:var(--text-bg-hover)}span.nota:hover:before{position:fixed;width:fit-content;max-width:80%;margin:auto;left:0;right:0;top:10%;border-radius:10px;text-align:center;z-index:100;content:attr(data-nota);font-size:16px;color:#fff;padding:10px;background-color:var(--text-bg-hover)}[data-theme=dark] span.nota:hover:before{background-color:rgba(18,18,18,.8)}.note{position:relative;margin:0 0 20px;padding:15px;border-radius:3px}.note.icon-padding{padding-left:3em}.note>.note-icon{position:absolute;top:calc(50% - .5em);left:.8em;font-size:larger}.note.blue:not(.disabled){border-left-color:#428bca!important}.note.blue:not(.disabled).modern{border-left-color:transparent!important;color:#428bca}.note.blue:not(.disabled):not(.simple){background:#e3eef7!important}.note.blue>.note-icon{color:#428bca}.note.pink:not(.disabled){border-left-color:#ff69b4!important}.note.pink:not(.disabled).modern{border-left-color:transparent!important;color:#ff69b4}.note.pink:not(.disabled):not(.simple){background:#ffe9f4!important}.note.pink>.note-icon{color:#ff69b4}.note.red:not(.disabled){border-left-color:red!important}.note.red:not(.disabled).modern{border-left-color:transparent!important;color:red}.note.red:not(.disabled):not(.simple){background:#ffd9d9!important}.note.red>.note-icon{color:red}.note.purple:not(.disabled){border-left-color:#6f42c1!important}.note.purple:not(.disabled).modern{border-left-color:transparent!important;color:#6f42c1}.note.purple:not(.disabled):not(.simple){background:#e9e3f6!important}.note.purple>.note-icon{color:#6f42c1}.note.orange:not(.disabled){border-left-color:#ff8c00!important}.note.orange:not(.disabled).modern{border-left-color:transparent!important;color:#ff8c00}.note.orange:not(.disabled):not(.simple){background:#ffeed9!important}.note.orange>.note-icon{color:#ff8c00}.note.green:not(.disabled){border-left-color:#5cb85c!important}.note.green:not(.disabled).modern{border-left-color:transparent!important;color:#5cb85c}.note.green:not(.disabled):not(.simple){background:#e7f4e7!important}.note.green>.note-icon{color:#5cb85c}.note.simple{border:1px solid #eee;border-left-width:5px}.note.modern{border:1px solid transparent!important;background-color:#f5f5f5;color:#4c4948}.note.flat{border:initial;border-left:5px solid #eee;background-color:#f9f9f9;color:#4c4948}.note h2,.note h3,.note h4,.note h5,.note h6{margin-top:3px;margin-bottom:0;padding-top:0!important;border-bottom:initial}.note blockquote:first-child,.note img:first-child,.note ol:first-child,.note p:first-child,.note pre:first-child,.note table:first-child,.note ul:first-child{margin-top:0!important}.note blockquote:last-child,.note img:last-child,.note ol:last-child,.note p:last-child,.note pre:last-child,.note table:last-child,.note ul:last-child{margin-bottom:0!important}.note:not(.no-icon){padding-left:3em}.note:not(.no-icon)::before{position:absolute;top:calc(50% - .95em);left:.8em;font-size:larger}.note.default.flat{background:#f7f7f7}.note.default.modern{border-color:#e1e1e1;background:#f3f3f3;color:#666}.note.default.modern a:not(.btn){color:#666}.note.default.modern a:not(.btn):hover{color:#454545}.note.default:not(.modern){border-left-color:#777}.note.default:not(.modern) h2,.note.default:not(.modern) h3,.note.default:not(.modern) h4,.note.default:not(.modern) h5,.note.default:not(.modern) h6{color:#777}.note.default:not(.no-icon)::before{content:'\f0a9'}.note.default:not(.no-icon):not(.modern)::before{color:#777}.note.primary.flat{background:#f5f0fa}.note.primary.modern{border-color:#e1c2ff;background:#f3daff;color:#6f42c1}.note.primary.modern a:not(.btn){color:#6f42c1}.note.primary.modern a:not(.btn):hover{color:#453298}.note.primary:not(.modern){border-left-color:#6f42c1}.note.primary:not(.modern) h2,.note.primary:not(.modern) h3,.note.primary:not(.modern) h4,.note.primary:not(.modern) h5,.note.primary:not(.modern) h6{color:#6f42c1}.note.primary:not(.no-icon)::before{content:'\f055'}.note.primary:not(.no-icon):not(.modern)::before{color:#6f42c1}.note.info.flat{background:#eef7fa}.note.info.modern{border-color:#b3e5ef;background:#d9edf7;color:#31708f}.note.info.modern a:not(.btn){color:#31708f}.note.info.modern a:not(.btn):hover{color:#215761}.note.info:not(.modern){border-left-color:#428bca}.note.info:not(.modern) h2,.note.info:not(.modern) h3,.note.info:not(.modern) h4,.note.info:not(.modern) h5,.note.info:not(.modern) h6{color:#428bca}.note.info:not(.no-icon)::before{content:'\f05a'}.note.info:not(.no-icon):not(.modern)::before{color:#428bca}.note.success.flat{background:#eff8f0}.note.success.modern{border-color:#d0e6be;background:#dff0d8;color:#3c763d}.note.success.modern a:not(.btn){color:#3c763d}.note.success.modern a:not(.btn):hover{color:#32562c}.note.success:not(.modern){border-left-color:#5cb85c}.note.success:not(.modern) h2,.note.success:not(.modern) h3,.note.success:not(.modern) h4,.note.success:not(.modern) h5,.note.success:not(.modern) h6{color:#5cb85c}.note.success:not(.no-icon)::before{content:'\f058'}.note.success:not(.no-icon):not(.modern)::before{color:#5cb85c}.note.warning.flat{background:#fdf8ea}.note.warning.modern{border-color:#fae4cd;background:#fcf4e3;color:#8a6d3b}.note.warning.modern a:not(.btn){color:#8a6d3b}.note.warning.modern a:not(.btn):hover{color:#714f30}.note.warning:not(.modern){border-left-color:#f0ad4e}.note.warning:not(.modern) h2,.note.warning:not(.modern) h3,.note.warning:not(.modern) h4,.note.warning:not(.modern) h5,.note.warning:not(.modern) h6{color:#f0ad4e}.note.warning:not(.no-icon)::before{content:'\f06a'}.note.warning:not(.no-icon):not(.modern)::before{color:#f0ad4e}.note.danger.flat{background:#fcf1f2}.note.danger.modern{border-color:#ebcdd2;background:#f2dfdf;color:#a94442}.note.danger.modern a:not(.btn){color:#a94442}.note.danger.modern a:not(.btn):hover{color:#84333f}.note.danger:not(.modern){border-left-color:#d9534f}.note.danger:not(.modern) h2,.note.danger:not(.modern) h3,.note.danger:not(.modern) h4,.note.danger:not(.modern) h5,.note.danger:not(.modern) h6{color:#d9534f}.note.danger:not(.no-icon)::before{content:'\f056'}.note.danger:not(.no-icon):not(.modern)::before{color:#d9534f}@media (min-width:1200px){.poem{margin:0 auto;height:auto;writing-mode:vertical-rl;writing-mode:tb-rl}.poem p{text-decoration:underline;text-decoration-color:rgba(193,11,11,.72);text-decoration-style:dashed}}@font-face{font-family:Poem;src:url(https://unpkg.zhimg.com/akilar-candyassets/fonts/Poem.ttf);font-display:swap}.poem p{font-family:Poem,KaiTi,sans-serif!important;font-size:25px;text-align:center}.poem-title{font-family:Poem,KaiTi,sans-serif!important;font-size:2.5em;text-align:center}.poem-author{text-align:center!important;font-family:Poem,KaiTi,sans-serif!important;font-size:16px;color:#424242}.progress{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;font-size:var(--global-font-size);background-color:rgba(88,88,88,.6);border-radius:.25rem;margin:1rem 0;height:2rem;overflow:hidden}.progress p{margin:0 0 0 10px!important}.progress .progress-bar-animated{background-color:#a7b5fd!important;-webkit-animation:progress-bar-stripes 1s linear infinite;-moz-animation:progress-bar-stripes 1s linear infinite;-o-animation:progress-bar-stripes 1s linear infinite;-ms-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite}.progress .progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress .progress-bar{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;overflow:visible;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;-ms-transition:width .6s ease;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress .progress-bar{-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}}.progress .bg-green{background-color:#28a745!important}.progress .bg-yellow{background-color:#ffc107!important}.progress .bg-red{background-color:#dc3545!important}.progress .bg-cyan{background-color:#17a2b8!important}.progress .bg-blue{background-color:#0d6efd!important}.progress .bg-gray{background-color:#7f838a!important}@-moz-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-o-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}:root{--referto-text-color:#e9a218;--referto-text-hover-color:#2c7fe7;--referto-literature-background-color:#318efd;--referto-title-background-color:#183153;--referto-content-text-color:#f1f1ef;--referfrom-text-shadow:rgba(35,35,35,0.5);--referfrom-text-color:#f1f1ef;--referfrom-text-hover-color:#f2b94b;--referfrom-link-color:#403e3b;--referfrom-link-hover-color:#235dac;--referfrom-background-color:#f1f1ef;--reference-anchor-color:#183153;--reference-anchor-up-color:#318efd}[data-theme=dark]{--referto-text-color:#f2b94b;--referto-text-hover-color:#2c7fe7;--referto-literature-background-color:#5c6167;--referto-title-background-color:#090a0b;--referto-content-text-color:#f1f1ef;--referfrom-text-shadow:rgba(35,35,35,0.5);--referfrom-text-color:#f1f1ef;--referfrom-text-hover-color:#f2b94b;--referfrom-link-color:#f1f1ef;--referfrom-link-hover-color:#f2b94b;--referfrom-background-color:rgba(92,97,103,0.68);--reference-anchor-color:#090a0b;--reference-anchor-up-color:#183153}.hidden-anchor{position:relative;top:-150px;display:inline-block;height:0;overflow:hidden}.reference a{display:inline-block;color:var(--referto-text-color)!important;font-weight:700;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.reference:hover a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;text-decoration:none!important;color:var(--referto-text-hover-color)!important}.reference:hover+.reference-bubble .reference-item{-webkit-transform:translate(-40px,10px) rotateX(0);-moz-transform:translate(-40px,10px) rotateX(0);-o-transform:translate(-40px,10px) rotateX(0);-ms-transform:translate(-40px,10px) rotateX(0);transform:translate(-40px,10px) rotateX(0);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:1;-ms-filter:none;filter:none}.reference-bubble{display:inline-block}.reference-item{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);z-index:99;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;position:absolute;-webkit-transform:translate(-40px,10px) rotateX(90deg);-moz-transform:translate(-40px,10px) rotateX(90deg);-o-transform:translate(-40px,10px) rotateX(90deg);-ms-transform:translate(-40px,10px) rotateX(90deg);transform:translate(-40px,10px) rotateX(90deg);width:auto;height:auto;clip-path:polygon(5px 10px,20px 10px,30px 0,40px 10px,calc(100% - 5px) 10px,100% 15px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 15px,5px 10px)}.reference-literature{max-width:200px;padding:20px 10px 10px 10px;background:var(--referto-literature-background-color);color:var(--referto-content-text-color)!important;word-wrap:break-word;word-break:break-all;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.reference-title{padding:20px 10px 10px 10px;background:var(--referto-title-background-color);color:var(--referto-content-text-color)!important;writing-mode:vertical-lr;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.reference-source{font-size:16px;height:auto;line-height:26px;width:fit-content;margin:5px 0;max-width:90%;background:var(--referfrom-background-color);-webkit-box-shadow:1px 1px 1px var(--referfrom-text-shadow);box-shadow:1px 1px 1px var(--referfrom-text-shadow);border-radius:8px;padding-right:10px}.reference-source pangu{display:none}a.reference-anchor{border-bottom-left-radius:5px;border-top-left-radius:5px;color:var(--referfrom-text-color)!important;background:var(--reference-anchor-color);height:30px;display:inline-block;width:fit-content;padding:0 0 0 10px}a.reference-anchor:hover{color:var(--referfrom-text-hover-color)!important;text-decoration:none!important}a.reference-anchor:hover .reference-anchor-up{color:var(--referfrom-text-hover-color)!important}a.reference-link{color:var(--referfrom-link-color)!important;padding:0 10px}a.reference-link:hover{color:var(--referfrom-link-hover-color)!important;text-decoration:none!important}.reference-anchor-up{color:var(--referfrom-text-color)!important;height:30px;width:40px;padding:0 0 0 10px;background:var(--reference-anchor-up-color);display:-webkit-inline-box!important;display:-moz-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-box!important;display:inline-flex!important;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-o-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;clip-path:polygon(0 0,10px 50%,0 100%,100% 100%,100% 0)}.site-card-group{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-moz-box-pack:start;-o-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:-8px;-webkit-box-align:stretch;-moz-box-align:stretch;-o-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch}.site-card{margin:8px;width:calc(100% / 4 - 16px);display:block;line-height:1.4;height:100%}@media screen and (min-width:2048px){.site-card{width:calc(100% / 5 - 16px)}}@media screen and (max-width:768px){.site-card{width:calc(100% / 3 - 16px)}}@media screen and (max-width:500px){.site-card{width:calc(100% / 2 - 16px)}}.site-card .img{width:100%;height:120px;overflow:hidden;border-radius:6px;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.2);box-shadow:0 1px 2px 0 rgba(0,0,0,.2);background:#f6f6f6}@media screen and (max-width:500px){.site-card .img{height:100px}}.site-card .img img{width:100%;height:100%;pointer-events:none;-webkit-transition:-webkit-transform 2s ease;-moz-transition:-moz-transform 2s ease;-o-transition:-o-transform 2s ease;-ms-transition:-ms-transform 2s ease;transition:transform 2s ease;object-fit:cover}.site-card .info{margin-top:8px}.site-card .info img{width:32px;height:32px;pointer-events:none;border-radius:16px;float:left;margin-right:8px;margin-top:2px}.site-card .info span{display:block}.site-card .info .title{font-weight:600;font-size:var(--global-font-size);color:#444;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease}.site-card .info .desc{font-size:var(--global-font-size);word-wrap:break-word;line-height:1.2;color:#888;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2}.site-card .img{-webkit-transition:all .28s ease;-moz-transition:all .28s ease;-o-transition:all .28s ease;-ms-transition:all .28s ease;transition:all .28s ease;-moz-transition:all .28s ease;-webkit-transition:all .28s ease;-o-transition:all .28s ease}.site-card:hover .img{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1);box-shadow:0 4px 8px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1),0 4px 8px 0 rgba(0,0,0,.1),0 8px 16px 0 rgba(0,0,0,.1)}.site-card:hover .info .title{color:#ff5722}p.p.subtitle{font-weight:700;color:#44b299;font-size:1.25rem!important;padding-top:1.5rem}p.p.subtitle:first-child{padding-top:1rem}p.p.left,span.p.left{display:block;text-align:left}p.p.center,span.p.center{display:block;text-align:center}p.p.right,span.p.right{display:block;text-align:right}p.p.small,span.p.small{font-size:var(--global-font-size)}p.p.large,span.p.large{font-size:2.5rem;line-height:1.4}p.p.huge,span.p.huge{font-size:4rem;line-height:1.4}p.p.ultra,span.p.ultra{font-size:6rem;line-height:1.4}p.p.huge,p.p.large,p.p.small,p.p.ultra,span.p.huge,span.p.large,span.p.small,span.p.ultra{margin:0;padding:0}p.p.bold,span.p.bold{font-weight:700}p.p.h1,p.p.h2,span.p.h1,span.p.h2{padding-bottom:.2rem;font-weight:500}p.p.h1,span.p.h1{font-size:1.625rem;color:var(--color-h1);padding-top:2em}p.p.h2,span.p.h2{font-size:1.625rem;color:var(--color-h2);padding-top:2em;border-bottom:1px solid rgba(68,68,68,.1)}p.p.h3,span.p.h3{font-size:1.375rem;color:var(--color-h3);padding-top:2em}p.p.h4,span.p.h4{font-size:1.125rem;color:var(--color-h4);padding-top:2em}p.p.h5,span.p.h5{font-size:1rem;color:var(--color-h5);padding-top:1.5em}p.p.red,span.p.red{color:#e8453c}p.p.yellow,span.p.yellow{color:#fcec60}p.p.green,span.p.green{color:#3dc550}p.p.cyan,span.p.cyan{color:#1bcdfc}p.p.blue,span.p.blue{color:#2196f3}p.p.purple,span.p.purple{color:#9c27b0}p.p.gray,span.p.gray{color:#999}#article-container .tabs{position:relative;margin:0 0 20px;border-right:1px solid var(--tab-border-color);border-bottom:1px solid var(--tab-border-color);border-left:1px solid var(--tab-border-color)}#article-container .tabs>.nav-tabs{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-o-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;background:var(--tab-botton-bg)}#article-container .tabs>.nav-tabs>.tab{margin:0;padding:0;list-style:none}@media screen and (max-width:768px){#article-container .tabs>.nav-tabs>.tab{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;-ms-box-flex:1;box-flex:1;-webkit-flex-grow:1;flex-grow:1}}#article-container .tabs>.nav-tabs>.tab button{display:block;padding:8px 18px;width:100%;border-top:2px solid var(--tab-border-color);background:var(--tab-botton-bg);color:var(--tab-botton-color);line-height:2;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;-ms-transition:all .4s;transition:all .4s}#article-container .tabs>.nav-tabs>.tab button i{width:1.5em}#article-container .tabs>.nav-tabs>.tab.active button{border-top:2px solid #49b1f5;background:var(--tab-button-active-bg);cursor:default}#article-container .tabs>.nav-tabs>.tab:not(.active) button:hover{border-top:2px solid var(--tab-button-hover-bg);background:var(--tab-button-hover-bg)}#article-container .tabs>.tab-contents .tab-item-content{position:relative;display:none;padding:36px 24px}@media screen and (max-width:768px){#article-container .tabs>.tab-contents .tab-item-content{padding:24px 14px}}#article-container .tabs>.tab-contents .tab-item-content.active{display:block;-webkit-animation:tabshow .5s;-moz-animation:tabshow .5s;-o-animation:tabshow .5s;-ms-animation:tabshow .5s;animation:tabshow .5s}#article-container .tabs .tab-to-top{position:relative;display:block;margin:0 0 0 auto;color:#99a9bf}@-moz-keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes tabshow{0%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}#article-container .timeline{margin:0 0 20px 10px;padding:14px 20px 5px;border-left:2px solid var(--timeline-color,#49b1f5)}#article-container .timeline.blue{--timeline-color:#428bca;--timeline-bg:rgba(66,139,202, 0.2)}#article-container .timeline.pink{--timeline-color:#ff69b4;--timeline-bg:rgba(255,105,180, 0.2)}#article-container .timeline.red{--timeline-color:#f00;--timeline-bg:rgba(255,0,0, 0.2)}#article-container .timeline.purple{--timeline-color:#6f42c1;--timeline-bg:rgba(111,66,193, 0.2)}#article-container .timeline.orange{--timeline-color:#ff8c00;--timeline-bg:rgba(255,140,0, 0.2)}#article-container .timeline.green{--timeline-color:#5cb85c;--timeline-bg:rgba(92,184,92, 0.2)}#article-container .timeline .timeline-item{margin:0 0 15px}#article-container .timeline .timeline-item:hover .item-circle:before{border-color:var(--timeline-color,#49b1f5)}#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle>p{font-weight:600;font-size:1.2em}#article-container .timeline .timeline-item.headline .timeline-item-title .item-circle:before{left:-28px;border:4px solid var(--timeline-color,#49b1f5)}#article-container .timeline .timeline-item.headline:hover .item-circle:before{border-color:var(--pseudo-hover)}#article-container .timeline .timeline-item .timeline-item-title{position:relative}#article-container .timeline .timeline-item .item-circle:before{position:absolute;top:50%;left:-27px;width:6px;height:6px;border:3px solid var(--pseudo-hover);border-radius:50%;background:var(--card-bg);content:'';-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}#article-container .timeline .timeline-item .item-circle>p{margin:0 0 8px;font-weight:500}#article-container .timeline .timeline-item .timeline-item-content{position:relative;padding:12px 15px;border-radius:8px;background:var(--timeline-bg,#e4f3fd);font-size:.93em}#article-container .timeline .timeline-item .timeline-item-content>:last-child{margin-bottom:0}#article-container .timeline+.timeline{margin-top:-20px}.tip{padding:6px 20px;position:relative;color:#fff;margin-bottom:20px;background:#41363c;background:-webkit-gradient(linear,left top,right top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left top,right top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left top,right top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left top,right top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left top,right top,from(#41363c),to(#494648));background:-webkit--webkit-linear-gradient(left,#41363c,#494648);background:-webkit--moz-linear-gradient(left,#41363c,#494648);background:-webkit--o-linear-gradient(left,#41363c,#494648);background:-webkit--ms-linear-gradient(left,#41363c,#494648);background:-webkit-linear-gradient(to right,#41363c,#494648);background:-webkit-linear-gradient(0deg,#41363c,#494648);background:-moz-linear-gradient(0deg,#41363c,#494648);background:-o-linear-gradient(0deg,#41363c,#494648);background:-ms-linear-gradient(0deg,#41363c,#494648);background:linear-gradient(90deg,#41363c,#494648);padding:6px 20px;border-radius:10px;-webkit-box-shadow:0 3px 5px rgba(50,50,50,.5);-webkit-box-shadow:0 3px 5px rgba(50,50,50,.5);box-shadow:0 3px 5px rgba(50,50,50,.5)}.tip p{margin:0!important;padding:.5rem 0}.tip:before{background:#41363c;background:-webkit-gradient(linear,left bottom,left top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left bottom,left top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left bottom,left top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left bottom,left top,from(#41363c),to(#494648));background:-webkit-gradient(linear,left bottom,left top,from(#41363c),to(#494648));background:-webkit--webkit-linear-gradient(bottom,#41363c,#494648);background:-webkit--moz-linear-gradient(bottom,#41363c,#494648);background:-webkit--o-linear-gradient(bottom,#41363c,#494648);background:-webkit--ms-linear-gradient(bottom,#41363c,#494648);background:-webkit-linear-gradient(to top,#41363c,#494648);background:-webkit-linear-gradient(90deg,#41363c,#494648);background:-moz-linear-gradient(90deg,#41363c,#494648);background:-o-linear-gradient(90deg,#41363c,#494648);background:-ms-linear-gradient(90deg,#41363c,#494648);background:linear-gradient(0deg,#41363c,#494648);text-shadow:0 -1px #41363c;border-radius:50%;color:#fff;font-size:12px;position:absolute;width:24px;height:24px;line-height:24.5px;left:-12px;top:-12px;-webkit-box-shadow:0 0 0 2.5px #f7f8f9;-webkit-box-shadow:0 0 0 2.5px #f7f8f9;box-shadow:0 0 0 2.5px #f7f8f9;font-weight:600;font-family:"Font Awesome 5 Free";text-align:center}.tip ol{margin:0}.tip.info{background:#20a0ff;background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));background:-webkit-gradient(linear,left top,right top,from(#20a0ff),to(#20b8ff));background:-webkit--webkit-linear-gradient(left,#20a0ff,#20b8ff);background:-webkit--moz-linear-gradient(left,#20a0ff,#20b8ff);background:-webkit--o-linear-gradient(left,#20a0ff,#20b8ff);background:-webkit--ms-linear-gradient(left,#20a0ff,#20b8ff);background:-webkit-linear-gradient(to right,#20a0ff,#20b8ff);background:-webkit-linear-gradient(0deg,#20a0ff,#20b8ff);background:-moz-linear-gradient(0deg,#20a0ff,#20b8ff);background:-o-linear-gradient(0deg,#20a0ff,#20b8ff);background:-ms-linear-gradient(0deg,#20a0ff,#20b8ff);background:linear-gradient(90deg,#20a0ff,#20b8ff);padding:6px 20px;border-radius:10px;-webkit-box-shadow:0 3px 5px rgba(32,160,255,.5);-webkit-box-shadow:0 3px 5px rgba(32,160,255,.5);box-shadow:0 3px 5px rgba(32,160,255,.5)}.tip.info:before{background:#20a0ff;background:-webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));background:-webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));background:-webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));background:-webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));background:-webkit-gradient(linear,left bottom,left top,from(#0092ff),to(#20b8ff));background:-webkit--webkit-linear-gradient(bottom,#0092ff,#20b8ff);background:-webkit--moz-linear-gradient(bottom,#0092ff,#20b8ff);background:-webkit--o-linear-gradient(bottom,#0092ff,#20b8ff);background:-webkit--ms-linear-gradient(bottom,#0092ff,#20b8ff);background:-webkit-linear-gradient(to top,#0092ff,#20b8ff);background:-webkit-linear-gradient(90deg,#0092ff,#20b8ff);background:-moz-linear-gradient(90deg,#0092ff,#20b8ff);background:-o-linear-gradient(90deg,#0092ff,#20b8ff);background:-ms-linear-gradient(90deg,#0092ff,#20b8ff);background:linear-gradient(0deg,#0092ff,#20b8ff);content:"\f129";text-shadow:0 -1px #20a0ff}.tip.success{background:#61be33;background:-webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));background:-webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));background:-webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));background:-webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));background:-webkit-gradient(linear,left top,right top,from(#61be33),to(#8fce44));background:-webkit--webkit-linear-gradient(left,#61be33,#8fce44);background:-webkit--moz-linear-gradient(left,#61be33,#8fce44);background:-webkit--o-linear-gradient(left,#61be33,#8fce44);background:-webkit--ms-linear-gradient(left,#61be33,#8fce44);background:-webkit-linear-gradient(to right,#61be33,#8fce44);background:-webkit-linear-gradient(0deg,#61be33,#8fce44);background:-moz-linear-gradient(0deg,#61be33,#8fce44);background:-o-linear-gradient(0deg,#61be33,#8fce44);background:-ms-linear-gradient(0deg,#61be33,#8fce44);background:linear-gradient(90deg,#61be33,#8fce44);text-shadow:0 -1px #61be33;-webkit-box-shadow:0 3px 5px rgba(104,195,59,.5);-webkit-box-shadow:0 3px 5px rgba(104,195,59,.5);box-shadow:0 3px 5px rgba(104,195,59,.5)}.tip.success:before{background:-webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));background:-webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));background:-webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));background:-webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));background:-webkit-gradient(linear,left bottom,left top,from(#52bb1d),to(#95d34b));background:-webkit--webkit-linear-gradient(bottom,#52bb1d,#95d34b);background:-webkit--moz-linear-gradient(bottom,#52bb1d,#95d34b);background:-webkit--o-linear-gradient(bottom,#52bb1d,#95d34b);background:-webkit--ms-linear-gradient(bottom,#52bb1d,#95d34b);background:-webkit-linear-gradient(to top,#52bb1d,#95d34b);background:-webkit-linear-gradient(90deg,#52bb1d,#95d34b);background:-moz-linear-gradient(90deg,#52bb1d,#95d34b);background:-o-linear-gradient(90deg,#52bb1d,#95d34b);background:-ms-linear-gradient(90deg,#52bb1d,#95d34b);background:linear-gradient(0deg,#52bb1d,#95d34b);content:"\f00c";text-shadow:0 -1px #61be33}.tip.warning{background:#ff953f;background:-webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));background:-webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));background:-webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));background:-webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));background:-webkit-gradient(linear,left top,right top,from(#ff953f),to(#ffb449));background:-webkit--webkit-linear-gradient(left,#ff953f,#ffb449);background:-webkit--moz-linear-gradient(left,#ff953f,#ffb449);background:-webkit--o-linear-gradient(left,#ff953f,#ffb449);background:-webkit--ms-linear-gradient(left,#ff953f,#ffb449);background:-webkit-linear-gradient(to right,#ff953f,#ffb449);background:-webkit-linear-gradient(0deg,#ff953f,#ffb449);background:-moz-linear-gradient(0deg,#ff953f,#ffb449);background:-o-linear-gradient(0deg,#ff953f,#ffb449);background:-ms-linear-gradient(0deg,#ff953f,#ffb449);background:linear-gradient(90deg,#ff953f,#ffb449);text-shadow:0 -1px #ff953f;-webkit-box-shadow:0 3px 5px rgba(255,154,73,.5);-webkit-box-shadow:0 3px 5px rgba(255,154,73,.5);box-shadow:0 3px 5px rgba(255,154,73,.5)}.tip.warning:before{background:-webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));background:-webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));background:-webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));background:-webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));background:-webkit-gradient(linear,left bottom,left top,from(#ff8f35),to(#ffc149));background:-webkit--webkit-linear-gradient(bottom,#ff8f35,#ffc149);background:-webkit--moz-linear-gradient(bottom,#ff8f35,#ffc149);background:-webkit--o-linear-gradient(bottom,#ff8f35,#ffc149);background:-webkit--ms-linear-gradient(bottom,#ff8f35,#ffc149);background:-webkit-linear-gradient(to top,#ff8f35,#ffc149);background:-webkit-linear-gradient(90deg,#ff8f35,#ffc149);background:-moz-linear-gradient(90deg,#ff8f35,#ffc149);background:-o-linear-gradient(90deg,#ff8f35,#ffc149);background:-ms-linear-gradient(90deg,#ff8f35,#ffc149);background:linear-gradient(0deg,#ff8f35,#ffc149);content:"\f12a";text-shadow:0 -1px #ff953f}.tip.error{background:#ff4949;background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff7849));background:-webkit--webkit-linear-gradient(left,#ff4949,#ff7849);background:-webkit--moz-linear-gradient(left,#ff4949,#ff7849);background:-webkit--o-linear-gradient(left,#ff4949,#ff7849);background:-webkit--ms-linear-gradient(left,#ff4949,#ff7849);background:-webkit-linear-gradient(to right,#ff4949,#ff7849);background:-webkit-linear-gradient(0deg,#ff4949,#ff7849);background:-moz-linear-gradient(0deg,#ff4949,#ff7849);background:-o-linear-gradient(0deg,#ff4949,#ff7849);background:-ms-linear-gradient(0deg,#ff4949,#ff7849);background:linear-gradient(90deg,#ff4949,#ff7849);text-shadow:0 -1px #ff4949;-webkit-box-shadow:0 3px 5px rgba(255,73,73,.5);-webkit-box-shadow:0 3px 5px rgba(255,73,73,.5);box-shadow:0 3px 5px rgba(255,73,73,.5)}.tip.error:before{background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ff7849));background:-webkit--webkit-linear-gradient(bottom,#ff3838,#ff7849);background:-webkit--moz-linear-gradient(bottom,#ff3838,#ff7849);background:-webkit--o-linear-gradient(bottom,#ff3838,#ff7849);background:-webkit--ms-linear-gradient(bottom,#ff3838,#ff7849);background:-webkit-linear-gradient(to top,#ff3838,#ff7849);background:-webkit-linear-gradient(90deg,#ff3838,#ff7849);background:-moz-linear-gradient(90deg,#ff3838,#ff7849);background:-o-linear-gradient(90deg,#ff3838,#ff7849);background:-ms-linear-gradient(90deg,#ff3838,#ff7849);background:linear-gradient(0deg,#ff3838,#ff7849);content:"\f00d";text-shadow:0 -1px #ff4949}.tip.bolt{background:-webkit-gradient(linear,left bottom,left top,from(#3d8b48),to(#477837));background:-webkit-gradient(linear,left bottom,left top,from(#3d8b48),to(#477837));background:-webkit-gradient(linear,left bottom,left top,from(#3d8b48),to(#477837));background:-webkit-gradient(linear,left bottom,left top,from(#3d8b48),to(#477837));background:-webkit-gradient(linear,left bottom,left top,from(#3d8b48),to(#477837));background:-webkit--webkit-linear-gradient(bottom,#3c3,#459431);background:-webkit--moz-linear-gradient(bottom,#3c3,#459431);background:-webkit--o-linear-gradient(bottom,#3c3,#459431);background:-webkit--ms-linear-gradient(bottom,#3c3,#459431);background:-webkit-linear-gradient(to top,#3c3,#459431);background:-webkit-linear-gradient(80deg,#78ca33,#25822c);background:-moz-linear-gradient(80deg,#78ca33,#25822c);background:-o-linear-gradient(80deg,#78ca33,#25822c);background:-ms-linear-gradient(80deg,#78ca33,#25822c);background:linear-gradient(530deg,#78ca33,#25822c);content:"\f00d";text-shadow:0 -1px #4cf706}.tip.bolt:before{background:-webkit-gradient(linear,left bottom,left top,from(#3c0),to(#3c0));background:-webkit-gradient(linear,left bottom,left top,from(#3c0),to(#3c0));background:-webkit-gradient(linear,left bottom,left top,from(#3c0),to(#3c0));background:-webkit-gradient(linear,left bottom,left top,from(#3c0),to(#3c0));background:-webkit-gradient(linear,left bottom,left top,from(#3c0),to(#3c0));background:-webkit--webkit-linear-gradient(bottom,#3c3,#459431);background:-webkit--moz-linear-gradient(bottom,#3c3,#459431);background:-webkit--o-linear-gradient(bottom,#3c3,#459431);background:-webkit--ms-linear-gradient(bottom,#3c3,#459431);background:-webkit-linear-gradient(to top,#3c3,#459431);background:-webkit-linear-gradient(326deg,#78ca33,#25822c);background:-moz-linear-gradient(326deg,#78ca33,#25822c);background:-o-linear-gradient(326deg,#78ca33,#25822c);background:-ms-linear-gradient(326deg,#78ca33,#25822c);background:linear-gradient(776deg,#78ca33,#25822c);content:"\f0e7";text-shadow:0 -1px #4cf706}.tip.ban{background:#ff4949;background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff3443));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff3443));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff3443));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff3443));background:-webkit-gradient(linear,left top,right top,from(#ff4949),to(#ff3443));background:-webkit--webkit-linear-gradient(left,#ff4949,#ff1022);background:-webkit--moz-linear-gradient(left,#ff4949,#ff1022);background:-webkit--o-linear-gradient(left,#ff4949,#ff1022);background:-webkit--ms-linear-gradient(left,#ff4949,#ff1022);background:-webkit-linear-gradient(to right,#ff4949,#ff1022);background:-webkit-linear-gradient(0deg,#ff4949,#f03b49);background:-moz-linear-gradient(0deg,#ff4949,#f03b49);background:-o-linear-gradient(0deg,#ff4949,#f03b49);background:-ms-linear-gradient(0deg,#ff4949,#f03b49);background:linear-gradient(90deg,#ff4949,#f03b49);text-shadow:0 -1px #ff4949;-webkit-box-shadow:0 3px 5px rgba(255,73,73,.5);-webkit-box-shadow:0 3px 5px rgba(255,73,73,.5);box-shadow:0 3px 5px rgba(255,73,73,.5)}.tip.ban:before{background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ce4617));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ce4617));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ce4617));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ce4617));background:-webkit-gradient(linear,left bottom,left top,from(#ff3838),to(#ce4617));background:-webkit--webkit-linear-gradient(bottom,#ff3838,#d23e49);background:-webkit--moz-linear-gradient(bottom,#ff3838,#d23e49);background:-webkit--o-linear-gradient(bottom,#ff3838,#d23e49);background:-webkit--ms-linear-gradient(bottom,#ff3838,#d23e49);background:-webkit-linear-gradient(to top,#ff3838,#d23e49);background:-webkit-linear-gradient(90deg,#ff3838,#ff1022);background:-moz-linear-gradient(90deg,#ff3838,#ff1022);background:-o-linear-gradient(90deg,#ff3838,#ff1022);background:-ms-linear-gradient(90deg,#ff3838,#ff1022);background:linear-gradient(0deg,#ff3838,#ff1022);content:"\f05e";text-shadow:0 -1px #ff4949}.tip.home{background:#15e5ff;background:-webkit-gradient(linear,left top,right top,from(#5bc6d4) to(#0ec0ef));background:-webkit-gradient(linear,left top,right top,from(#5bc6d4) to(#0ec0ef));background:-webkit-gradient(linear,left top,right top,from(#5bc6d4) to(#0ec0ef));background:-webkit-gradient(linear,left top,right top,from(#5bc6d4) to(#0ec0ef));background:-webkit-gradient(linear,left top,right top,from(#5bc6d4) to(#0ec0ef));background:-webkit--webkit-linear-gradient(left,#0ec0ef,#80e0f9);background:-webkit--moz-linear-gradient(left,#0ec0ef,#80e0f9);background:-webkit--o-linear-gradient(left,#0ec0ef,#80e0f9);background:-webkit--ms-linear-gradient(left,#0ec0ef,#80e0f9);background:-webkit-linear-gradient(to right,#0ec0ef,#80e0f9);background:-webkit-linear-gradient(0deg,#0ec0ef,#80e0f7);background:-moz-linear-gradient(0deg,#0ec0ef,#80e0f7);background:-o-linear-gradient(0deg,#0ec0ef,#80e0f7);background:-ms-linear-gradient(0deg,#0ec0ef,#80e0f7);background:linear-gradient(90deg,#0ec0ef,#80e0f7);text-shadow:0 -1px #0ec0ef;-webkit-box-shadow:0 3px 5px #01caff;-webkit-box-shadow:0 3px 5px #01caff;box-shadow:0 3px 5px #01caff}.tip.home:before{background:-webkit-gradient(linear,left bottom,left top,form(#0ec0ee) to(#0ee0cc));background:-webkit-gradient(linear,left bottom,left top,form(#0ec0ee) to(#0ee0cc));background:-webkit-gradient(linear,left bottom,left top,form(#0ec0ee) to(#0ee0cc));background:-webkit-gradient(linear,left bottom,left top,form(#0ec0ee) to(#0ee0cc));background:-webkit-gradient(linear,left bottom,left top,form(#0ec0ee) to(#0ee0cc));background:-webkit--webkit-linear-gradient(bottom,#0ec0ee,#0ec2ee);background:-webkit--moz-linear-gradient(bottom,#0ec0ee,#0ec2ee);background:-webkit--o-linear-gradient(bottom,#0ec0ee,#0ec2ee);background:-webkit--ms-linear-gradient(bottom,#0ec0ee,#0ec2ee);background:-webkit-linear-gradient(to top,#0ec0ee,#0ec2ee);background:-webkit-linear-gradient(90deg,#0ec0ee,#0ec0ea);background:-moz-linear-gradient(90deg,#0ec0ee,#0ec0ea);background:-o-linear-gradient(90deg,#0ec0ee,#0ec0ea);background:-ms-linear-gradient(90deg,#0ec0ee,#0ec0ea);background:linear-gradient(0deg,#0ec0ee,#0ec0ea);content:"\f015";text-shadow:0 -1px #0ec0ea}.tip.sync{background:#00a9ff;background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#c7eef9));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#c7eef9));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#c7eef9));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#c7eef9));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#c7eef9));background:-webkit--webkit-linear-gradient(left,#53cff1,#2e9fbd);background:-webkit--moz-linear-gradient(left,#53cff1,#2e9fbd);background:-webkit--o-linear-gradient(left,#53cff1,#2e9fbd);background:-webkit--ms-linear-gradient(left,#53cff1,#2e9fbd);background:-webkit-linear-gradient(to right,#53cff1,#2e9fbd);background:-webkit-linear-gradient(220deg,#47c0e0,#2dc342);background:-moz-linear-gradient(220deg,#47c0e0,#2dc342);background:-o-linear-gradient(220deg,#47c0e0,#2dc342);background:-ms-linear-gradient(220deg,#47c0e0,#2dc342);background:linear-gradient(230deg,#47c0e0,#2dc342);text-shadow:0 -1px #1bcdfc;-webkit-box-shadow:0 3px 5px #1bcdfc;-webkit-box-shadow:0 3px 5px #20b1ad;box-shadow:0 3px 5px #20b1ad}.tip.sync:before{background:-webkit-gradient(linear,left bottom,left top,from(#00c3f7),to(#88d3e6));background:-webkit-gradient(linear,left bottom,left top,from(#00c3f7),to(#88d3e6));background:-webkit-gradient(linear,left bottom,left top,from(#00c3f7),to(#88d3e6));background:-webkit-gradient(linear,left bottom,left top,from(#00c3f7),to(#88d3e6));background:-webkit-gradient(linear,left bottom,left top,from(#00c3f7),to(#88d3e6));background:-webkit--webkit-linear-gradient(bottom,#83e5ff,#0aa8d2);background:-webkit--moz-linear-gradient(bottom,#83e5ff,#0aa8d2);background:-webkit--o-linear-gradient(bottom,#83e5ff,#0aa8d2);background:-webkit--ms-linear-gradient(bottom,#83e5ff,#0aa8d2);background:-webkit-linear-gradient(to top,#83e5ff,#0aa8d2);background:-webkit-linear-gradient(180deg,#40c0e2,#3dc550);background:-moz-linear-gradient(180deg,#40c0e2,#3dc550);background:-o-linear-gradient(180deg,#40c0e2,#3dc550);background:-ms-linear-gradient(180deg,#40c0e2,#3dc550);background:linear-gradient(270deg,#40c0e2,#3dc550);content:"\f021";text-shadow:0 -1px #17cfff}.tip.cogs{background:#1502ff;background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit--webkit-linear-gradient(left,#5246e2,#5246e2);background:-webkit--moz-linear-gradient(left,#5246e2,#5246e2);background:-webkit--o-linear-gradient(left,#5246e2,#5246e2);background:-webkit--ms-linear-gradient(left,#5246e2,#5246e2);background:-webkit-linear-gradient(to right,#5246e2,#5246e2);background:-webkit-linear-gradient(220deg,#40c0e2,#5247e2);background:-moz-linear-gradient(220deg,#40c0e2,#5247e2);background:-o-linear-gradient(220deg,#40c0e2,#5247e2);background:-ms-linear-gradient(220deg,#40c0e2,#5247e2);background:linear-gradient(230deg,#40c0e2,#5247e2);text-shadow:0 -1px #8278fd;-webkit-box-shadow:0 3px 5px #4037a7;-webkit-box-shadow:1 3px 5px #5e52ec;box-shadow:1 3px 5px #5e52ec}.tip.cogs:before{background:-webkit-gradient(linear,left bottom,left top,from(#3020f3),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#3020f3),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#3020f3),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#3020f3),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#3020f3),to(#b1abf5));background:-webkit--webkit-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--moz-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--o-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--ms-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit-linear-gradient(to top,#5246e2,#5246e2);background:-webkit-linear-gradient(110deg,#40c0e2,#5246e2);background:-moz-linear-gradient(110deg,#40c0e2,#5246e2);background:-o-linear-gradient(110deg,#40c0e2,#5246e2);background:-ms-linear-gradient(110deg,#40c0e2,#5246e2);background:linear-gradient(560deg,#40c0e2,#5246e2);content:"\f085";text-shadow:0 -1px #098cf5}.tip.key{background:#25c33b;background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit--webkit-linear-gradient(left,#648798,#90a4ae);background:-webkit--moz-linear-gradient(left,#648798,#90a4ae);background:-webkit--o-linear-gradient(left,#648798,#90a4ae);background:-webkit--ms-linear-gradient(left,#648798,#90a4ae);background:-webkit-linear-gradient(to right,#648798,#90a4ae);background:-webkit-linear-gradient(220deg,#90a4ae,#b7a7a7);background:-moz-linear-gradient(220deg,#90a4ae,#b7a7a7);background:-o-linear-gradient(220deg,#90a4ae,#b7a7a7);background:-ms-linear-gradient(220deg,#90a4ae,#b7a7a7);background:linear-gradient(230deg,#90a4ae,#b7a7a7);text-shadow:0 -1px #c1c0d4;-webkit-box-shadow:0 3px 5px #d3d2de;-webkit-box-shadow:1 3px 5px #d5d4de;box-shadow:1 3px 5px #d5d4de}.tip.key:before{background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit--webkit-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--moz-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--o-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--ms-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit-linear-gradient(to top,#5246e2,#5246e2);background:-webkit-linear-gradient(110deg,#bccdd2,#cfced4);background:-moz-linear-gradient(110deg,#bccdd2,#cfced4);background:-o-linear-gradient(110deg,#bccdd2,#cfced4);background:-ms-linear-gradient(110deg,#bccdd2,#cfced4);background:linear-gradient(560deg,#bccdd2,#cfced4);content:"\f084";text-shadow:0 -1px #a9b2b9}.tip.bell{background:#25c33b;background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit-gradient(linear,left top,right top,from(rgba(81,167,189,.2)),to(#8379ff));background:-webkit--webkit-linear-gradient(left,#648798,#90a4ae);background:-webkit--moz-linear-gradient(left,#648798,#90a4ae);background:-webkit--o-linear-gradient(left,#648798,#90a4ae);background:-webkit--ms-linear-gradient(left,#648798,#90a4ae);background:-webkit-linear-gradient(to right,#648798,#90a4ae);background:-webkit-linear-gradient(220deg,#ffaa0d,#deb455);background:-moz-linear-gradient(220deg,#ffaa0d,#deb455);background:-o-linear-gradient(220deg,#ffaa0d,#deb455);background:-ms-linear-gradient(220deg,#ffaa0d,#deb455);background:linear-gradient(230deg,#ffaa0d,#deb455);text-shadow:0 -1px #c1c0d4;-webkit-box-shadow:0 3px 5px #d3d2de;-webkit-box-shadow:1 3px 5px #d5d4de;box-shadow:1 3px 5px #d5d4de}.tip.bell:before{background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit-gradient(linear,left bottom,left top,from(#dddce8),to(#b1abf5));background:-webkit--webkit-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--moz-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--o-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit--ms-linear-gradient(bottom,#5246e2,#5246e2);background:-webkit-linear-gradient(to top,#5246e2,#5246e2);background:-webkit-linear-gradient(110deg,#f9ae07,#ffb615);background:-moz-linear-gradient(110deg,#f9ae07,#ffb615);background:-o-linear-gradient(110deg,#f9ae07,#ffb615);background:-ms-linear-gradient(110deg,#f9ae07,#ffb615);background:linear-gradient(560deg,#f9ae07,#ffb615);content:"\f0f3";text-shadow:0 -1px #ffb81b}[data-theme=dark] .tip{filter:brightness(.7)}#article-container .tip a{color:#e6eaed}
2
+ /*# sourceMappingURL=../maps/css/tags.css.map */