sinzmise-cetastories 2.0.0-1731064238567 → 2.0.0-1731114112124

Sign up to get free protection for your applications and to get access to all the features.
Files changed (202) hide show
  1. package/404/index.html +4033 -1
  2. package/about/index.html +4041 -1
  3. package/album/index.html +4050 -1
  4. package/archives/2021/12/index.html +3917 -1
  5. package/archives/2021/index.html +3917 -1
  6. package/archives/2022/12/index.html +3917 -1
  7. package/archives/2022/index.html +3917 -1
  8. package/archives/2023/01/index.html +4072 -1
  9. package/archives/2023/02/index.html +3917 -1
  10. package/archives/2023/03/index.html +4063 -1
  11. package/archives/2023/04/index.html +3992 -1
  12. package/archives/2023/07/index.html +4217 -1
  13. package/archives/2023/08/index.html +4067 -1
  14. package/archives/2023/09/index.html +3917 -1
  15. package/archives/2023/10/index.html +3917 -1
  16. package/archives/2023/11/index.html +3917 -1
  17. package/archives/2023/12/index.html +3918 -1
  18. package/archives/2023/index.html +4591 -1
  19. package/archives/2023/page/2/index.html +4572 -1
  20. package/archives/2023/page/3/index.html +3930 -1
  21. package/archives/2024/01/index.html +4142 -1
  22. package/archives/2024/02/index.html +3922 -1
  23. package/archives/2024/03/index.html +3916 -1
  24. package/archives/2024/04/index.html +3997 -1
  25. package/archives/2024/05/index.html +4065 -1
  26. package/archives/2024/06/index.html +3917 -1
  27. package/archives/2024/07/index.html +3917 -1
  28. package/archives/2024/08/index.html +3992 -1
  29. package/archives/2024/09/index.html +3917 -1
  30. package/archives/2024/10/index.html +3984 -1
  31. package/archives/2024/index.html +4576 -1
  32. package/archives/2024/page/2/index.html +4433 -1
  33. package/archives/index.html +4560 -1
  34. package/archives/page/2/index.html +4560 -1
  35. package/archives/page/3/index.html +4560 -1
  36. package/archives/page/4/index.html +4560 -1
  37. package/archives/page/5/index.html +4560 -1
  38. package/assets/algolia/algoliasearch.js +7182 -3
  39. package/assets/algolia/algoliasearchLite.js +4445 -3
  40. package/atom.xml +31 -31
  41. package/bbs/bbs.html +4012 -1
  42. package/bbs/bbs.js +12 -2
  43. package/bbs/index.html +4031 -1
  44. package/categories/index.html +4050 -1
  45. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/index.html +4570 -1
  46. package/categories//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +4485 -1
  47. package/categories//346/255/214/346/233/262/346/224/266/351/233/206/index.html +3920 -1
  48. package/categories//346/270/270/346/210/217/347/233/270/345/205/263/index.html +4148 -1
  49. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/index.html +4610 -1
  50. package/categories//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +4148 -1
  51. package/categories//351/241/271/347/233/256/346/212/230/350/205/276/index.html +4072 -1
  52. package/charts/index.html +4039 -1
  53. package/comments/index.html +4052 -1
  54. package/content.json +1 -0
  55. package/css/custom2.css +3 -2
  56. package/css/first.css +1868 -2
  57. package/css/pace/big-counter.css +39 -2
  58. package/css/pace/corner-indicator.css +72 -2
  59. package/css/pace/flash.css +76 -2
  60. package/css/pace/mac-osx.css +86 -2
  61. package/css/pace/pace.css +50 -2
  62. package/css/plane.css +59 -2
  63. package/css/style.css +8585 -2
  64. package/css/tags.css +3516 -2
  65. package/essay/index.html +4050 -1
  66. package/fcircle/index.html +4075 -1
  67. package/games +61 -19
  68. package/index.html +4717 -1
  69. package/js/app.js +1341 -2
  70. package/js/autoload.js +62 -2
  71. package/js/ceta/fancybox.css +2 -2
  72. package/js/ceta/fancybox.umd.js +2 -2
  73. package/js/ceta/iconfontInkss.js +1 -2
  74. package/js/ceta/message.css +6 -2
  75. package/js/ceta/message.js +6 -2
  76. package/js/clock.js +1 -2
  77. package/js/kslink.js +38 -2
  78. package/js/newyear.js +76 -2
  79. package/js/plane.js +2200 -2
  80. package/js/plugins/aplayer.js +186 -2
  81. package/js/plugins/parallax.js +191 -2
  82. package/js/plugins/rightMenus.js +623 -2
  83. package/js/plugins/tags/contributors.js +92 -2
  84. package/js/plugins/tags/friends.js +93 -2
  85. package/js/plugins/tags/sites.js +96 -2
  86. package/js/search/algolia.js +239 -2
  87. package/js/search/hexo.js +195 -2
  88. package/js/search/meilisearch.js +220 -2
  89. package/js/txmap.js +248 -2
  90. package/link/index.html +6180 -1
  91. package/load.html +294 -1
  92. package/music/index.html +4033 -1
  93. package/package.json +1 -1
  94. package/page/2/index.html +4578 -1
  95. package/page/3/index.html +4575 -1
  96. package/page/4/index.html +4572 -1
  97. package/page/5/index.html +3924 -1
  98. package/posts/10021/index.html +4130 -5
  99. package/posts/10045/index.html +4224 -1
  100. package/posts/10733/index.html +4125 -1
  101. package/posts/10996/index.html +4127 -5
  102. package/posts/12779/index.html +4134 -1
  103. package/posts/13624/index.html +4179 -1
  104. package/posts/15688/index.html +4133 -1
  105. package/posts/15748/index.html +4121 -5
  106. package/posts/15799/index.html +4130 -1
  107. package/posts/15842/index.html +4121 -5
  108. package/posts/16107/index.html +4111 -1
  109. package/posts/18063/index.html +4124 -1
  110. package/posts/20412/index.html +4134 -1
  111. package/posts/21375/index.html +4124 -1
  112. package/posts/22945/index.html +4169 -4
  113. package/posts/23021/index.html +4104 -1
  114. package/posts/27531/index.html +4121 -5
  115. package/posts/28536/index.html +4116 -1
  116. package/posts/28733/index.html +4168 -1
  117. package/posts/29196/index.html +4106 -1
  118. package/posts/38917/index.html +4144 -1
  119. package/posts/38964/index.html +4208 -1
  120. package/posts/42487/index.html +4135 -1
  121. package/posts/42580/index.html +4128 -1
  122. package/posts/45875/index.html +4118 -1
  123. package/posts/46640/index.html +4147 -1
  124. package/posts/48762/index.html +4109 -1
  125. package/posts/50710/index.html +4114 -1
  126. package/posts/52677/index.html +4125 -1
  127. package/posts/53662/index.html +4123 -1
  128. package/posts/54386/index.html +4116 -1
  129. package/posts/54481/index.html +4133 -1
  130. package/posts/54787/index.html +4124 -5
  131. package/posts/56467/index.html +4121 -1
  132. package/posts/57692/index.html +4143 -1
  133. package/posts/58203/index.html +4116 -1
  134. package/posts/61417/index.html +4117 -1
  135. package/posts/61712/index.html +4113 -1
  136. package/posts/646/index.html +4106 -1
  137. package/posts/64856/index.html +4120 -1
  138. package/posts/64935/index.html +4120 -1
  139. package/search.xml +84 -84
  140. package/seas/index.html +4050 -1
  141. package/sw.js +798 -2
  142. package/tags/Flash/347/233/270/345/205/263/index.html +3924 -1
  143. package/tags/Steam/346/270/270/346/210/217/index.html +3924 -1
  144. package/tags/Windows/350/275/257/344/273/266/index.html +3997 -1
  145. package/tags/index.html +4033 -1
  146. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/index.html +4570 -1
  147. package/tags//344/270/252/344/272/272/345/260/217/350/256/260/page/2/index.html +4485 -1
  148. package/tags//345/205/266/345/256/203/346/270/270/346/210/217/index.html +4073 -1
  149. package/tags//345/212/240/350/275/275/345/212/250/347/224/273/index.html +3924 -1
  150. 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 +3925 -1
  151. package/tags//346/255/214/346/233/262/346/224/266/351/233/206/index.html +3920 -1
  152. package/tags//346/270/270/346/210/217/347/233/270/345/205/263/index.html +4148 -1
  153. package/tags//347/253/231/347/202/271/345/272/225/351/203/250/351/255/224/346/224/271/index.html +3924 -1
  154. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/index.html +4610 -1
  155. package/tags//347/253/231/347/202/271/346/212/230/350/205/276/page/2/index.html +4148 -1
  156. package/tags//350/207/252/345/273/272/351/203/250/347/275/262/index.html +4224 -1
  157. package/tags//351/241/265/351/235/242/351/255/224/346/224/271/index.html +4075 -1
  158. package/tags//351/241/271/347/233/256/346/212/230/350/205/276/index.html +4072 -1
  159. package/update/index.html +4112 -1
  160. package/weichuncai/css/style.css +25 -2
  161. package/weichuncai/js/common.js +449 -2
  162. package/weichuncai/js/jquery.js +139 -2
  163. package/weichuncai/wcc-config.js +17 -2
  164. package/maps/assets/algolia/algoliasearch.js.map +0 -1
  165. package/maps/assets/algolia/algoliasearchLite.js.map +0 -1
  166. package/maps/bbs/bbs.js.map +0 -1
  167. package/maps/css/custom2.css.map +0 -1
  168. package/maps/css/first.css.map +0 -1
  169. package/maps/css/pace/big-counter.css.map +0 -1
  170. package/maps/css/pace/corner-indicator.css.map +0 -1
  171. package/maps/css/pace/flash.css.map +0 -1
  172. package/maps/css/pace/mac-osx.css.map +0 -1
  173. package/maps/css/pace/pace.css.map +0 -1
  174. package/maps/css/plane.css.map +0 -1
  175. package/maps/css/style.css.map +0 -1
  176. package/maps/css/tags.css.map +0 -1
  177. package/maps/js/app.js.map +0 -1
  178. package/maps/js/autoload.js.map +0 -1
  179. package/maps/js/ceta/fancybox.css.map +0 -1
  180. package/maps/js/ceta/fancybox.umd.js.map +0 -1
  181. package/maps/js/ceta/iconfontInkss.js.map +0 -1
  182. package/maps/js/ceta/message.css.map +0 -1
  183. package/maps/js/ceta/message.js.map +0 -1
  184. package/maps/js/clock.js.map +0 -1
  185. package/maps/js/kslink.js.map +0 -1
  186. package/maps/js/newyear.js.map +0 -1
  187. package/maps/js/plane.js.map +0 -1
  188. package/maps/js/plugins/aplayer.js.map +0 -1
  189. package/maps/js/plugins/parallax.js.map +0 -1
  190. package/maps/js/plugins/rightMenus.js.map +0 -1
  191. package/maps/js/plugins/tags/contributors.js.map +0 -1
  192. package/maps/js/plugins/tags/friends.js.map +0 -1
  193. package/maps/js/plugins/tags/sites.js.map +0 -1
  194. package/maps/js/search/algolia.js.map +0 -1
  195. package/maps/js/search/hexo.js.map +0 -1
  196. package/maps/js/search/meilisearch.js.map +0 -1
  197. package/maps/js/txmap.js.map +0 -1
  198. package/maps/sw.js.map +0 -1
  199. package/maps/weichuncai/css/style.css.map +0 -1
  200. package/maps/weichuncai/js/common.js.map +0 -1
  201. package/maps/weichuncai/js/jquery.js.map +0 -1
  202. package/maps/weichuncai/wcc-config.js.map +0 -1
package/css/tags.css CHANGED
@@ -1,2 +1,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 */
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
+ }